From ef831b93769f744ad83358aa7c55c54e59ade47b Mon Sep 17 00:00:00 2001
From: "Anthony Fu (via agent)" <reg-github-bot@antfu.me>
Date: Thu, 13 Aug 2026 02:38:18 +0000
Subject: [PATCH 01/11] =?UTF-8?q?feat!:=20swappable=20UI=20packages=20?=
 =?UTF-8?q?=E2=80=94=20renderer-module=20manifest=20+=20missing-renderer?=
 =?UTF-8?q?=20fallback?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The headless/UI split becomes fully swappable, both ways, independently
(plan 033):

- @devframes/hub: initHub({ renderers }) serves prebuilt renderer modules at
  <base>__renderers/<type>.mjs and publishes a renderer manifest over shared
  state; the client registry lazy-imports manifest modules (local
  registrations win) and mount() resolves a typed result
  (mounted / missing-renderer / load-error). DF8108–DF8110 diagnostics.
- @devframes/json-render: owns the renderer contract
  (JsonRenderDockRenderer / JsonRenderDockMountOptions on ./hub).
- @devframes/json-render-ui: ships a self-contained, self-styling,
  shadow-root-safe renderer module plus the jsonRenderUiRenderer()
  registration helper on the new ./hub entry.
- @devframes/hub-ui: drops its bundled json-render components; every
  non-native dock type routes through the registry, with a generic
  missing-renderer fallback view (load-error variant with retry).
- Examples: minimal hosts compose json-render-ui via the manifest one-liner;
  hub-vite consumes the manifest, hub-next overrides it with a local React
  renderer, and both witness the fallback with an unrendered dock type.
- Docs: renderer-modules guide section, build-your-own-hub-ui and
  build-your-own-json-render-frontend guides, error pages, 0.9 migration
  notes.

BREAKING CHANGE: renderers.mount() resolves a DockRendererMountResult instead
of a bare disposer, and @devframes/hub-ui no longer bundles a json-render
renderer — compose one via initHub({ renderers: [jsonRenderUiRenderer()] }).
---
 alias.ts                                      |   1 +
 docs/.vitepress/config.ts                     |   2 +
 docs/errors/DF8108.md                         |  33 +++
 docs/errors/DF8109.md                         |  32 +++
 docs/errors/DF8110.md                         |  31 +++
 docs/guide/build-your-own-hub-ui.md           | 100 +++++++
 .../build-your-own-json-render-frontend.md    |  79 ++++++
 docs/guide/client-context.md                  |   4 +-
 docs/guide/hub-initiate.md                    |  20 ++
 docs/guide/json-render.md                     |  61 +++-
 docs/guide/migration-0.9.md                   |  36 ++-
 examples/hub-next-minimal/package.json        |   2 +
 examples/hub-next-minimal/src/client/hub.ts   |  35 ++-
 examples/hub-next/README.md                   |   5 +-
 examples/hub-next/package.json                |   1 +
 examples/hub-next/src/client/app/page.tsx     |  72 ++++-
 .../src/client/devframe/next-devframe-hub.ts  |  12 +
 .../src/client/devframe/unrendered-dock.ts    |  28 ++
 .../src/client/json-render/dock-renderer.tsx  |  23 +-
 examples/hub-rsbuild-minimal/package.json     |   2 +
 .../hub-rsbuild-minimal/rsbuild.config.ts     |  33 +++
 examples/hub-vite-minimal/package.json        |   2 +
 examples/hub-vite-minimal/vite.config.ts      |  33 +++
 examples/hub-vite/README.md                   |   5 +-
 examples/hub-vite/package.json                |   4 +-
 examples/hub-vite/src/client/env.d.ts         |  10 -
 examples/hub-vite/src/client/main.ts          |  57 ++--
 examples/hub-vite/src/unrendered-dock.ts      |  28 ++
 examples/hub-vite/src/vite-devframe-hub.ts    |  11 +-
 examples/hub-vite/vite.config.ts              |  20 +-
 knip.jsonc                                    |   6 +-
 packages/hub-ui/package.json                  |   2 -
 packages/hub-ui/src/client/.generated/css.ts  |   2 +-
 .../views/ViewDockRenderer.stories.ts         |  70 +++++
 .../components/views/ViewDockRenderer.vue     | 116 ++++++++
 .../src/client/components/views/ViewEntry.vue |  18 +-
 .../components/views/ViewJsonRender.vue       | 113 --------
 .../client/json-render/JsonRender.stories.ts  | 261 ------------------
 .../client/json-render/components/Badge.ts    |  38 ---
 .../client/json-render/components/Button.ts   |  52 ----
 .../src/client/json-render/components/Card.ts |  71 -----
 .../json-render/components/CodeBlock.ts       |  51 ----
 .../json-render/components/DataTable.ts       |  81 ------
 .../client/json-render/components/Divider.ts  |  32 ---
 .../src/client/json-render/components/Icon.ts |  23 --
 .../json-render/components/KeyValueTable.ts   |  34 ---
 .../src/client/json-render/components/Link.ts |  69 -----
 .../client/json-render/components/Progress.ts |  46 ---
 .../client/json-render/components/Select.ts   | 244 ----------------
 .../client/json-render/components/Stack.ts    |  59 ----
 .../client/json-render/components/Switch.ts   |  78 ------
 .../src/client/json-render/components/Tabs.ts | 175 ------------
 .../src/client/json-render/components/Text.ts |  32 ---
 .../json-render/components/TextInput.ts       |  67 -----
 .../src/client/json-render/components/Tree.ts |  54 ----
 .../components/UnsupportedComponent.ts        |  41 ---
 .../client/json-render/components/tokens.ts   |  80 ------
 .../client/json-render/components/types.ts    |  44 ---
 .../hub-ui/src/client/json-render/registry.ts |  46 ---
 packages/hub-ui/src/client/primary-ramp.css   |  11 -
 packages/hub-ui/src/client/state/context.ts   |  15 +-
 packages/hub-ui/src/client/state/renderers.ts |  62 ++---
 .../hub-ui/src/client/stories/mock-context.ts |   3 +
 .../src/client/__tests__/renderers.test.ts    |  78 +++++-
 packages/hub/src/client/host.ts               |  53 ++--
 packages/hub/src/client/renderers.ts          | 192 +++++++++++--
 packages/hub/src/constants.ts                 |   8 +
 packages/hub/src/node/diagnostics.ts          |  12 +
 packages/hub/src/node/initiate.ts             |  99 +++++++
 packages/json-render-ui/package.json          |  14 +-
 packages/json-render-ui/scripts/build-css.ts  |  74 +++++
 packages/json-render-ui/src/.generated/css.ts |   3 +
 packages/json-render-ui/src/dock-renderer.ts  |  25 +-
 packages/json-render-ui/src/hub.ts            |  44 +++
 .../src/renderer-module/index.ts              |  76 +++++
 .../src/renderer-module/primary-ramp.css      |  29 ++
 .../src/renderer-module/vite.config.ts        |  64 +++++
 packages/json-render-ui/tsdown.config.ts      |   3 +
 packages/json-render/src/hub.ts               |  20 ++
 ...-swappable-hub-ui-and-renderer-manifest.md | 185 +++++++++++++
 plans/README.md                               |   1 +
 pnpm-lock.yaml                                |  51 ++--
 .../@devframes/hub/client.snapshot.d.ts       |  25 +-
 .../tsnapi/@devframes/hub/client.snapshot.js  |   1 +
 .../@devframes/hub/constants.snapshot.d.ts    |   1 +
 .../@devframes/hub/constants.snapshot.js      |   1 +
 .../@devframes/hub/initiate.snapshot.d.ts     |   6 +
 .../json-render-ui/hub.snapshot.d.ts          |   6 +
 .../@devframes/json-render-ui/hub.snapshot.js |   6 +
 .../json-render-ui/index.snapshot.d.ts        |  17 +-
 .../@devframes/json-render/hub.snapshot.d.ts  |   5 +
 tsconfig.base.json                            |   3 +
 92 files changed, 1918 insertions(+), 2062 deletions(-)
 create mode 100644 docs/errors/DF8108.md
 create mode 100644 docs/errors/DF8109.md
 create mode 100644 docs/errors/DF8110.md
 create mode 100644 docs/guide/build-your-own-hub-ui.md
 create mode 100644 docs/guide/build-your-own-json-render-frontend.md
 create mode 100644 examples/hub-next/src/client/devframe/unrendered-dock.ts
 create mode 100644 examples/hub-vite/src/unrendered-dock.ts
 create mode 100644 packages/hub-ui/src/client/components/views/ViewDockRenderer.stories.ts
 create mode 100644 packages/hub-ui/src/client/components/views/ViewDockRenderer.vue
 delete mode 100644 packages/hub-ui/src/client/components/views/ViewJsonRender.vue
 delete mode 100644 packages/hub-ui/src/client/json-render/JsonRender.stories.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/Badge.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/Button.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/Card.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/CodeBlock.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/DataTable.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/Divider.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/Icon.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/KeyValueTable.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/Link.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/Progress.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/Select.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/Stack.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/Switch.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/Tabs.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/Text.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/TextInput.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/Tree.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/UnsupportedComponent.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/tokens.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/components/types.ts
 delete mode 100644 packages/hub-ui/src/client/json-render/registry.ts
 create mode 100644 packages/json-render-ui/scripts/build-css.ts
 create mode 100644 packages/json-render-ui/src/.generated/css.ts
 create mode 100644 packages/json-render-ui/src/hub.ts
 create mode 100644 packages/json-render-ui/src/renderer-module/index.ts
 create mode 100644 packages/json-render-ui/src/renderer-module/primary-ramp.css
 create mode 100644 packages/json-render-ui/src/renderer-module/vite.config.ts
 create mode 100644 plans/033-swappable-hub-ui-and-renderer-manifest.md
 create mode 100644 tests/__snapshots__/tsnapi/@devframes/json-render-ui/hub.snapshot.d.ts
 create mode 100644 tests/__snapshots__/tsnapi/@devframes/json-render-ui/hub.snapshot.js

diff --git a/alias.ts b/alias.ts
index 659cabda..f3500fc6 100644
--- a/alias.ts
+++ b/alias.ts
@@ -57,6 +57,7 @@ export const alias = {
   '@devframes/json-render/node': r('json-render/src/node/index.ts'),
   '@devframes/json-render': r('json-render/src/index.ts'),
   '@devframes/json-render-ui/components': r('json-render-ui/src/components/index.ts'),
+  '@devframes/json-render-ui/hub': r('json-render-ui/src/hub.ts'),
   '@devframes/json-render-ui/spa': r('json-render-ui/src/spa.ts'),
   '@devframes/json-render-ui': r('json-render-ui/src/index.ts'),
   'json-render/dashboard': fileURLToPath(new URL('./examples/json-render/src/dashboard.ts', import.meta.url)),
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 2c37dd44..c2c1feb1 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -35,6 +35,8 @@ function guideItems(prefix: string) {
     { text: 'Serve a Hub Anywhere', link: `${prefix}/guide/hub-initiate` },
     { text: 'Deep Linking', link: `${prefix}/guide/deep-linking` },
     { text: 'Client Scripts & Context', link: `${prefix}/guide/client-context` },
+    { text: 'Build Your Own Hub UI', link: `${prefix}/guide/build-your-own-hub-ui` },
+    { text: 'Build Your Own JSON-Render Frontend', link: `${prefix}/guide/build-your-own-json-render-frontend` },
     { text: 'Agent-Native (experimental)', link: `${prefix}/guide/agent-native` },
   ] satisfies DefaultTheme.NavItemWithLink[]
 }
diff --git a/docs/errors/DF8108.md b/docs/errors/DF8108.md
new file mode 100644
index 00000000..12429f32
--- /dev/null
+++ b/docs/errors/DF8108.md
@@ -0,0 +1,33 @@
+---
+outline: deep
+---
+
+# DF8108: Duplicate Renderer Module Type
+
+## Message
+
+> A renderer module is already registered for dock type "`{type}`"
+
+## Cause
+
+`initHub({ renderers })` received two registrations carrying the same `type`. Each dock type resolves to exactly one renderer module in the hub's renderer manifest — the module served at `<base>__renderers/<type>.mjs` — so a second registration for the same type would be unreachable.
+
+## Example
+
+```ts
+initHub({
+  renderers: [
+    jsonRenderUiRenderer(),
+    { type: 'json-render', file: myOtherRenderer }, // ✗ duplicate type
+  ],
+})
+```
+
+## Fix
+
+- Keep one registration per dock type — pick the implementation you want the manifest to serve.
+- To override a manifest module for one specific client, register a renderer locally instead (`createDevframeClientHost({ renderers })`); local registrations take precedence.
+
+## Source
+
+- [`packages/hub/src/node/initiate.ts`](https://github.com/devframes/devframe/blob/main/packages/hub/src/node/initiate.ts) — `resolveRendererRegistrations()` throws when a `type` repeats.
diff --git a/docs/errors/DF8109.md b/docs/errors/DF8109.md
new file mode 100644
index 00000000..4369edd2
--- /dev/null
+++ b/docs/errors/DF8109.md
@@ -0,0 +1,32 @@
+---
+outline: deep
+---
+
+# DF8109: Renderer Module File Missing
+
+## Message
+
+> The renderer module registered for dock type "`{type}`" does not exist at "`{file}`"
+
+## Cause
+
+An `initHub({ renderers })` registration points at a file that isn't on disk. Renderer modules are prebuilt, self-contained browser ES modules the hub serves verbatim at `<base>__renderers/<type>.mjs` — a missing bundle would make every client's lazy import 404 at mount time, so the hub fails fast at startup instead.
+
+## Example
+
+```ts
+initHub({
+  renderers: [
+    { type: 'json-render', file: '/path/that/was/never/built.mjs' }, // ✗
+  ],
+})
+```
+
+## Fix
+
+- Build the renderer package first — the bundle is a build artifact (e.g. `@devframes/json-render-ui`'s `dist/renderer/json-render.mjs`).
+- Prefer the package's registration helper over a hand-written path — `jsonRenderUiRenderer()` from `@devframes/json-render-ui/hub` resolves the shipped bundle for you.
+
+## Source
+
+- [`packages/hub/src/node/initiate.ts`](https://github.com/devframes/devframe/blob/main/packages/hub/src/node/initiate.ts) — `resolveRendererRegistrations()` throws when the resolved `file` fails the existence probe.
diff --git a/docs/errors/DF8110.md b/docs/errors/DF8110.md
new file mode 100644
index 00000000..a448bca7
--- /dev/null
+++ b/docs/errors/DF8110.md
@@ -0,0 +1,31 @@
+---
+outline: deep
+---
+
+# DF8110: Renderer Type Is Not URL-Safe
+
+## Message
+
+> Dock type "`{type}`" is not a servable renderer-module name — the hub serves each module at `<base>__renderers/<type>.mjs`
+
+## Cause
+
+An `initHub({ renderers })` registration carries a `type` that can't become a URL segment. The hub derives each module's serving path — and the manifest's `importFrom` — from the type, so `:` and `*` (route-pattern markers to the underlying router) or separators like `/` would break the route.
+
+## Example
+
+```ts
+initHub({
+  renderers: [
+    { type: 'my:renderer', file: bundle }, // ✗ `:` is a route-param marker
+  ],
+})
+```
+
+## Fix
+
+Use a route-safe dock type: letters, digits, `_`, `-`, and `.` only (e.g. `json-render`, `my-renderer`). The dock entries' `type` discriminator must match, so pick the safe name once, in the integration that declares the type.
+
+## Source
+
+- [`packages/hub/src/node/initiate.ts`](https://github.com/devframes/devframe/blob/main/packages/hub/src/node/initiate.ts) — `resolveRendererRegistrations()` rejects a `type` failing the `[\w.-]+` segment check.
diff --git a/docs/guide/build-your-own-hub-ui.md b/docs/guide/build-your-own-hub-ui.md
new file mode 100644
index 00000000..83258683
--- /dev/null
+++ b/docs/guide/build-your-own-hub-ui.md
@@ -0,0 +1,100 @@
+# Build Your Own Hub UI
+
+A hub viewer is a replaceable implementation of two contracts — the node-side
+`ui` slot and the client-side context — so you can ship a completely custom
+devtools surface (your framework, your design system) on top of the hub's
+infrastructure. `@devframes/hub-ui` is the reference implementation of both;
+this page is the map for writing another.
+
+## The node seam: `DevframeHubUi`
+
+`initHub({ ui })` takes pure data (see [the `ui`
+slot](./hub-initiate#the-ui-slot)):
+
+```ts
+interface DevframeHubUi {
+  viewer?: { distDir: string } // a standalone SPA served at the hub base
+  embedded?: { entry: string } // a self-contained bootstrap at <base>embedded.js
+  assets?: Record<string, () => string | Uint8Array> // extra UI-owned files
+}
+```
+
+Ship a function returning this object (the reference is `createUi()`), with
+prebuilt assets: the viewer SPA is built with relative asset paths, and the
+embedded entry is one self-contained ES module that mounts your dock into any
+host page.
+
+## The client contracts
+
+A viewer renders from the hub's shared state and drives it through
+`@devframes/hub/client`. The simplest boot is
+[`createDevframeClientHost()`](./client-context) — it assembles the whole
+`DevframeClientContext` (docks, commands, renderers, when-clauses, connection)
+and loads dock client scripts for you; the reference UI assembles the same
+context shape with its own reactive machinery instead. Either way, honor these
+contracts:
+
+### Dock entry types
+
+Render the built-in variants of the open dock union
+(`DevframeDockEntryRegistry` from `@devframes/hub/types`):
+
+| Type | The viewer renders |
+|---|---|
+| `iframe` | the entry's `url` in a kept-alive iframe (per `frameId` for shared frames); honor `subTabs` soft navigation |
+| `action` | a bar button only — activating it runs the entry's client script |
+| `custom-render` | a container the entry's client script mounts into |
+| `launcher` | a launch call-to-action reflecting `launcher.status` |
+| `group` | one bar button collapsing its member entries |
+| `~builtin` | your own native views (settings, feeds) for reserved ids |
+
+Honor `when` / `visibility` clauses, `category` grouping (order from
+`DEFAULT_CATEGORIES_ORDER` in `@devframes/hub/constants`), and the
+`hub:docks:activate` broadcast.
+
+### The renderer registry and its fallback
+
+**Every other dock type routes through the dock-renderer registry** — build it
+with `createDockRenderersContext()` from `@devframes/hub/client` so local
+registrations, the hub's [renderer
+manifest](./hub-initiate#renderer-modules), and the typed mount result behave
+like every other viewer:
+
+```ts
+import { createDockRenderersContext } from '@devframes/hub/client'
+
+const renderers = createDockRenderersContext({
+  context: () => context,
+  manifest: () => manifestState.value(), // the devframe:dock-renderers slot
+})
+
+const result = await renderers.mount(entry, container)
+```
+
+The mount result is the fallback contract. A viewer shows a visible state for
+each variant instead of a dead panel:
+
+- `{ status: 'mounted', dispose }` — the renderer owns the container; call
+  `dispose` when the view unmounts.
+- `{ status: 'missing-renderer' }` — render a fallback view: *No renderer for
+  "`<type>`" in the current environment*. `renderers.has(type)` answers up
+  front, so you can render this declaratively without a mount attempt.
+- `{ status: 'load-error', error }` — the module failed to import or the
+  renderer threw; render the error with a retry affordance (a failed import is
+  not cached, so retrying re-imports).
+
+### The theme contract for renderers
+
+Renderer modules style themselves (they may attach a shadow root inside your
+container). Your part: keep a live `dark` class on the mount container
+reflecting your color mode, and let CSS custom properties inherit — a
+`--devframe-primary` set on an ancestor rebrands rendered content too.
+
+## Reference points
+
+- `packages/hub-ui` — the full reference viewer (Vue, `@antfu/design`).
+- [`examples/hub-vite`](/examples/hub-vite) and
+  [`examples/hub-next`](/examples/hub-next) — protocol witnesses: complete
+  hand-rolled viewers in ~500 lines of vanilla DOM and React respectively,
+  covering docks, the drawer subsystems, the renderer registry, and the
+  missing-renderer fallback.
diff --git a/docs/guide/build-your-own-json-render-frontend.md b/docs/guide/build-your-own-json-render-frontend.md
new file mode 100644
index 00000000..aa56e7b0
--- /dev/null
+++ b/docs/guide/build-your-own-json-render-frontend.md
@@ -0,0 +1,79 @@
+# Build Your Own JSON-Render Frontend
+
+`@devframes/json-render-ui` is the reference frontend, not the protocol — any
+implementation of the renderer contract replaces it, in any framework. The
+[Next hub witness](/examples/hub-next) ships a complete React one in two files
+(`src/client/json-render/`); this page is the contract it implements.
+
+## The contract
+
+`@devframes/json-render/hub` owns the types:
+
+```ts
+import type { JsonRenderDockRenderer } from '@devframes/json-render/hub'
+
+// a hub DockRenderer narrowed to the json-render dock entry
+const renderer: JsonRenderDockRenderer = async ({ entry, container, context }) => {
+  // mount your framework's root into `container`, render `entry.view`
+  return { dispose() { /* unmount, unsubscribe */ } }
+}
+```
+
+Resolve the entry's serializable `view` reference:
+
+- `{ stateKey }` — subscribe to that shared state via
+  `context.rpc.sharedState.get(stateKey)`, render its value as the live spec,
+  and re-render on `'updated'`. **Unsubscribe in `dispose`.**
+- `{ spec }` — render the embedded spec directly; no shared state involved.
+
+Detect static output via `context.rpc.connectionMeta.backend === 'static'` and
+disable action dispatch there.
+
+## Behavior expectations
+
+Match the reference frontend's semantics so specs behave identically across
+frontends:
+
+- **Actions** — a spec action name dispatches an RPC call of the same name.
+  Never bridge the reserved built-ins (`setState`, `pushState`, `removeState`,
+  `validateForm` — handled by the upstream renderer) or promise probes
+  (`then`/`catch`/`finally`). Surface failures to the view rather than
+  swallowing them.
+- **Validation** — validate element props against `basePropSchemas` from
+  `@devframes/json-render`; swap an invalid element for an error placeholder so
+  one bad element doesn't break the view.
+- **Unknown components** — a component your registry lacks renders as a
+  placeholder (type + prop-key gist) with a `console.warn`; the rest of the
+  view renders.
+- **State reset** — reseed spec state only when the view identity changes, not
+  on every spec update.
+
+## Plugging it in
+
+Two seams, one contract:
+
+- **Local registration** — a host page that bundles its own client passes
+  `createDevframeClientHost({ renderers: { 'json-render': myRenderer } })`.
+  Local registrations win over the manifest.
+- **A prebuilt renderer module** — bundle your renderer as one self-contained
+  browser ES module (framework and styles included) whose default export is the
+  renderer, and ship a node helper returning the hub registration:
+
+  ```ts
+  import type { DockRendererRegistration } from '@devframes/hub/initiate'
+
+  export function myRenderer(): DockRendererRegistration {
+    return { type: 'json-render', file: myPrebuiltModulePath }
+  }
+  ```
+
+  Hosts compose it with `initHub({ renderers: [myRenderer()] })` — the hub
+  serves the module and every viewer imports it lazily (see [renderer
+  modules](./hub-initiate#renderer-modules)).
+
+A prebuilt module must be **self-styling and shadow-root-safe**: the viewer's
+container may live inside a shadow root, so deliver your stylesheet into the
+mount subtree (the reference module attaches its own shadow root inside the
+container and injects its compiled CSS there). Read the theme from the live
+`dark` class the viewer keeps on the container, and derive brand color from the
+inherited `--devframe-primary` custom property when present.
diff --git a/docs/guide/client-context.md b/docs/guide/client-context.md
index 9a9f8c93..902acece 100644
--- a/docs/guide/client-context.md
+++ b/docs/guide/client-context.md
@@ -38,7 +38,7 @@ Viewers with an HTML pipeline layer injection on top: `@vitejs/devtools` wraps t
 | `connect` | Options forwarded to `connectDevframe` when `rpc` is not supplied — pass `baseURL` to point at the hub's connection-meta mount (e.g. `/__hub/`). |
 | `clientType` | `'standalone'` (default) — the runtime owns the whole page (a hub UI). `'embedded'` — the runtime lives inside a user app alongside a panel. |
 | `loadClientScripts` | Import and run dock entries' client scripts. Default `true`. |
-| `renderers` | Dock renderers to register at boot, keyed by dock `type` (e.g. `{ 'json-render': createJsonRenderDockRenderer() }` from `@devframes/json-render-ui`). The hub ships none. |
+| `renderers` | Dock renderers to register at boot, keyed by dock `type` (e.g. `{ 'json-render': createJsonRenderDockRenderer() }` from `@devframes/json-render-ui`). Local registrations take precedence over the hub's [renderer manifest](./hub-initiate#renderer-modules). |
 
 Boot the host once per page: a second boot replaces the published context and logs a warning. `dispose()` tears down its listeners and unpublishes the context it owns.
 
@@ -53,7 +53,7 @@ Boot the host once per page: a second boot replaces the published context and lo
 | `docks` | Dock entries and selection — `entries`, `selected`, `groupedEntries`, `switchEntry()`, `toggleEntry()`, `getStateById()`, plus `register()` / `update()` for [client-only docks](#client-only-docks). |
 | `panel` | Dock panel state: position, size, drag/resize flags. |
 | `commands` | The command palette: `register()`, `execute()`, `getKeybindings()`. |
-| `renderers` | Dock-renderer registry — `register()`, `get()`, `has()`, `mount(entry, container)`. Routes a dock `type` to a host-registered renderer (e.g. [JSON-Render](./json-render)); the hub ships none. |
+| `renderers` | Dock-renderer registry — `register()`, `get()`, `has()`, `mount(entry, container)`. Routes a dock `type` to a renderer: one registered locally at boot, or a prebuilt module lazy-imported from the hub's [renderer manifest](./hub-initiate#renderer-modules) (local wins). `mount()` resolves a typed result — `{ status: 'mounted', dispose }`, `{ status: 'missing-renderer' }`, or `{ status: 'load-error', error }` — so a viewer renders a visible fallback for a type nothing covers instead of a dead panel; `has()` answers for both sources so the fallback can render without a mount attempt. |
 | `when` | The [when-clause](./when-clauses) evaluation context. |
 | `connection` | The client's live [connection status](./client#handling-connection-and-auth-errors) — `status`, `error`, and `events` — so a viewer can render one central connection indicator for every docked plugin. |
 
diff --git a/docs/guide/hub-initiate.md b/docs/guide/hub-initiate.md
index 3c4e1275..2ae4ab67 100644
--- a/docs/guide/hub-initiate.md
+++ b/docs/guide/hub-initiate.md
@@ -61,6 +61,26 @@ interface DevframeHubUi {
 
 `@devframes/hub-ui`'s `createUi()` is the reference implementation: a standalone viewer plus the floating dock — one `<script type="module" src="/__devframes/embedded.js">` tag in the host page and the dock mounts itself, always visible. A viewer product supplies a different object to the same slot and reuses all the infrastructure; visibility policy (keyboard summon, passive modes) belongs entirely to the entry's author.
 
+## Renderer modules
+
+Viewers are prebuilt, so a renderer for an opt-in dock type (e.g. [JSON-Render](./json-render)) composes at the hub, not in viewer code. `initHub({ renderers })` takes registrations — `{ type, file, importName? }`, where `file` is a prebuilt, self-contained browser ES module whose export is a ready `DockRenderer` — serves each at `<base>__renderers/<type>.mjs`, and publishes the **renderer manifest** into the `devframe:dock-renderers` shared-state slot. Any hub-aware client — the reference UI, a community viewer, a hand-rolled host page — imports a module lazily the first time a dock of its type mounts:
+
+```ts
+import { createUi } from '@devframes/hub-ui'
+import { jsonRenderUiRenderer } from '@devframes/json-render-ui/hub'
+
+initHub({
+  ui: createUi(),
+  renderers: [jsonRenderUiRenderer()],
+})
+```
+
+Renderer packages ship the registration helper (here `jsonRenderUiRenderer()` resolving `@devframes/json-render-ui`'s shipped bundle); swap it for any implementation of the same renderer contract and every viewer picks the replacement up. A renderer registered directly in client code (`createDevframeClientHost({ renderers })`) takes precedence over the manifest, and a dock type covered by neither renders the viewer's missing-renderer fallback.
+
+Renderer modules are **self-styling and shadow-root-safe**: a module delivers its own styles into its mount subtree (the reference module attaches its own shadow root inside the given container), the viewer keeps a live `dark` class on the container as the theme signal, and CSS custom properties (e.g. a `--devframe-primary` branding override) inherit across the boundary.
+
+Registrations are validated fail-fast: one module per type (`DF8108`), an existing bundle file (`DF8109`), and a route-safe type name (`DF8110`).
+
 ## One Auth for the hub
 
 The hub has a **single Auth**: one gate at the one shared transport covers every frame, the hub built-ins, and the MCP route. Mounted frames have no gates of their own — trust established once (OTP exchange, magic link, or a pre-shared token) unlocks the namespace. The gate is on by default; `auth: false` opts a single-user localhost setup out.
diff --git a/docs/guide/json-render.md b/docs/guide/json-render.md
index f6f64543..ea2493de 100644
--- a/docs/guide/json-render.md
+++ b/docs/guide/json-render.md
@@ -177,21 +177,40 @@ A consuming Vite app therefore:
 
 The hub is JSON-render-agnostic; its dock union is **open**. The
 `@devframes/json-render/hub` subpath contributes the `json-render` dock type,
-and the hub's client host routes it to a **registered renderer**:
+and viewers route it through the hub's renderer registry:
 
 ```ts
-// server — register a dock carrying the view's serializable reference
+// server — register a dock carrying the view's serializable reference,
+// and compose the frontend as a prebuilt renderer module
+import { jsonRenderUiRenderer } from '@devframes/json-render-ui/hub'
 import { toJsonRenderDockEntry } from '@devframes/json-render/hub'
 
-ctx.docks.register(toJsonRenderDockEntry(view, {
-  id: 'metrics',
-  title: 'Metrics',
-  icon: 'ph:chart-bar-duotone',
-}))
+initHub({
+  ui: createUi(),
+  renderers: [jsonRenderUiRenderer()],
+  configure(ctx) {
+    ctx.docks.register(toJsonRenderDockEntry(view, {
+      id: 'metrics',
+      title: 'Metrics',
+      icon: 'ph:chart-bar-duotone',
+    }))
+  },
+})
 ```
 
+That `renderers` line is the whole client story for prebuilt viewers: the hub
+serves `@devframes/json-render-ui`'s self-contained module and publishes it in
+the [renderer manifest](./hub-initiate#renderer-modules); the viewer's registry
+imports it lazily the first time a `json-render` dock mounts. Without any
+registration for the type, a viewer shows its missing-renderer fallback
+(*No renderer for "json-render" in the current environment*) instead of a dead
+panel.
+
+A host page that builds its own client can register a renderer **locally**
+instead — it takes precedence over the manifest:
+
 ```ts
-// host page — inject the frontend lib as the renderer for the dock type
+// host page — a locally-bundled frontend wins over the manifest module
 import { createDevframeClientHost } from '@devframes/hub/client'
 import { createJsonRenderDockRenderer } from '@devframes/json-render-ui'
 
@@ -200,7 +219,9 @@ const host = await createDevframeClientHost({
 })
 
 // the viewer mounts the active dock into a container it owns
-const dispose = await host.context.renderers.mount(entry, container)
+const result = await host.context.renderers.mount(entry, container)
+if (result.status === 'mounted')
+  result.dispose // tear down when the viewer decides; deactivation disposes too
 ```
 
 The dock carries only a serializable `JsonRenderViewRef` — no functions cross
@@ -212,21 +233,31 @@ docks](./client-context#client-only-docks)). The client host disposes the
 renderer when the dock deactivates.
 
 Both hub example shells dogfood this end to end: the [Vite hub](/examples/hub-vite)
-registers `@devframes/json-render-ui` (Vue), and the [Next hub](/examples/hub-next)
-registers a small in-example React registry — the same dock, two frontends.
+consumes the manifest-served `@devframes/json-render-ui` module (Vue), and the
+[Next hub](/examples/hub-next) registers a small in-example React renderer
+locally over the same manifest — the same dock, two frontends, both sides of
+the seam.
 
 ## Swapping the frontend
 
-A third party replaces the whole registry — pass a custom `registry` to
-`createRenderer({ registry })` or `createJsonRenderDockRenderer({ registry })`.
+The renderer contract lives in the protocol package:
+`@devframes/json-render/hub` exports `JsonRenderDockRenderer` (a hub
+`DockRenderer` narrowed to the `json-render` entry) and
+`JsonRenderDockMountOptions`. Implement it in any framework and plug it in at
+either seam — a prebuilt module registered through `initHub({ renderers })`,
+or a local registration at `createDevframeClientHost({ renderers })`.
 `@devframes/json-render-ui` is the reference implementation, not a hard
 dependency of the protocol; the hub acquires no Vue.
 
+Within a frontend, the registry swaps too — pass a custom `registry` to
+`createRenderer({ registry })` or `createJsonRenderDockRenderer({ registry })`.
+
 A frontend need not implement every component. When a spec references a
 component the active registry lacks, the renderer isolates that element behind a
 placeholder — showing the component type and a gist of its prop keys (`{ label,
 onPress }`) — and logs a `console.warn`, while the rest of the view renders
 normally.
 
-See the [`json-render` example](/examples/json-render) for a
-runnable end-to-end app.
+See [Build your own JSON-Render frontend](./build-your-own-json-render-frontend)
+for the full contract, and the [`json-render` example](/examples/json-render)
+for a runnable end-to-end app.
diff --git a/docs/guide/migration-0.9.md b/docs/guide/migration-0.9.md
index 322a469a..c48152de 100644
--- a/docs/guide/migration-0.9.md
+++ b/docs/guide/migration-0.9.md
@@ -286,5 +286,37 @@ Bun.serve({
 ```
 
 `examples/hub-hono-minimal` ships this wiring in [`src/bun.ts`](https://github.com/devframes/devframe/blob/main/examples/hub-hono-minimal/src/bun.ts), next to the Node entry's `hub.attach(server)`.
-</content>
-</invoke>
+
+## `renderers.mount()` resolves a typed result
+
+The client renderer registry's `mount()` previously resolved a bare disposer — and silently no-opped when no renderer covered the dock type. It now resolves a discriminated `DockRendererMountResult`, so viewers can show a visible fallback instead of a dead panel:
+
+```ts
+// 0.8.x
+const dispose = await context.renderers.mount(entry, container)
+
+// 0.9
+const result = await context.renderers.mount(entry, container)
+if (result.status === 'mounted')
+  const dispose = result.dispose
+else if (result.status === 'missing-renderer')
+  showFallback(`No renderer for "${entry.type}" in the current environment`)
+else // 'load-error'
+  showError(result.error)
+```
+
+`renderers.has(type)` now also answers `true` for types covered by the hub's [renderer manifest](./hub-initiate#renderer-modules) (`initHub({ renderers })`), whose modules `mount()` imports lazily; renderers registered locally keep precedence.
+
+## `@devframes/hub-ui` renders json-render docks through the registry
+
+hub-ui's bundled Vue json-render components are removed. A `json-render` dock (and any other non-native dock type) now renders through the dock-renderer registry — compose a frontend on the hub:
+
+```ts
+// 0.9
+import { createUi } from '@devframes/hub-ui'
+import { jsonRenderUiRenderer } from '@devframes/json-render-ui/hub'
+
+initHub({ ui: createUi(), renderers: [jsonRenderUiRenderer()] })
+```
+
+Without a registration for the type, hub-ui shows its missing-renderer fallback view. Behavior also improves with the reference module: prop validation with per-element error isolation, action error surfacing, and static-mode handling — see [JSON-Render](./json-render#rendering-inside-a-hub).
diff --git a/examples/hub-next-minimal/package.json b/examples/hub-next-minimal/package.json
index 18f6f6b1..8cd31c39 100644
--- a/examples/hub-next-minimal/package.json
+++ b/examples/hub-next-minimal/package.json
@@ -12,6 +12,8 @@
   "dependencies": {
     "@devframes/hub": "workspace:*",
     "@devframes/hub-ui": "workspace:*",
+    "@devframes/json-render": "workspace:*",
+    "@devframes/json-render-ui": "workspace:*",
     "@devframes/next": "workspace:*",
     "@devframes/plugin-inspect": "workspace:*",
     "@devframes/plugin-messages": "workspace:*",
diff --git a/examples/hub-next-minimal/src/client/hub.ts b/examples/hub-next-minimal/src/client/hub.ts
index 6944d7e4..480dfea8 100644
--- a/examples/hub-next-minimal/src/client/hub.ts
+++ b/examples/hub-next-minimal/src/client/hub.ts
@@ -1,8 +1,33 @@
 import type { createUi as CreateUi } from '@devframes/hub-ui'
 import type { HubInstance } from '@devframes/hub/initiate'
+import type { DevframeJsonRenderSpec } from '@devframes/json-render'
+import type { jsonRenderUiRenderer as JsonRenderUiRenderer } from '@devframes/json-render-ui/hub'
+import type { DevframeJsonRenderDockEntry } from '@devframes/json-render/hub'
 import type { DevframeDefinition } from 'devframe'
 import { DEVFRAMES_HUB_BASE, initHub } from '@devframes/hub/initiate'
 
+// A server-authored JSON-render dock: the whole view is this serializable
+// spec — no client build. It renders through whatever `'json-render'`
+// renderer the hub composes (below, the reference `@devframes/json-render-ui`
+// module); without one, the viewer shows its missing-renderer fallback.
+const jsonRenderSpec: DevframeJsonRenderSpec = {
+  root: 'root',
+  elements: {
+    root: { type: 'Card', props: { title: 'JSON Render' }, children: ['body'] },
+    body: { type: 'Stack', props: { gap: 8 }, children: ['text', 'badge'] },
+    text: { type: 'Text', props: { text: 'This dock is a JSON spec authored on the server and rendered by the module composed via initHub({ renderers }).' }, children: [] },
+    badge: { type: 'Badge', props: { text: 'renderer manifest', variant: 'info' }, children: [] },
+  },
+}
+
+const jsonRenderDock: DevframeJsonRenderDockEntry = {
+  type: 'json-render',
+  id: 'json-render-demo',
+  title: 'JSON Render',
+  icon: 'ph:layout-duotone',
+  view: { spec: jsonRenderSpec },
+}
+
 // The plugin packages and `@devframes/hub-ui` resolve their prebuilt `dist`
 // (SPA assets, the embedded/viewer bundles) via `new URL('../dist/...',
 // import.meta.url)`. Loaded with a runtime dynamic `import()` carrying
@@ -10,8 +35,9 @@ import { DEVFRAMES_HUB_BASE, initHub } from '@devframes/hub/initiate'
 // Node resolves the published `dist` at request time — a static import would
 // be bundled from source and break those lookups.
 async function loadHub(): Promise<HubInstance> {
-  const [hubUi, inspect, messages] = await Promise.all([
+  const [hubUi, jsonRenderUi, inspect, messages] = await Promise.all([
     import(/* webpackIgnore: true */ /* turbopackIgnore: true */ '@devframes/hub-ui'),
+    import(/* webpackIgnore: true */ /* turbopackIgnore: true */ '@devframes/json-render-ui/hub'),
     import(/* webpackIgnore: true */ /* turbopackIgnore: true */ '@devframes/plugin-inspect'),
     import(/* webpackIgnore: true */ /* turbopackIgnore: true */ '@devframes/plugin-messages'),
   ])
@@ -26,6 +52,13 @@ async function loadHub(): Promise<HubInstance> {
     ws: { sidecar: true },
     devframes,
     ui: (hubUi.createUi as typeof CreateUi)(),
+    // Serve the reference json-render frontend as a prebuilt renderer module
+    // — the one-liner that makes `'json-render'` docks render in the prebuilt
+    // viewer. Swap it for any community implementation of the same contract.
+    renderers: [(jsonRenderUi.jsonRenderUiRenderer as typeof JsonRenderUiRenderer)()],
+    configure(ctx) {
+      ctx.docks.register(jsonRenderDock)
+    },
     // Single-user localhost demo: opts out of the gate. A hub reachable
     // beyond localhost should gate (see docs/guide/security.md).
     auth: false,
diff --git a/examples/hub-next/README.md b/examples/hub-next/README.md
index f3d134e7..d356fb31 100644
--- a/examples/hub-next/README.md
+++ b/examples/hub-next/README.md
@@ -42,6 +42,8 @@ The instance is memoized on `globalThis`, so Next's dev-time module re-evaluatio
 - Every `devframes` entry is mounted as a dock and served at `/__devframes/<id>/` with its own `__connection.json`, so the embedded SPA connects straight back to the hub
 - The browser reads `devframe:docks` / `devframe:commands` shared state and dispatches commands over RPC — byte-for-byte the same protocol the Vite host speaks
 - `createDevframeClientHost()` boots the hub's framework-level client runtime in the host page: it publishes the shared client context and imports each dock's `clientScript` (here, the a11y agent) so plugins run code in the page being inspected
+- The **JSON Render** dock renders through a **local React renderer** (`src/client/json-render/`) registered at `createDevframeClientHost({ renderers })`. The hub *also* publishes the reference Vue frontend through its renderer manifest (`renderers: [jsonRenderUiRenderer()]` on `initHub`), but local registration takes precedence — witnessing that any frontend implementing the `JsonRenderDockRenderer` contract can replace the reference one. Delete the local `renderers` option and the same dock renders via the manifest-served module instead. (The sibling `hub-vite` witness ships no local renderer and consumes the manifest directly — the other side of the swap seam.)
+- The **No Renderer** dock witnesses the missing-renderer path: its type is covered by nothing, so `renderers.mount()` resolves `{ status: 'missing-renderer' }` and the shell shows *No renderer for "demo-unrendered" in the current environment* instead of a dead panel
 
 ## Hosting built-in plugins in a bundler
 
@@ -51,7 +53,8 @@ The plugins run node-side (child processes, the native `zigpty` PTY backend) and
 
 | File | Role |
 |---|---|
-| `src/client/devframe/next-devframe-hub.ts` | The Next host — one `initHub()` call: devframes (incl. the a11y agent's dock `clientScript`), hub RPCs, commands, the json-render dock, instance-registry registration |
+| `src/client/devframe/next-devframe-hub.ts` | The Next host — one `initHub()` call: devframes (incl. the a11y agent's dock `clientScript`), hub RPCs, commands, the json-render dock + renderer manifest, instance-registry registration |
+| `src/client/devframe/unrendered-dock.ts` | A dock type registered with no renderer on purpose — the missing-renderer fallback witness |
 | `src/client/app/%5F_devframes/[[...path]]/route.ts` | The one catch-all — delegates every `/__devframes/*` request to the instance's `handler` |
 | `src/client/app/page.tsx` | The browser UI that consumes the hub protocol |
 | `src/client/app/icons.ts` | Offline Phosphor icons for the dock |
diff --git a/examples/hub-next/package.json b/examples/hub-next/package.json
index e0c97c04..3c1749fd 100644
--- a/examples/hub-next/package.json
+++ b/examples/hub-next/package.json
@@ -14,6 +14,7 @@
     "@antfu/design": "catalog:frontend",
     "@devframes/hub": "workspace:*",
     "@devframes/json-render": "workspace:*",
+    "@devframes/json-render-ui": "workspace:*",
     "@devframes/next": "workspace:*",
     "@devframes/plugin-a11y": "workspace:*",
     "@devframes/plugin-assets": "workspace:*",
diff --git a/examples/hub-next/src/client/app/page.tsx b/examples/hub-next/src/client/app/page.tsx
index cdfbc06d..ae62823c 100644
--- a/examples/hub-next/src/client/app/page.tsx
+++ b/examples/hub-next/src/client/app/page.tsx
@@ -30,11 +30,14 @@ function isIframeDock(d: DevframeDockEntry): d is IframeDock {
   return d.type === 'iframe' && typeof (d as { url?: unknown }).url === 'string'
 }
 
-// A dock this shell can display: an iframe, or one with a registered renderer
-// (the json-render dock, rendered by the mini React registry).
-const RENDERER_TYPES = new Set(['json-render'])
+// Dock types this shell renders natively (or that carry no panel view of
+// their own). Everything else routes through the hub's dock-renderer
+// registry — the local React renderer registered at boot, or a prebuilt
+// module from the hub's renderer manifest — and a type nothing covers shows
+// the missing-renderer fallback.
+const NATIVE_TYPES = new Set(['action', 'launcher', 'group', '~builtin'])
 function isRenderableDock(d: DevframeDockEntry): boolean {
-  return isIframeDock(d) || RENDERER_TYPES.has(d.type)
+  return isIframeDock(d) || !NATIVE_TYPES.has(d.type)
 }
 
 // One iframe is kept alive per `frameId` (shared-frame docks) or per dock id
@@ -176,6 +179,9 @@ export default function Page() {
   const [terminals, setTerminals] = useState<TerminalSummary[]>([])
   const [pingResult, setPingResult] = useState('Run ping')
   const [selectedDockId, setSelectedDockId] = useState<string | null>(null)
+  // Fallback shown when the selected renderer dock's type has no renderer
+  // (missing-renderer) or its manifest module failed to import (load-error).
+  const [panelFallback, setPanelFallback] = useState<{ message: string, hint: string } | null>(null)
   const rpcRef = useRef<DevframeRpcClient | null>(null)
   const hostRef = useRef<ClientHost | null>(null)
   // The stage holds the kept-alive iframe pool; the panel hosts renderer docks.
@@ -202,8 +208,13 @@ export default function Page() {
         // context and imports each dock's client script into this page — e.g.
         // the a11y inspector's in-page agent, which then scans this hub live.
         //
-        // Register a mini React json-render renderer so the hub can display the
-        // `json-render` dock authored server-side via @devframes/json-render.
+        // Register a mini React json-render renderer. The hub also publishes
+        // the reference Vue frontend through its renderer manifest
+        // (`initHub({ renderers: [jsonRenderUiRenderer()] })`), but a locally
+        // registered renderer takes precedence — witnessing that any frontend
+        // implementing the `JsonRenderDockRenderer` contract can replace the
+        // reference one. Delete this `renderers` option and the same dock
+        // renders through the manifest-served Vue module instead.
         const clientHost = await createDevframeClientHost({
           rpc,
           renderers: { 'json-render': createReactJsonRenderDockRenderer() },
@@ -400,24 +411,49 @@ export default function Page() {
     }
   }, [selectedDockId, docks, selectedDock])
 
-  // Mount a renderer dock (json-render) into the panel via the client host's
-  // renderer registry, disposing when the selection changes.
+  // Mount a renderer dock (e.g. json-render) into the panel via the client
+  // host's renderer registry — the local React renderer, or a prebuilt module
+  // lazy-imported from the hub's renderer manifest — disposing when the
+  // selection changes. Each mount gets a fresh container element (a
+  // self-styling renderer may attach a shadow root to it); the typed mount
+  // result drives the missing-renderer / load-error fallback below.
   useEffect(() => {
     const host = hostRef.current
     const dock = selectedDock
-    const container = panelRef.current
-    if (!host || !dock || isIframeDock(dock) || !container)
+    const stage = panelRef.current
+    if (!host || !dock || isIframeDock(dock) || !stage)
       return
     let alive = true
     let dispose: (() => void) | undefined
-    void host.context.renderers.mount(dock, container).then((d) => {
-      if (alive)
-        dispose = d
-      else d()
+    setPanelFallback(null)
+    const container = document.createElement('div')
+    container.className = 'h-full w-full'
+    stage.append(container)
+    void host.context.renderers.mount(dock, container).then((result) => {
+      if (!alive) {
+        if (result.status === 'mounted')
+          result.dispose()
+        return
+      }
+      if (result.status === 'mounted') {
+        dispose = result.dispose
+        return
+      }
+      setPanelFallback(result.status === 'missing-renderer'
+        ? {
+            message: `No renderer for “${dock.type}” in the current environment`,
+            hint: 'The host has not registered a renderer for this dock type.',
+          }
+        : {
+            message: `The renderer for “${dock.type}” failed to load`,
+            hint: 'Check the console, then re-select the dock to retry.',
+          })
     })
     return () => {
       alive = false
       dispose?.()
+      container.remove()
+      setPanelFallback(null)
     }
   }, [selectedDockId, selectedIsIframe])
 
@@ -480,8 +516,14 @@ export default function Page() {
           {/* Iframe docks are pooled here (one kept-alive iframe per frameId),
               shown/hidden on switch so shared-frame tabs soft-navigate. */}
           <div ref={stageRef} hidden={!selectedDock || !selectedIsIframe} className="absolute inset-0" />
-          {/* Renderer docks (json-render) mount here via the client host. */}
+          {/* Renderer docks (json-render, …) mount here via the client host. */}
           <div ref={panelRef} hidden={!selectedDock || selectedIsIframe} className="absolute inset-0 of-auto bg-base p4" />
+          {panelFallback && selectedDock && !selectedIsIframe && (
+            <div className="absolute inset-0 flex flex-col items-center justify-center gap-2 bg-base p6 text-center">
+              <div className="text-sm op-fade">{panelFallback.message}</div>
+              <div className="text-xs op-mute">{panelFallback.hint}</div>
+            </div>
+          )}
         </main>
       </div>
 
diff --git a/examples/hub-next/src/client/devframe/next-devframe-hub.ts b/examples/hub-next/src/client/devframe/next-devframe-hub.ts
index 9ef79011..23d4810e 100644
--- a/examples/hub-next/src/client/devframe/next-devframe-hub.ts
+++ b/examples/hub-next/src/client/devframe/next-devframe-hub.ts
@@ -6,12 +6,14 @@ import process from 'node:process'
 import { fileURLToPath } from 'node:url'
 import { defineHubRpcFunction } from '@devframes/hub'
 import { DEVFRAMES_HUB_BASE, initHub } from '@devframes/hub/initiate'
+import { jsonRenderUiRenderer } from '@devframes/json-render-ui/hub'
 import { toJsonRenderDockEntry } from '@devframes/json-render/hub'
 import { createDashboardView } from 'json-render/dashboard'
 import { dirname, join } from 'pathe'
 import demoDevframe from './demo-devframe'
 import demoDevframeB from './demo-devframe-b'
 import tabbedDevframe from './tabbed-devframe'
+import { unrenderedDockEntry } from './unrendered-dock'
 
 /**
  * Built-in plugin packages dogfooded through the hub mount path.
@@ -208,6 +210,12 @@ export async function nextDevframeHub(
       nextHubTerminalsList,
     ],
     devframes,
+    // Serve the reference json-render frontend as a prebuilt renderer module
+    // (published in the renderer manifest). This host's own page registers a
+    // local React renderer for the same type (app/page.tsx), which takes
+    // precedence — witnessing both sides of the swap seam: the manifest
+    // composition AND a local frontend replacing it.
+    renderers: [jsonRenderUiRenderer()],
     // Record this hub in the global registry so `devframe connect` discovers
     // it — running inside the Next dev server — like any standalone devframe.
     // The instance owns the record (written once its pinned origin resolves,
@@ -257,6 +265,10 @@ export async function nextDevframeHub(
         category: 'app',
       }))
 
+      // Witness the missing-renderer path: a dock type nothing covers — the
+      // client shows its fallback view instead of a dead panel.
+      ctx.docks.register(unrenderedDockEntry)
+
       await ctx.messages.add({
         level: 'success',
         message: 'Next Devframe Hub started',
diff --git a/examples/hub-next/src/client/devframe/unrendered-dock.ts b/examples/hub-next/src/client/devframe/unrendered-dock.ts
new file mode 100644
index 00000000..9ae9f1b7
--- /dev/null
+++ b/examples/hub-next/src/client/devframe/unrendered-dock.ts
@@ -0,0 +1,28 @@
+import type { DevframeDockEntryBase } from '@devframes/hub/types'
+
+/**
+ * A dock variant registered through the hub's **open** dock union — exactly
+ * how an opt-in integration contributes its own type — that no renderer
+ * covers on purpose. It witnesses the missing-renderer path: the viewer
+ * resolves the type against its renderer registry (local registrations, then
+ * the hub's renderer manifest), finds nothing, and renders its fallback view
+ * — `No renderer for "demo-unrendered" in the current environment` — instead
+ * of a dead panel.
+ */
+export interface DemoUnrenderedDockEntry extends DevframeDockEntryBase {
+  type: 'demo-unrendered'
+}
+
+declare module '@devframes/hub/types' {
+  interface DevframeDockEntryRegistry {
+    'demo-unrendered': DemoUnrenderedDockEntry
+  }
+}
+
+export const unrenderedDockEntry: DemoUnrenderedDockEntry = {
+  type: 'demo-unrendered',
+  id: 'example:unrendered',
+  title: 'No Renderer',
+  icon: 'ph:puzzle-piece-duotone',
+  category: 'app',
+}
diff --git a/examples/hub-next/src/client/json-render/dock-renderer.tsx b/examples/hub-next/src/client/json-render/dock-renderer.tsx
index db7b2652..1e38d5c7 100644
--- a/examples/hub-next/src/client/json-render/dock-renderer.tsx
+++ b/examples/hub-next/src/client/json-render/dock-renderer.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import type { JsonRenderViewRef, Spec } from '@devframes/json-render'
+import type { JsonRenderDockRenderer } from '@devframes/json-render/hub'
 import type { ComponentRegistry } from '@json-render/react'
 import type { ReactNode } from 'react'
 import { basePropSchemas } from '@devframes/json-render'
@@ -83,26 +84,20 @@ function JsonRenderView({ spec, rpc, registry, viewId }: JsonRenderViewProps): R
   )
 }
 
-export interface ReactDockMountOptions {
-  entry: unknown
-  container: HTMLElement
-
-  context: { rpc: any }
-}
-
 /**
- * A hub-compatible dock renderer that renders a `json-render` dock with this
- * example's mini **React** registry (registry replacement) instead of the Vue
- * reference frontend. Mounts a React root into the container the client host
+ * A dock renderer implementing the `JsonRenderDockRenderer` contract from
+ * `@devframes/json-render/hub` — this example's mini **React** registry
+ * replacing the Vue reference frontend, exactly the seam a community
+ * implementation uses. Mounts a React root into the container the client host
  * provides. For a shared-state view it subscribes to the live spec; for an
  * inline view (`entry.view.spec`) it renders the embedded spec directly, with
  * no shared-state round-trip. Disposes cleanly either way.
  */
-export function createReactJsonRenderDockRenderer() {
-  return async ({ entry, container, context }: ReactDockMountOptions): Promise<{ dispose: () => void }> => {
-    const view = (entry as { view: JsonRenderViewRef }).view
+export function createReactJsonRenderDockRenderer(): JsonRenderDockRenderer {
+  return async ({ entry, container, context }) => {
+    const view: JsonRenderViewRef = entry.view
     const rpc = context.rpc
-    const viewId = 'stateKey' in view ? view.stateKey : ((entry as { id?: string }).id ?? 'inline')
+    const viewId = 'stateKey' in view ? view.stateKey : entry.id
     const root = createRoot(container)
 
     // Inline view: render the embedded spec once, no shared state involved.
diff --git a/examples/hub-rsbuild-minimal/package.json b/examples/hub-rsbuild-minimal/package.json
index 0f3d1cb3..402411dd 100644
--- a/examples/hub-rsbuild-minimal/package.json
+++ b/examples/hub-rsbuild-minimal/package.json
@@ -12,6 +12,8 @@
   "dependencies": {
     "@devframes/hub": "workspace:*",
     "@devframes/hub-ui": "workspace:*",
+    "@devframes/json-render": "workspace:*",
+    "@devframes/json-render-ui": "workspace:*",
     "@devframes/plugin-inspect": "workspace:*",
     "@devframes/plugin-messages": "workspace:*",
     "devframe": "workspace:*"
diff --git a/examples/hub-rsbuild-minimal/rsbuild.config.ts b/examples/hub-rsbuild-minimal/rsbuild.config.ts
index 30f54d61..ebd7e397 100644
--- a/examples/hub-rsbuild-minimal/rsbuild.config.ts
+++ b/examples/hub-rsbuild-minimal/rsbuild.config.ts
@@ -1,6 +1,9 @@
 import type { HubInstance } from '@devframes/hub/initiate'
+import type { DevframeJsonRenderSpec } from '@devframes/json-render'
+import type { DevframeJsonRenderDockEntry } from '@devframes/json-render/hub'
 import { createUi } from '@devframes/hub-ui'
 import { DEVFRAMES_HUB_BASE, initHub } from '@devframes/hub/initiate'
+import { jsonRenderUiRenderer } from '@devframes/json-render-ui/hub'
 import { createInspectDevframe } from '@devframes/plugin-inspect'
 import { createMessagesDevframe } from '@devframes/plugin-messages'
 import { defineConfig } from '@rsbuild/core'
@@ -19,6 +22,28 @@ const base = DEVFRAMES_HUB_BASE
 // the dock UI comes from `@devframes/hub-ui` via the `ui` slot.
 let hub: HubInstance | undefined
 
+// A server-authored JSON-render dock: the whole view is this serializable
+// spec — no client build. It renders through whatever `'json-render'`
+// renderer the hub composes (below, the reference `@devframes/json-render-ui`
+// module); without one, the viewer shows its missing-renderer fallback.
+const jsonRenderSpec: DevframeJsonRenderSpec = {
+  root: 'root',
+  elements: {
+    root: { type: 'Card', props: { title: 'JSON Render' }, children: ['body'] },
+    body: { type: 'Stack', props: { gap: 8 }, children: ['text', 'badge'] },
+    text: { type: 'Text', props: { text: 'This dock is a JSON spec authored on the server and rendered by the module composed via initHub({ renderers }).' }, children: [] },
+    badge: { type: 'Badge', props: { text: 'renderer manifest', variant: 'info' }, children: [] },
+  },
+}
+
+const jsonRenderDock: DevframeJsonRenderDockEntry = {
+  type: 'json-render',
+  id: 'json-render-demo',
+  title: 'JSON Render',
+  icon: 'ph:layout-duotone',
+  view: { spec: jsonRenderSpec },
+}
+
 export default defineConfig({
   source: { entry: { index: './src/index.ts' } },
   server: {
@@ -29,6 +54,14 @@ export default defineConfig({
         base,
         devframes: [createInspectDevframe(), createMessagesDevframe()],
         ui: createUi(),
+        // Serve the reference json-render frontend as a prebuilt renderer
+        // module — the one-liner that makes `'json-render'` docks render in
+        // the prebuilt viewer. Swap it for any community implementation of
+        // the same contract.
+        renderers: [jsonRenderUiRenderer()],
+        configure(ctx) {
+          ctx.docks.register(jsonRenderDock)
+        },
         // Single-user localhost demo: opts out of the gate. A hub reachable
         // beyond localhost should gate (see docs/guide/security.md).
         auth: false,
diff --git a/examples/hub-vite-minimal/package.json b/examples/hub-vite-minimal/package.json
index 4b076295..a33c58e7 100644
--- a/examples/hub-vite-minimal/package.json
+++ b/examples/hub-vite-minimal/package.json
@@ -12,6 +12,8 @@
   "dependencies": {
     "@devframes/hub": "workspace:*",
     "@devframes/hub-ui": "workspace:*",
+    "@devframes/json-render": "workspace:*",
+    "@devframes/json-render-ui": "workspace:*",
     "@devframes/plugin-inspect": "workspace:*",
     "@devframes/plugin-messages": "workspace:*",
     "devframe": "workspace:*"
diff --git a/examples/hub-vite-minimal/vite.config.ts b/examples/hub-vite-minimal/vite.config.ts
index 30ab40d3..b19e42c7 100644
--- a/examples/hub-vite-minimal/vite.config.ts
+++ b/examples/hub-vite-minimal/vite.config.ts
@@ -1,6 +1,9 @@
+import type { DevframeJsonRenderSpec } from '@devframes/json-render'
+import type { DevframeJsonRenderDockEntry } from '@devframes/json-render/hub'
 import { Server as NodeHttpServer } from 'node:http'
 import { createUi } from '@devframes/hub-ui'
 import { DEVFRAMES_HUB_BASE, initHub } from '@devframes/hub/initiate'
+import { jsonRenderUiRenderer } from '@devframes/json-render-ui/hub'
 import { createInspectDevframe } from '@devframes/plugin-inspect'
 import { createMessagesDevframe } from '@devframes/plugin-messages'
 import { defineConfig } from 'vite'
@@ -9,6 +12,28 @@ import { defineConfig } from 'vite'
 // embedded-script URL — no duplicated string literal.
 const base = DEVFRAMES_HUB_BASE
 
+// A server-authored JSON-render dock: the whole view is this serializable
+// spec — no client build. It renders through whatever `'json-render'`
+// renderer the hub composes (below, the reference `@devframes/json-render-ui`
+// module); without one, the viewer shows its missing-renderer fallback.
+const jsonRenderSpec: DevframeJsonRenderSpec = {
+  root: 'root',
+  elements: {
+    root: { type: 'Card', props: { title: 'JSON Render' }, children: ['body'] },
+    body: { type: 'Stack', props: { gap: 8 }, children: ['text', 'badge'] },
+    text: { type: 'Text', props: { text: 'This dock is a JSON spec authored on the server and rendered by the module composed via initHub({ renderers }).' }, children: [] },
+    badge: { type: 'Badge', props: { text: 'renderer manifest', variant: 'info' }, children: [] },
+  },
+}
+
+const jsonRenderDock: DevframeJsonRenderDockEntry = {
+  type: 'json-render',
+  id: 'json-render-demo',
+  title: 'JSON Render',
+  icon: 'ph:layout-duotone',
+  view: { spec: jsonRenderSpec },
+}
+
 // The minimal Vite host: one `initHub()` call mounted as connect middleware
 // on the Vite dev server, created inside `configureServer` so importing this
 // config never boots a hub. `initHub` runs here in Vite's Node config process
@@ -34,6 +59,14 @@ export default defineConfig({
         base,
         devframes: [createInspectDevframe(), createMessagesDevframe()],
         ui: createUi(),
+        // Serve the reference json-render frontend as a prebuilt renderer
+        // module — the one-liner that makes `'json-render'` docks render in
+        // the prebuilt viewer. Swap it for any community implementation of
+        // the same contract.
+        renderers: [jsonRenderUiRenderer()],
+        configure(ctx) {
+          ctx.docks.register(jsonRenderDock)
+        },
         // Single-user localhost demo: reachable only on loopback, so it opts
         // out of the gate. A hub reachable beyond localhost should gate (see
         // docs/guide/security.md).
diff --git a/examples/hub-vite/README.md b/examples/hub-vite/README.md
index c275effd..7c1ff423 100644
--- a/examples/hub-vite/README.md
+++ b/examples/hub-vite/README.md
@@ -29,6 +29,8 @@ The **RPC & State Inspector** carries an **Instances** tab that lists every devf
 - Real integrations work end to end through the mount path — the inspector lists every plugin's RPC functions live, terminals stream over the hub, and code-server launches an authenticated editor
 - The browser reads `devframe:docks` / `devframe:commands` shared state and dispatches commands over RPC — no hub classes imported on the client
 - `createDevframeClientHost()` boots the hub's framework-level client runtime in the host page: it publishes the shared client context and imports each dock's `clientScript` (here, the a11y agent) so plugins run code in the page being inspected
+- The **JSON Render** dock is rendered by a prebuilt module this page never compiles in: the host passes `renderers: [jsonRenderUiRenderer()]` to `initHub()`, the hub serves the module at `/__devframes/__renderers/json-render.mjs` and publishes it in the renderer manifest, and the client's renderer registry imports it lazily on first mount. (The sibling `hub-next` witness registers a local React renderer for the same type instead, which takes precedence over the manifest — the other side of the swap seam.)
+- The **No Renderer** dock witnesses the missing-renderer path: its type is covered by nothing, so `renderers.mount()` resolves `{ status: 'missing-renderer' }` and the shell shows *No renderer for "demo-unrendered" in the current environment* instead of a dead panel
 
 ## Build your own
 
@@ -39,7 +41,8 @@ The dock UI is plain DOM in `src/client/`. To skin your own viewer, read the sam
 | File | Role |
 |---|---|
 | `src/vite-devframe-hub.ts` | The Vite host — one `initHub()` call mounted as connect middleware, plus instance-registry registration |
-| `vite.config.ts` | Passes the built-in plugins and demo devframes to the host's `devframes` option; attaches the a11y agent as its dock's `clientScript` |
+| `vite.config.ts` | Passes the built-in plugins and demo devframes to the host's `devframes` option; attaches the a11y agent as its dock's `clientScript`; composes the json-render frontend via `renderers` |
+| `src/unrendered-dock.ts` | A dock type registered with no renderer on purpose — the missing-renderer fallback witness |
 | `src/client/main.ts` | The browser UI that consumes the hub protocol |
 | `src/client/icons.ts` | Offline Phosphor icons for the dock |
 | `index.html` | The UI shell |
diff --git a/examples/hub-vite/package.json b/examples/hub-vite/package.json
index 7249ea05..63167aa1 100644
--- a/examples/hub-vite/package.json
+++ b/examples/hub-vite/package.json
@@ -27,12 +27,10 @@
     "colorjs.io": "catalog:frontend",
     "devframe": "workspace:*",
     "dompurify": "catalog:frontend",
-    "json-render": "workspace:*",
-    "vue": "catalog:frontend"
+    "json-render": "workspace:*"
   },
   "devDependencies": {
     "@iconify-json/ph": "catalog:frontend",
-    "@vitejs/plugin-vue": "catalog:build",
     "pathe": "catalog:deps",
     "unocss": "catalog:frontend",
     "vite": "catalog:build"
diff --git a/examples/hub-vite/src/client/env.d.ts b/examples/hub-vite/src/client/env.d.ts
index 2b1ad040..01b43943 100644
--- a/examples/hub-vite/src/client/env.d.ts
+++ b/examples/hub-vite/src/client/env.d.ts
@@ -1,13 +1,3 @@
 /// <reference types="vite/client" />
 
 declare module 'virtual:uno.css'
-
-// The JSON-render dock renderer (@devframes/json-render-ui, resolved to source
-// in the workspace) wraps `@antfu/design` `.vue` components — declare the module
-// so `tsc` resolves them.
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-
-  const component: DefineComponent<any, any, any>
-  export default component
-}
diff --git a/examples/hub-vite/src/client/main.ts b/examples/hub-vite/src/client/main.ts
index 83d33dfe..a5703b08 100644
--- a/examples/hub-vite/src/client/main.ts
+++ b/examples/hub-vite/src/client/main.ts
@@ -8,7 +8,6 @@ import type {
 import type { DevframeJsonRenderSpec } from '@devframes/json-render'
 import type { DevframeJsonRenderDockEntry } from '@devframes/json-render/hub'
 import { connectDevframe, createDevframeClientHost, FRAME_NAV_CHANNEL } from '@devframes/hub/client'
-import { createJsonRenderDockRenderer } from '@devframes/json-render-ui'
 import { dockIconSvg } from './icons'
 import 'virtual:uno.css'
 import '@antfu/design/styles.css'
@@ -88,11 +87,15 @@ function isIframeDock(d: DevframeDockEntry): d is DevframeDockEntry & { type: 'i
   return d.type === 'iframe' && typeof (d as { url?: unknown }).url === 'string'
 }
 
-// A dock this shell can display: an iframe, or one with a registered renderer
-// (e.g. the json-render dock, rendered by @devframes/json-render-ui).
-const RENDERER_TYPES = new Set(['json-render'])
+// Dock types this shell renders natively (or that carry no panel view of
+// their own). Everything else routes through the hub's dock-renderer
+// registry — renderers registered locally or served by the hub's renderer
+// manifest (e.g. `json-render`, rendered by the @devframes/json-render-ui
+// module `initHub({ renderers })` publishes) — and a type nothing covers
+// shows the missing-renderer fallback below.
+const NATIVE_TYPES = new Set(['action', 'launcher', 'group', '~builtin'])
 function isRenderableDock(d: DevframeDockEntry): boolean {
-  return isIframeDock(d) || RENDERER_TYPES.has(d.type)
+  return isIframeDock(d) || !NATIVE_TYPES.has(d.type)
 }
 
 // A self-contained document for the client-only dock, rendered from a Blob URL
@@ -200,12 +203,12 @@ async function main() {
   // inspector's in-page agent, which then scans this host live. The dock UI
   // below still reads the same shared state directly.
   //
-  // Register the JSON-render dock renderer so the hub can display a
-  // `json-render` dock (authored server-side via @devframes/json-render).
-  const host = await createDevframeClientHost({
-    rpc,
-    renderers: { 'json-render': createJsonRenderDockRenderer() },
-  })
+  // No renderer is compiled in: `json-render` docks render through the
+  // prebuilt module the hub serves via its renderer manifest
+  // (`initHub({ renderers: [jsonRenderUiRenderer()] })`), imported lazily by
+  // the registry the first time such a dock mounts. A renderer passed here
+  // (`renderers: { 'json-render': … }`) would take precedence.
+  const host = await createDevframeClientHost({ rpc })
 
   // Register a *client-only* dock — one this page synthesizes itself. Unlike
   // the server-authored docks, it's registered on the client host context, so
@@ -229,7 +232,7 @@ async function main() {
   // carried **inline** in the dock entry (`view.spec`), so it needs no shared
   // state at all: it lives only in this page yet renders — and stays fully
   // interactive (inputs, toggles, and buttons that mutate its state) — through
-  // the very same `json-render` dock renderer registered above as a
+  // the very same manifest-served `json-render` renderer module as a
   // server-authored view.
   host.context.docks.register<DevframeJsonRenderDockEntry>({
     id: 'client-playground',
@@ -308,14 +311,36 @@ async function main() {
     }
 
     if (entry && !isIframeDock(entry) && mountedRendererId !== entry.id) {
-      // A renderer dock (json-render): mount it into the panel via the client
-      // host's renderer registry. The Vue app subscribes to the view's shared
-      // state and updates live.
+      // A renderer dock (e.g. json-render): mount it into the panel via the
+      // client host's renderer registry — a locally-registered renderer, or
+      // the prebuilt module the registry lazy-imports from the hub's
+      // renderer manifest. Each mount gets a fresh container element (a
+      // self-styling renderer may attach a shadow root to it).
       disposePanel?.()
+      disposePanel = null
       panelEl.hidden = false
       panelEl.innerHTML = ''
       mountedRendererId = entry.id
-      disposePanel = await host.context.renderers.mount(entry, panelEl)
+      const container = document.createElement('div')
+      container.className = 'h-full w-full'
+      panelEl.append(container)
+      const result = await host.context.renderers.mount(entry, container)
+      if (result.status === 'mounted') {
+        disposePanel = result.dispose
+      }
+      else if (mountedRendererId === entry.id) {
+        // The typed mount result carries the fallback states: a type nothing
+        // covers, or a renderer module that failed to load (retry by
+        // re-selecting the dock).
+        container.remove()
+        const message = result.status === 'missing-renderer'
+          ? `No renderer for “${entry.type}” in the current environment`
+          : `The renderer for “${entry.type}” failed to load`
+        panelEl.innerHTML = `<div class="h-full w-full flex flex-col items-center justify-center gap-2 p6 text-center">
+          <div class="text-sm op-fade">${message}</div>
+          <div class="text-xs op-mute">${result.status === 'missing-renderer' ? 'The host has not registered a renderer for this dock type.' : 'Check the console, then re-select the dock to retry.'}</div>
+        </div>`
+      }
     }
   }
 
diff --git a/examples/hub-vite/src/unrendered-dock.ts b/examples/hub-vite/src/unrendered-dock.ts
new file mode 100644
index 00000000..9ae9f1b7
--- /dev/null
+++ b/examples/hub-vite/src/unrendered-dock.ts
@@ -0,0 +1,28 @@
+import type { DevframeDockEntryBase } from '@devframes/hub/types'
+
+/**
+ * A dock variant registered through the hub's **open** dock union — exactly
+ * how an opt-in integration contributes its own type — that no renderer
+ * covers on purpose. It witnesses the missing-renderer path: the viewer
+ * resolves the type against its renderer registry (local registrations, then
+ * the hub's renderer manifest), finds nothing, and renders its fallback view
+ * — `No renderer for "demo-unrendered" in the current environment` — instead
+ * of a dead panel.
+ */
+export interface DemoUnrenderedDockEntry extends DevframeDockEntryBase {
+  type: 'demo-unrendered'
+}
+
+declare module '@devframes/hub/types' {
+  interface DevframeDockEntryRegistry {
+    'demo-unrendered': DemoUnrenderedDockEntry
+  }
+}
+
+export const unrenderedDockEntry: DemoUnrenderedDockEntry = {
+  type: 'demo-unrendered',
+  id: 'example:unrendered',
+  title: 'No Renderer',
+  icon: 'ph:puzzle-piece-duotone',
+  category: 'app',
+}
diff --git a/examples/hub-vite/src/vite-devframe-hub.ts b/examples/hub-vite/src/vite-devframe-hub.ts
index f0f28027..69b27773 100644
--- a/examples/hub-vite/src/vite-devframe-hub.ts
+++ b/examples/hub-vite/src/vite-devframe-hub.ts
@@ -1,4 +1,4 @@
-import type { HubDevframeEntry, HubInstance } from '@devframes/hub/initiate'
+import type { DockRendererRegistration, HubDevframeEntry, HubInstance } from '@devframes/hub/initiate'
 import type { DevframeHubContext } from '@devframes/hub/node'
 import type { ClientScriptEntry } from '@devframes/hub/types'
 import type { DevframeDefinition } from 'devframe'
@@ -31,6 +31,14 @@ export interface ViteDevframeHubOptions {
    * (e.g. the a11y inspector's in-page agent).
    */
   clientScripts?: Record<string, ClientScriptEntry>
+  /**
+   * Prebuilt dock-renderer modules forwarded to `initHub({ renderers })` —
+   * each is served at `<base>__renderers/<type>.mjs` and published in the
+   * renderer manifest, so the client imports it lazily the first time a dock
+   * of its type mounts (e.g. `jsonRenderUiRenderer()` from
+   * `@devframes/json-render-ui/hub` for `json-render` docks).
+   */
+  renderers?: DockRendererRegistration[]
   /**
    * Called once the hub context is created (after devframes are mounted),
    * inside `initHub`'s `configure` step. Lets the composition register extra
@@ -174,6 +182,7 @@ export function viteDevframeHub(options: ViteDevframeHubOptions = {}): Plugin {
           viteHubTerminalsList,
         ],
         devframes,
+        ...(options.renderers ? { renderers: options.renderers } : {}),
         async configure(ctx) {
           // Seed a sample command directly on the hub so the UI
           // shows something even without any plugged-in devframes.
diff --git a/examples/hub-vite/vite.config.ts b/examples/hub-vite/vite.config.ts
index 307c0c08..7ff6c9d4 100644
--- a/examples/hub-vite/vite.config.ts
+++ b/examples/hub-vite/vite.config.ts
@@ -1,3 +1,4 @@
+import { jsonRenderUiRenderer } from '@devframes/json-render-ui/hub'
 import { toJsonRenderDockEntry } from '@devframes/json-render/hub'
 import a11yDevframe, { a11yAgentBundlePath } from '@devframes/plugin-a11y'
 import assetsDevframe from '@devframes/plugin-assets'
@@ -9,7 +10,6 @@ import inspectDevframe from '@devframes/plugin-inspect'
 import messagesDevframe from '@devframes/plugin-messages'
 import ogDevframe from '@devframes/plugin-og'
 import terminalsDevframe from '@devframes/plugin-terminals'
-import vue from '@vitejs/plugin-vue'
 import { createDashboardView } from 'json-render/dashboard'
 import UnoCSS from 'unocss/vite'
 import { defineConfig } from 'vite'
@@ -17,6 +17,7 @@ import { alias } from '../../alias'
 import demoDevframe from './src/devframe'
 import demoDevframeB from './src/devframe-b'
 import tabbedToolDevframe from './src/tabbed-tool'
+import { unrenderedDockEntry } from './src/unrendered-dock'
 import { viteDevframeHub } from './src/vite-devframe-hub'
 
 // Colon-free id override: the hub instance derives each frame's mount path
@@ -30,11 +31,7 @@ export default defineConfig({
   // Dev tooling reached from arbitrary hostnames (LAN IPs, tunnels, tailnets):
   // accept any Host header and fall back to the next free port when busy.
   server: { allowedHosts: true, strictPort: false },
-  // @antfu/design (pulled in by the JSON-render dock renderer) ships raw `.vue`;
-  // let @vitejs/plugin-vue compile its SFCs instead of esbuild pre-bundling.
-  optimizeDeps: { exclude: ['@antfu/design', '@devframes/json-render-ui'] },
   plugins: [
-    vue(),
     UnoCSS(),
     {
       // The host registers its own live objects as data-inspector sources —
@@ -101,9 +98,15 @@ export default defineConfig({
       clientScripts: {
         [a11yDevframe.id]: { importFrom: `/@fs/${a11yAgentBundlePath}` },
       },
+      // Serve the reference json-render frontend as a prebuilt renderer
+      // module: the hub publishes it in the renderer manifest and the client
+      // (src/client/main.ts) imports it lazily the first time a
+      // `json-render` dock mounts — no Vue and no renderer code compiled
+      // into this host's own bundle.
+      renderers: [jsonRenderUiRenderer()],
       // Dogfood the opt-in JSON-render hub integration: author a view on the
-      // hub context and project it onto a `json-render` dock. The client host
-      // (src/client/main.ts) renders it via @devframes/json-render-ui.
+      // hub context and project it onto a `json-render` dock, rendered by the
+      // manifest module above.
       onContextReady: (context) => {
         const view = createDashboardView(context)
         context.docks.register(toJsonRenderDockEntry(view, {
@@ -112,6 +115,9 @@ export default defineConfig({
           icon: 'ph:layout-duotone',
           category: 'app',
         }))
+        // Witness the missing-renderer path: a dock type nothing covers —
+        // the client shows its fallback view instead of a dead panel.
+        context.docks.register(unrenderedDockEntry)
       },
     }),
   ],
diff --git a/knip.jsonc b/knip.jsonc
index 5c88f924..2fa790c5 100644
--- a/knip.jsonc
+++ b/knip.jsonc
@@ -107,8 +107,10 @@
     },
     "packages/json-render-ui": {
       // `src/components/index.ts` is already picked up via
-      // `tsdown.config.ts`; only `spa.ts` needs to be declared explicitly.
-      "entry": ["src/{index,spa}.ts"],
+      // `tsdown.config.ts`; only `spa.ts`/`hub.ts` (node-safe entries) and
+      // the prebuilt renderer module (built by its own Vite config, consumed
+      // at runtime via the hub's renderer manifest) need declaring.
+      "entry": ["src/{index,spa,hub}.ts", "src/renderer-module/index.ts"],
       // The standalone SPA's own Vite config (`src/spa/vite.config.ts`)
       // mounts `unocss/vite` with no explicit config path, so UnoCSS
       // discovers this nested `uno.config.ts` by directory proximity to
diff --git a/packages/hub-ui/package.json b/packages/hub-ui/package.json
index 6ccd9f78..9e0d5da1 100644
--- a/packages/hub-ui/package.json
+++ b/packages/hub-ui/package.json
@@ -49,8 +49,6 @@
     "@devframes/hub": "workspace:*",
     "@devframes/json-render": "workspace:*",
     "@iconify-json/ph": "catalog:frontend",
-    "@json-render/core": "catalog:deps",
-    "@json-render/vue": "catalog:frontend",
     "@storybook/addon-docs": "catalog:storybook",
     "@storybook/vue3-vite": "catalog:storybook",
     "@types/node": "catalog:types",
diff --git a/packages/hub-ui/src/client/.generated/css.ts b/packages/hub-ui/src/client/.generated/css.ts
index 214ff575..620795e6 100644
--- a/packages/hub-ui/src/client/.generated/css.ts
+++ b/packages/hub-ui/src/client/.generated/css.ts
@@ -1,3 +1,3 @@
 /* eslint-disable eslint-comments/no-unlimited-disable */
 /* eslint-disable */
-export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n@property --un-ease{syntax:\"*\";inherits:false;}@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}@property --un-backdrop-blur{syntax:\"*\";inherits:false;}@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}@property --un-backdrop-invert{syntax:\"*\";inherits:false;}@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}@property --un-inset-ring-color{syntax:\"*\";inherits:false;}@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}@property --un-ring-color{syntax:\"*\";inherits:false;}@property --un-ring-inset{syntax:\"*\";inherits:false;}@property --un-ring-offset-color{syntax:\"*\";inherits:false;}@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:\"*\";inherits:false;}@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}:root {\n  --un-text-opacity: 100%;\n}\n\n/*\n * Thin/transparent scrollbar, matching packages/ui/src/styles/global.css —\n * that stylesheet only reaches the Nuxt plugin apps, not this injected\n * webcomponents shell, which otherwise falls back to the browser default\n * (thick, opaque-gutter) scrollbar clashing with the translucent dock.\n * `:host`, not `:root` — this stylesheet is adopted into the dock's shadow\n * root (`defineCustomElement(..., { shadowRoot: true, styles: [css] })`),\n * where `:root` only ever matches the top-level document's <html>.\n * Rules below are unscoped (not `#devframes-anchor ...`) since the\n * shadow boundary already keeps them from leaking onto the host page, and\n * scoping under the anchor's id would miss edge-docked mode entirely\n * (`DockEmbedded.vue` renders `DockEdge`/`#devframes-edge-panel` and\n * `Dock`/`#devframes-anchor` as mutually exclusive siblings).\n */\n:host {\n  --app-scrollbar-size: 6px;\n  --app-scrollbar-radius: 1px;\n  --app-scrollbar-thumb: #8884;\n  --app-scrollbar-thumb-hover: #8885;\n}\n\n::-webkit-scrollbar {\n  width: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar:horizontal {\n  height: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--app-scrollbar-thumb);\n  transition: background 0.2s ease;\n  border-radius: var(--app-scrollbar-radius);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--app-scrollbar-thumb-hover);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: var(--app-scrollbar-radius);\n  background: transparent;\n}\n\n#devframes-anchor {\n  font-size:15px;font-family:var(--font-sans);width:calc(var(--spacing) * 0);transform-origin:center;box-sizing:border-box;position:fixed;z-index:2147483644;\n  transform: translate(-50%, -50%) rotate(0);\n}\n\n#devframes-anchor #devframes-dock-container {\n  display:flex;width:max-content;left:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);position:absolute;\n  height: var(--devframes-dock-height, 40px);\n  min-width: var(--devframes-dock-min-width, 100px);\n  transform: translate(-50%, -50%);\n}\n\n#devframes-anchor.devframes-vertical #devframes-dock-container {\n  transform: translate(-50%, -50%) rotate(90deg);\n  transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:500ms;transition-duration:500ms;\n}\n\n#devframes-anchor #devframes-dock {\n  margin:auto;border-radius:calc(infinity * 1px);height:100%;-webkit-user-select:none;user-select:none;touch-action:none;\n  ;color:color-mix(in oklab, #333 var(--un-text-opacity), transparent);background-color:color-mix(in srgb, var(--colors-white) 100%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);\n  transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:500ms;transition-duration:500ms;\n  height: var(--devframes-dock-height, 40px);\n  width: calc-size(max-content, size);\n}.dark #devframes-anchor #devframes-dock{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, #111 80%, transparent);}@supports (color: color-mix(in lab, red, red)){.dark #devframes-anchor #devframes-dock{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}}@supports (color: color-mix(in lab, red, red)){#devframes-anchor #devframes-dock{background-color:color-mix(in oklab, var(--colors-white) 100%, transparent);}}\n\n#devframes-anchor.devframes-minimized #devframes-dock {\n  padding-inline:calc(var(--spacing) * 0);padding-block:2px;\n  width: var(--devframes-dock-minimized-size, 22px);\n  height: var(--devframes-dock-minimized-size, 22px);\n}\n\n#devframes-anchor:hover #devframes-glowing {\n  opacity:60%;\n}\n\n#devframes-anchor #devframes-glowing {\n  border-radius:calc(infinity * 1px);opacity:0%;pointer-events:none;transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:1000ms;transition-duration:1000ms;--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);left:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);position:absolute;\n  width: var(--devframes-dock-glow-size, 160px);\n  height: var(--devframes-dock-glow-size, 160px);\n  filter: blur(var(--devframes-dock-glow-blur, 60px));\n  transform: translate(-50%, -50%);\n  /* Follows the brand: derived from the primary ramp (overridable via\n     --devframe-primary), so a rebrand retints the glow automatically. */\n  background-image: linear-gradient(\n    45deg,\n    var(--colors-primary-300, #adc77f),\n    var(--colors-primary-500, #517158),\n    var(--colors-primary-DEFAULT, #486954)\n  );\n}\n\n@media print {\n  #devframes-anchor {\n    display:none;\n  }\n}\n\n.devframes-resize-handle-horizontal {\n  margin-block:-5px;border-radius:var(--radius-md);height:10px;cursor:ns-resize;left:6px;right:6px;position:absolute;\n}\n.devframes-resize-handle-vertical {\n  margin-inline:-5px;border-radius:var(--radius-md);width:10px;cursor:ew-resize;top:6px;bottom:calc(var(--spacing) * 0);position:absolute;\n}\n.devframes-resize-handle-corner {\n  margin:-6px;border-radius:var(--radius-md);width:14px;height:14px;position:absolute;\n}\n.devframes-resize-handle {\n  z-index:30;\n}\n.devframes-resize-handle:hover {\n  ;background-color:color-mix(in srgb, var(--colors-gray-400) 10%, transparent);\n}@supports (color: color-mix(in lab, red, red)){.devframes-resize-handle:hover{background-color:color-mix(in oklab, var(--colors-gray-400) 10%, transparent);}}\n\n@keyframes devframes-shake {\n  0%, 100% { transform: translateX(0); }\n  20%, 60% { transform: translateX(-5px); }\n  40%, 80% { transform: translateX(5px); }\n}\n.devframes-shake {\n  animation: devframes-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n@media (prefers-reduced-motion: reduce) {\n  .devframes-shake {\n    animation: none;\n  }\n}\n\n/* layer: properties */\n@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{--un-bg-opacity:100%;--un-border-opacity:100%;--un-border-style:solid;--un-caret-opacity:100%;--un-divide-opacity:100%;--un-divide-y-reverse:initial;--un-ease:initial;--un-from-opacity:100%;--un-leading:initial;--un-ring-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-space-y-reverse:initial;--un-text-opacity:100%;--un-to-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-via-opacity:100%;}}\n@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-leading{syntax:\"*\";inherits:false;}\n@property --un-outline-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-caret-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-ring-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-inset-ring-color{syntax:\"*\";inherits:false;}\n@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-ring-color{syntax:\"*\";inherits:false;}\n@property --un-ring-inset{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-color{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}\n@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-translate-x{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-y{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-z{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-scale-x{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-y{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-z{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-ease{syntax:\"*\";inherits:false;}\n@property --un-from-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%;}\n@property --un-gradient-position{syntax:\"*\";inherits:false;}\n@property --un-gradient-stops{syntax:\"*\";inherits:false;}\n@property --un-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%;}\n@property --un-gradient-via-stops{syntax:\"*\";inherits:false;}\n@property --un-to-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-via-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-backdrop-blur{syntax:\"*\";inherits:false;}\n@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}\n@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}\n@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}\n@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-invert{syntax:\"*\";inherits:false;}\n@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}\n@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}\n@property --un-blur{syntax:\"*\";inherits:false;}\n@property --un-brightness{syntax:\"*\";inherits:false;}\n@property --un-contrast{syntax:\"*\";inherits:false;}\n@property --un-drop-shadow{syntax:\"*\";inherits:false;}\n@property --un-grayscale{syntax:\"*\";inherits:false;}\n@property --un-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-invert{syntax:\"*\";inherits:false;}\n@property --un-saturate{syntax:\"*\";inherits:false;}\n@property --un-sepia{syntax:\"*\";inherits:false;}\n@property --un-numeric-figure{syntax:\"*\";inherits:false;}\n@property --un-numeric-fraction{syntax:\"*\";inherits:false;}\n@property --un-numeric-spacing{syntax:\"*\";inherits:false;}\n@property --un-ordinal{syntax:\"*\";inherits:false;}\n@property --un-slashed-zero{syntax:\"*\";inherits:false;}\n@property --un-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-divide-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n/* layer: theme */\n:root, :host { --spacing: 0.25rem; --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --ease-out: cubic-bezier(0, 0, 0.2, 1); --radius-md: 0.375rem; --colors-gray-400: oklch(70.7% 0.022 261.325); --colors-white: #fff; --container-lg: 32rem; --radius-lg: 0.5rem; --radius-DEFAULT: 0.25rem; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace; --colors-primary-DEFAULT: #3a6a45; --colors-blue-DEFAULT: oklch(70.7% 0.165 254.624); --colors-black: #000; --fontWeight-medium: 500; --radius-xl: 0.75rem; --colors-primary-500: #578861; --ease-in: cubic-bezier(0.4, 0, 1, 1); --fontWeight-bold: 700; --tracking-tight: -0.025em; --colors-red-500: oklch(63.7% 0.237 25.331); --colors-primary-400: #75a67e; --colors-gray-DEFAULT: oklch(70.7% 0.022 261.325); --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-2xl-fontSize: 1.5rem; --text-2xl-lineHeight: 2rem; --text-xl-fontSize: 1.25rem; --text-xl-lineHeight: 1.75rem; --leading-none: 1; --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --tracking-wide: 0.025em; --colors-orange-DEFAULT: oklch(75% 0.183 55.934); --colors-purple-DEFAULT: oklch(71.4% 0.203 305.504); --leading-relaxed: 1.625; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --container-prose: 65ch; --colors-blue-400: oklch(70.7% 0.165 254.624); --colors-green-400: oklch(79.2% 0.209 151.711); --colors-amber-400: oklch(82.8% 0.189 84.429); --colors-red-400: oklch(70.4% 0.191 22.216); --colors-primary-600: #40704b; --colors-red-600: oklch(57.7% 0.245 27.325); --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-blue-700: oklch(48.8% 0.243 264.376); --colors-green-500: oklch(72.3% 0.219 149.579); --colors-green-700: oklch(52.7% 0.154 150.069); --colors-amber-500: oklch(76.9% 0.188 70.08); --colors-amber-700: oklch(55.5% 0.163 48.998); --colors-red-700: oklch(50.5% 0.213 27.518); --colors-green-600: oklch(62.7% 0.194 149.214); --colors-amber-600: oklch(66.6% 0.179 58.318); --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --colors-error-DEFAULT: #f63d68; --colors-primary-300: #93c69d; --colors-blue-300: oklch(80.9% 0.105 251.813); --colors-green-300: oklch(87.1% 0.15 154.449); --colors-amber-300: oklch(87.9% 0.169 91.605); --colors-red-300: oklch(80.8% 0.114 19.571); --colors-neutral-600: oklch(43.9% 0 0); --colors-neutral-500: oklch(55.6% 0 0); --colors-neutral-400: oklch(70.8% 0 0); --container-sm: 24rem; --container-xs: 20rem; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }\n/* layer: base */\n *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  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-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, 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; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.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 { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :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: 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }\n/* layer: preflights */\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-counter-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-square-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 80v128a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-counter-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M88 104H40a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v28.69l14.63-14.63A95.43 95.43 0 0 1 130 33.94h.53a95.36 95.36 0 0 1 67.07 27.33a8 8 0 0 1-11.18 11.44a79.52 79.52 0 0 0-55.89-22.77h-.45a79.56 79.56 0 0 0-56.14 23.43L59.31 88H88a8 8 0 0 1 0 16m128 48h-48a8 8 0 0 0 0 16h28.69l-14.63 14.63a79.56 79.56 0 0 1-56.13 23.43h-.45a79.52 79.52 0 0 1-55.89-22.77a8 8 0 1 0-11.18 11.44a95.36 95.36 0 0 0 67.07 27.33h.52a95.43 95.43 0 0 0 67.36-28.12L208 179.31V208a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 48v160H48V48Z' opacity='.2'/%3E%3Cpath d='M216 48v48a8 8 0 0 1-16 0V67.31l-42.34 42.35a8 8 0 0 1-11.32-11.32L188.69 56H160a8 8 0 0 1 0-16h48a8 8 0 0 1 8 8M98.34 146.34L56 188.69V160a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16H67.31l42.35-42.34a8 8 0 0 0-11.32-11.32M208 152a8 8 0 0 0-8 8v28.69l-42.34-42.35a8 8 0 0 0-11.32 11.32L188.69 200H160a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8M67.31 56H96a8 8 0 0 0 0-16H48a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0V67.31l42.34 42.35a8 8 0 0 0 11.32-11.32Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-cards-three-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 104v96a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-96a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 88H48a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16m0 112H48v-96h160zM48 64a8 8 0 0 1 8-8h144a8 8 0 0 1 0 16H56a8 8 0 0 1-8-8m16-32a8 8 0 0 1 8-8h112a8 8 0 0 1 0 16H72a8 8 0 0 1-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-down,\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-left,\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-right,\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-up{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-check-bold,\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-circle-notch{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-six-vertical{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M104 60a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60 12a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-72 44a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-72 68a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-three-outline-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M152 128a24 24 0 1 1-24-24a24 24 0 0 1 24 24M48 104a24 24 0 1 0 24 24a24 24 0 0 0-24-24m160 0a24 24 0 1 0 24 24a24 24 0 0 0-24-24' opacity='.2'/%3E%3Cpath d='M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16M48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16m160-48a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-globe{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.12 104.12 0 0 0 128 24m88 104a87.6 87.6 0 0 1-3.33 24h-38.51a157.4 157.4 0 0 0 0-48h38.51a87.6 87.6 0 0 1 3.33 24m-114 40h52a115.1 115.1 0 0 1-26 45a115.3 115.3 0 0 1-26-45m-3.9-16a140.8 140.8 0 0 1 0-48h59.88a140.8 140.8 0 0 1 0 48ZM40 128a87.6 87.6 0 0 1 3.33-24h38.51a157.4 157.4 0 0 0 0 48H43.33A87.6 87.6 0 0 1 40 128m114-40h-52a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45m52.33 0h-35.62a135.3 135.3 0 0 0-22.3-45.6A88.29 88.29 0 0 1 206.37 88Zm-98.74-45.6A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6M49.63 168h35.66a135.3 135.3 0 0 0 22.3 45.6A88.29 88.29 0 0 1 49.63 168m98.78 45.6a135.3 135.3 0 0 0 22.3-45.6h35.66a88.29 88.29 0 0 1-57.96 45.6'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-keyboard-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M232 64v128a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h192a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 48H32a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m0 144H32V64h192zm-16-64a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8m0-32a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8M72 160a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8m96 0a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m40 0a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-laptop-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 72v104H40V72a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M232 168h-8V72a24 24 0 0 0-24-24H56a24 24 0 0 0-24 24v96h-8a8 8 0 0 0-8 8v16a24 24 0 0 0 24 24h176a24 24 0 0 0 24-24v-16a8 8 0 0 0-8-8M48 72a8 8 0 0 1 8-8h144a8 8 0 0 1 8 8v96H48Zm176 120a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-8h192ZM152 88a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-layout-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M104 104v104H40a8 8 0 0 1-8-8v-96Z' opacity='.2'/%3E%3Cpath d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v40H40V56ZM40 112h56v88H40Zm176 88H112v-88h104z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-magnifying-glass-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 112a80 80 0 1 1-80-80a80 80 0 0 1 80 80' opacity='.2'/%3E%3Cpath d='m229.66 218.34l-50.06-50.06a88.21 88.21 0 1 0-11.32 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-moon-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78' opacity='.2'/%3E%3Cpath d='M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-paint-brush-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 32c0 32.81-31.64 67.43-58.64 91.05A84.4 84.4 0 0 0 133 90.64c23.57-27 58.19-58.64 91-58.64' opacity='.2'/%3E%3Cpath d='M232 32a8 8 0 0 0-8-8c-44.08 0-89.31 49.71-114.43 82.63A60 60 0 0 0 32 164c0 30.88-19.54 44.73-20.47 45.37A8 8 0 0 0 16 224h76a60 60 0 0 0 57.37-77.57C182.3 121.31 232 76.08 232 32M92 208H34.63C41.38 198.41 48 183.92 48 164a44 44 0 1 1 44 44m32.42-94.45q5.14-6.66 10.09-12.55A76.2 76.2 0 0 1 155 121.49q-5.9 4.94-12.55 10.09a60.5 60.5 0 0 0-18.03-18.03m42.7-2.68a92.6 92.6 0 0 0-22-22c31.78-34.53 55.75-45 69.9-47.91c-2.85 14.16-13.37 38.13-47.9 69.91'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.32 81.37l-60.69-60.68a16 16 0 0 0-22.63 0l-53.63 53.8c-10.66-3.34-35-7.37-60.4 13.14a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33c19.64-26.1 17.75-47.32 13.19-60L235.33 104a16 16 0 0 0-.01-22.63M224 92.69l-57.27 57.46a8 8 0 0 0-1.49 9.22c9.46 18.93-1.8 38.59-9.34 48.62L48 100.08c12.08-9.74 23.64-12.31 32.48-12.31A40.1 40.1 0 0 1 96.81 91a8 8 0 0 0 9.25-1.51L163.32 32L224 92.68Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.33 104l-53.47 53.65c4.56 12.67 6.45 33.89-13.19 60A15.93 15.93 0 0 1 157 224h-1.13a16 16 0 0 1-11.32-4.69L96.29 171l-42.63 42.66a8 8 0 0 1-11.32-11.32L85 159.71l-48.3-48.3A16 16 0 0 1 38 87.63c25.42-20.51 49.75-16.48 60.4-13.14L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 .01 22.62'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-rocket-launch-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 120v61.65a8 8 0 0 1-2.34 5.65l-34.35 34.35a8 8 0 0 1-13.57-4.53L128 176Zm-48-48H74.35a8 8 0 0 0-5.65 2.34l-34.35 34.35a8 8 0 0 0 4.53 13.57L80 128ZM40 216c37.65 0 50.69-19.69 54.56-28.18l-26.38-26.38C59.69 165.31 40 178.35 40 216' opacity='.2'/%3E%3Cpath d='M223.85 47.12a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.41 27.07L132.69 64H74.36A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a15.9 15.9 0 0 0 4.68-11.36v-58.33l4.77-4.77c26.68-26.68 27.83-58.83 27.08-71.42M74.36 80h42.33l-39.53 39.52L40 114.34Zm74.41-9.45a76.65 76.65 0 0 1 59.11-22.47a76.46 76.46 0 0 1-22.42 59.16L128 164.68L91.32 128ZM176 181.64L141.67 216l-5.19-37.17L176 139.31Zm-74.16 9.5C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-shield-check-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 56v56c0 96-88 120-88 120s-88-24-88-120V56a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 40H48a16 16 0 0 0-16 16v56c0 52.72 25.52 84.67 46.93 102.19c23.06 18.86 46 25.26 47 25.53a8 8 0 0 0 4.2 0c1-.27 23.91-6.67 47-25.53C198.48 196.67 224 164.72 224 112V56a16 16 0 0 0-16-16m0 72c0 37.07-13.66 67.16-40.6 89.42a129.3 129.3 0 0 1-39.4 22.2a128.3 128.3 0 0 1-38.92-21.81C61.82 179.51 48 149.3 48 112V56h160ZM82.34 141.66a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32l-56 56a8 8 0 0 1-11.32 0Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sign-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 56v144a16 16 0 0 1-16 16H48V40h160a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M120 216a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H56v160h56a8 8 0 0 1 8 8m109.66-93.66l-40-40a8 8 0 0 0-11.32 11.32L204.69 120H112a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-spinner-gap-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0m88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-50.91-16.4l-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31M72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8m-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-square-half-bottom-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v72a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8v-72Z' opacity='.2'/%3E%3Cpath d='M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v64H56V56Zm0 144H56v-64h144z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sun-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 128a56 56 0 1 1-56-56a56 56 0 0 1 56 56' opacity='.2'/%3E%3Cpath d='M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0m72 88a64 64 0 1 1-64-64a64.07 64.07 0 0 1 64 64m-16 0a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48M58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68l-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8m112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-duotone,\n.i-ph\\:warning-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72M120 104a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm8 88a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-wrench-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 96a64 64 0 0 1-94.94 56L73 217a24 24 0 0 1-34-34l65-56.06a64 64 0 0 1 80-90.29L144 80l5.66 26.34L176 112l43.35-40A63.8 63.8 0 0 1 224 96' opacity='.2'/%3E%3Cpath d='M226.76 69a8 8 0 0 0-12.84-2.88l-40.3 37.19l-17.23-3.7l-3.7-17.23l37.19-40.3A8 8 0 0 0 187 29.24A72 72 0 0 0 88 96a72.3 72.3 0 0 0 6 28.94L33.79 177c-.15.12-.29.26-.43.39a32 32 0 0 0 45.26 45.26c.13-.13.27-.28.39-.42L131.06 162A72 72 0 0 0 232 96a71.6 71.6 0 0 0-5.24-27M160 152a56.14 56.14 0 0 1-27.07-7a8 8 0 0 0-9.92 1.77l-55.9 64.74a16 16 0 0 1-22.62-22.62L109.18 133a8 8 0 0 0 1.77-9.93a56 56 0 0 1 58.36-82.31l-31.2 33.81a8 8 0 0 0-1.94 7.1l5.66 26.33a8 8 0 0 0 6.14 6.14l26.35 5.66a8 8 0 0 0 7.1-1.94l33.81-31.2A56.06 56.06 0 0 1 160 152'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-x,\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:bug-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v16a80 80 0 0 1-160 0v-16Z' opacity='.2'/%3E%3Cpath d='M144 92a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-44-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m116 64a87.8 87.8 0 0 1-3 23l22.24 9.72A8 8 0 0 1 232 192a7.9 7.9 0 0 1-3.2-.67L207.38 182a88 88 0 0 1-158.76 0l-21.42 9.33a7.9 7.9 0 0 1-3.2.67a8 8 0 0 1-3.2-15.33L43 167a87.8 87.8 0 0 1-3-23v-8H16a8 8 0 0 1 0-16h24v-8a87.8 87.8 0 0 1 3-23l-22.2-9.67a8 8 0 1 1 6.4-14.66L48.62 74a88 88 0 0 1 158.76 0l21.42-9.36a8 8 0 0 1 6.4 14.66L213 89.05a87.8 87.8 0 0 1 3 23v8h24a8 8 0 0 1 0 16h-24ZM56 120h144v-8a72 72 0 0 0-144 0Zm64 95.54V136H56v8a72.08 72.08 0 0 0 64 71.54M200 144v-8h-64v79.54A72.08 72.08 0 0 0 200 144'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:info-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M144 176a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m88-48A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88m-92-32a12 12 0 1 0-12-12a12 12 0 0 0 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M165.66 101.66L139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.badge{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));--un-leading:var(--leading-none);line-height:var(--leading-none);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 0.5);border-radius:var(--radius-md);display:inline-flex;gap:calc(var(--spacing) * 1);align-items:center;}\n.btn-action-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.text-micro{font-size:10px;--un-leading:1.4;line-height:1.4;}\n.btn-primary{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);opacity:100% !important;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.color-faint,\n.dark .color-faint{color:color-mix(in srgb, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in srgb, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.btn-action{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.btn-icon{--un-outline-style:none;outline-style:none;border-radius:calc(infinity * 1px);opacity:65%;display:flex;width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.btn-icon-compact{--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);opacity:65%;display:flex;width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.border-base{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.border-mute{border-color:color-mix(in oklab, #8881 var(--un-border-opacity), transparent);}\n.hover\\:border-base:hover{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-ambient{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, #111 var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in srgb, var(--colors-white) 65%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass{background-color:color-mix(in oklab, #111 50%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in srgb, var(--colors-white) 98%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:75{background-color:color-mix(in oklab, #111 75%, transparent);}\n.bg-glass\\:80{background-color:color-mix(in srgb, var(--colors-white) 100%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:80{background-color:color-mix(in oklab, #111 80%, transparent);}\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-secondary{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.dark .bg-secondary{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.dark .hover\\:bg-active:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.hover\\:bg-active:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.hover\\:bg-hover:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.btn-action:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-action-sm:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon-compact:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-primary:hover{background-color:color-mix(in srgb, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:55%;}\n.op-fade{opacity:65%;}\n.dark .op-mute{opacity:25%;}\n.op-mute{opacity:30%;}\n.btn-action:disabled{opacity:30% !important;pointer-events:none;}\n.btn-action-sm:disabled{opacity:30% !important;pointer-events:none;}\n.btn-icon:disabled{opacity:30%;pointer-events:none;}\n.btn-icon-compact:disabled{opacity:30%;pointer-events:none;}\n.btn-primary:disabled{opacity:50%;pointer-events:none;}\n.dark .disabled\\:op-mute:disabled{opacity:25%;}\n.disabled\\:op-mute:disabled{opacity:30%;}\n.dark .placeholder\\:op-mute::placeholder{opacity:25%;}\n.placeholder\\:op-mute::placeholder{opacity:30%;}\n.container{width:100%;}\n.btn-action:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.z-command-palette{z-index:2147483646;}\n.z-dock-confirm,\n.z-dock-toast{z-index:2147483647;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-floating-anchor{z-index:2147483644;}\n.z-floating-tooltip{z-index:2147483645;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.bg-gradient-more{--un-gradient-from:color-mix(in oklab, var(--colors-white) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, var(--colors-white) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, var(--colors-white) var(--un-to-opacity), transparent);--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops));}\n.dark .bg-gradient-more{--un-gradient-from:color-mix(in oklab, #111 var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, #111 var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, #111 var(--un-to-opacity), transparent);}\n.dark .icon-catppuccin{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0%);}\n.icon-catppuccin{--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(100%);}\n@supports (color: color-mix(in lab, red, red)){\n.btn-primary{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.color-active{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.color-base{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.dark .color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in oklab, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-base{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=active\\]\\:bg-base[data-state=active]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in oklab, var(--colors-white) 65%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in oklab, var(--colors-white) 98%, transparent);}\n.bg-glass\\:80{background-color:color-mix(in oklab, var(--colors-white) 100%, transparent);}\n.dark .hover\\:bg-active:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.hover\\:bg-active:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.btn-primary:hover{background-color:color-mix(in oklab, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.btn-action:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.container{max-width:40rem;}\n}\n@media (min-width: 48rem){\n.container{max-width:48rem;}\n}\n@media (min-width: 64rem){\n.container{max-width:64rem;}\n}\n@media (min-width: 80rem){\n.container{max-width:80rem;}\n}\n@media (min-width: 96rem){\n.container{max-width:96rem;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.text-\\[10px\\]{font-size:10px;}\n.text-\\[15px\\]{font-size:15px;}\n.text-0\\.6em{font-size:0.6em;}\n.text-2\\.75{font-size:0.6875rem;}\n.text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));}\n.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}\n.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}\n.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}\n.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}\n.text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}\n.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}\n.dark .dark\\:text-amber-300{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in srgb, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-primary-300{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in srgb, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber{color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in srgb, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue{color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-gray{color:color-mix(in srgb, var(--colors-gray-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green{color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in srgb, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in srgb, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary,\n.text-primary\\/bg-active{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary-600{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.text-red{color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in srgb, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}\n.leading-4{--un-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4);}\n.leading-5{--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);}\n.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}\n.leading-relaxed{--un-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);}\n.tracking-tight{--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);}\n.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}\n.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}\n.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}\n.font-mono{font-family:var(--font-mono);}\n.font-sans{font-family:var(--font-sans);}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.m-auto,\n.ma{margin:auto;}\n.m1{margin:calc(var(--spacing) * 1);}\n.mx--1{margin-inline:calc(var(--spacing) * -1);}\n.mx--2{margin-inline:calc(var(--spacing) * -2);}\n.mx-1{margin-inline:calc(var(--spacing) * 1);}\n.mx-2{margin-inline:calc(var(--spacing) * 2);}\n.mx-auto{margin-inline:auto;}\n.my-1,\n.my1{margin-block:calc(var(--spacing) * 1);}\n.my-2{margin-block:calc(var(--spacing) * 2);}\n.my0\\.5{margin-block:calc(var(--spacing) * 0.5);}\n.-mb-px{margin-bottom:-1px;}\n.mb-1{margin-bottom:calc(var(--spacing) * 1);}\n.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5);}\n.mb-3{margin-bottom:calc(var(--spacing) * 3);}\n.mb-4{margin-bottom:calc(var(--spacing) * 4);}\n.ml-0\\.5{margin-left:calc(var(--spacing) * 0.5);}\n.ml-1{margin-left:calc(var(--spacing) * 1);}\n.ml-1\\.5{margin-left:calc(var(--spacing) * 1.5);}\n.ml-2{margin-left:calc(var(--spacing) * 2);}\n.ml-6{margin-left:calc(var(--spacing) * 6);}\n.mr-1{margin-right:calc(var(--spacing) * 1);}\n.ms{margin-inline-start:calc(var(--spacing) * 4);}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:calc(var(--spacing) * 0.5);}\n.mt-1{margin-top:calc(var(--spacing) * 1);}\n.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5);}\n.mt-2,\n.mt2{margin-top:calc(var(--spacing) * 2);}\n.mt-4,\n.mt4{margin-top:calc(var(--spacing) * 4);}\n.mt-6,\n.mt6{margin-top:calc(var(--spacing) * 6);}\n.mt-auto{margin-top:auto;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:calc(var(--spacing) * 0.5);}\n.p-1,\n.p1{padding:calc(var(--spacing) * 1);}\n.p-1\\.5,\n.p1\\.5{padding:calc(var(--spacing) * 1.5);}\n.p-2,\n.p2{padding:calc(var(--spacing) * 2);}\n.p-3{padding:calc(var(--spacing) * 3);}\n.p-4{padding:calc(var(--spacing) * 4);}\n.p-5{padding:calc(var(--spacing) * 5);}\n.p6{padding:calc(var(--spacing) * 6);}\n.p8{padding:calc(var(--spacing) * 8);}\n.px,\n.px-4,\n.px4{padding-inline:calc(var(--spacing) * 4);}\n.px-0\\.5{padding-inline:calc(var(--spacing) * 0.5);}\n.px-1,\n.px1{padding-inline:calc(var(--spacing) * 1);}\n.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5);}\n.px-2,\n.px2{padding-inline:calc(var(--spacing) * 2);}\n.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5);}\n.px-2\\.5\\!{padding-inline:calc(var(--spacing) * 2.5) !important;}\n.px-3,\n.px3{padding-inline:calc(var(--spacing) * 3);}\n.px-6{padding-inline:calc(var(--spacing) * 6);}\n.py-0{padding-block:calc(var(--spacing) * 0);}\n.py-0\\.5{padding-block:calc(var(--spacing) * 0.5);}\n.py-1,\n.py1{padding-block:calc(var(--spacing) * 1);}\n.py-1\\!{padding-block:calc(var(--spacing) * 1) !important;}\n.py-1\\.5,\n.py1\\.5{padding-block:calc(var(--spacing) * 1.5);}\n.py-10{padding-block:calc(var(--spacing) * 10);}\n.py-12{padding-block:calc(var(--spacing) * 12);}\n.py-2,\n.py2{padding-block:calc(var(--spacing) * 2);}\n.py-2\\!{padding-block:calc(var(--spacing) * 2) !important;}\n.py-2\\.5{padding-block:calc(var(--spacing) * 2.5);}\n.py-3{padding-block:calc(var(--spacing) * 3);}\n.py-4{padding-block:calc(var(--spacing) * 4);}\n.py-6{padding-block:calc(var(--spacing) * 6);}\n.py-8{padding-block:calc(var(--spacing) * 8);}\n.pb-1{padding-bottom:calc(var(--spacing) * 1);}\n.pb2\\.5{padding-bottom:calc(var(--spacing) * 2.5);}\n.pl-4{padding-left:calc(var(--spacing) * 4);}\n.pl-5{padding-left:calc(var(--spacing) * 5);}\n.pl-7{padding-left:calc(var(--spacing) * 7);}\n.pr-2{padding-right:calc(var(--spacing) * 2);}\n.pt-\\[20vh\\]{padding-top:20vh;}\n.pt-1\\.5{padding-top:calc(var(--spacing) * 1.5);}\n.pt-6{padding-top:calc(var(--spacing) * 6);}\n.pt2{padding-top:calc(var(--spacing) * 2);}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.outline{outline-style:var(--un-outline-style);outline-width:1px;}\n.outline-none{--un-outline-style:none;outline-style:none;}\n.caret-primary-500{caret-color:color-mix(in srgb, var(--colors-primary-500) var(--un-caret-opacity), transparent);}\n.b,\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-0{border-bottom-width:0px;}\n.border-b-1\\.5{border-bottom-width:1.5px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-1\\.5{border-right-width:1.5px;}\n.border-t{border-top-width:1px;}\n.border-t-0{border-top-width:0px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.last\\:border-b-0:last-child{border-bottom-width:0px;}\n.border-amber-500\\/20{border-color:color-mix(in srgb, var(--colors-amber-500) 20%, transparent);}\n.border-amber\\/20{border-color:color-mix(in srgb, var(--colors-amber-DEFAULT) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in srgb, var(--colors-blue-500) 20%, transparent);}\n.border-current{border-color:currentColor;}\n.border-error\\!{border-color:color-mix(in srgb, var(--colors-error-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-green-500\\/20{border-color:color-mix(in srgb, var(--colors-green-500) 20%, transparent);}\n.border-primary-400\\/60{border-color:color-mix(in srgb, var(--colors-primary-400) 60%, transparent);}\n.border-primary\\/30{border-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 30%, transparent);}\n.border-red-500\\/20{border-color:color-mix(in srgb, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in srgb, var(--colors-red-500) 60%, transparent);}\n.border-red-500\\/70{border-color:color-mix(in srgb, var(--colors-red-500) 70%, transparent);}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400\\/50{border-color:color-mix(in srgb, var(--colors-primary-400) 50%, transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in srgb, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus-within\\:border-gray\\/15:focus-within{border-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:border-gray\\/10:hover{border-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 10%, transparent);}\n.focus\\:border-primary-500:focus{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus\\:border-primary\\/40:focus{border-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 40%, transparent);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:var(--radius-DEFAULT);}\n.rounded-full{border-radius:calc(infinity * 1px);}\n.rounded-lg{border-radius:var(--radius-lg);}\n.rounded-md{border-radius:var(--radius-md);}\n.rounded-xl{border-radius:var(--radius-xl);}\n.rounded-r{border-top-right-radius:var(--radius-DEFAULT);border-bottom-right-radius:var(--radius-DEFAULT);}\n.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);}\n.rounded-tr-md{border-top-right-radius:var(--radius-md);}\n.bg-\\[\\#8881\\],\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.bg-\\[\\#ddd\\]\\/40{background-color:color-mix(in oklab, #ddd 40%, transparent);}\n.bg-\\#8882{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-\\#8885{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-amber{background-color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.bg-amber\\/10{background-color:color-mix(in srgb, var(--colors-amber-DEFAULT) 10%, transparent);}\n.bg-black\\/30,\n.dark .dark\\:bg-black\\/30{background-color:color-mix(in srgb, var(--colors-black) 30%, transparent);}\n.bg-blue{background-color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.bg-blue\\/10{background-color:color-mix(in srgb, var(--colors-blue-DEFAULT) 10%, transparent);}\n.bg-current{background-color:currentColor;}\n.bg-error\\!{background-color:color-mix(in srgb, var(--colors-error-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-gray{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-gray\\/10{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 10%, transparent);}\n.bg-gray\\/20{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 20%, transparent);}\n.bg-gray\\/3{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 3%, transparent);}\n.bg-gray\\/30{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 30%, transparent);}\n.bg-gray\\/5{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 5%, transparent);}\n.bg-green{background-color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-green-400\\/10{background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\/10{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 10%, transparent);}\n.bg-primary{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-primary-500\\/20{background-color:color-mix(in srgb, var(--colors-primary-500) 20%, transparent);}\n.bg-primary\\/10{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-primary\\/15{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-primary\\/20{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 20%, transparent);}\n.bg-red{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\/10{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-transparent{background-color:transparent;}\n.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-white\\/50{background-color:color-mix(in srgb, var(--colors-white) 50%, transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in srgb, var(--colors-black) 40%, transparent);}\n.dark .dark\\:bg-black\\/45{background-color:color-mix(in srgb, var(--colors-black) 45%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in srgb, var(--colors-red-500) 10%, transparent);}\n.hover\\:bg-\\[\\#8881\\]:hover{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.hover\\:bg-\\[\\#8882\\]:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.hover\\:bg-\\#8888:hover{background-color:color-mix(in oklab, #8888 var(--un-bg-opacity), transparent);}\n.hover\\:bg-gray\\/10:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 10%, transparent);}\n.hover\\:bg-gray\\/15:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:bg-gray\\/20:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 20%, transparent);}\n.hover\\:bg-gray\\/5:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 5%, transparent);}\n.hover\\:bg-orange\\/20:hover{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 20%, transparent);}\n.hover\\:bg-primary\\/25:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 25%, transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in srgb, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/20:hover{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 20%, transparent);}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50,\n.group:hover .group-hover\\:op50{opacity:50%;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100,\n.opacity-100,\n.group:hover .group-hover\\:opacity-100{opacity:100%;}\n.op0,\n.opacity-0{opacity:0%;}\n.op25{opacity:25%;}\n.op30{opacity:30%;}\n.op40{opacity:40%;}\n.op60{opacity:60%;}\n.op60\\!{opacity:60% !important;}\n.op70{opacity:70%;}\n.op75{opacity:75%;}\n.op80{opacity:80%;}\n.hover\\:op100:hover{opacity:100%;}\n.hover\\:op60:hover{opacity:60%;}\n.hover\\:op70:hover{opacity:70%;}\n.hover\\:op80:hover{opacity:80%;}\n.disabled\\:op40:disabled{opacity:40%;}\n.disabled\\:op50:disabled{opacity:50%;}\n.line-through{text-decoration-line:line-through;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.flex-auto{flex:1 1 auto;}\n.flex-none{flex:none;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-row-reverse{flex-direction:row-reverse;}\n.flex-col{flex-direction:column;}\n.flex-col-reverse{flex-direction:column-reverse;}\n.flex-wrap{flex-wrap:wrap;}\n.gap-0{gap:calc(var(--spacing) * 0);}\n.gap-0\\.5{gap:calc(var(--spacing) * 0.5);}\n.gap-1{gap:calc(var(--spacing) * 1);}\n.gap-1\\.5{gap:calc(var(--spacing) * 1.5);}\n.gap-2{gap:calc(var(--spacing) * 2);}\n.gap-3{gap:calc(var(--spacing) * 3);}\n.gap-4{gap:calc(var(--spacing) * 4);}\n.gap-6{gap:calc(var(--spacing) * 6);}\n.gap-x-2{column-gap:calc(var(--spacing) * 2);}\n.gap-y-0\\.5{row-gap:calc(var(--spacing) * 0.5);}\n.grid{display:grid;}\n.cols-\\[max-content_1fr\\]{grid-template-columns:max-content 1fr;}\n.h-0\\.5{height:calc(var(--spacing) * 0.5);}\n.h-1{height:calc(var(--spacing) * 1);}\n.h-1\\.5{height:calc(var(--spacing) * 1.5);}\n.h-1\\/3{height:33.3333333333%;}\n.h-10{height:calc(var(--spacing) * 10);}\n.h-14{height:calc(var(--spacing) * 14);}\n.h-16{height:calc(var(--spacing) * 16);}\n.h-2{height:calc(var(--spacing) * 2);}\n.h-20px{height:20px;}\n.h-24{height:calc(var(--spacing) * 24);}\n.h-3{height:calc(var(--spacing) * 3);}\n.h-3\\.5{height:calc(var(--spacing) * 3.5);}\n.h-4{height:calc(var(--spacing) * 4);}\n.h-4\\.5{height:calc(var(--spacing) * 4.5);}\n.h-5{height:calc(var(--spacing) * 5);}\n.h-6{height:calc(var(--spacing) * 6);}\n.h-7{height:calc(var(--spacing) * 7);}\n.h-8{height:calc(var(--spacing) * 8);}\n.h-9{height:calc(var(--spacing) * 9);}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h-screen{height:100vh;}\n.max-h-\\[60vh\\]{max-height:60vh;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-108{max-width:calc(var(--spacing) * 108);}\n.max-w-200{max-width:calc(var(--spacing) * 200);}\n.max-w-220px{max-width:220px;}\n.max-w-64{max-width:calc(var(--spacing) * 64);}\n.max-w-92{max-width:calc(var(--spacing) * 92);}\n.max-w-96{max-width:calc(var(--spacing) * 96);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:var(--container-lg);}\n.max-w-prose{max-width:var(--container-prose);}\n.max-w-sm{max-width:var(--container-sm);}\n.max-w-xs{max-width:var(--container-xs);}\n.min-h-0{min-height:calc(var(--spacing) * 0);}\n.min-h-16{min-height:calc(var(--spacing) * 16);}\n.min-h-40{min-height:calc(var(--spacing) * 40);}\n.min-h-5{min-height:calc(var(--spacing) * 5);}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:calc(var(--spacing) * 0);}\n.min-w-28{min-width:calc(var(--spacing) * 28);}\n.min-w-36{min-width:calc(var(--spacing) * 36);}\n.min-w-40{min-width:calc(var(--spacing) * 40);}\n.min-w-44{min-width:calc(var(--spacing) * 44);}\n.min-w-5{min-width:calc(var(--spacing) * 5);}\n.min-w-6{min-width:calc(var(--spacing) * 6);}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-\\[40px\\]{width:40px;}\n.w-1\\.5{width:calc(var(--spacing) * 1.5);}\n.w-10{width:calc(var(--spacing) * 10);}\n.w-11{width:calc(var(--spacing) * 11);}\n.w-12{width:calc(var(--spacing) * 12);}\n.w-16{width:calc(var(--spacing) * 16);}\n.w-2{width:calc(var(--spacing) * 2);}\n.w-2\\/5{width:40%;}\n.w-20px{width:20px;}\n.w-24{width:calc(var(--spacing) * 24);}\n.w-2px{width:2px;}\n.w-3{width:calc(var(--spacing) * 3);}\n.w-3\\.5{width:calc(var(--spacing) * 3.5);}\n.w-3\\/5{width:60%;}\n.w-4{width:calc(var(--spacing) * 4);}\n.w-4\\.5{width:calc(var(--spacing) * 4.5);}\n.w-5{width:calc(var(--spacing) * 5);}\n.w-6{width:calc(var(--spacing) * 6);}\n.w-64{width:calc(var(--spacing) * 64);}\n.w-7{width:calc(var(--spacing) * 7);}\n.w-72{width:calc(var(--spacing) * 72);}\n.w-8{width:calc(var(--spacing) * 8);}\n.w-8\\.5{width:calc(var(--spacing) * 8.5);}\n.w-80{width:calc(var(--spacing) * 80);}\n.w-96{width:calc(var(--spacing) * 96);}\n.w-auto\\!{width:auto !important;}\n.w-fit{width:fit-content;}\n.w-full{width:100%;}\n.w-lg{width:var(--container-lg);}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.w-screen{width:100vw;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.contents{display:contents;}\n.dark .dark-hidden,\n.hidden,\n.light .light-hidden{display:none;}\n.visible{visibility:visible;}\n.invisible{visibility:hidden;}\n.collapse{visibility:collapse;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.cursor-not-allowed{cursor:not-allowed;}\n.cursor-grab{cursor:grab;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.whitespace-pre-wrap{white-space:pre-wrap;}\n.ws-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.text-balance{text-wrap:balance;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.ring-1\\.5{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1.5px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-2:focus-within{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-1:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-3:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-3:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.ring-purple\\/50{--un-ring-color:color-mix(in srgb, var(--colors-purple-DEFAULT) 50%, transparent);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/25:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 25%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-primary\\/30:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 30%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 30%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow,\n.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.-translate-x-1\\/2,\n.translate-x--1\\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.-translate-y-2{--un-translate-y:calc(var(--spacing) * -2);translate:var(--un-translate-x) var(--un-translate-y);}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked],\n.translate-x-4{--un-translate-x:calc(var(--spacing) * 4);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-0\\.5{--un-translate-x:calc(var(--spacing) * 0.5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-1{--un-translate-x:calc(var(--spacing) * 1);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-5{--un-translate-x:calc(var(--spacing) * 5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y--1\\/2{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-0{--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-2{--un-translate-y:calc(var(--spacing) * 2);translate:var(--un-translate-x) var(--un-translate-y);}\n.-rotate-90{rotate:-90deg;}\n.rotate--45{rotate:-45deg;}\n.rotate-0{rotate:0deg;}\n.rotate-180{rotate:180deg;}\n.rotate-270{rotate:270deg;}\n.rotate-90{rotate:90deg;}\n.scale-100{--un-scale-x:100%;--un-scale-y:100%;scale:var(--un-scale-x) var(--un-scale-y);}\n.scale-120{--un-scale-x:120%;--un-scale-y:120%;scale:var(--un-scale-x) var(--un-scale-y);}\n.scale-98{--un-scale-x:98%;--un-scale-y:98%;scale:var(--un-scale-x) var(--un-scale-y);}\n.hover\\:scale-110:hover{--un-scale-x:110%;--un-scale-y:110%;scale:var(--un-scale-x) var(--un-scale-y);}\n.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-opacity{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.duration-150{--un-duration:150ms;transition-duration:150ms;}\n.duration-200{--un-duration:200ms;transition-duration:200ms;}\n.duration-250{--un-duration:250ms;transition-duration:250ms;}\n.duration-300{--un-duration:300ms;transition-duration:300ms;}\n.delay-200{transition-delay:200ms;}\n.ease-in{--un-ease:var(--ease-in);transition-timing-function:var(--ease-in);}\n.ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}\n.ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.box-border{box-sizing:border-box;}\n.inset-0{inset:calc(var(--spacing) * 0);}\n.inset-x-0{inset-inline:calc(var(--spacing) * 0);}\n.bottom-0{bottom:calc(var(--spacing) * 0);}\n.bottom-4{bottom:calc(var(--spacing) * 4);}\n.bottom-4px{bottom:4px;}\n.left-0{left:calc(var(--spacing) * 0);}\n.left-1\\.5{left:calc(var(--spacing) * 1.5);}\n.left-1\\/2{left:50%;}\n.left-2{left:calc(var(--spacing) * 2);}\n.left-2\\.5{left:calc(var(--spacing) * 2.5);}\n.left-4{left:calc(var(--spacing) * 4);}\n.left-5px{left:5px;}\n.right--1px{right:-1px;}\n.right-0{right:calc(var(--spacing) * 0);}\n.right-0\\.5{right:calc(var(--spacing) * 0.5);}\n.right-2{right:calc(var(--spacing) * 2);}\n.right-4{right:calc(var(--spacing) * 4);}\n.top--32px{top:-32px;}\n.top-0{top:calc(var(--spacing) * 0);}\n.top-0\\.5{top:calc(var(--spacing) * 0.5);}\n.top-1{top:calc(var(--spacing) * 1);}\n.top-1\\/2{top:50%;}\n.top-4{top:calc(var(--spacing) * 4);}\n.top-4px{top:4px;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.z--1{z-index:-1;}\n.of-hidden,\n.overflow-hidden{overflow:hidden;}\n.overflow-auto{overflow:auto;}\n.of-x-hidden{overflow-x:hidden;}\n.of-y-auto{overflow-y:auto;}\n.of-y-hidden{overflow-y:hidden;}\n.stroke-current{stroke:currentColor;}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.object-contain{object-fit:contain;}\n.backdrop-blur-0{--un-backdrop-blur:blur(0px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.backdrop-blur-1{--un-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.backdrop-blur-sm{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.blur-2xl{--un-blur:blur(40px);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.invert{--un-invert:invert(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.saturate-0{--un-saturate:saturate(0%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.touch-none{touch-action:none;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}\n.divide-\\#8882{\n:where(&>:not(:last-child)){border-color:color-mix(in oklab, #8882 var(--un-divide-opacity), transparent);}\n}\n.divide-y{\n:where(&>:not(:last-child)){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}\n}\n.group-data-\\[state\\=open\\]\\:rotate-90{\n&:is(:where(.group)[data-state=open] *){rotate:90deg;}\n}\n.space-y-0\\.5{\n:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0.5) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0.5) * calc(1 - var(--un-space-y-reverse)));}\n}\n@supports (color: color-mix(in lab, red, red)){\n.dark .dark\\:text-amber-300{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in oklab, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-primary-300{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in oklab, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber{color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in oklab, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue{color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-gray{color:color-mix(in oklab, var(--colors-gray-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green{color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in oklab, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in oklab, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary-600{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.text-primary\\/bg-active{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red{color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in oklab, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}\n.caret-primary-500{caret-color:color-mix(in oklab, var(--colors-primary-500) var(--un-caret-opacity), transparent);}\n.border-amber-500\\/20{border-color:color-mix(in oklab, var(--colors-amber-500) 20%, transparent);}\n.border-amber\\/20{border-color:color-mix(in oklab, var(--colors-amber-DEFAULT) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in oklab, var(--colors-blue-500) 20%, transparent);}\n.border-error\\!{border-color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-green-500\\/20{border-color:color-mix(in oklab, var(--colors-green-500) 20%, transparent);}\n.border-primary-400\\/60{border-color:color-mix(in oklab, var(--colors-primary-400) 60%, transparent);}\n.border-primary\\/30{border-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 30%, transparent);}\n.border-red-500\\/20{border-color:color-mix(in oklab, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in oklab, var(--colors-red-500) 60%, transparent);}\n.border-red-500\\/70{border-color:color-mix(in oklab, var(--colors-red-500) 70%, transparent);}\n.dark .dark\\:border-primary-400\\/50{border-color:color-mix(in oklab, var(--colors-primary-400) 50%, transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus-within\\:border-gray\\/15:focus-within{border-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:border-gray\\/10:hover{border-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 10%, transparent);}\n.focus\\:border-primary-500:focus{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus\\:border-primary\\/40:focus{border-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 40%, transparent);}\n.bg-amber{background-color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.bg-amber\\/10{background-color:color-mix(in oklab, var(--colors-amber-DEFAULT) 10%, transparent);}\n.bg-black\\/30{background-color:color-mix(in oklab, var(--colors-black) 30%, transparent);}\n.bg-blue{background-color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.bg-blue\\/10{background-color:color-mix(in oklab, var(--colors-blue-DEFAULT) 10%, transparent);}\n.bg-error\\!{background-color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-gray{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-gray\\/10{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 10%, transparent);}\n.bg-gray\\/20{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 20%, transparent);}\n.bg-gray\\/3{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 3%, transparent);}\n.bg-gray\\/30{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 30%, transparent);}\n.bg-gray\\/5{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 5%, transparent);}\n.bg-green{background-color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-green-400\\/10{background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\/10{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 10%, transparent);}\n.bg-primary{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-primary-500{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-primary-500\\/20{background-color:color-mix(in oklab, var(--colors-primary-500) 20%, transparent);}\n.bg-primary\\/10{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-primary\\/15{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-primary\\/20{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 20%, transparent);}\n.bg-red{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\/10{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-white\\/50{background-color:color-mix(in oklab, var(--colors-white) 50%, transparent);}\n.dark .dark\\:bg-black\\/30{background-color:color-mix(in oklab, var(--colors-black) 30%, transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in oklab, var(--colors-black) 40%, transparent);}\n.dark .dark\\:bg-black\\/45{background-color:color-mix(in oklab, var(--colors-black) 45%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in oklab, var(--colors-red-500) 10%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.hover\\:bg-gray\\/10:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 10%, transparent);}\n.hover\\:bg-gray\\/15:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:bg-gray\\/20:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 20%, transparent);}\n.hover\\:bg-gray\\/5:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 5%, transparent);}\n.hover\\:bg-orange\\/20:hover{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 20%, transparent);}\n.hover\\:bg-primary\\/25:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 25%, transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in oklab, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/20:hover{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 20%, transparent);}\n.ring-purple\\/50{--un-ring-color:color-mix(in oklab, var(--colors-purple-DEFAULT) 50%, transparent);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/25:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 25%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-primary\\/30:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 30%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 30%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.sm\\:p-6{padding:calc(var(--spacing) * 6);}\n.sm\\:gap-2\\.5{gap:calc(var(--spacing) * 2.5);}\n}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations, and imported after\n * `virtual:uno.css` in the Storybook preview for the same reason.\n *\n * Each Wind4 stop (`--colors-primary-*`) is derived from `--devframe-primary`\n * via `color-mix`. When `--devframe-primary` is unset, the intermediate\n * `--devframe-primary-<stop>` vars become guaranteed-invalid (their `color-mix`\n * references an unset var with no fallback), so each `--colors-primary-<stop>`\n * falls back to the exact devframe default hex — the default look is preserved,\n * and only an explicit override derives a new ramp. The vars inherit through\n * the tree, so setting `--devframe-primary` on the dock host retints\n * everything, and setting it on a group's chrome container retints just that\n * group (the group-accent mechanism).\n *\n * `:host` is the effective selector inside the dock's shadow root; `:root` is\n * for the light-DOM Storybook preview (it matches nothing in the shadow root).\n *\n * `.devframes-accent-scope` re-declares the whole block on a group's chrome\n * container: because custom properties inherit as computed values, a descendant\n * that only overrides `--devframe-primary` would keep the `:host`-computed\n * stops — re-running the derivation here recomputes them from the container's\n * own `--devframe-primary` (a group's `accentColor`), retinting just that group.\n */\n:root,\n:host,\n.devframes-accent-scope {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n\n  /*\n   * Bridge the json-render subsystem's accent token to the brand primary.\n   * json-render components (Tabs/Switch/Progress/Link, …) read their accent\n   * from `--jr-primary` (default a standalone blue) via inline styles; because\n   * `ViewJsonRender` renders inside this shadow root, setting it here makes all\n   * rendered plugin content follow `--devframe-primary` / branding. It tracks\n   * the global primary, not per-group accent (the plugin view is intentionally\n   * left out of the group-accent scope).\n   */\n  --jr-primary: var(--colors-primary-DEFAULT, #3a6a45);\n}\n"
+export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n@property --un-ease{syntax:\"*\";inherits:false;}@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}@property --un-backdrop-blur{syntax:\"*\";inherits:false;}@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}@property --un-backdrop-invert{syntax:\"*\";inherits:false;}@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}@property --un-inset-ring-color{syntax:\"*\";inherits:false;}@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}@property --un-ring-color{syntax:\"*\";inherits:false;}@property --un-ring-inset{syntax:\"*\";inherits:false;}@property --un-ring-offset-color{syntax:\"*\";inherits:false;}@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:\"*\";inherits:false;}@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}:root {\n  --un-text-opacity: 100%;\n}\n\n/*\n * Thin/transparent scrollbar, matching packages/ui/src/styles/global.css —\n * that stylesheet only reaches the Nuxt plugin apps, not this injected\n * webcomponents shell, which otherwise falls back to the browser default\n * (thick, opaque-gutter) scrollbar clashing with the translucent dock.\n * `:host`, not `:root` — this stylesheet is adopted into the dock's shadow\n * root (`defineCustomElement(..., { shadowRoot: true, styles: [css] })`),\n * where `:root` only ever matches the top-level document's <html>.\n * Rules below are unscoped (not `#devframes-anchor ...`) since the\n * shadow boundary already keeps them from leaking onto the host page, and\n * scoping under the anchor's id would miss edge-docked mode entirely\n * (`DockEmbedded.vue` renders `DockEdge`/`#devframes-edge-panel` and\n * `Dock`/`#devframes-anchor` as mutually exclusive siblings).\n */\n:host {\n  --app-scrollbar-size: 6px;\n  --app-scrollbar-radius: 1px;\n  --app-scrollbar-thumb: #8884;\n  --app-scrollbar-thumb-hover: #8885;\n}\n\n::-webkit-scrollbar {\n  width: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar:horizontal {\n  height: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--app-scrollbar-thumb);\n  transition: background 0.2s ease;\n  border-radius: var(--app-scrollbar-radius);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--app-scrollbar-thumb-hover);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: var(--app-scrollbar-radius);\n  background: transparent;\n}\n\n#devframes-anchor {\n  font-size:15px;font-family:var(--font-sans);width:calc(var(--spacing) * 0);transform-origin:center;box-sizing:border-box;position:fixed;z-index:2147483644;\n  transform: translate(-50%, -50%) rotate(0);\n}\n\n#devframes-anchor #devframes-dock-container {\n  display:flex;width:max-content;left:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);position:absolute;\n  height: var(--devframes-dock-height, 40px);\n  min-width: var(--devframes-dock-min-width, 100px);\n  transform: translate(-50%, -50%);\n}\n\n#devframes-anchor.devframes-vertical #devframes-dock-container {\n  transform: translate(-50%, -50%) rotate(90deg);\n  transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:500ms;transition-duration:500ms;\n}\n\n#devframes-anchor #devframes-dock {\n  margin:auto;border-radius:calc(infinity * 1px);height:100%;-webkit-user-select:none;user-select:none;touch-action:none;\n  ;color:color-mix(in oklab, #333 var(--un-text-opacity), transparent);background-color:color-mix(in srgb, var(--colors-white) 100%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);\n  transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:500ms;transition-duration:500ms;\n  height: var(--devframes-dock-height, 40px);\n  width: calc-size(max-content, size);\n}.dark #devframes-anchor #devframes-dock{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, #111 80%, transparent);}@supports (color: color-mix(in lab, red, red)){.dark #devframes-anchor #devframes-dock{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}}@supports (color: color-mix(in lab, red, red)){#devframes-anchor #devframes-dock{background-color:color-mix(in oklab, var(--colors-white) 100%, transparent);}}\n\n#devframes-anchor.devframes-minimized #devframes-dock {\n  padding-inline:calc(var(--spacing) * 0);padding-block:2px;\n  width: var(--devframes-dock-minimized-size, 22px);\n  height: var(--devframes-dock-minimized-size, 22px);\n}\n\n#devframes-anchor:hover #devframes-glowing {\n  opacity:60%;\n}\n\n#devframes-anchor #devframes-glowing {\n  border-radius:calc(infinity * 1px);opacity:0%;pointer-events:none;transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:1000ms;transition-duration:1000ms;--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);left:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);position:absolute;\n  width: var(--devframes-dock-glow-size, 160px);\n  height: var(--devframes-dock-glow-size, 160px);\n  filter: blur(var(--devframes-dock-glow-blur, 60px));\n  transform: translate(-50%, -50%);\n  /* Follows the brand: derived from the primary ramp (overridable via\n     --devframe-primary), so a rebrand retints the glow automatically. */\n  background-image: linear-gradient(\n    45deg,\n    var(--colors-primary-300, #adc77f),\n    var(--colors-primary-500, #517158),\n    var(--colors-primary-DEFAULT, #486954)\n  );\n}\n\n@media print {\n  #devframes-anchor {\n    display:none;\n  }\n}\n\n.devframes-resize-handle-horizontal {\n  margin-block:-5px;border-radius:var(--radius-md);height:10px;cursor:ns-resize;left:6px;right:6px;position:absolute;\n}\n.devframes-resize-handle-vertical {\n  margin-inline:-5px;border-radius:var(--radius-md);width:10px;cursor:ew-resize;top:6px;bottom:calc(var(--spacing) * 0);position:absolute;\n}\n.devframes-resize-handle-corner {\n  margin:-6px;border-radius:var(--radius-md);width:14px;height:14px;position:absolute;\n}\n.devframes-resize-handle {\n  z-index:30;\n}\n.devframes-resize-handle:hover {\n  ;background-color:color-mix(in srgb, var(--colors-gray-400) 10%, transparent);\n}@supports (color: color-mix(in lab, red, red)){.devframes-resize-handle:hover{background-color:color-mix(in oklab, var(--colors-gray-400) 10%, transparent);}}\n\n@keyframes devframes-shake {\n  0%, 100% { transform: translateX(0); }\n  20%, 60% { transform: translateX(-5px); }\n  40%, 80% { transform: translateX(5px); }\n}\n.devframes-shake {\n  animation: devframes-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n@media (prefers-reduced-motion: reduce) {\n  .devframes-shake {\n    animation: none;\n  }\n}\n\n/* layer: properties */\n@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{--un-bg-opacity:100%;--un-border-opacity:100%;--un-border-style:solid;--un-caret-opacity:100%;--un-divide-opacity:100%;--un-divide-y-reverse:initial;--un-ease:initial;--un-from-opacity:100%;--un-leading:initial;--un-ring-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-space-y-reverse:initial;--un-text-opacity:100%;--un-to-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-via-opacity:100%;}}\n@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-leading{syntax:\"*\";inherits:false;}\n@property --un-outline-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-caret-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-ring-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-inset-ring-color{syntax:\"*\";inherits:false;}\n@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-ring-color{syntax:\"*\";inherits:false;}\n@property --un-ring-inset{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-color{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}\n@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-translate-x{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-y{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-z{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-scale-x{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-y{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-z{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-ease{syntax:\"*\";inherits:false;}\n@property --un-from-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%;}\n@property --un-gradient-position{syntax:\"*\";inherits:false;}\n@property --un-gradient-stops{syntax:\"*\";inherits:false;}\n@property --un-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%;}\n@property --un-gradient-via-stops{syntax:\"*\";inherits:false;}\n@property --un-to-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-via-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-backdrop-blur{syntax:\"*\";inherits:false;}\n@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}\n@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}\n@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}\n@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-invert{syntax:\"*\";inherits:false;}\n@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}\n@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}\n@property --un-blur{syntax:\"*\";inherits:false;}\n@property --un-brightness{syntax:\"*\";inherits:false;}\n@property --un-contrast{syntax:\"*\";inherits:false;}\n@property --un-drop-shadow{syntax:\"*\";inherits:false;}\n@property --un-grayscale{syntax:\"*\";inherits:false;}\n@property --un-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-invert{syntax:\"*\";inherits:false;}\n@property --un-saturate{syntax:\"*\";inherits:false;}\n@property --un-sepia{syntax:\"*\";inherits:false;}\n@property --un-numeric-figure{syntax:\"*\";inherits:false;}\n@property --un-numeric-fraction{syntax:\"*\";inherits:false;}\n@property --un-numeric-spacing{syntax:\"*\";inherits:false;}\n@property --un-ordinal{syntax:\"*\";inherits:false;}\n@property --un-slashed-zero{syntax:\"*\";inherits:false;}\n@property --un-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-divide-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n/* layer: theme */\n:root, :host { --spacing: 0.25rem; --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --ease-out: cubic-bezier(0, 0, 0.2, 1); --radius-md: 0.375rem; --colors-gray-400: oklch(70.7% 0.022 261.325); --colors-white: #fff; --radius-DEFAULT: 0.25rem; --container-lg: 32rem; --radius-lg: 0.5rem; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace; --colors-primary-DEFAULT: #3a6a45; --colors-blue-DEFAULT: oklch(70.7% 0.165 254.624); --colors-black: #000; --fontWeight-medium: 500; --radius-xl: 0.75rem; --colors-primary-500: #578861; --ease-in: cubic-bezier(0.4, 0, 1, 1); --colors-red-500: oklch(63.7% 0.237 25.331); --colors-primary-400: #75a67e; --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-2xl-fontSize: 1.5rem; --text-2xl-lineHeight: 2rem; --leading-none: 1; --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --fontWeight-bold: 700; --tracking-wide: 0.025em; --tracking-tight: -0.025em; --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-gray-DEFAULT: oklch(70.7% 0.022 261.325); --colors-orange-DEFAULT: oklch(75% 0.183 55.934); --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --colors-purple-DEFAULT: oklch(71.4% 0.203 305.504); --leading-relaxed: 1.625; --container-prose: 65ch; --colors-blue-400: oklch(70.7% 0.165 254.624); --colors-green-400: oklch(79.2% 0.209 151.711); --colors-amber-400: oklch(82.8% 0.189 84.429); --colors-red-400: oklch(70.4% 0.191 22.216); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-primary-600: #40704b; --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-blue-700: oklch(48.8% 0.243 264.376); --colors-green-500: oklch(72.3% 0.219 149.579); --colors-green-700: oklch(52.7% 0.154 150.069); --colors-amber-500: oklch(76.9% 0.188 70.08); --colors-amber-700: oklch(55.5% 0.163 48.998); --colors-red-700: oklch(50.5% 0.213 27.518); --colors-green-600: oklch(62.7% 0.194 149.214); --colors-amber-600: oklch(66.6% 0.179 58.318); --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-xl-fontSize: 1.25rem; --text-xl-lineHeight: 1.75rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --colors-error-DEFAULT: #f63d68; --colors-primary-300: #93c69d; --colors-blue-300: oklch(80.9% 0.105 251.813); --colors-green-300: oklch(87.1% 0.15 154.449); --colors-amber-300: oklch(87.9% 0.169 91.605); --colors-red-300: oklch(80.8% 0.114 19.571); --colors-neutral-500: oklch(55.6% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-neutral-400: oklch(70.8% 0 0); --container-sm: 24rem; --container-xs: 20rem; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }\n/* layer: base */\n *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  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-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, 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; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.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 { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :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: 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }\n/* layer: preflights */\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-counter-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-square-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 80v128a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-counter-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M88 104H40a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v28.69l14.63-14.63A95.43 95.43 0 0 1 130 33.94h.53a95.36 95.36 0 0 1 67.07 27.33a8 8 0 0 1-11.18 11.44a79.52 79.52 0 0 0-55.89-22.77h-.45a79.56 79.56 0 0 0-56.14 23.43L59.31 88H88a8 8 0 0 1 0 16m128 48h-48a8 8 0 0 0 0 16h28.69l-14.63 14.63a79.56 79.56 0 0 1-56.13 23.43h-.45a79.52 79.52 0 0 1-55.89-22.77a8 8 0 1 0-11.18 11.44a95.36 95.36 0 0 0 67.07 27.33h.52a95.43 95.43 0 0 0 67.36-28.12L208 179.31V208a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 48v160H48V48Z' opacity='.2'/%3E%3Cpath d='M216 48v48a8 8 0 0 1-16 0V67.31l-42.34 42.35a8 8 0 0 1-11.32-11.32L188.69 56H160a8 8 0 0 1 0-16h48a8 8 0 0 1 8 8M98.34 146.34L56 188.69V160a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16H67.31l42.35-42.34a8 8 0 0 0-11.32-11.32M208 152a8 8 0 0 0-8 8v28.69l-42.34-42.35a8 8 0 0 0-11.32 11.32L188.69 200H160a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8M67.31 56H96a8 8 0 0 0 0-16H48a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0V67.31l42.34 42.35a8 8 0 0 0 11.32-11.32Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-cards-three-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 104v96a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-96a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 88H48a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16m0 112H48v-96h160zM48 64a8 8 0 0 1 8-8h144a8 8 0 0 1 0 16H56a8 8 0 0 1-8-8m16-32a8 8 0 0 1 8-8h112a8 8 0 0 1 0 16H72a8 8 0 0 1-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-down,\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-left,\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-right,\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-up{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-check-bold,\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-circle-notch{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-six-vertical{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M104 60a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60 12a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-72 44a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-72 68a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-three-outline-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M152 128a24 24 0 1 1-24-24a24 24 0 0 1 24 24M48 104a24 24 0 1 0 24 24a24 24 0 0 0-24-24m160 0a24 24 0 1 0 24 24a24 24 0 0 0-24-24' opacity='.2'/%3E%3Cpath d='M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16M48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16m160-48a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-globe{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.12 104.12 0 0 0 128 24m88 104a87.6 87.6 0 0 1-3.33 24h-38.51a157.4 157.4 0 0 0 0-48h38.51a87.6 87.6 0 0 1 3.33 24m-114 40h52a115.1 115.1 0 0 1-26 45a115.3 115.3 0 0 1-26-45m-3.9-16a140.8 140.8 0 0 1 0-48h59.88a140.8 140.8 0 0 1 0 48ZM40 128a87.6 87.6 0 0 1 3.33-24h38.51a157.4 157.4 0 0 0 0 48H43.33A87.6 87.6 0 0 1 40 128m114-40h-52a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45m52.33 0h-35.62a135.3 135.3 0 0 0-22.3-45.6A88.29 88.29 0 0 1 206.37 88Zm-98.74-45.6A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6M49.63 168h35.66a135.3 135.3 0 0 0 22.3 45.6A88.29 88.29 0 0 1 49.63 168m98.78 45.6a135.3 135.3 0 0 0 22.3-45.6h35.66a88.29 88.29 0 0 1-57.96 45.6'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-keyboard-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M232 64v128a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h192a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 48H32a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m0 144H32V64h192zm-16-64a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8m0-32a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8M72 160a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8m96 0a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m40 0a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-laptop-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 72v104H40V72a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M232 168h-8V72a24 24 0 0 0-24-24H56a24 24 0 0 0-24 24v96h-8a8 8 0 0 0-8 8v16a24 24 0 0 0 24 24h176a24 24 0 0 0 24-24v-16a8 8 0 0 0-8-8M48 72a8 8 0 0 1 8-8h144a8 8 0 0 1 8 8v96H48Zm176 120a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-8h192ZM152 88a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-layout-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M104 104v104H40a8 8 0 0 1-8-8v-96Z' opacity='.2'/%3E%3Cpath d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v40H40V56ZM40 112h56v88H40Zm176 88H112v-88h104z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-magnifying-glass-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 112a80 80 0 1 1-80-80a80 80 0 0 1 80 80' opacity='.2'/%3E%3Cpath d='m229.66 218.34l-50.06-50.06a88.21 88.21 0 1 0-11.32 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-moon-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78' opacity='.2'/%3E%3Cpath d='M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-paint-brush-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 32c0 32.81-31.64 67.43-58.64 91.05A84.4 84.4 0 0 0 133 90.64c23.57-27 58.19-58.64 91-58.64' opacity='.2'/%3E%3Cpath d='M232 32a8 8 0 0 0-8-8c-44.08 0-89.31 49.71-114.43 82.63A60 60 0 0 0 32 164c0 30.88-19.54 44.73-20.47 45.37A8 8 0 0 0 16 224h76a60 60 0 0 0 57.37-77.57C182.3 121.31 232 76.08 232 32M92 208H34.63C41.38 198.41 48 183.92 48 164a44 44 0 1 1 44 44m32.42-94.45q5.14-6.66 10.09-12.55A76.2 76.2 0 0 1 155 121.49q-5.9 4.94-12.55 10.09a60.5 60.5 0 0 0-18.03-18.03m42.7-2.68a92.6 92.6 0 0 0-22-22c31.78-34.53 55.75-45 69.9-47.91c-2.85 14.16-13.37 38.13-47.9 69.91'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.32 81.37l-60.69-60.68a16 16 0 0 0-22.63 0l-53.63 53.8c-10.66-3.34-35-7.37-60.4 13.14a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33c19.64-26.1 17.75-47.32 13.19-60L235.33 104a16 16 0 0 0-.01-22.63M224 92.69l-57.27 57.46a8 8 0 0 0-1.49 9.22c9.46 18.93-1.8 38.59-9.34 48.62L48 100.08c12.08-9.74 23.64-12.31 32.48-12.31A40.1 40.1 0 0 1 96.81 91a8 8 0 0 0 9.25-1.51L163.32 32L224 92.68Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.33 104l-53.47 53.65c4.56 12.67 6.45 33.89-13.19 60A15.93 15.93 0 0 1 157 224h-1.13a16 16 0 0 1-11.32-4.69L96.29 171l-42.63 42.66a8 8 0 0 1-11.32-11.32L85 159.71l-48.3-48.3A16 16 0 0 1 38 87.63c25.42-20.51 49.75-16.48 60.4-13.14L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 .01 22.62'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-rocket-launch-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 120v61.65a8 8 0 0 1-2.34 5.65l-34.35 34.35a8 8 0 0 1-13.57-4.53L128 176Zm-48-48H74.35a8 8 0 0 0-5.65 2.34l-34.35 34.35a8 8 0 0 0 4.53 13.57L80 128ZM40 216c37.65 0 50.69-19.69 54.56-28.18l-26.38-26.38C59.69 165.31 40 178.35 40 216' opacity='.2'/%3E%3Cpath d='M223.85 47.12a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.41 27.07L132.69 64H74.36A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a15.9 15.9 0 0 0 4.68-11.36v-58.33l4.77-4.77c26.68-26.68 27.83-58.83 27.08-71.42M74.36 80h42.33l-39.53 39.52L40 114.34Zm74.41-9.45a76.65 76.65 0 0 1 59.11-22.47a76.46 76.46 0 0 1-22.42 59.16L128 164.68L91.32 128ZM176 181.64L141.67 216l-5.19-37.17L176 139.31Zm-74.16 9.5C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-shield-check-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 56v56c0 96-88 120-88 120s-88-24-88-120V56a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 40H48a16 16 0 0 0-16 16v56c0 52.72 25.52 84.67 46.93 102.19c23.06 18.86 46 25.26 47 25.53a8 8 0 0 0 4.2 0c1-.27 23.91-6.67 47-25.53C198.48 196.67 224 164.72 224 112V56a16 16 0 0 0-16-16m0 72c0 37.07-13.66 67.16-40.6 89.42a129.3 129.3 0 0 1-39.4 22.2a128.3 128.3 0 0 1-38.92-21.81C61.82 179.51 48 149.3 48 112V56h160ZM82.34 141.66a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32l-56 56a8 8 0 0 1-11.32 0Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sign-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 56v144a16 16 0 0 1-16 16H48V40h160a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M120 216a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H56v160h56a8 8 0 0 1 8 8m109.66-93.66l-40-40a8 8 0 0 0-11.32 11.32L204.69 120H112a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-spinner-gap-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0m88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-50.91-16.4l-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31M72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8m-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-square-half-bottom-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v72a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8v-72Z' opacity='.2'/%3E%3Cpath d='M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v64H56V56Zm0 144H56v-64h144z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sun-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 128a56 56 0 1 1-56-56a56 56 0 0 1 56 56' opacity='.2'/%3E%3Cpath d='M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0m72 88a64 64 0 1 1-64-64a64.07 64.07 0 0 1 64 64m-16 0a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48M58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68l-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8m112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-duotone,\n.i-ph\\:warning-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72M120 104a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm8 88a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-wrench-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 96a64 64 0 0 1-94.94 56L73 217a24 24 0 0 1-34-34l65-56.06a64 64 0 0 1 80-90.29L144 80l5.66 26.34L176 112l43.35-40A63.8 63.8 0 0 1 224 96' opacity='.2'/%3E%3Cpath d='M226.76 69a8 8 0 0 0-12.84-2.88l-40.3 37.19l-17.23-3.7l-3.7-17.23l37.19-40.3A8 8 0 0 0 187 29.24A72 72 0 0 0 88 96a72.3 72.3 0 0 0 6 28.94L33.79 177c-.15.12-.29.26-.43.39a32 32 0 0 0 45.26 45.26c.13-.13.27-.28.39-.42L131.06 162A72 72 0 0 0 232 96a71.6 71.6 0 0 0-5.24-27M160 152a56.14 56.14 0 0 1-27.07-7a8 8 0 0 0-9.92 1.77l-55.9 64.74a16 16 0 0 1-22.62-22.62L109.18 133a8 8 0 0 0 1.77-9.93a56 56 0 0 1 58.36-82.31l-31.2 33.81a8 8 0 0 0-1.94 7.1l5.66 26.33a8 8 0 0 0 6.14 6.14l26.35 5.66a8 8 0 0 0 7.1-1.94l33.81-31.2A56.06 56.06 0 0 1 160 152'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-x,\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:bug-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v16a80 80 0 0 1-160 0v-16Z' opacity='.2'/%3E%3Cpath d='M144 92a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-44-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m116 64a87.8 87.8 0 0 1-3 23l22.24 9.72A8 8 0 0 1 232 192a7.9 7.9 0 0 1-3.2-.67L207.38 182a88 88 0 0 1-158.76 0l-21.42 9.33a7.9 7.9 0 0 1-3.2.67a8 8 0 0 1-3.2-15.33L43 167a87.8 87.8 0 0 1-3-23v-8H16a8 8 0 0 1 0-16h24v-8a87.8 87.8 0 0 1 3-23l-22.2-9.67a8 8 0 1 1 6.4-14.66L48.62 74a88 88 0 0 1 158.76 0l21.42-9.36a8 8 0 0 1 6.4 14.66L213 89.05a87.8 87.8 0 0 1 3 23v8h24a8 8 0 0 1 0 16h-24ZM56 120h144v-8a72 72 0 0 0-144 0Zm64 95.54V136H56v8a72.08 72.08 0 0 0 64 71.54M200 144v-8h-64v79.54A72.08 72.08 0 0 0 200 144'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:info-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M144 176a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m88-48A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88m-92-32a12 12 0 1 0-12-12a12 12 0 0 0 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:puzzle-piece-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M204 168a28 28 0 0 0 12-2.69V208a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-42.69a28 28 0 1 1 0-50.62V72a8 8 0 0 1 8-8h46.69a28 28 0 1 1 50.61 0H208a8 8 0 0 1 8 8v42.69A28 28 0 1 0 204 168' opacity='.2'/%3E%3Cpath d='M220.27 158.54a8 8 0 0 0-7.7-.46a20 20 0 1 1 0-36.16a8 8 0 0 0 11.43-7.23V72a16 16 0 0 0-16-16h-36.22a35 35 0 0 0 .22-4a36.15 36.15 0 0 0-11.36-26.25a36 36 0 0 0-60.55 23.63a36.6 36.6 0 0 0 .14 6.62H64a16 16 0 0 0-16 16v32.22a35 35 0 0 0-4-.22a36.12 36.12 0 0 0-26.24 11.36a35.7 35.7 0 0 0-9.69 27a36.08 36.08 0 0 0 33.31 33.6a36.6 36.6 0 0 0 6.62-.14V208a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16v-42.69a8 8 0 0 0-3.73-6.77M208 208H64v-42.69a8 8 0 0 0-11.43-7.23a20 20 0 1 1 0-36.16A8 8 0 0 0 64 114.69V72h46.69a8 8 0 0 0 7.23-11.43a20 20 0 1 1 36.16 0A8 8 0 0 0 161.31 72H208v32.23a35.7 35.7 0 0 0-6.62-.14A36 36 0 0 0 204 176a35 35 0 0 0 4-.22Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M165.66 101.66L139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.badge{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));--un-leading:var(--leading-none);line-height:var(--leading-none);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 0.5);border-radius:var(--radius-md);display:inline-flex;gap:calc(var(--spacing) * 1);align-items:center;}\n.btn-action-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.text-micro{font-size:10px;--un-leading:1.4;line-height:1.4;}\n.btn-primary{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);opacity:100% !important;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.color-faint,\n.dark .color-faint{color:color-mix(in srgb, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in srgb, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.btn-action{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.btn-icon{--un-outline-style:none;outline-style:none;border-radius:calc(infinity * 1px);opacity:65%;display:flex;width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.btn-icon-compact{--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);opacity:65%;display:flex;width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.border-base{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.border-mute{border-color:color-mix(in oklab, #8881 var(--un-border-opacity), transparent);}\n.hover\\:border-base:hover{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-ambient{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, #111 var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in srgb, var(--colors-white) 65%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass{background-color:color-mix(in oklab, #111 50%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in srgb, var(--colors-white) 98%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:75{background-color:color-mix(in oklab, #111 75%, transparent);}\n.bg-glass\\:80{background-color:color-mix(in srgb, var(--colors-white) 100%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:80{background-color:color-mix(in oklab, #111 80%, transparent);}\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-secondary{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.dark .bg-secondary{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.dark .hover\\:bg-active:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.hover\\:bg-active:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.hover\\:bg-hover:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.btn-action:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-action-sm:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon-compact:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-primary:hover{background-color:color-mix(in srgb, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:55%;}\n.op-fade{opacity:65%;}\n.dark .op-mute{opacity:25%;}\n.op-mute{opacity:30%;}\n.btn-action:disabled{opacity:30% !important;pointer-events:none;}\n.btn-action-sm:disabled{opacity:30% !important;pointer-events:none;}\n.btn-icon:disabled{opacity:30%;pointer-events:none;}\n.btn-icon-compact:disabled{opacity:30%;pointer-events:none;}\n.btn-primary:disabled{opacity:50%;pointer-events:none;}\n.dark .disabled\\:op-mute:disabled{opacity:25%;}\n.disabled\\:op-mute:disabled{opacity:30%;}\n.dark .placeholder\\:op-mute::placeholder{opacity:25%;}\n.placeholder\\:op-mute::placeholder{opacity:30%;}\n.container{width:100%;}\n.btn-action:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.z-command-palette{z-index:2147483646;}\n.z-dock-confirm,\n.z-dock-toast{z-index:2147483647;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-floating-anchor{z-index:2147483644;}\n.z-floating-tooltip{z-index:2147483645;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.bg-gradient-more{--un-gradient-from:color-mix(in oklab, var(--colors-white) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, var(--colors-white) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, var(--colors-white) var(--un-to-opacity), transparent);--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops));}\n.dark .bg-gradient-more{--un-gradient-from:color-mix(in oklab, #111 var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, #111 var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, #111 var(--un-to-opacity), transparent);}\n.dark .icon-catppuccin{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0%);}\n.icon-catppuccin{--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(100%);}\n@supports (color: color-mix(in lab, red, red)){\n.btn-primary{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.color-active{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.color-base{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.dark .color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in oklab, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-base{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=active\\]\\:bg-base[data-state=active]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in oklab, var(--colors-white) 65%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in oklab, var(--colors-white) 98%, transparent);}\n.bg-glass\\:80{background-color:color-mix(in oklab, var(--colors-white) 100%, transparent);}\n.dark .hover\\:bg-active:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.hover\\:bg-active:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.btn-primary:hover{background-color:color-mix(in oklab, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.btn-action:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.container{max-width:40rem;}\n}\n@media (min-width: 48rem){\n.container{max-width:48rem;}\n}\n@media (min-width: 64rem){\n.container{max-width:64rem;}\n}\n@media (min-width: 80rem){\n.container{max-width:80rem;}\n}\n@media (min-width: 96rem){\n.container{max-width:96rem;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.text-\\[10px\\]{font-size:10px;}\n.text-\\[15px\\]{font-size:15px;}\n.text-0\\.6em{font-size:0.6em;}\n.text-2\\.75{font-size:0.6875rem;}\n.text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));}\n.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}\n.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}\n.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}\n.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}\n.text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}\n.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}\n.dark .dark\\:text-amber-300{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in srgb, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-primary-300{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in srgb, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber{color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in srgb, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue{color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-gray{color:color-mix(in srgb, var(--colors-gray-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green{color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in srgb, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in srgb, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary,\n.text-primary\\/bg-active{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary-600{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.text-red{color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in srgb, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}\n.leading-4{--un-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4);}\n.leading-5{--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);}\n.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}\n.leading-relaxed{--un-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);}\n.tracking-tight{--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);}\n.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}\n.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}\n.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}\n.font-mono{font-family:var(--font-mono);}\n.font-sans{font-family:var(--font-sans);}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.m-auto,\n.ma{margin:auto;}\n.m1{margin:calc(var(--spacing) * 1);}\n.mx--1{margin-inline:calc(var(--spacing) * -1);}\n.mx--2{margin-inline:calc(var(--spacing) * -2);}\n.mx-1{margin-inline:calc(var(--spacing) * 1);}\n.mx-2{margin-inline:calc(var(--spacing) * 2);}\n.mx-auto{margin-inline:auto;}\n.my-1,\n.my1{margin-block:calc(var(--spacing) * 1);}\n.my-2{margin-block:calc(var(--spacing) * 2);}\n.my0\\.5{margin-block:calc(var(--spacing) * 0.5);}\n.-mb-px{margin-bottom:-1px;}\n.mb-1{margin-bottom:calc(var(--spacing) * 1);}\n.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5);}\n.mb-3{margin-bottom:calc(var(--spacing) * 3);}\n.mb-4{margin-bottom:calc(var(--spacing) * 4);}\n.ml-0\\.5{margin-left:calc(var(--spacing) * 0.5);}\n.ml-1{margin-left:calc(var(--spacing) * 1);}\n.ml-1\\.5{margin-left:calc(var(--spacing) * 1.5);}\n.ml-2{margin-left:calc(var(--spacing) * 2);}\n.ml-6{margin-left:calc(var(--spacing) * 6);}\n.mr-1{margin-right:calc(var(--spacing) * 1);}\n.ms{margin-inline-start:calc(var(--spacing) * 4);}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:calc(var(--spacing) * 0.5);}\n.mt-1{margin-top:calc(var(--spacing) * 1);}\n.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5);}\n.mt-2,\n.mt2{margin-top:calc(var(--spacing) * 2);}\n.mt-4,\n.mt4{margin-top:calc(var(--spacing) * 4);}\n.mt-6,\n.mt6{margin-top:calc(var(--spacing) * 6);}\n.mt-auto{margin-top:auto;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:calc(var(--spacing) * 0.5);}\n.p-1,\n.p1{padding:calc(var(--spacing) * 1);}\n.p-1\\.5,\n.p1\\.5{padding:calc(var(--spacing) * 1.5);}\n.p-2,\n.p2{padding:calc(var(--spacing) * 2);}\n.p-3{padding:calc(var(--spacing) * 3);}\n.p-4{padding:calc(var(--spacing) * 4);}\n.p-5{padding:calc(var(--spacing) * 5);}\n.p6{padding:calc(var(--spacing) * 6);}\n.p8{padding:calc(var(--spacing) * 8);}\n.px,\n.px-4,\n.px4{padding-inline:calc(var(--spacing) * 4);}\n.px-0\\.5{padding-inline:calc(var(--spacing) * 0.5);}\n.px-1,\n.px1{padding-inline:calc(var(--spacing) * 1);}\n.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5);}\n.px-2,\n.px2{padding-inline:calc(var(--spacing) * 2);}\n.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5);}\n.px-2\\.5\\!{padding-inline:calc(var(--spacing) * 2.5) !important;}\n.px-3,\n.px3{padding-inline:calc(var(--spacing) * 3);}\n.px-6{padding-inline:calc(var(--spacing) * 6);}\n.py-0{padding-block:calc(var(--spacing) * 0);}\n.py-0\\.5{padding-block:calc(var(--spacing) * 0.5);}\n.py-1,\n.py1{padding-block:calc(var(--spacing) * 1);}\n.py-1\\!{padding-block:calc(var(--spacing) * 1) !important;}\n.py-1\\.5,\n.py1\\.5{padding-block:calc(var(--spacing) * 1.5);}\n.py-10{padding-block:calc(var(--spacing) * 10);}\n.py-12{padding-block:calc(var(--spacing) * 12);}\n.py-2,\n.py2{padding-block:calc(var(--spacing) * 2);}\n.py-2\\!{padding-block:calc(var(--spacing) * 2) !important;}\n.py-2\\.5{padding-block:calc(var(--spacing) * 2.5);}\n.py-3{padding-block:calc(var(--spacing) * 3);}\n.py-4{padding-block:calc(var(--spacing) * 4);}\n.py-6{padding-block:calc(var(--spacing) * 6);}\n.py-8{padding-block:calc(var(--spacing) * 8);}\n.pb-1{padding-bottom:calc(var(--spacing) * 1);}\n.pb2\\.5{padding-bottom:calc(var(--spacing) * 2.5);}\n.pl-4{padding-left:calc(var(--spacing) * 4);}\n.pl-5{padding-left:calc(var(--spacing) * 5);}\n.pl-7{padding-left:calc(var(--spacing) * 7);}\n.pr-2{padding-right:calc(var(--spacing) * 2);}\n.pt-\\[20vh\\]{padding-top:20vh;}\n.pt-1\\.5{padding-top:calc(var(--spacing) * 1.5);}\n.pt-6{padding-top:calc(var(--spacing) * 6);}\n.pt2{padding-top:calc(var(--spacing) * 2);}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.outline{outline-style:var(--un-outline-style);outline-width:1px;}\n.outline-none{--un-outline-style:none;outline-style:none;}\n.caret-primary-500{caret-color:color-mix(in srgb, var(--colors-primary-500) var(--un-caret-opacity), transparent);}\n.b,\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-0{border-bottom-width:0px;}\n.border-b-1\\.5{border-bottom-width:1.5px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-1\\.5{border-right-width:1.5px;}\n.border-t{border-top-width:1px;}\n.border-t-0{border-top-width:0px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.last\\:border-b-0:last-child{border-bottom-width:0px;}\n.border-amber-500\\/20{border-color:color-mix(in srgb, var(--colors-amber-500) 20%, transparent);}\n.border-amber\\/20{border-color:color-mix(in srgb, var(--colors-amber-DEFAULT) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in srgb, var(--colors-blue-500) 20%, transparent);}\n.border-current{border-color:currentColor;}\n.border-error\\!{border-color:color-mix(in srgb, var(--colors-error-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-green-500\\/20{border-color:color-mix(in srgb, var(--colors-green-500) 20%, transparent);}\n.border-primary-400\\/60{border-color:color-mix(in srgb, var(--colors-primary-400) 60%, transparent);}\n.border-primary\\/30{border-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 30%, transparent);}\n.border-red-500\\/20{border-color:color-mix(in srgb, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in srgb, var(--colors-red-500) 60%, transparent);}\n.border-red-500\\/70{border-color:color-mix(in srgb, var(--colors-red-500) 70%, transparent);}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400\\/50{border-color:color-mix(in srgb, var(--colors-primary-400) 50%, transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in srgb, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus-within\\:border-gray\\/15:focus-within{border-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:border-gray\\/10:hover{border-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 10%, transparent);}\n.focus\\:border-primary-500:focus{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus\\:border-primary\\/40:focus{border-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 40%, transparent);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:var(--radius-DEFAULT);}\n.rounded-full{border-radius:calc(infinity * 1px);}\n.rounded-lg{border-radius:var(--radius-lg);}\n.rounded-md{border-radius:var(--radius-md);}\n.rounded-xl{border-radius:var(--radius-xl);}\n.rounded-r{border-top-right-radius:var(--radius-DEFAULT);border-bottom-right-radius:var(--radius-DEFAULT);}\n.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);}\n.rounded-tr-md{border-top-right-radius:var(--radius-md);}\n.bg-\\[\\#8881\\],\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.bg-\\[\\#ddd\\]\\/40{background-color:color-mix(in oklab, #ddd 40%, transparent);}\n.bg-\\#8882{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-\\#8885{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-amber{background-color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.bg-amber\\/10{background-color:color-mix(in srgb, var(--colors-amber-DEFAULT) 10%, transparent);}\n.bg-black\\/30,\n.dark .dark\\:bg-black\\/30{background-color:color-mix(in srgb, var(--colors-black) 30%, transparent);}\n.bg-blue{background-color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.bg-blue\\/10{background-color:color-mix(in srgb, var(--colors-blue-DEFAULT) 10%, transparent);}\n.bg-current{background-color:currentColor;}\n.bg-error\\!{background-color:color-mix(in srgb, var(--colors-error-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-gray{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-gray\\/10{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 10%, transparent);}\n.bg-gray\\/20{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 20%, transparent);}\n.bg-gray\\/3{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 3%, transparent);}\n.bg-gray\\/30{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 30%, transparent);}\n.bg-gray\\/5{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 5%, transparent);}\n.bg-green{background-color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-green-400\\/10{background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\/10{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 10%, transparent);}\n.bg-primary{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-primary-500\\/20{background-color:color-mix(in srgb, var(--colors-primary-500) 20%, transparent);}\n.bg-primary\\/10{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-primary\\/15{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-primary\\/20{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 20%, transparent);}\n.bg-red{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\/10{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-transparent{background-color:transparent;}\n.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-white\\/50{background-color:color-mix(in srgb, var(--colors-white) 50%, transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in srgb, var(--colors-black) 40%, transparent);}\n.dark .dark\\:bg-black\\/45{background-color:color-mix(in srgb, var(--colors-black) 45%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in srgb, var(--colors-red-500) 10%, transparent);}\n.hover\\:bg-\\[\\#8881\\]:hover{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.hover\\:bg-\\[\\#8882\\]:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.hover\\:bg-\\#8888:hover{background-color:color-mix(in oklab, #8888 var(--un-bg-opacity), transparent);}\n.hover\\:bg-gray\\/10:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 10%, transparent);}\n.hover\\:bg-gray\\/15:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:bg-gray\\/20:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 20%, transparent);}\n.hover\\:bg-gray\\/5:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 5%, transparent);}\n.hover\\:bg-orange\\/20:hover{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 20%, transparent);}\n.hover\\:bg-primary\\/25:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 25%, transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in srgb, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/20:hover{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 20%, transparent);}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50,\n.group:hover .group-hover\\:op50{opacity:50%;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100,\n.opacity-100,\n.group:hover .group-hover\\:opacity-100{opacity:100%;}\n.op0,\n.opacity-0{opacity:0%;}\n.op25{opacity:25%;}\n.op30{opacity:30%;}\n.op40{opacity:40%;}\n.op60{opacity:60%;}\n.op60\\!{opacity:60% !important;}\n.op70{opacity:70%;}\n.op75{opacity:75%;}\n.op80{opacity:80%;}\n.hover\\:op100:hover{opacity:100%;}\n.hover\\:op60:hover{opacity:60%;}\n.hover\\:op70:hover{opacity:70%;}\n.hover\\:op80:hover{opacity:80%;}\n.disabled\\:op40:disabled{opacity:40%;}\n.disabled\\:op50:disabled{opacity:50%;}\n.line-through{text-decoration-line:line-through;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.flex-auto{flex:1 1 auto;}\n.flex-none{flex:none;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-row-reverse{flex-direction:row-reverse;}\n.flex-col{flex-direction:column;}\n.flex-col-reverse{flex-direction:column-reverse;}\n.flex-wrap{flex-wrap:wrap;}\n.gap-0{gap:calc(var(--spacing) * 0);}\n.gap-0\\.5{gap:calc(var(--spacing) * 0.5);}\n.gap-1{gap:calc(var(--spacing) * 1);}\n.gap-1\\.5{gap:calc(var(--spacing) * 1.5);}\n.gap-2{gap:calc(var(--spacing) * 2);}\n.gap-3{gap:calc(var(--spacing) * 3);}\n.gap-4{gap:calc(var(--spacing) * 4);}\n.gap-6{gap:calc(var(--spacing) * 6);}\n.gap-x-2{column-gap:calc(var(--spacing) * 2);}\n.gap-y-0\\.5{row-gap:calc(var(--spacing) * 0.5);}\n.grid{display:grid;}\n.cols-\\[max-content_1fr\\]{grid-template-columns:max-content 1fr;}\n.h-0\\.5{height:calc(var(--spacing) * 0.5);}\n.h-1{height:calc(var(--spacing) * 1);}\n.h-1\\.5{height:calc(var(--spacing) * 1.5);}\n.h-1\\/3{height:33.3333333333%;}\n.h-10{height:calc(var(--spacing) * 10);}\n.h-14{height:calc(var(--spacing) * 14);}\n.h-16{height:calc(var(--spacing) * 16);}\n.h-2{height:calc(var(--spacing) * 2);}\n.h-20px{height:20px;}\n.h-24{height:calc(var(--spacing) * 24);}\n.h-3{height:calc(var(--spacing) * 3);}\n.h-3\\.5{height:calc(var(--spacing) * 3.5);}\n.h-4{height:calc(var(--spacing) * 4);}\n.h-4\\.5{height:calc(var(--spacing) * 4.5);}\n.h-5{height:calc(var(--spacing) * 5);}\n.h-6{height:calc(var(--spacing) * 6);}\n.h-7{height:calc(var(--spacing) * 7);}\n.h-8{height:calc(var(--spacing) * 8);}\n.h-9{height:calc(var(--spacing) * 9);}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h-screen{height:100vh;}\n.max-h-\\[60vh\\]{max-height:60vh;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-100{max-width:calc(var(--spacing) * 100);}\n.max-w-108{max-width:calc(var(--spacing) * 108);}\n.max-w-200{max-width:calc(var(--spacing) * 200);}\n.max-w-220px{max-width:220px;}\n.max-w-64{max-width:calc(var(--spacing) * 64);}\n.max-w-92{max-width:calc(var(--spacing) * 92);}\n.max-w-96{max-width:calc(var(--spacing) * 96);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:var(--container-lg);}\n.max-w-prose{max-width:var(--container-prose);}\n.max-w-sm{max-width:var(--container-sm);}\n.max-w-xs{max-width:var(--container-xs);}\n.min-h-0{min-height:calc(var(--spacing) * 0);}\n.min-h-16{min-height:calc(var(--spacing) * 16);}\n.min-h-40{min-height:calc(var(--spacing) * 40);}\n.min-h-5{min-height:calc(var(--spacing) * 5);}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:calc(var(--spacing) * 0);}\n.min-w-28{min-width:calc(var(--spacing) * 28);}\n.min-w-36{min-width:calc(var(--spacing) * 36);}\n.min-w-40{min-width:calc(var(--spacing) * 40);}\n.min-w-44{min-width:calc(var(--spacing) * 44);}\n.min-w-5{min-width:calc(var(--spacing) * 5);}\n.min-w-6{min-width:calc(var(--spacing) * 6);}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-\\[40px\\]{width:40px;}\n.w-1\\.5{width:calc(var(--spacing) * 1.5);}\n.w-10{width:calc(var(--spacing) * 10);}\n.w-11{width:calc(var(--spacing) * 11);}\n.w-12{width:calc(var(--spacing) * 12);}\n.w-16{width:calc(var(--spacing) * 16);}\n.w-2{width:calc(var(--spacing) * 2);}\n.w-2\\/5{width:40%;}\n.w-20px{width:20px;}\n.w-24{width:calc(var(--spacing) * 24);}\n.w-2px{width:2px;}\n.w-3{width:calc(var(--spacing) * 3);}\n.w-3\\.5{width:calc(var(--spacing) * 3.5);}\n.w-3\\/5{width:60%;}\n.w-4{width:calc(var(--spacing) * 4);}\n.w-4\\.5{width:calc(var(--spacing) * 4.5);}\n.w-5{width:calc(var(--spacing) * 5);}\n.w-6{width:calc(var(--spacing) * 6);}\n.w-64{width:calc(var(--spacing) * 64);}\n.w-7{width:calc(var(--spacing) * 7);}\n.w-72{width:calc(var(--spacing) * 72);}\n.w-8{width:calc(var(--spacing) * 8);}\n.w-8\\.5{width:calc(var(--spacing) * 8.5);}\n.w-80{width:calc(var(--spacing) * 80);}\n.w-96{width:calc(var(--spacing) * 96);}\n.w-auto\\!{width:auto !important;}\n.w-fit{width:fit-content;}\n.w-full{width:100%;}\n.w-lg{width:var(--container-lg);}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.w-screen{width:100vw;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.contents{display:contents;}\n.dark .dark-hidden,\n.hidden,\n.light .light-hidden{display:none;}\n.visible{visibility:visible;}\n.invisible{visibility:hidden;}\n.collapse{visibility:collapse;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.cursor-not-allowed{cursor:not-allowed;}\n.cursor-grab{cursor:grab;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.whitespace-pre-wrap{white-space:pre-wrap;}\n.ws-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.text-balance{text-wrap:balance;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.ring-1\\.5{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1.5px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-2:focus-within{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-1:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-3:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-3:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.ring-purple\\/50{--un-ring-color:color-mix(in srgb, var(--colors-purple-DEFAULT) 50%, transparent);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/25:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 25%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-primary\\/30:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 30%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 30%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow,\n.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.-translate-x-1\\/2,\n.translate-x--1\\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.-translate-y-2{--un-translate-y:calc(var(--spacing) * -2);translate:var(--un-translate-x) var(--un-translate-y);}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked],\n.translate-x-4{--un-translate-x:calc(var(--spacing) * 4);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-0\\.5{--un-translate-x:calc(var(--spacing) * 0.5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-1{--un-translate-x:calc(var(--spacing) * 1);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-5{--un-translate-x:calc(var(--spacing) * 5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y--1\\/2{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-0{--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-2{--un-translate-y:calc(var(--spacing) * 2);translate:var(--un-translate-x) var(--un-translate-y);}\n.-rotate-90{rotate:-90deg;}\n.rotate--45{rotate:-45deg;}\n.rotate-0{rotate:0deg;}\n.rotate-180{rotate:180deg;}\n.rotate-270{rotate:270deg;}\n.rotate-90{rotate:90deg;}\n.scale-100{--un-scale-x:100%;--un-scale-y:100%;scale:var(--un-scale-x) var(--un-scale-y);}\n.scale-120{--un-scale-x:120%;--un-scale-y:120%;scale:var(--un-scale-x) var(--un-scale-y);}\n.scale-98{--un-scale-x:98%;--un-scale-y:98%;scale:var(--un-scale-x) var(--un-scale-y);}\n.hover\\:scale-110:hover{--un-scale-x:110%;--un-scale-y:110%;scale:var(--un-scale-x) var(--un-scale-y);}\n.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-opacity{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.duration-150{--un-duration:150ms;transition-duration:150ms;}\n.duration-200{--un-duration:200ms;transition-duration:200ms;}\n.duration-250{--un-duration:250ms;transition-duration:250ms;}\n.duration-300{--un-duration:300ms;transition-duration:300ms;}\n.delay-200{transition-delay:200ms;}\n.ease-in{--un-ease:var(--ease-in);transition-timing-function:var(--ease-in);}\n.ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}\n.ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.box-border{box-sizing:border-box;}\n.inset-0{inset:calc(var(--spacing) * 0);}\n.inset-x-0{inset-inline:calc(var(--spacing) * 0);}\n.bottom-0{bottom:calc(var(--spacing) * 0);}\n.bottom-4{bottom:calc(var(--spacing) * 4);}\n.bottom-4px{bottom:4px;}\n.left-0{left:calc(var(--spacing) * 0);}\n.left-1\\.5{left:calc(var(--spacing) * 1.5);}\n.left-1\\/2{left:50%;}\n.left-2{left:calc(var(--spacing) * 2);}\n.left-2\\.5{left:calc(var(--spacing) * 2.5);}\n.left-4{left:calc(var(--spacing) * 4);}\n.left-5px{left:5px;}\n.right--1px{right:-1px;}\n.right-0{right:calc(var(--spacing) * 0);}\n.right-0\\.5{right:calc(var(--spacing) * 0.5);}\n.right-2{right:calc(var(--spacing) * 2);}\n.right-4{right:calc(var(--spacing) * 4);}\n.top--32px{top:-32px;}\n.top-0{top:calc(var(--spacing) * 0);}\n.top-0\\.5{top:calc(var(--spacing) * 0.5);}\n.top-1{top:calc(var(--spacing) * 1);}\n.top-1\\/2{top:50%;}\n.top-4{top:calc(var(--spacing) * 4);}\n.top-4px{top:4px;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.z--1{z-index:-1;}\n.of-hidden,\n.overflow-hidden{overflow:hidden;}\n.overflow-auto{overflow:auto;}\n.of-x-hidden{overflow-x:hidden;}\n.of-y-auto{overflow-y:auto;}\n.of-y-hidden{overflow-y:hidden;}\n.stroke-current{stroke:currentColor;}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.object-contain{object-fit:contain;}\n.backdrop-blur-0{--un-backdrop-blur:blur(0px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.backdrop-blur-1{--un-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.backdrop-blur-sm{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.blur-2xl{--un-blur:blur(40px);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.invert{--un-invert:invert(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.saturate-0{--un-saturate:saturate(0%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.touch-none{touch-action:none;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}\n.divide-\\#8882{\n:where(&>:not(:last-child)){border-color:color-mix(in oklab, #8882 var(--un-divide-opacity), transparent);}\n}\n.divide-y{\n:where(&>:not(:last-child)){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}\n}\n.group-data-\\[state\\=open\\]\\:rotate-90{\n&:is(:where(.group)[data-state=open] *){rotate:90deg;}\n}\n.space-y-0\\.5{\n:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0.5) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0.5) * calc(1 - var(--un-space-y-reverse)));}\n}\n@supports (color: color-mix(in lab, red, red)){\n.dark .dark\\:text-amber-300{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in oklab, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-primary-300{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in oklab, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber{color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in oklab, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue{color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-gray{color:color-mix(in oklab, var(--colors-gray-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green{color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in oklab, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in oklab, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary-600{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.text-primary\\/bg-active{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red{color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in oklab, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}\n.caret-primary-500{caret-color:color-mix(in oklab, var(--colors-primary-500) var(--un-caret-opacity), transparent);}\n.border-amber-500\\/20{border-color:color-mix(in oklab, var(--colors-amber-500) 20%, transparent);}\n.border-amber\\/20{border-color:color-mix(in oklab, var(--colors-amber-DEFAULT) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in oklab, var(--colors-blue-500) 20%, transparent);}\n.border-error\\!{border-color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-green-500\\/20{border-color:color-mix(in oklab, var(--colors-green-500) 20%, transparent);}\n.border-primary-400\\/60{border-color:color-mix(in oklab, var(--colors-primary-400) 60%, transparent);}\n.border-primary\\/30{border-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 30%, transparent);}\n.border-red-500\\/20{border-color:color-mix(in oklab, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in oklab, var(--colors-red-500) 60%, transparent);}\n.border-red-500\\/70{border-color:color-mix(in oklab, var(--colors-red-500) 70%, transparent);}\n.dark .dark\\:border-primary-400\\/50{border-color:color-mix(in oklab, var(--colors-primary-400) 50%, transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus-within\\:border-gray\\/15:focus-within{border-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:border-gray\\/10:hover{border-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 10%, transparent);}\n.focus\\:border-primary-500:focus{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus\\:border-primary\\/40:focus{border-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 40%, transparent);}\n.bg-amber{background-color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.bg-amber\\/10{background-color:color-mix(in oklab, var(--colors-amber-DEFAULT) 10%, transparent);}\n.bg-black\\/30{background-color:color-mix(in oklab, var(--colors-black) 30%, transparent);}\n.bg-blue{background-color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.bg-blue\\/10{background-color:color-mix(in oklab, var(--colors-blue-DEFAULT) 10%, transparent);}\n.bg-error\\!{background-color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-gray{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-gray\\/10{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 10%, transparent);}\n.bg-gray\\/20{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 20%, transparent);}\n.bg-gray\\/3{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 3%, transparent);}\n.bg-gray\\/30{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 30%, transparent);}\n.bg-gray\\/5{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 5%, transparent);}\n.bg-green{background-color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-green-400\\/10{background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\/10{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 10%, transparent);}\n.bg-primary{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-primary-500{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-primary-500\\/20{background-color:color-mix(in oklab, var(--colors-primary-500) 20%, transparent);}\n.bg-primary\\/10{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-primary\\/15{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-primary\\/20{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 20%, transparent);}\n.bg-red{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\/10{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-white\\/50{background-color:color-mix(in oklab, var(--colors-white) 50%, transparent);}\n.dark .dark\\:bg-black\\/30{background-color:color-mix(in oklab, var(--colors-black) 30%, transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in oklab, var(--colors-black) 40%, transparent);}\n.dark .dark\\:bg-black\\/45{background-color:color-mix(in oklab, var(--colors-black) 45%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in oklab, var(--colors-red-500) 10%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.hover\\:bg-gray\\/10:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 10%, transparent);}\n.hover\\:bg-gray\\/15:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:bg-gray\\/20:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 20%, transparent);}\n.hover\\:bg-gray\\/5:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 5%, transparent);}\n.hover\\:bg-orange\\/20:hover{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 20%, transparent);}\n.hover\\:bg-primary\\/25:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 25%, transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in oklab, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/20:hover{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 20%, transparent);}\n.ring-purple\\/50{--un-ring-color:color-mix(in oklab, var(--colors-purple-DEFAULT) 50%, transparent);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/25:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 25%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-primary\\/30:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 30%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 30%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.sm\\:p-6{padding:calc(var(--spacing) * 6);}\n.sm\\:gap-2\\.5{gap:calc(var(--spacing) * 2.5);}\n}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations, and imported after\n * `virtual:uno.css` in the Storybook preview for the same reason.\n *\n * Each Wind4 stop (`--colors-primary-*`) is derived from `--devframe-primary`\n * via `color-mix`. When `--devframe-primary` is unset, the intermediate\n * `--devframe-primary-<stop>` vars become guaranteed-invalid (their `color-mix`\n * references an unset var with no fallback), so each `--colors-primary-<stop>`\n * falls back to the exact devframe default hex — the default look is preserved,\n * and only an explicit override derives a new ramp. The vars inherit through\n * the tree, so setting `--devframe-primary` on the dock host retints\n * everything, and setting it on a group's chrome container retints just that\n * group (the group-accent mechanism).\n *\n * `:host` is the effective selector inside the dock's shadow root; `:root` is\n * for the light-DOM Storybook preview (it matches nothing in the shadow root).\n *\n * `.devframes-accent-scope` re-declares the whole block on a group's chrome\n * container: because custom properties inherit as computed values, a descendant\n * that only overrides `--devframe-primary` would keep the `:host`-computed\n * stops — re-running the derivation here recomputes them from the container's\n * own `--devframe-primary` (a group's `accentColor`), retinting just that group.\n */\n:root,\n:host,\n.devframes-accent-scope {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
diff --git a/packages/hub-ui/src/client/components/views/ViewDockRenderer.stories.ts b/packages/hub-ui/src/client/components/views/ViewDockRenderer.stories.ts
new file mode 100644
index 00000000..a54ac1b0
--- /dev/null
+++ b/packages/hub-ui/src/client/components/views/ViewDockRenderer.stories.ts
@@ -0,0 +1,70 @@
+import type { DevframeDockEntry } from '@devframes/hub'
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+import { h } from 'vue'
+import { mountWithContext } from '../../stories/story-helpers'
+import ViewDockRenderer from './ViewDockRenderer.vue'
+
+// A dock type hub-ui has no native view for — it routes through the
+// dock-renderer registry (e.g. a `json-render` dock).
+const entry = {
+  id: 'metrics',
+  type: 'json-render',
+  title: 'Metrics',
+  icon: 'ph:cube-duotone',
+} as unknown as DevframeDockEntry
+
+function stage(children: any) {
+  return h('div', { class: 'h-100 bg-base color-base border border-base rounded-lg overflow-hidden font-sans' }, children)
+}
+
+const meta = {
+  title: 'Views/DockRenderer',
+  component: ViewDockRenderer,
+  tags: ['autodocs'],
+  parameters: {
+    docs: {
+      description: {
+        component: 'Renders a non-native dock type through the hub\'s dock-renderer registry, with the missing-renderer fallback and the load-error variant (retry) when no renderer covers the type or its module fails.',
+      },
+    },
+  },
+} satisfies Meta
+
+export default meta
+type Story = StoryObj
+
+// No renderer registered for the type — the generic fallback view.
+export const MissingRenderer: Story = {
+  render: () => ({
+    setup: () => mountWithContext({}, ctx =>
+      stage(h(ViewDockRenderer, { context: ctx, entry }))),
+  }),
+}
+
+// The registered renderer throws at mount — the error variant with a retry.
+export const LoadError: Story = {
+  render: () => ({
+    setup: () => mountWithContext({}, (ctx) => {
+      ctx.renderers.register('json-render', () => {
+        throw new Error('Failed to fetch dynamically imported module')
+      })
+      return stage(h(ViewDockRenderer, { context: ctx, entry }))
+    }),
+  }),
+}
+
+// A renderer is available — it owns the container (here a minimal stand-in).
+export const Mounted: Story = {
+  render: () => ({
+    setup: () => mountWithContext({}, (ctx) => {
+      ctx.renderers.register('json-render', ({ container }) => {
+        const el = document.createElement('div')
+        el.textContent = 'Rendered by the registered renderer.'
+        el.style.padding = '24px'
+        container.append(el)
+        return { dispose: () => el.remove() }
+      })
+      return stage(h(ViewDockRenderer, { context: ctx, entry }))
+    }),
+  }),
+}
diff --git a/packages/hub-ui/src/client/components/views/ViewDockRenderer.vue b/packages/hub-ui/src/client/components/views/ViewDockRenderer.vue
new file mode 100644
index 00000000..5c6247f3
--- /dev/null
+++ b/packages/hub-ui/src/client/components/views/ViewDockRenderer.vue
@@ -0,0 +1,116 @@
+<script setup lang="ts">
+import type { DevframeDockEntry } from '@devframes/hub'
+import type { DocksContext } from '@devframes/hub/client'
+import ActionButton from '@antfu/design/components/Action/ActionButton.vue'
+import { onMounted, onUnmounted, ref, useTemplateRef, watch } from 'vue'
+import { isDark } from '../../state/color-mode'
+
+// Renders any dock type hub-ui has no native view for through the hub's
+// dock-renderer registry — a renderer registered locally, or a prebuilt
+// module served by the hub's renderer manifest (`initHub({ renderers })`),
+// e.g. `@devframes/json-render-ui` for `'json-render'` docks. With no
+// renderer available for the type it shows the missing-renderer fallback; a
+// module that fails to load gets the error variant with a retry.
+
+const props = defineProps<{
+  context: DocksContext
+  entry: DevframeDockEntry
+}>()
+
+type ViewState = 'loading' | 'mounted' | 'missing-renderer' | 'load-error'
+
+const container = useTemplateRef<HTMLDivElement>('container')
+const state = ref<ViewState>('loading')
+const errorMessage = ref<string | null>(null)
+let dispose: (() => void) | undefined
+let mountToken = 0
+
+async function mount(): Promise<void> {
+  const token = ++mountToken
+  dispose?.()
+  dispose = undefined
+
+  // Availability is checked up front so a type nobody covers renders the
+  // fallback without a mount attempt (and without the registry's warn noise
+  // repeating on every remount).
+  if (!props.context.renderers.has(props.entry.type)) {
+    state.value = 'missing-renderer'
+    return
+  }
+  state.value = 'loading'
+  errorMessage.value = null
+  const result = await props.context.renderers.mount(props.entry, container.value!)
+  if (token !== mountToken) {
+    // A newer mount superseded this one — drop it.
+    if (result.status === 'mounted')
+      result.dispose()
+    return
+  }
+  if (result.status === 'mounted') {
+    dispose = result.dispose
+    state.value = 'mounted'
+  }
+  else if (result.status === 'missing-renderer') {
+    state.value = 'missing-renderer'
+  }
+  else {
+    state.value = 'load-error'
+    errorMessage.value = String((result.error as Error | undefined)?.message ?? result.error)
+  }
+}
+
+onMounted(mount)
+watch(() => props.entry.id, () => {
+  void mount()
+})
+onUnmounted(() => {
+  mountToken++
+  dispose?.()
+  dispose = undefined
+})
+</script>
+
+<template>
+  <div class="devframes-view-dock-renderer relative h-full w-full">
+    <!--
+      The renderer's mount container. Kept in the tree across every state so
+      a retry can remount in place. Carries the live `dark` class — the theme
+      contract a self-styling renderer resolves its dark-mode rules against.
+    -->
+    <div
+      v-show="state === 'mounted' || state === 'loading'"
+      ref="container"
+      class="h-full w-full"
+      :class="isDark ? 'dark' : 'light'"
+    />
+
+    <div
+      v-if="state === 'missing-renderer'"
+      class="absolute inset-0 flex flex-col items-center justify-center gap-2 p6 text-center"
+    >
+      <div class="i-ph:puzzle-piece-duotone text-3xl color-faint" />
+      <div class="text-sm color-muted">
+        No renderer for “{{ entry.type }}” in the current environment
+      </div>
+      <div class="text-xs color-faint">
+        The host has not registered a renderer for this dock type.
+      </div>
+    </div>
+
+    <div
+      v-else-if="state === 'load-error'"
+      class="absolute inset-0 flex flex-col items-center justify-center gap-2 p6 text-center"
+    >
+      <div class="i-ph:warning-duotone text-3xl color-faint" />
+      <div class="text-sm color-muted">
+        The renderer for “{{ entry.type }}” failed to load
+      </div>
+      <div v-if="errorMessage" class="max-w-100 text-xs color-faint">
+        {{ errorMessage }}
+      </div>
+      <ActionButton class="mt-2" @click="mount()">
+        Retry
+      </ActionButton>
+    </div>
+  </div>
+</template>
diff --git a/packages/hub-ui/src/client/components/views/ViewEntry.vue b/packages/hub-ui/src/client/components/views/ViewEntry.vue
index 200d94ad..841d7812 100644
--- a/packages/hub-ui/src/client/components/views/ViewEntry.vue
+++ b/packages/hub-ui/src/client/components/views/ViewEntry.vue
@@ -3,10 +3,10 @@ import type { DevframeDockEntry } from '@devframes/hub'
 import type { DocksContext } from '@devframes/hub/client'
 import type { IframePanes } from 'iframe-pane'
 import type { CSSProperties } from 'vue'
-import { defineAsyncComponent } from 'vue'
 import ViewBuiltinClientAuthNotice from '../views-builtin/ViewBuiltinClientAuthNotice.vue'
 import ViewBuiltinSettings from '../views-builtin/ViewBuiltinSettings.vue'
 import ViewCustomRenderer from './ViewCustomRenderer.vue'
+import ViewDockRenderer from './ViewDockRenderer.vue'
 import ViewIframe from './ViewIframe.vue'
 import ViewLauncher from './ViewLauncher.vue'
 
@@ -17,9 +17,6 @@ defineProps<{
   iframeStyle?: CSSProperties
   divStyle?: CSSProperties
 }>()
-
-// Lazy load some less frequently used builtin views
-const ViewJsonRender = defineAsyncComponent(() => import('./ViewJsonRender.vue'))
 </script>
 
 <template>
@@ -62,14 +59,17 @@ const ViewJsonRender = defineAsyncComponent(() => import('./ViewJsonRender.vue')
       :context
       :entry
     />
-    <ViewJsonRender
-      v-else-if="entry.type === 'json-render'"
+    <!--
+      Any other dock type routes through the hub's dock-renderer registry
+      (locally-registered renderers, or prebuilt modules from the hub's
+      renderer manifest — e.g. `json-render`). With no renderer available it
+      renders the missing-renderer fallback.
+    -->
+    <ViewDockRenderer
+      v-else
       :context
       :entry
     />
-    <div v-else>
-      Unknown entry: {{ entry }}
-    </div>
 
     <template #fallback>
       <div>
diff --git a/packages/hub-ui/src/client/components/views/ViewJsonRender.vue b/packages/hub-ui/src/client/components/views/ViewJsonRender.vue
deleted file mode 100644
index 39f83164..00000000
--- a/packages/hub-ui/src/client/components/views/ViewJsonRender.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-<script setup lang="ts">
-import type { DocksContext } from '@devframes/hub/client'
-import type { DevframeJsonRenderDockEntry } from '@devframes/json-render/hub'
-import type { Spec } from '@json-render/core'
-import { JSONUIProvider, Renderer } from '@json-render/vue'
-import { computed, markRaw, onMounted, ref, shallowRef, watch } from 'vue'
-import { devtoolsRegistry, UnsupportedComponent } from '../../json-render/registry'
-
-const props = defineProps<{
-  context: DocksContext
-  entry: DevframeJsonRenderDockEntry
-}>()
-
-const spec = shallowRef<Spec | null>(null)
-const isLoading = ref(true)
-const error = ref<string | null>(null)
-
-// Resolve the spec from the entry's serializable view ref: either a live
-// shared-state key the client subscribes to, or an inline spec rendered as-is.
-async function loadSpec() {
-  try {
-    const view = props.entry.view
-    if ('stateKey' in view) {
-      const state = await props.context.rpc.sharedState.get(view.stateKey as any)
-      spec.value = state.value() as unknown as Spec
-      state.on('updated', (newValue) => {
-        spec.value = newValue as unknown as Spec
-      })
-    }
-    else {
-      spec.value = view.spec as unknown as Spec
-    }
-  }
-  catch (e) {
-    error.value = String(e)
-  }
-  finally {
-    isLoading.value = false
-  }
-}
-
-// Action handlers bridge: action names → RPC calls
-// Use a plain object cache instead of a Proxy to avoid issues with Vue's
-// reactivity system and Promise detection accessing `then`/`catch` on the proxy
-const actionHandlerCache = new Map<string, (params?: Record<string, unknown>) => Promise<void>>()
-function getActionHandler(actionName: string) {
-  let handler = actionHandlerCache.get(actionName)
-  if (!handler) {
-    handler = async (params?: Record<string, unknown>) => {
-      try {
-        await props.context.rpc.call(actionName as any, params as any)
-      }
-      catch (e) {
-        console.error(`[json-render] Action "${actionName}" failed:`, e)
-      }
-    }
-    actionHandlerCache.set(actionName, handler)
-  }
-  return handler
-}
-const actionHandlers = markRaw(new Proxy({} as Record<string, (params: Record<string, unknown>) => Promise<unknown>>, {
-  get(_target, prop: string | symbol) {
-    if (typeof prop === 'symbol')
-      return undefined
-    // Avoid intercepting Promise/JS internals that Vue reactivity checks
-    if (prop === 'then' || prop === 'catch' || prop === 'finally')
-      return undefined
-    return getActionHandler(prop)
-  },
-  has(_target, prop: string | symbol) {
-    if (typeof prop === 'symbol')
-      return false
-    if (prop === 'then' || prop === 'catch' || prop === 'finally')
-      return false
-    return true
-  },
-}))
-
-// Initial state from spec
-const initialState = computed(() => {
-  if (spec.value && 'state' in spec.value) {
-    return (spec.value as any).state as Record<string, unknown>
-  }
-  return {}
-})
-
-onMounted(loadSpec)
-
-// Re-load when entry changes
-watch(() => props.entry.view, loadSpec)
-</script>
-
-<template>
-  <div class="devframes-view-json-render w-full h-full overflow-auto" style="padding: 16px; scrollbar-gutter: stable;">
-    <div v-if="isLoading" style="display: flex; align-items: center; justify-content: center; height: 100%; opacity: 0.5; font-size: 13px;">
-      Loading...
-    </div>
-    <div v-else-if="error" style="padding: 16px; color: rgb(239,68,68); font-size: 13px;">
-      Error loading spec: {{ error }}
-    </div>
-    <JSONUIProvider
-      v-else-if="spec"
-      :registry="devtoolsRegistry"
-      :handlers="actionHandlers"
-      :initial-state="initialState"
-    >
-      <Renderer :spec="spec" :registry="devtoolsRegistry" :fallback="UnsupportedComponent" />
-    </JSONUIProvider>
-    <div v-else style="display: flex; align-items: center; justify-content: center; height: 100%; opacity: 0.5; font-size: 13px;">
-      No spec provided
-    </div>
-  </div>
-</template>
diff --git a/packages/hub-ui/src/client/json-render/JsonRender.stories.ts b/packages/hub-ui/src/client/json-render/JsonRender.stories.ts
deleted file mode 100644
index 9dc10532..00000000
--- a/packages/hub-ui/src/client/json-render/JsonRender.stories.ts
+++ /dev/null
@@ -1,261 +0,0 @@
-import type { Spec } from '@json-render/core'
-import type { Meta, StoryObj } from '@storybook/vue3-vite'
-import { JSONUIProvider, Renderer } from '@json-render/vue'
-import { defineComponent, h } from 'vue'
-import { devtoolsRegistry, UnsupportedComponent } from './registry'
-
-/**
- * Render a json-render `Spec` with the Devframes registry, the same way
- * `ViewJsonRender` does at runtime — including the `UnsupportedComponent`
- * fallback for any element `type` absent from the registry. Accepts a getter
- * instead of a plain `Spec` so stories can rebuild the spec from reactive
- * Storybook `args` (e.g. toggling `variant`/`interactive` live via Controls).
- */
-function renderSpec(specOrGetter: Spec | (() => Spec)) {
-  return defineComponent({
-    setup() {
-      const getSpec = typeof specOrGetter === 'function' ? specOrGetter : () => specOrGetter
-      const initialState = (getSpec() as any).state ?? {}
-      return () => h(
-        'div',
-        { class: 'max-w-160 p6 bg-base color-base font-sans' },
-        h(JSONUIProvider, { registry: devtoolsRegistry, handlers: {}, initialState }, {
-          default: () => h(Renderer, { spec: getSpec(), registry: devtoolsRegistry, fallback: UnsupportedComponent }),
-        }),
-      )
-    },
-  })
-}
-
-const meta = {
-  title: 'JsonRender/Gallery',
-  tags: ['autodocs'],
-  parameters: {
-    docs: {
-      description: {
-        component: 'The json-render primitive registry (`Stack`, `Card`, `Tabs`, `Text`, `Badge`, `Button`, `Link`, `Icon`, `Divider`, `TextInput`, `Select`, `Switch`, `KeyValueTable`, `DataTable`, `CodeBlock`, `Progress`, `Tree`) rendered from a declarative spec — the same renderer plugins use to build panels without shipping Vue.',
-      },
-    },
-  },
-} satisfies Meta
-
-export default meta
-type Story = StoryObj
-
-/** Every common primitive laid out in one spec. */
-export const Gallery: Story = {
-  render: () => renderSpec({
-    root: 'root',
-    state: { notifications: true },
-    elements: {
-      root: { type: 'Stack', props: { direction: 'column', gap: 16, padding: 4 }, children: ['heading', 'badges', 'buttons', 'progress', 'toggle', 'select', 'links', 'inputs', 'divider', 'kv', 'table', 'code'] },
-      heading: { type: 'Text', props: { text: 'Build summary', variant: 'heading' } },
-      badges: { type: 'Stack', props: { direction: 'row', gap: 8, align: 'center' }, children: ['b1', 'b2', 'b3', 'b4'] },
-      b1: { type: 'Badge', props: { text: 'passing', variant: 'success' } },
-      b2: { type: 'Badge', props: { text: '3 warnings', variant: 'warning' } },
-      b3: { type: 'Badge', props: { text: '1 error', variant: 'danger' } },
-      b4: { type: 'Badge', props: { text: 'v0.3.4', variant: 'default' } },
-      buttons: { type: 'Stack', props: { direction: 'row', gap: 8 }, children: ['btn1', 'btn2', 'btn3', 'btn4'] },
-      btn1: { type: 'Button', props: { label: 'Rebuild', variant: 'primary', icon: 'ph:arrows-clockwise' } },
-      btn2: { type: 'Button', props: { label: 'Open', variant: 'secondary', icon: 'ph:arrow-square-out' } },
-      btn3: { type: 'Button', props: { label: 'Delete', variant: 'danger', icon: 'ph:trash' } },
-      /* `icon` is intentionally still set here — `loading` takes priority and replaces it with the spinner, so this also demonstrates that precedence. */
-      btn4: { type: 'Button', props: { label: 'Deploying…', variant: 'primary', icon: 'ph:rocket-launch', loading: true } },
-      progress: { type: 'Progress', props: { value: 68, max: 100, label: 'Bundling' } },
-      toggle: { type: 'Switch', props: { label: 'Notifications', value: '{{notifications}}' } },
-      select: { type: 'Select', props: {
-        label: 'Environment',
-        placeholder: 'Choose one…',
-        value: 'staging',
-        options: [
-          { value: 'dev', label: 'Development' },
-          { value: 'staging', label: 'Staging' },
-          { value: 'prod', label: 'Production', description: 'Live traffic', icon: 'ph:warning' },
-        ],
-      } },
-      links: { type: 'Stack', props: { direction: 'row', gap: 16 }, children: ['link', 'rejectedLink'] },
-      link: { type: 'Link', props: { href: 'https://github.com/devframes/devframe', label: 'Devframe docs', icon: 'ph:arrow-square-out' } },
-      /* `javascript:` is not in the allowed scheme list — this must render as plain text, never as an `<a>`. */
-      rejectedLink: { type: 'Link', props: { href: 'javascript:alert(1)', label: 'Rejected href (renders as text)' } },
-      inputs: { type: 'Stack', props: { direction: 'row', gap: 16 }, children: ['search', 'loadingInput'] },
-      search: { type: 'TextInput', props: { type: 'search', placeholder: 'Filter modules…' } },
-      loadingInput: { type: 'TextInput', props: { placeholder: 'Saving…', loading: true } },
-      divider: { type: 'Divider', props: { label: 'Details' } },
-      kv: { type: 'KeyValueTable', props: { data: {
-        Devframe: '0.8.1',
-        Node: '24.17.0',
-        Mode: 'production',
-      } } },
-      table: { type: 'DataTable', props: {
-        columns: [{ key: 'file', label: 'File' }, { key: 'size', label: 'Size' }],
-        rows: [
-          { file: 'index.js', size: '124 kB' },
-          { file: 'vendor.js', size: '612 kB' },
-          { file: 'style.css', size: '18 kB' },
-        ],
-        height: 160,
-      } },
-      code: { type: 'CodeBlock', props: { filename: 'devframe.config.ts', code: 'export default defineDevframe({\n  id: \'my-tool\',\n})' } },
-    },
-  } as unknown as Spec),
-}
-
-/**
- * A `Card` grouping content under a titled, bordered surface. `secondary`
- * tints the background with no border; `ghost` and `primary` are untinted.
- * `info`/`success`/`warning`/`danger` each draw a light body tint, a
- * stronger same-hue header bar, and a matching border. `interactive`
- * strengthens the border on hover (same hue for the four semantic variants)
- * and tints each row's (`Stack`) background. `collapsible` + `defaultCollapsed`
- * control the initial collapse state; clear `title` to confirm the header
- * (and its chevron) still renders without one.
- */
-interface CardArgs {
-  variant: 'primary' | 'secondary' | 'ghost' | 'danger' | 'info' | 'success' | 'warning'
-  rowVariant: 'primary' | 'secondary' | 'ghost' | 'danger' | 'info' | 'success' | 'warning'
-  interactive: boolean
-  title: string
-  collapsible: boolean
-  defaultCollapsed: boolean
-}
-
-export const Card: StoryObj<Meta<CardArgs>> = {
-  argTypes: {
-    variant: { control: 'select', options: ['primary', 'secondary', 'ghost', 'danger', 'info', 'success', 'warning'] },
-    rowVariant: { control: 'select', options: ['primary', 'secondary', 'ghost', 'danger', 'info', 'success', 'warning'] },
-    interactive: { control: 'boolean' },
-    title: { control: 'text' },
-    collapsible: { control: 'boolean' },
-    defaultCollapsed: { control: 'boolean' },
-  },
-  args: { variant: 'primary', rowVariant: 'ghost', interactive: false, title: 'Plugin', collapsible: true, defaultCollapsed: false },
-  render: args => renderSpec(() => ({
-    root: 'root',
-    state: {},
-    elements: {
-      root: { type: 'Card', props: { title: args.title, collapsible: args.collapsible, defaultCollapsed: args.defaultCollapsed, variant: args.variant, interactive: args.interactive }, children: ['body'] },
-      body: { type: 'Stack', props: { direction: 'column', gap: 4, padding: 4 }, children: ['row1', 'row2'] },
-      row1: { type: 'Stack', props: { direction: 'row', gap: 8, align: 'center', variant: args.rowVariant, interactive: args.interactive }, children: ['t', 'badge'] },
-      t: { type: 'Text', props: { text: 'vite-plugin-inspect', variant: 'code' } },
-      badge: { type: 'Badge', props: { text: 'enabled', variant: 'success' } },
-      row2: { type: 'Stack', props: { direction: 'row', gap: 8, align: 'center', variant: args.rowVariant, interactive: args.interactive }, children: ['t2', 'badge2'] },
-      t2: { type: 'Text', props: { text: 'vite-plugin-vue', variant: 'code' } },
-      badge2: { type: 'Badge', props: { text: 'enabled', variant: 'success' } },
-    },
-  } as unknown as Spec)),
-}
-
-/**
- * `Tabs` switches which of its `children` renders, positionally matched to
- * `tabs[]` — no `visible` plumbing needed in the spec. Each panel here is a
- * `Card` of `Stack` rows (the same composition the `Card` story above uses
- * standalone), showing that a tab panel is an ordinary element tree, not a
- * special slot. Uncontrolled (no `value` binding), so each tab click drives
- * Tabs' own local state; toggle `orientation` below to compare the
- * underlined horizontal bar against the left-rail vertical layout, and use
- * arrow keys / Home / End once a tab has focus to exercise the
- * roving-tabindex keyboard navigation.
- */
-interface TabsArgs {
-  orientation: 'horizontal' | 'vertical'
-}
-
-export const Tabs: StoryObj<Meta<TabsArgs>> = {
-  argTypes: {
-    orientation: { control: 'select', options: ['horizontal', 'vertical'] },
-  },
-  args: { orientation: 'horizontal' },
-  render: args => renderSpec(() => ({
-    root: 'root',
-    state: {},
-    elements: {
-      root: {
-        type: 'Tabs',
-        props: {
-          orientation: args.orientation,
-          tabs: [
-            { value: 'mfe', label: 'Micro-Frontends', badge: '2', badgeVariant: 'success' },
-            { value: 'shells', label: 'Shells' },
-            { value: 'gateway', label: 'Gateway', badge: '1', badgeVariant: 'danger' },
-          ],
-        },
-        children: ['mfeCard', 'shellsCard', 'gatewayCard'],
-      },
-      mfeCard: { type: 'Card', props: { title: 'Micro-Frontends', variant: 'secondary' }, children: ['mfeRows'] },
-      mfeRows: { type: 'Stack', props: { direction: 'column', gap: 4, padding: 4 }, children: ['mfeRow1', 'mfeRow2'] },
-      mfeRow1: { type: 'Stack', props: { direction: 'row', gap: 8, align: 'center' }, children: ['mfeRow1Text', 'mfeRow1Badge'] },
-      mfeRow1Text: { type: 'Text', props: { text: 'vite-plugin-inspect', variant: 'code' } },
-      mfeRow1Badge: { type: 'Badge', props: { text: 'enabled', variant: 'success' } },
-      mfeRow2: { type: 'Stack', props: { direction: 'row', gap: 8, align: 'center' }, children: ['mfeRow2Text', 'mfeRow2Badge'] },
-      mfeRow2Text: { type: 'Text', props: { text: 'vite-plugin-vue', variant: 'code' } },
-      mfeRow2Badge: { type: 'Badge', props: { text: 'enabled', variant: 'success' } },
-
-      shellsCard: { type: 'Card', props: { title: 'Shells', variant: 'secondary' }, children: ['shellsBody'] },
-      shellsBody: { type: 'Text', props: { text: 'No shells running locally.', variant: 'caption' } },
-
-      gatewayCard: { type: 'Card', props: { title: 'Gateway', variant: 'secondary' }, children: ['gatewayRow'] },
-      gatewayRow: { type: 'Stack', props: { direction: 'row', gap: 8, align: 'center', padding: 4 }, children: ['gatewayRowText', 'gatewayRowBadge'] },
-      gatewayRowText: { type: 'Text', props: { text: 'gateway-web', variant: 'code' } },
-      gatewayRowBadge: { type: 'Badge', props: { text: 'stale override', variant: 'danger' } },
-    },
-  } as unknown as Spec)),
-}
-
-/**
- * A popover listbox (built on the shared `FloatingPopover` primitive) bound
- * to `/region` — open it with a click or ArrowDown, move the highlight with
- * Arrow/Home/End, commit with Enter, and Escape to close without changing
- * the value. Toggle `searchable` to add a substring filter box to the panel.
- */
-interface SelectArgs {
-  placeholder: string
-  disabled: boolean
-  searchable: boolean
-}
-
-export const Select: StoryObj<Meta<SelectArgs>> = {
-  argTypes: {
-    placeholder: { control: 'text' },
-    disabled: { control: 'boolean' },
-    searchable: { control: 'boolean' },
-  },
-  args: { placeholder: 'Choose a region…', disabled: false, searchable: true },
-  render: args => renderSpec(() => ({
-    root: 'root',
-    state: { region: undefined },
-    elements: {
-      root: { type: 'Select', props: {
-        label: 'Region',
-        placeholder: args.placeholder,
-        disabled: args.disabled,
-        searchable: args.searchable,
-        value: { $bindState: '/region' },
-        options: [
-          { value: 'us-east-1', label: 'US East (N. Virginia)' },
-          { value: 'us-west-2', label: 'US West (Oregon)' },
-          { value: 'eu-west-1', label: 'Europe (Ireland)' },
-          { value: 'eu-west-3', label: 'Europe (Paris)', description: 'Lowest latency from CDG' },
-          { value: 'ap-southeast-1', label: 'Asia Pacific (Singapore)' },
-        ],
-      } },
-    },
-  } as unknown as Spec)),
-}
-
-/**
- * An element whose `type` has no entry in the registry — e.g. authored
- * against a newer base-catalog version than this client implements, or a
- * plain typo — falls back to a visible, inspectable placeholder instead of
- * silently rendering nothing.
- */
-export const UnsupportedComponentFallback: Story = {
-  render: () => renderSpec({
-    root: 'root',
-    state: {},
-    elements: {
-      root: { type: 'Stack', props: { direction: 'column', gap: 8, padding: 4 }, children: ['label', 'unknown'] },
-      label: { type: 'Text', props: { text: 'The next element uses an unrecognized component type:', variant: 'caption' } },
-      unknown: { type: 'FutureChart', props: { series: [1, 2, 3] } },
-    },
-  } as unknown as Spec),
-}
diff --git a/packages/hub-ui/src/client/json-render/components/Badge.ts b/packages/hub-ui/src/client/json-render/components/Badge.ts
deleted file mode 100644
index ab358739..00000000
--- a/packages/hub-ui/src/client/json-render/components/Badge.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { defineComponent, h } from 'vue'
-import { colors } from './tokens'
-import { registryProps } from './types'
-
-export interface BadgeProps {
-  text?: string
-  variant?: 'default' | 'info' | 'success' | 'warning' | 'danger'
-  title?: string
-  minWidth?: number
-}
-
-export const Badge = defineComponent({
-  name: 'JrBadge',
-  props: registryProps<'Badge', BadgeProps>(),
-  setup(ctx) {
-    return () => {
-      const { text, variant = 'default', title, minWidth } = ctx.element.props
-      const c = colors[variant] || colors.default
-      // Base catalog `minWidth` is a number of pixels.
-      const minWidthCss = minWidth == null ? undefined : (typeof minWidth === 'number' ? `${minWidth}px` : minWidth)
-      return h('span', {
-        class: `jr-badge jr-badge-${variant}`,
-        title,
-        style: {
-          display: 'inline-block',
-          padding: '2px 8px',
-          borderRadius: '10px',
-          fontSize: '11px',
-          fontWeight: '500',
-          textAlign: 'center' as const,
-          backgroundColor: c.bg,
-          color: c.fg,
-          minWidth: minWidthCss,
-        },
-      }, text)
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/Button.ts b/packages/hub-ui/src/client/json-render/components/Button.ts
deleted file mode 100644
index 3a7f06af..00000000
--- a/packages/hub-ui/src/client/json-render/components/Button.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import ActionButton from '@antfu/design/components/Action/ActionButton.vue'
-import { defineComponent, h } from 'vue'
-import DockIcon from '../../components/dock/DockIcon.vue'
-import { registryProps } from './types'
-
-type BaseVariant = 'primary' | 'secondary' | 'ghost' | 'danger'
-const VARIANTS = new Set<BaseVariant>(['primary', 'secondary', 'ghost', 'danger'])
-
-// Maps the JSON-render button variants onto `@antfu/design`'s `ActionButton`
-// variants (`primary`/`action`/`text`); `danger` reuses `action` tinted with
-// the shared error color.
-const VARIANT_MAP: Record<BaseVariant, 'primary' | 'action' | 'text'> = {
-  primary: 'primary',
-  secondary: 'action',
-  ghost: 'text',
-  danger: 'action',
-}
-
-export interface ButtonProps {
-  label?: string
-  variant?: BaseVariant
-  icon?: string
-  disabled?: boolean
-  /** Shows a spinner in place of `icon` and implies `disabled`. */
-  loading?: boolean
-}
-
-export const Button = defineComponent({
-  name: 'JrButton',
-  props: registryProps<'Button', ButtonProps>(),
-  setup(ctx) {
-    return () => {
-      const { label, icon, variant = 'secondary', disabled, loading } = ctx.element.props
-      const press = ctx.on('press')
-      const resolved: BaseVariant = VARIANTS.has(variant) ? variant : 'secondary'
-
-      return h(ActionButton, {
-        variant: VARIANT_MAP[resolved],
-        size: 'sm',
-        disabled,
-        loading,
-        class: resolved === 'danger' ? 'text-red-600! dark:text-red-400!' : undefined,
-        onClick: () => press.emit(),
-      }, {
-        default: () => [
-          icon && !loading ? h(DockIcon, { icon, class: 'w-3.5 h-3.5' }) : undefined,
-          label,
-        ],
-      })
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/Card.ts b/packages/hub-ui/src/client/json-render/components/Card.ts
deleted file mode 100644
index bd8eaf64..00000000
--- a/packages/hub-ui/src/client/json-render/components/Card.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { defineComponent, h, ref } from 'vue'
-import { border, borderSolid, variantSurface } from './tokens'
-import { registryProps } from './types'
-
-export interface CardProps {
-  title?: string
-  collapsible?: boolean
-  defaultCollapsed?: boolean
-  variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'info' | 'success' | 'warning'
-  interactive?: boolean
-}
-
-export const Card = defineComponent({
-  name: 'JrCard',
-  props: registryProps<'Card', CardProps>(),
-  setup(ctx, { slots }) {
-    const collapsed = ref(!!ctx.element.props.defaultCollapsed)
-    return () => {
-      const { title, collapsible, variant = 'primary', interactive = false } = ctx.element.props
-      const toggle = ctx.on('toggle')
-      const setCollapsed = (next: boolean) => {
-        collapsed.value = next
-        toggle.emit()
-      }
-      const surface = variantSurface(variant)
-      const borderColor = surface.border ?? border
-      return h('div', {
-        class: 'jr-card',
-        style: {
-          border: borderSolid(borderColor),
-          borderRadius: '6px',
-          overflow: 'hidden',
-          backgroundColor: surface.background,
-          transition: interactive ? 'border-color 0.15s ease' : undefined,
-        },
-        // `interactive` strengthens the border on hover rather than tinting
-        // the background (already set by `variant`) — same transition timing
-        // as Stack's row hover, just on `border-color` instead of `background`.
-        onMouseenter: interactive ? (e: MouseEvent) => { (e.currentTarget as HTMLElement).style.borderColor = surface.hoverBorder ?? borderColor } : undefined,
-        onMouseleave: interactive ? (e: MouseEvent) => { (e.currentTarget as HTMLElement).style.borderColor = borderColor } : undefined,
-      }, [
-        // Renders without a `title` too — a collapsible card needs this as its click target.
-        (title || collapsible) && h('div', {
-          class: 'jr-card-header',
-          style: {
-            padding: '8px 12px',
-            fontSize: '13px',
-            fontWeight: '600',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            cursor: collapsible ? 'pointer' : undefined,
-            borderBottom: collapsed.value ? 'none' : borderSolid(borderColor),
-            backgroundColor: surface.headerBackground,
-            userSelect: 'none',
-          },
-          onClick: collapsible ? () => setCollapsed(!collapsed.value) : undefined,
-        }, [
-          h('span', title),
-          collapsible && h('span', {
-            style: { fontSize: '10px', opacity: 0.5 },
-          }, collapsed.value ? '▶' : '▼'),
-        ]),
-        !collapsed.value && h('div', {
-          class: 'jr-card-content',
-          style: { padding: '12px' },
-        }, slots.default?.()),
-      ])
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/CodeBlock.ts b/packages/hub-ui/src/client/json-render/components/CodeBlock.ts
deleted file mode 100644
index 04a850da..00000000
--- a/packages/hub-ui/src/client/json-render/components/CodeBlock.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { defineComponent, h } from 'vue'
-import { borderSolid, surfaceMuted } from './tokens'
-import { registryProps } from './types'
-
-export interface CodeBlockProps {
-  code?: string
-  filename?: string
-  language?: string
-  height?: number
-}
-
-export const CodeBlock = defineComponent({
-  name: 'JrCodeBlock',
-  props: registryProps<'CodeBlock', CodeBlockProps>(),
-  setup(ctx) {
-    return () => {
-      const { code, filename, language, height } = ctx.element.props
-      const header = filename || language
-      return h('div', { class: 'jr-code-block' }, [
-        header && h('div', {
-          style: {
-            display: 'flex',
-            justifyContent: 'space-between',
-            padding: '4px 12px',
-            fontSize: '11px',
-            opacity: '0.6',
-            borderBottom: borderSolid(),
-            fontFamily: 'monospace',
-          },
-        }, [
-          h('span', filename ?? ''),
-          language && h('span', { style: { textTransform: 'uppercase' } }, language),
-        ]),
-        h('pre', {
-          style: {
-            margin: 0,
-            padding: '12px',
-            fontSize: '12px',
-            lineHeight: '1.5',
-            fontFamily: 'monospace',
-            backgroundColor: surfaceMuted,
-            borderRadius: header ? '0 0 4px 4px' : '4px',
-            overflow: 'auto',
-            scrollbarGutter: 'stable',
-            maxHeight: height != null ? `${height}px` : undefined,
-          },
-        }, [h('code', code)]),
-      ])
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/DataTable.ts b/packages/hub-ui/src/client/json-render/components/DataTable.ts
deleted file mode 100644
index cb0e3a87..00000000
--- a/packages/hub-ui/src/client/json-render/components/DataTable.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { defineComponent, h } from 'vue'
-import { bg, border, borderMuted, borderSolid, hoverOverlay } from './tokens'
-import { registryProps } from './types'
-
-interface DataTableColumn {
-  key: string
-  label?: string
-  width?: string
-}
-
-export interface DataTableProps {
-  columns?: (string | DataTableColumn)[]
-  rows?: Record<string, unknown>[]
-  height?: number
-}
-
-export const DataTable = defineComponent({
-  name: 'JrDataTable',
-  props: registryProps<'DataTable', DataTableProps>(),
-  setup(ctx) {
-    return () => {
-      const { columns: rawColumns = [], rows = [], height } = ctx.element.props
-      const rowClick = ctx.on('rowClick')
-
-      // Base catalog columns are `string | { key, label? }`; normalize to objects.
-      const columns = rawColumns.map(col => (typeof col === 'string' ? { key: col } : col))
-
-      return h('div', {
-        class: 'jr-data-table',
-        style: {
-          overflow: 'auto',
-          scrollbarGutter: 'stable',
-          maxHeight: height != null ? `${height}px` : undefined,
-          border: borderSolid(border),
-          borderRadius: '4px',
-        },
-      }, [
-        h('table', {
-          style: { width: '100%', borderCollapse: 'collapse', fontSize: '12px' },
-        }, [
-          h('thead', [
-            h('tr', {
-              style: { borderBottom: borderSolid(border) },
-            }, columns.map(col =>
-              h('th', {
-                style: {
-                  padding: '8px',
-                  textAlign: 'left',
-                  fontWeight: '600',
-                  fontSize: '11px',
-                  whiteSpace: 'nowrap',
-                  width: col.width,
-                  position: 'sticky',
-                  top: 0,
-                  backgroundColor: `color-mix(in oklab,${bg} 75%,transparent)`,
-                  backdropFilter: 'blur(8px)',
-                },
-              }, col.label ?? col.key),
-            )),
-          ]),
-          h('tbody', rows.map((row, index) =>
-            h('tr', {
-              key: index,
-              style: {
-                borderBottom: borderSolid(borderMuted),
-                cursor: rowClick.bound ? 'pointer' : undefined,
-              },
-              onClick: rowClick.bound ? () => rowClick.emit() : undefined,
-              onMouseenter: (e: MouseEvent) => { (e.currentTarget as HTMLElement).style.backgroundColor = hoverOverlay },
-              onMouseleave: (e: MouseEvent) => { (e.currentTarget as HTMLElement).style.backgroundColor = '' },
-            }, columns.map(col =>
-              h('td', {
-                style: { padding: '6px 8px', fontFamily: 'monospace', overflow: 'hidden', textOverflow: 'ellipsis' },
-              }, String(row[col.key] ?? '')),
-            )),
-          )),
-        ]),
-      ])
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/Divider.ts b/packages/hub-ui/src/client/json-render/components/Divider.ts
deleted file mode 100644
index 4c4253b2..00000000
--- a/packages/hub-ui/src/client/json-render/components/Divider.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { defineComponent, h } from 'vue'
-import { borderSolid } from './tokens'
-import { registryProps } from './types'
-
-export interface DividerProps {
-  label?: string
-}
-
-export const Divider = defineComponent({
-  name: 'JrDivider',
-  props: registryProps<'Divider', DividerProps>(),
-  setup(ctx) {
-    return () => {
-      const { label } = ctx.element.props
-      const rule = { flex: 1, border: 'none', borderTop: borderSolid() }
-      if (label) {
-        return h('div', {
-          class: 'jr-divider',
-          style: { display: 'flex', alignItems: 'center', gap: '8px', margin: '4px 0' },
-        }, [
-          h('hr', { style: rule }),
-          h('span', { style: { fontSize: '11px', opacity: 0.5 } }, label),
-          h('hr', { style: rule }),
-        ])
-      }
-      return h('hr', {
-        class: 'jr-divider',
-        style: { border: 'none', borderTop: borderSolid(), margin: '4px 0' },
-      })
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/Icon.ts b/packages/hub-ui/src/client/json-render/components/Icon.ts
deleted file mode 100644
index 082a7563..00000000
--- a/packages/hub-ui/src/client/json-render/components/Icon.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { defineComponent, h } from 'vue'
-import { registryProps, useIconSvg } from './types'
-
-export interface IconProps {
-  name?: string
-  size?: number
-}
-
-export const Icon = defineComponent({
-  name: 'JrIcon',
-  props: registryProps<'Icon', IconProps>(),
-  setup(ctx) {
-    const iconSvg = useIconSvg(() => ctx.element.props.name)
-
-    return () => {
-      const { size = 20 } = ctx.element.props
-      return h('span', {
-        style: { display: 'inline-flex', width: `${size}px`, height: `${size}px`, lineHeight: '1' },
-        innerHTML: iconSvg.value || '',
-      })
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/KeyValueTable.ts b/packages/hub-ui/src/client/json-render/components/KeyValueTable.ts
deleted file mode 100644
index a31d4a3a..00000000
--- a/packages/hub-ui/src/client/json-render/components/KeyValueTable.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { defineComponent, h } from 'vue'
-import { borderSolid, borderSubtle } from './tokens'
-import { registryProps } from './types'
-
-export interface KeyValueTableProps {
-  data?: Record<string, unknown>
-}
-
-export const KeyValueTable = defineComponent({
-  name: 'JrKeyValueTable',
-  props: registryProps<'KeyValueTable', KeyValueTableProps>(),
-  setup(ctx) {
-    return () => {
-      const { data = {} } = ctx.element.props
-      const entries = Object.entries(data)
-      return h('div', { class: 'jr-kv-table' }, [
-        h('table', {
-          style: { width: '100%', borderCollapse: 'collapse', fontSize: '12px' },
-        }, entries.map(([key, value]) =>
-          h('tr', {
-            style: { borderBottom: borderSolid(borderSubtle) },
-          }, [
-            h('td', {
-              style: { padding: '6px 8px', opacity: '0.7', whiteSpace: 'nowrap', verticalAlign: 'top' },
-            }, key),
-            h('td', {
-              style: { padding: '6px 8px', fontFamily: 'monospace', wordBreak: 'break-all' },
-            }, typeof value === 'object' && value !== null ? JSON.stringify(value) : String(value ?? '')),
-          ]),
-        )),
-      ])
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/Link.ts b/packages/hub-ui/src/client/json-render/components/Link.ts
deleted file mode 100644
index d7a37ac2..00000000
--- a/packages/hub-ui/src/client/json-render/components/Link.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { defineComponent, h } from 'vue'
-import DockIcon from '../../components/dock/DockIcon.vue'
-import { primary } from './tokens'
-import { registryProps } from './types'
-
-const ALLOWED_SCHEMES = new Set(['http:', 'https:', 'mailto:'])
-
-export interface LinkProps {
-  href?: string
-  label?: string
-  /** Iconify name, rendered before the label. */
-  icon?: string
-  /** Open in a new tab. Defaults to `true` for `http(s)` URLs. */
-  external?: boolean
-}
-
-/**
- * Specs can come from a streamed/model-generated source (`@json-render/core`'s
- * `compileSpecStream`), and the client can run embedded in a host page — so a
- * `javascript:` href here would execute in that page. Only resolve to an
- * anchor for schemes that can't run script.
- */
-function resolveHref(href: string | undefined): string | undefined {
-  if (!href)
-    return undefined
-  try {
-    const url = new URL(href, location.href)
-    return ALLOWED_SCHEMES.has(url.protocol) ? href : undefined
-  }
-  catch {
-    return undefined
-  }
-}
-
-export const Link = defineComponent({
-  name: 'JrLink',
-  props: registryProps<'Link', LinkProps>(),
-  setup(ctx) {
-    return () => {
-      const { label, icon, external } = ctx.element.props
-      const href = resolveHref(ctx.element.props.href)
-      const content = [
-        icon ? h(DockIcon, { icon, class: 'w-3.5 h-3.5' }) : null,
-        h('span', label ?? href),
-      ]
-
-      if (!href) {
-        return h('span', { style: { display: 'inline-flex', alignItems: 'center', gap: '6px' } }, content)
-      }
-
-      const openInNewTab = external ?? href.startsWith('http')
-
-      return h('a', {
-        href,
-        target: openInNewTab ? '_blank' : undefined,
-        rel: openInNewTab ? 'noopener noreferrer' : undefined,
-        style: {
-          display: 'inline-flex',
-          alignItems: 'center',
-          gap: '6px',
-          color: primary,
-          textDecoration: 'none',
-        },
-        onMouseenter: (e: MouseEvent) => { (e.currentTarget as HTMLElement).style.textDecoration = 'underline' },
-        onMouseleave: (e: MouseEvent) => { (e.currentTarget as HTMLElement).style.textDecoration = 'none' },
-      }, content)
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/Progress.ts b/packages/hub-ui/src/client/json-render/components/Progress.ts
deleted file mode 100644
index 399204bd..00000000
--- a/packages/hub-ui/src/client/json-render/components/Progress.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { defineComponent, h } from 'vue'
-import { primary, surfaceBadge } from './tokens'
-import { registryProps } from './types'
-
-export interface ProgressProps {
-  value: number
-  max?: number
-  label?: string
-}
-
-export const Progress = defineComponent({
-  name: 'JrProgress',
-  props: registryProps<'Progress', ProgressProps>(),
-  setup(ctx) {
-    return () => {
-      const { value, max = 100, label } = ctx.element.props
-      const percent = Math.min(100, Math.max(0, (value / max) * 100))
-      return h('div', { class: 'jr-progress' }, [
-        label && h('div', {
-          style: { display: 'flex', justifyContent: 'space-between', fontSize: '11px', marginBottom: '4px' },
-        }, [
-          h('span', label),
-          h('span', { style: { opacity: 0.6 } }, `${Math.round(percent)}%`),
-        ]),
-        h('div', {
-          style: {
-            height: '6px',
-            backgroundColor: surfaceBadge,
-            borderRadius: '3px',
-            overflow: 'hidden',
-          },
-        }, [
-          h('div', {
-            style: {
-              height: '100%',
-              width: `${percent}%`,
-              backgroundColor: primary,
-              borderRadius: '3px',
-              transition: 'width 0.3s ease',
-            },
-          }),
-        ]),
-      ])
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/Select.ts b/packages/hub-ui/src/client/json-render/components/Select.ts
deleted file mode 100644
index ea74d1e8..00000000
--- a/packages/hub-ui/src/client/json-render/components/Select.ts
+++ /dev/null
@@ -1,244 +0,0 @@
-import { useBoundProp } from '@json-render/vue'
-import { defineComponent, h, ref, useId, useTemplateRef, watch } from 'vue'
-import DockIcon from '../../components/dock/DockIcon.vue'
-import FloatingPopover from '../../components/floating/FloatingPopover'
-import { bg, borderInput, borderSolid, surfaceSubtle } from './tokens'
-import { registryProps } from './types'
-
-// @unocss-include
-
-export interface SelectOption {
-  value: string
-  label?: string
-  /** Iconify name, rendered before the label. */
-  icon?: string
-  /** Secondary line under the label, also the option's `title`. */
-  description?: string
-}
-
-export interface SelectProps {
-  /** Two-way bindable via `{ $bindState: '...' }`. */
-  value?: string
-  options?: (string | SelectOption)[]
-  /** Shown on the trigger while `value` is unset. */
-  placeholder?: string
-  label?: string
-  disabled?: boolean
-  /** Adds a substring filter box at the top of the panel. */
-  searchable?: boolean
-}
-
-function normalizeOption(option: string | SelectOption): SelectOption {
-  return typeof option === 'string' ? { value: option } : option
-}
-
-export const Select = defineComponent({
-  name: 'JrSelect',
-  props: registryProps<'Select', SelectProps>(),
-  setup(ctx) {
-    const trigger = useTemplateRef<HTMLButtonElement>('trigger')
-    const open = ref(false)
-    const query = ref('')
-    const activeIndex = ref(0)
-    const listboxId = useId()
-
-    const close = (options: { refocus?: boolean } = {}) => {
-      open.value = false
-      if (options.refocus)
-        trigger.value?.focus()
-    }
-
-    // Resets the filter and highlights the current selection each time the
-    // panel opens — reading `element.props` directly here (rather than
-    // `useBoundProp`) since this runs outside the render pass and the latter
-    // injects from the JSONUIProvider context, which is only available then.
-    watch(open, (isOpen) => {
-      if (!isOpen)
-        return
-      query.value = ''
-      const options = (ctx.element.props.options ?? []).map(normalizeOption)
-      const index = options.findIndex(option => option.value === ctx.element.props.value)
-      activeIndex.value = index >= 0 ? index : 0
-    })
-
-    return () => {
-      const { placeholder, label, disabled, searchable } = ctx.element.props
-      const options = (ctx.element.props.options ?? []).map(normalizeOption)
-      const [value, setValue] = useBoundProp<string>(ctx.element.props.value, ctx.bindings?.value)
-      const change = ctx.on('change')
-
-      const filtered = searchable && query.value
-        ? options.filter(option => (option.label ?? option.value).toLowerCase().includes(query.value.toLowerCase()))
-        : options
-
-      const selected = options.find(option => option.value === value)
-      const activeOption = filtered[activeIndex.value]
-
-      const commit = (option: SelectOption) => {
-        setValue(option.value)
-        change.emit()
-        close({ refocus: true })
-      }
-
-      const moveActive = (delta: number) => {
-        if (filtered.length === 0)
-          return
-        activeIndex.value = (activeIndex.value + delta + filtered.length) % filtered.length
-      }
-
-      const onKeydown = (e: KeyboardEvent) => {
-        if (disabled)
-          return
-        if (!open.value) {
-          if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Enter' || e.key === ' ') {
-            e.preventDefault()
-            open.value = true
-          }
-          return
-        }
-        switch (e.key) {
-          case 'ArrowDown':
-            e.preventDefault()
-            moveActive(1)
-            break
-          case 'ArrowUp':
-            e.preventDefault()
-            moveActive(-1)
-            break
-          case 'Home':
-            e.preventDefault()
-            activeIndex.value = 0
-            break
-          case 'End':
-            e.preventDefault()
-            activeIndex.value = filtered.length - 1
-            break
-          case 'Enter':
-          case ' ':
-            e.preventDefault()
-            if (activeOption)
-              commit(activeOption)
-            break
-          case 'Escape':
-            e.preventDefault()
-            close({ refocus: true })
-            break
-          case 'Tab':
-            close()
-            break
-        }
-      }
-
-      const optionId = (index: number) => `${listboxId}-option-${index}`
-
-      const listbox = h('div', {
-        style: { display: 'flex', flexDirection: 'column' as const, minWidth: trigger.value ? `${trigger.value.offsetWidth}px` : undefined, maxHeight: '240px' },
-      }, [
-        searchable && h('input', {
-          'type': 'text',
-          'autofocus': true,
-          'value': query.value,
-          'placeholder': 'Filter…',
-          'aria-label': 'Filter options',
-          'style': {
-            padding: '6px 10px',
-            border: 'none',
-            borderBottom: borderSolid(borderInput),
-            fontSize: '12px',
-            backgroundColor: 'transparent',
-            color: 'inherit',
-            outline: 'none',
-            flexShrink: '0',
-          },
-          'onInput': (e: Event) => {
-            query.value = (e.target as HTMLInputElement).value
-            activeIndex.value = 0
-          },
-          'onKeydown': onKeydown,
-        }),
-        h('div', {
-          role: 'listbox',
-          id: listboxId,
-          style: { display: 'flex', flexDirection: 'column' as const, padding: '4px', overflowY: 'auto' as const },
-        }, filtered.length === 0
-          ? [h('div', { style: { padding: '6px 10px', fontSize: '12px', opacity: '0.6' } }, 'No matches')]
-          : filtered.map((option, index) => h('div', {
-              'id': optionId(index),
-              'role': 'option',
-              'aria-selected': option.value === value ? 'true' : 'false',
-              'title': option.description,
-              'style': {
-                display: 'flex',
-                flexDirection: 'column' as const,
-                padding: '6px 10px',
-                borderRadius: '4px',
-                fontSize: '12px',
-                cursor: 'pointer',
-                backgroundColor: index === activeIndex.value ? surfaceSubtle : 'transparent',
-              },
-              'onMouseenter': () => { activeIndex.value = index },
-              'onClick': () => commit(option),
-            }, [
-              h('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } }, [
-                option.icon ? h(DockIcon, { icon: option.icon, class: 'w-3.5 h-3.5' }) : null,
-                h('span', option.label ?? option.value),
-              ]),
-              option.description ? h('span', { style: { opacity: '0.6', fontSize: '11px' } }, option.description) : null,
-            ]))),
-      ])
-
-      const triggerButton = h('button', {
-        'ref': 'trigger',
-        'type': 'button',
-        'role': 'combobox',
-        'disabled': disabled,
-        'aria-haspopup': 'listbox',
-        'aria-expanded': open.value ? 'true' : 'false',
-        'aria-controls': listboxId,
-        'aria-activedescendant': open.value && activeOption ? optionId(activeIndex.value) : undefined,
-        'style': {
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'space-between',
-          gap: '8px',
-          width: '100%',
-          padding: '6px 10px',
-          border: borderSolid(borderInput),
-          borderRadius: '4px',
-          fontSize: '12px',
-          backgroundColor: bg,
-          opacity: disabled ? '0.5' : '1',
-          cursor: disabled ? 'not-allowed' : 'pointer',
-        },
-        'onClick': () => {
-          if (!disabled)
-            open.value = !open.value
-        },
-        'onKeydown': onKeydown,
-      }, [
-        h('span', {
-          style: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', opacity: selected ? '1' : '0.6' },
-        }, selected?.label ?? selected?.value ?? placeholder ?? ''),
-        h(DockIcon, { icon: 'ph:caret-down', class: 'w-3.5 h-3.5 flex-none' }),
-      ])
-
-      const control = h('div', { style: { position: 'relative' as const, flex: '1' } }, [
-        triggerButton,
-        h(FloatingPopover, {
-          item: open.value && trigger.value ? { el: trigger.value, content: () => listbox, placement: 'bottom' as const } : null,
-          panelClass: ['!p0', 'overflow-hidden'],
-          ignore: [trigger],
-          onDismiss: () => close(),
-        }),
-      ])
-
-      if (label) {
-        return h('div', { style: { display: 'flex', flexDirection: 'column' as const, gap: '4px', flex: '1' } }, [
-          h('label', { style: { fontSize: '12px', fontWeight: '500' } }, label),
-          control,
-        ])
-      }
-      return control
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/Stack.ts b/packages/hub-ui/src/client/json-render/components/Stack.ts
deleted file mode 100644
index 304aa368..00000000
--- a/packages/hub-ui/src/client/json-render/components/Stack.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { defineComponent, h } from 'vue'
-import { borderSolid, variantSurface } from './tokens'
-import { registryProps } from './types'
-
-export interface StackProps {
-  direction?: 'row' | 'column'
-  gap?: number
-  align?: 'start' | 'center' | 'end' | 'stretch'
-  justify?: 'start' | 'center' | 'end' | 'between' | 'around'
-  padding?: number
-  wrap?: boolean
-  flex?: number | string
-  variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'info' | 'success' | 'warning'
-  interactive?: boolean
-}
-
-// Map the base catalog's `align` / `justify` enums onto CSS flexbox values.
-const alignMap: Record<string, string> = { start: 'flex-start', center: 'center', end: 'flex-end', stretch: 'stretch' }
-const justifyMap: Record<string, string> = { start: 'flex-start', center: 'center', end: 'flex-end', between: 'space-between', around: 'space-around' }
-
-export const Stack = defineComponent({
-  name: 'JrStack',
-  props: registryProps<'Stack', StackProps>(),
-  setup(ctx, { slots }) {
-    return () => {
-      const { direction = 'column', gap = 8, align, justify, padding, wrap, flex, variant = 'primary', interactive = false } = ctx.element.props
-      const isHorizontal = direction === 'row'
-      const surface = variantSurface(variant)
-      const restingBackground = surface.background
-      return h('div', {
-        class: 'jr-stack',
-        style: {
-          display: 'flex',
-          flexDirection: isHorizontal ? 'row' : 'column',
-          gap: `${gap}px`,
-          alignItems: align ? (alignMap[align] ?? align) : (isHorizontal ? 'center' : 'stretch'),
-          justifyContent: justify ? (justifyMap[justify] ?? justify) : undefined,
-          flexWrap: wrap ? 'wrap' : undefined,
-          // `interactive` rows get a small default padding/radius so the
-          // hover tint reads as a deliberate affordance instead of hugging
-          // the content edge-to-edge; an explicit `padding` prop still wins.
-          padding: padding ? `${padding}px` : (interactive ? '4px 6px' : undefined),
-          // Matches Card's own borderRadius so a row's hover tint reads
-          // consistently with the card surfaces it sits inside.
-          borderRadius: interactive ? '6px' : undefined,
-          // Only the four semantic variants draw a border; primary/secondary/ghost stay borderless.
-          border: surface.border ? borderSolid(surface.border) : undefined,
-          transition: interactive ? 'background-color 0.15s ease, border-color 0.15s ease' : undefined,
-          flex: flex != null ? String(flex) : undefined,
-          backgroundColor: restingBackground,
-        },
-        // `interactive` only ever tints on hover — Stack has no click/press
-        // semantics of its own, so rows built from it stay non-clickable.
-        onMouseenter: interactive ? (e: MouseEvent) => { (e.currentTarget as HTMLElement).style.backgroundColor = surface.hoverBackground ?? '' } : undefined,
-        onMouseleave: interactive ? (e: MouseEvent) => { (e.currentTarget as HTMLElement).style.backgroundColor = restingBackground ?? '' } : undefined,
-      }, slots.default?.())
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/Switch.ts b/packages/hub-ui/src/client/json-render/components/Switch.ts
deleted file mode 100644
index 177e1ecf..00000000
--- a/packages/hub-ui/src/client/json-render/components/Switch.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { useBoundProp } from '@json-render/vue'
-import { defineComponent, h } from 'vue'
-import { primary, surfaceSubtle } from './tokens'
-import { registryProps } from './types'
-
-export interface SwitchProps {
-  /** Two-way bindable via `{ $bindState: '...' }`. */
-  value?: boolean
-  label?: string
-  disabled?: boolean
-}
-
-export const Switch = defineComponent({
-  name: 'JrSwitch',
-  props: registryProps<'Switch', SwitchProps>(),
-  setup(ctx) {
-    return () => {
-      const { label, disabled } = ctx.element.props
-      const [value, setValue] = useBoundProp<boolean>(ctx.element.props.value, ctx.bindings?.value)
-      const change = ctx.on('change')
-      const checked = !!value
-
-      const track = h('button', {
-        'type': 'button',
-        'role': 'switch',
-        'aria-checked': checked ? 'true' : 'false',
-        disabled,
-        'class': 'jr-switch',
-        'style': {
-          position: 'relative',
-          flexShrink: '0',
-          width: '36px',
-          height: '20px',
-          padding: '0',
-          border: 'none',
-          borderRadius: '10px',
-          cursor: disabled ? 'not-allowed' : 'pointer',
-          opacity: disabled ? '0.5' : '1',
-          backgroundColor: checked ? primary : surfaceSubtle,
-          transition: 'background-color 0.15s ease',
-        },
-        'onClick': () => {
-          setValue(!checked)
-          change.emit()
-        },
-      }, [
-        h('span', {
-          style: {
-            position: 'absolute',
-            top: '2px',
-            left: '2px',
-            width: '16px',
-            height: '16px',
-            borderRadius: '50%',
-            backgroundColor: '#fff',
-            transform: checked ? 'translateX(16px)' : 'translateX(0)',
-            transition: 'transform 0.15s ease',
-          },
-        }),
-      ])
-
-      if (label) {
-        return h('label', {
-          style: {
-            display: 'inline-flex',
-            alignItems: 'center',
-            gap: '8px',
-            cursor: disabled ? 'not-allowed' : 'pointer',
-          },
-        }, [
-          track,
-          h('span', { style: { fontSize: '12px' } }, label),
-        ])
-      }
-      return track
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/Tabs.ts b/packages/hub-ui/src/client/json-render/components/Tabs.ts
deleted file mode 100644
index 45f94f55..00000000
--- a/packages/hub-ui/src/client/json-render/components/Tabs.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-import { useBoundProp } from '@json-render/vue'
-import { defineComponent, h, ref, watchEffect } from 'vue'
-import { getIconifySvg } from '../../utils/iconify'
-import { colors, primary, surfaceSubtle } from './tokens'
-import { registryProps } from './types'
-
-interface TabDescriptor {
-  value: string
-  label: string
-  icon?: string
-  badge?: string
-  badgeVariant?: 'default' | 'info' | 'success' | 'warning' | 'danger'
-}
-
-export interface TabsProps {
-  /** `children[i]` renders when `tabs[i]` is active — the two arrays are positional. */
-  tabs: TabDescriptor[]
-  /** Two-way bindable via `{ $bindState: '...' }`; otherwise the tab switches local, uncontrolled state. */
-  value?: string
-  /** Seeds the uncontrolled case only — ignored once `value` is bound. */
-  defaultValue?: string
-  orientation?: 'horizontal' | 'vertical'
-}
-
-export const Tabs = defineComponent({
-  name: 'JrTabs',
-  props: registryProps<'Tabs', TabsProps>(),
-  setup(ctx, { slots }) {
-    /** Local fallback for when `value` has no `$bindState` binding — `useBoundProp`'s setter is a no-op without one. */
-    const uncontrolledValue = ref<string | undefined>(ctx.element.props.defaultValue ?? ctx.element.props.tabs?.[0]?.value)
-
-    /** Icon SVGs keyed by name, resolved like `Icon.ts` — one tab's icon changing shouldn't refetch the others. */
-    const iconSvgs = ref<Record<string, string>>({})
-    watchEffect(async () => {
-      const names = (ctx.element.props.tabs ?? [])
-        .map(tab => tab.icon)
-        .filter((name): name is string => !!name && !(name in iconSvgs.value))
-      for (const name of names) {
-        const match = name.match(/^(?:i-)?([\w-]+):([\w-]+)$/)
-        if (match?.[1] && match[2]) {
-          const svg = await getIconifySvg(match[1], match[2])
-          if (svg)
-            iconSvgs.value = { ...iconSvgs.value, [name]: svg }
-        }
-      }
-    })
-
-    return () => {
-      const tabs: TabDescriptor[] = ctx.element.props.tabs ?? []
-      const orientation: 'horizontal' | 'vertical' = ctx.element.props.orientation === 'vertical' ? 'vertical' : 'horizontal'
-      const isVertical = orientation === 'vertical'
-
-      const [boundValue, setBoundValue] = useBoundProp<string>(ctx.element.props.value, ctx.bindings?.value)
-      const controlled = ctx.bindings?.value != null
-      const activeValue = controlled ? boundValue : uncontrolledValue.value
-      const change = ctx.on('change')
-      const setActive = (next: string) => {
-        if (controlled)
-          setBoundValue(next)
-        else uncontrolledValue.value = next
-        change.emit()
-      }
-
-      /** Roving tabindex per WAI-ARIA — arrow keys move focus and selection together. */
-      const move = (fromIndex: number, delta: number, container: HTMLElement) => {
-        if (tabs.length === 0)
-          return
-        const nextIndex = (fromIndex + delta + tabs.length) % tabs.length
-        const nextTab = tabs[nextIndex]!
-        setActive(nextTab.value)
-        requestAnimationFrame(() => {
-          (container.querySelectorAll('[role="tab"]')[nextIndex] as HTMLElement | undefined)?.focus()
-        })
-      }
-
-      const tabButtons = tabs.map((tab, index) => {
-        const active = tab.value === activeValue
-        return h('button', {
-          'type': 'button',
-          'role': 'tab',
-          'aria-selected': active ? 'true' : 'false',
-          'tabindex': active ? '0' : '-1',
-          'class': 'jr-tab',
-          'style': {
-            display: 'inline-flex',
-            alignItems: 'center',
-            gap: '6px',
-            padding: '6px 10px',
-            fontSize: '12px',
-            fontWeight: active ? '600' : '400',
-            color: active ? primary : 'inherit',
-            background: 'none',
-            border: 'none',
-            borderBottom: !isVertical ? `2px solid ${active ? primary : 'transparent'}` : undefined,
-            borderLeft: isVertical ? `2px solid ${active ? primary : 'transparent'}` : undefined,
-            // Rounds the corners away from the active-tab indicator: top for the horizontal underline, right for the vertical rail.
-            borderRadius: isVertical ? '0 4px 4px 0' : '4px 4px 0 0',
-            cursor: 'pointer',
-            whiteSpace: 'nowrap',
-            transition: 'background-color 0.15s ease',
-          },
-          'onClick': () => setActive(tab.value),
-          'onMouseenter': (e: MouseEvent) => {
-            if (!active)
-              (e.currentTarget as HTMLElement).style.backgroundColor = surfaceSubtle
-          },
-          'onMouseleave': (e: MouseEvent) => { (e.currentTarget as HTMLElement).style.backgroundColor = '' },
-          'onKeydown': (e: KeyboardEvent) => {
-            const container = (e.currentTarget as HTMLElement).parentElement
-            if (!container)
-              return
-            const forward = isVertical ? 'ArrowDown' : 'ArrowRight'
-            const backward = isVertical ? 'ArrowUp' : 'ArrowLeft'
-            if (e.key === forward) {
-              e.preventDefault()
-              move(index, 1, container)
-            }
-            else if (e.key === backward) {
-              e.preventDefault()
-              move(index, -1, container)
-            }
-            else if (e.key === 'Home') {
-              e.preventDefault()
-              move(index, -index, container)
-            }
-            else if (e.key === 'End') {
-              e.preventDefault()
-              move(index, tabs.length - 1 - index, container)
-            }
-          },
-        }, [
-          tab.icon && h('span', {
-            style: { display: 'inline-flex', width: '14px', height: '14px', lineHeight: '1' },
-            innerHTML: iconSvgs.value[tab.icon] || '',
-          }),
-          h('span', tab.label),
-          tab.badge && h('span', {
-            class: `jr-badge jr-badge-${tab.badgeVariant ?? 'default'}`,
-            style: {
-              display: 'inline-block',
-              padding: '1px 6px',
-              borderRadius: '9px',
-              fontSize: '10px',
-              fontWeight: '500',
-              backgroundColor: (colors[tab.badgeVariant ?? 'default'] ?? colors.default).bg,
-              color: (colors[tab.badgeVariant ?? 'default'] ?? colors.default).fg,
-            },
-          }, tab.badge),
-        ])
-      })
-
-      const panels = slots.default?.() ?? []
-      const activeIndex = tabs.findIndex(tab => tab.value === activeValue)
-      const activePanel = activeIndex >= 0 ? panels[activeIndex] : undefined
-
-      return h('div', {
-        style: { display: 'flex', flexDirection: isVertical ? 'row' : 'column', gap: '8px' },
-      }, [
-        h('div', {
-          'role': 'tablist',
-          'aria-orientation': orientation,
-          'style': {
-            display: 'flex',
-            flexDirection: isVertical ? 'column' : 'row',
-            gap: '2px',
-            borderBottom: !isVertical ? '1px solid var(--jr-border, rgba(128,128,128,0.2))' : undefined,
-            borderRight: isVertical ? '1px solid var(--jr-border, rgba(128,128,128,0.2))' : undefined,
-            flexShrink: '0',
-          },
-        }, tabButtons),
-        h('div', { role: 'tabpanel', style: { flex: '1', minWidth: '0' } }, activePanel ? [activePanel] : []),
-      ])
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/Text.ts b/packages/hub-ui/src/client/json-render/components/Text.ts
deleted file mode 100644
index d5a58a28..00000000
--- a/packages/hub-ui/src/client/json-render/components/Text.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { defineComponent, h } from 'vue'
-import { surfaceSubtle } from './tokens'
-import { registryProps } from './types'
-
-export interface TextProps {
-  text?: string
-  variant?: 'heading' | 'subheading' | 'body' | 'caption' | 'code'
-  weight?: 'normal' | 'medium' | 'bold'
-}
-
-export const Text = defineComponent({
-  name: 'JrText',
-  props: registryProps<'Text', TextProps>(),
-  setup(ctx) {
-    return () => {
-      const { text, variant = 'body', weight } = ctx.element.props
-      const styles: Record<string, Record<string, string>> = {
-        heading: { fontSize: '16px', fontWeight: '600', lineHeight: '1.4' },
-        subheading: { fontSize: '14px', fontWeight: '500', lineHeight: '1.4' },
-        body: { fontSize: '13px', lineHeight: '1.5' },
-        caption: { fontSize: '12px', opacity: '0.7', lineHeight: '1.4' },
-        code: { fontSize: '12px', fontFamily: 'monospace', backgroundColor: surfaceSubtle, padding: '2px 6px', borderRadius: '3px' },
-      }
-      const weights: Record<string, string> = { bold: '700', medium: '500', normal: '400' }
-      const tag = variant === 'heading' || variant === 'subheading' ? 'h3' : variant === 'code' ? 'code' : 'p'
-      return h(tag, {
-        class: `jr-text jr-text-${variant}`,
-        style: { margin: 0, ...styles[variant] ?? styles.body, ...(weight ? { fontWeight: weights[weight] ?? weights.normal } : {}) },
-      }, text)
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/TextInput.ts b/packages/hub-ui/src/client/json-render/components/TextInput.ts
deleted file mode 100644
index a56dfcd2..00000000
--- a/packages/hub-ui/src/client/json-render/components/TextInput.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { useBoundProp } from '@json-render/vue'
-import { defineComponent, h } from 'vue'
-import DockIcon from '../../components/dock/DockIcon.vue'
-import { borderInput, borderSolid } from './tokens'
-import { registryProps } from './types'
-
-export interface TextInputProps {
-  /** Two-way bindable via `{ $bindState: '...' }`. */
-  value?: string
-  placeholder?: string
-  label?: string
-  type?: 'text' | 'search' | 'number' | 'password' | 'email'
-  disabled?: boolean
-  /** Implies `disabled` and shows a spinner alongside the input. */
-  loading?: boolean
-}
-
-export const TextInput = defineComponent({
-  name: 'JrTextInput',
-  props: registryProps<'TextInput', TextInputProps>(),
-  setup(ctx) {
-    return () => {
-      const { placeholder, label, type = 'text', disabled, loading } = ctx.element.props
-      const [value, setValue] = useBoundProp<string>(ctx.element.props.value, ctx.bindings?.value)
-      const change = ctx.on('change')
-
-      const input = h('input', {
-        class: 'jr-text-input',
-        type,
-        value: value ?? '',
-        placeholder,
-        disabled: disabled || loading,
-        style: {
-          flex: '1',
-          padding: '6px 10px',
-          border: borderSolid(borderInput),
-          borderRadius: '4px',
-          fontSize: '12px',
-          backgroundColor: 'transparent',
-          color: 'inherit',
-          outline: 'none',
-          minWidth: '0',
-        },
-        onInput: (e: Event) => {
-          const val = (e.target as HTMLInputElement).value
-          setValue(val)
-          change.emit()
-        },
-      })
-
-      const field = loading
-        ? h('div', { style: { display: 'flex', alignItems: 'center', gap: '6px', flex: '1' } }, [
-            input,
-            h(DockIcon, { icon: 'ph:spinner-gap-duotone', class: 'w-3.5 h-3.5 animate-spin flex-none' }),
-          ])
-        : input
-
-      if (label) {
-        return h('div', { style: { display: 'flex', flexDirection: 'column', gap: '4px', flex: '1' } }, [
-          h('label', { style: { fontSize: '12px', fontWeight: '500' } }, label),
-          field,
-        ])
-      }
-      return field
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/Tree.ts b/packages/hub-ui/src/client/json-render/components/Tree.ts
deleted file mode 100644
index d206a617..00000000
--- a/packages/hub-ui/src/client/json-render/components/Tree.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import type { VNode } from 'vue'
-import { defineComponent, h, ref } from 'vue'
-import { syntaxNumber, syntaxString } from './tokens'
-import { registryProps } from './types'
-
-export interface TreeProps {
-  data?: unknown
-  defaultExpanded?: boolean
-}
-
-export const Tree = defineComponent({
-  name: 'JrTree',
-  props: registryProps<'Tree', TreeProps>(),
-  setup(ctx) {
-    function renderNode(value: unknown, key: string, depth: number, expandLevel: number): VNode {
-      const isExpanded = ref(depth < expandLevel)
-      const isObject = value !== null && typeof value === 'object'
-
-      if (!isObject) {
-        return h('div', {
-          style: { padding: '2px 0', fontSize: '12px', fontFamily: 'monospace', paddingLeft: `${depth * 16}px` },
-        }, [
-          h('span', { style: { opacity: 0.6 } }, `${key}: `),
-          h('span', { style: { color: typeof value === 'string' ? syntaxString : syntaxNumber } }, JSON.stringify(value)),
-        ])
-      }
-
-      const entries = Array.isArray(value) ? value.map((v, i) => [String(i), v] as const) : Object.entries(value as Record<string, unknown>)
-      const label = Array.isArray(value) ? `${key} [${entries.length}]` : `${key} {${entries.length}}`
-
-      return h('div', { style: { paddingLeft: `${depth * 16}px` } }, [
-        h('div', {
-          style: { padding: '2px 0', fontSize: '12px', fontFamily: 'monospace', cursor: 'pointer', userSelect: 'none' },
-          onClick: () => { isExpanded.value = !isExpanded.value },
-        }, [
-          h('span', { style: { opacity: 0.5, marginRight: '4px' } }, isExpanded.value ? '▼' : '▶'),
-          h('span', { style: { opacity: 0.8 } }, label),
-        ]),
-        isExpanded.value && entries.map(([k, v]) => renderNode(v, k, depth + 1, expandLevel)),
-      ])
-    }
-
-    return () => {
-      const { data, defaultExpanded } = ctx.element.props
-      // Base catalog exposes a boolean `defaultExpanded` (default true); map it
-      // to the recursive expand depth this renderer uses.
-      const expandLevel = defaultExpanded === false ? 0 : Infinity
-      if (data === null || data === undefined) {
-        return h('span', { style: { fontSize: '12px', opacity: 0.5 } }, 'null')
-      }
-      return h('div', { class: 'jr-tree' }, [renderNode(data, 'root', 0, expandLevel)])
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/UnsupportedComponent.ts b/packages/hub-ui/src/client/json-render/components/UnsupportedComponent.ts
deleted file mode 100644
index e228e4dd..00000000
--- a/packages/hub-ui/src/client/json-render/components/UnsupportedComponent.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import type { RegistryComponentProps } from './types'
-import { defineComponent, h } from 'vue'
-import { colors } from './tokens'
-
-/**
- * Fallback rendered in place of any spec element whose `type` has no entry in
- * {@link devtoolsRegistry}. Passed as `Renderer`'s `fallback` prop (an
- * upstream `@json-render/vue` feature) so an unrecognized component type —
- * e.g. a spec authored against a newer base-catalog version than this
- * client's registry implements, or a plain typo — degrades to a visible,
- * inspectable placeholder instead of silently rendering nothing.
- */
-export const UnsupportedComponent = defineComponent({
-  name: 'JrUnsupportedComponent',
-  props: ['element', 'emit', 'on', 'bindings', 'loading'],
-  setup(ctx: RegistryComponentProps) {
-    return () => {
-      const type = ctx.element?.type ?? 'unknown'
-      return h('div', {
-        class: 'jr-unsupported',
-        role: 'alert',
-        title: `No renderer is registered for component type "${type}". It may belong to a newer base-catalog version than this client supports.`,
-        style: {
-          display: 'inline-flex',
-          alignItems: 'center',
-          gap: '6px',
-          padding: '4px 8px',
-          borderRadius: '4px',
-          fontSize: '11px',
-          fontFamily: 'monospace',
-          border: `1px dashed ${colors.warning.fg}`,
-          backgroundColor: colors.warning.bg,
-          color: colors.warning.fg,
-        },
-      }, [
-        h('span', { 'aria-hidden': 'true' }, '⚠'),
-        h('span', `Unsupported component: "${type}"`),
-      ])
-    }
-  },
-})
diff --git a/packages/hub-ui/src/client/json-render/components/tokens.ts b/packages/hub-ui/src/client/json-render/components/tokens.ts
deleted file mode 100644
index d9288c95..00000000
--- a/packages/hub-ui/src/client/json-render/components/tokens.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-// Centralized design tokens for json-render components.
-// All color/border/spacing values should reference these tokens
-// so the visual language stays consistent and easy to tweak.
-
-// --- CSS custom-property references (with fallbacks) ---
-
-export const border = 'var(--jr-border, rgba(128,128,128,0.2))'
-export const borderSubtle = 'var(--jr-border, rgba(128,128,128,0.1))'
-export const borderMuted = 'var(--jr-border, rgba(128,128,128,0.08))'
-export const borderInput = 'var(--jr-border, rgba(128,128,128,0.3))'
-// Interactive-hover border (Card) — a clearer step up than borderInput, without going full `primary`.
-const borderStrong = 'var(--jr-border, rgba(128,128,128,0.5))'
-// Accent for json-render content. `--jr-primary` is bridged to the brand
-// primary in `primary-ramp.css` (so rendered plugin UI follows `--devframe-primary`
-// / branding); the blue fallback only applies when json-render is used
-// standalone, outside the dock's shadow root.
-export const primary = 'var(--jr-primary, #6b84fd)'
-export const bg = 'var(--jr-bg, inherit)'
-
-// --- Semantic palette ---
-
-/** Badge's pill fill. Card/Stack use their own lighter tints below — a badge-strength fill would read as a heavy block over a whole card. */
-export const colors = {
-  info: { bg: 'rgba(59,130,246,0.15)', fg: 'rgb(59,130,246)' },
-  success: { bg: 'rgba(34,197,94,0.15)', fg: 'rgb(34,197,94)' },
-  warning: { bg: 'rgba(234,179,8,0.15)', fg: 'rgb(234,179,8)' },
-  danger: { bg: 'rgba(239,68,68,0.15)', fg: 'rgb(239,68,68)' },
-  default: { bg: 'rgba(128,128,128,0.15)', fg: 'inherit' },
-} as const
-
-// --- Surface / overlay values ---
-
-export const surfaceMuted = 'rgba(128,128,128,0.05)'
-export const surfaceSubtle = 'rgba(128,128,128,0.1)'
-export const surfaceBadge = 'rgba(128,128,128,0.15)'
-export const hoverOverlay = 'rgba(128,128,128,0.05)'
-
-// --- Code / tree syntax colors ---
-
-export const syntaxString = '#a5d6ad'
-export const syntaxNumber = '#dcdcaa'
-
-// --- Helpers ---
-
-export function borderSolid(token = border) {
-  return `1px solid ${token}`
-}
-
-/** Resting/hover background + border a `variant` resolves to on Card/Stack. */
-export interface VariantSurface {
-  background?: string
-  /** Card-only — its header bar reads a step stronger than the body it sits above, so a titled card is a two-tone surface rather than one flat tint. */
-  headerBackground?: string
-  border?: string
-  hoverBackground?: string
-  hoverBorder?: string
-}
-
-/** No semantic hue — border stays unset, hover stays a neutral grey. */
-const neutralSurfaces: Record<'primary' | 'secondary' | 'ghost', VariantSurface> = {
-  primary: { hoverBackground: surfaceSubtle, hoverBorder: borderStrong },
-  secondary: { background: surfaceMuted, hoverBackground: surfaceSubtle, hoverBorder: borderStrong },
-  ghost: { hoverBackground: surfaceSubtle, hoverBorder: borderStrong },
-}
-
-const semanticSurfaces: Record<'info' | 'success' | 'warning' | 'danger', Required<Pick<VariantSurface, 'background' | 'headerBackground' | 'border' | 'hoverBackground' | 'hoverBorder'>>> = {
-  info: { background: 'rgba(59,130,246,0.08)', headerBackground: 'rgba(59,130,246,0.18)', border: 'rgba(59,130,246,0.25)', hoverBackground: 'rgba(59,130,246,0.25)', hoverBorder: 'rgba(59,130,246,0.6)' },
-  success: { background: 'rgba(34,197,94,0.08)', headerBackground: 'rgba(34,197,94,0.18)', border: 'rgba(34,197,94,0.25)', hoverBackground: 'rgba(34,197,94,0.25)', hoverBorder: 'rgba(34,197,94,0.6)' },
-  warning: { background: 'rgba(234,179,8,0.08)', headerBackground: 'rgba(234,179,8,0.18)', border: 'rgba(234,179,8,0.25)', hoverBackground: 'rgba(234,179,8,0.25)', hoverBorder: 'rgba(234,179,8,0.6)' },
-  danger: { background: 'rgba(239,68,68,0.08)', headerBackground: 'rgba(239,68,68,0.18)', border: 'rgba(239,68,68,0.25)', hoverBackground: 'rgba(239,68,68,0.25)', hoverBorder: 'rgba(239,68,68,0.6)' },
-}
-
-/** Resolves a `variant` prop to the surface Card and Stack render at rest and on hover. */
-export function variantSurface(variant: string): VariantSurface {
-  if (variant in neutralSurfaces)
-    return neutralSurfaces[variant as keyof typeof neutralSurfaces]
-  if (variant in semanticSurfaces)
-    return semanticSurfaces[variant as keyof typeof semanticSurfaces]
-  return neutralSurfaces.primary
-}
diff --git a/packages/hub-ui/src/client/json-render/components/types.ts b/packages/hub-ui/src/client/json-render/components/types.ts
deleted file mode 100644
index e7bf116f..00000000
--- a/packages/hub-ui/src/client/json-render/components/types.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { UIElement } from '@json-render/core'
-import type { PropType } from 'vue'
-import { ref, watchEffect } from 'vue'
-import { getIconifySvg } from '../../utils/iconify'
-
-export interface RegistryComponentProps<Type extends string = string, Props = Record<string, any>> {
-  element: UIElement<Type, Props>
-  emit: (event: string) => void
-  on: (event: string) => { emit: () => void, shouldPreventDefault: boolean, bound: boolean }
-  bindings?: Record<string, string>
-  loading?: boolean
-}
-
-/**
- * Vue props for a registry component, typed to its own element shape.
- * Replaces the untyped `props: ['element', 'emit', ...]` array form so
- * `defineComponent` infers `setup`'s `ctx` as `RegistryComponentProps<Type, Props>`
- * instead of leaving `element.props` an untyped `Record<string, any>`.
- */
-export function registryProps<Type extends string = string, Props = Record<string, any>>() {
-  return {
-    element: { type: Object as PropType<UIElement<Type, Props>>, required: true as const },
-    emit: { type: Function as PropType<(event: string) => void>, required: true as const },
-    on: { type: Function as PropType<(event: string) => { emit: () => void, shouldPreventDefault: boolean, bound: boolean }>, required: true as const },
-    bindings: { type: Object as PropType<Record<string, string>>, required: false as const },
-    loading: { type: Boolean, required: false as const },
-  }
-}
-
-export function useIconSvg(getName: () => string | undefined) {
-  const svg = ref<string | null>(null)
-  watchEffect(async () => {
-    const name = getName()
-    if (!name) {
-      svg.value = null
-      return
-    }
-    const match = name.match(/^(?:i-)?([\w-]+):([\w-]+)$/)
-    if (match && match[1] && match[2]) {
-      svg.value = await getIconifySvg(match[1], match[2])
-    }
-  })
-  return svg
-}
diff --git a/packages/hub-ui/src/client/json-render/registry.ts b/packages/hub-ui/src/client/json-render/registry.ts
deleted file mode 100644
index 0fb20e52..00000000
--- a/packages/hub-ui/src/client/json-render/registry.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import type { Component } from 'vue'
-import { Badge } from './components/Badge'
-import { Button } from './components/Button'
-import { Card } from './components/Card'
-import { CodeBlock } from './components/CodeBlock'
-import { DataTable } from './components/DataTable'
-import { Divider } from './components/Divider'
-import { Icon } from './components/Icon'
-import { KeyValueTable } from './components/KeyValueTable'
-import { Link } from './components/Link'
-import { Progress } from './components/Progress'
-import { Select } from './components/Select'
-import { Stack } from './components/Stack'
-import { Switch } from './components/Switch'
-import { Tabs } from './components/Tabs'
-import { Text } from './components/Text'
-import { TextInput } from './components/TextInput'
-import { Tree } from './components/Tree'
-import { UnsupportedComponent } from './components/UnsupportedComponent'
-
-/**
- * Fallback for any spec element whose `type` isn't a key in
- * {@link devtoolsRegistry} — pass as `<Renderer :fallback>` so unrecognized
- * component types render a visible placeholder instead of nothing.
- */
-export { UnsupportedComponent }
-
-export const devtoolsRegistry: Record<string, Component> = {
-  Stack,
-  Card,
-  Tabs,
-  Text,
-  Badge,
-  Button,
-  Link,
-  Icon,
-  Divider,
-  TextInput,
-  Select,
-  Switch,
-  KeyValueTable,
-  DataTable,
-  CodeBlock,
-  Progress,
-  Tree,
-}
diff --git a/packages/hub-ui/src/client/primary-ramp.css b/packages/hub-ui/src/client/primary-ramp.css
index ad38afe2..0db1ea90 100644
--- a/packages/hub-ui/src/client/primary-ramp.css
+++ b/packages/hub-ui/src/client/primary-ramp.css
@@ -38,15 +38,4 @@
   --colors-primary-500: var(--devframe-primary-500, #578861);
   --colors-primary-400: var(--devframe-primary-400, #75a67e);
   --colors-primary-300: var(--devframe-primary-300, #93c69d);
-
-  /*
-   * Bridge the json-render subsystem's accent token to the brand primary.
-   * json-render components (Tabs/Switch/Progress/Link, …) read their accent
-   * from `--jr-primary` (default a standalone blue) via inline styles; because
-   * `ViewJsonRender` renders inside this shadow root, setting it here makes all
-   * rendered plugin content follow `--devframe-primary` / branding. It tracks
-   * the global primary, not per-group accent (the plugin view is intentionally
-   * left out of the group-accent scope).
-   */
-  --jr-primary: var(--colors-primary-DEFAULT, #3a6a45);
 }
diff --git a/packages/hub-ui/src/client/state/context.ts b/packages/hub-ui/src/client/state/context.ts
index 3ff9382e..24a30219 100644
--- a/packages/hub-ui/src/client/state/context.ts
+++ b/packages/hub-ui/src/client/state/context.ts
@@ -1,11 +1,11 @@
 import type { DevframeClientCommand, DevframeDockEntry, DevframeDockUserEntry, DevframeRpcClientFunctions, DevframeViewIframe } from '@devframes/hub'
-import type { CommandsContext, DevframeRpcClient, DockClientScriptContext, DockEntryState, DockPanelStorage, DockRegistration, DocksContext } from '@devframes/hub/client'
+import type { CommandsContext, DevframeRpcClient, DockClientScriptContext, DockEntryState, DockPanelStorage, DockRegistration, DockRendererManifest, DocksContext } from '@devframes/hub/client'
 import type { SharedState } from 'devframe/utils/shared-state'
 import type { WhenContext } from 'devframe/utils/when'
 import type { Ref } from 'vue'
 import type { HubDocksUserSettings } from './dock-settings'
 import { attachFrameNavClient } from '@devframes/hub/client'
-import { DEFAULT_STATE_USER_SETTINGS } from '@devframes/hub/constants'
+import { DEFAULT_STATE_USER_SETTINGS, DOCK_RENDERERS_STATE_KEY } from '@devframes/hub/constants'
 import { computed, markRaw, reactive, ref, toRefs, watch, watchEffect } from 'vue'
 import { BUILTIN_ENTRIES, HUB_UI_HIDE_EVENT } from '../constants'
 import { useBranding } from './branding'
@@ -29,6 +29,15 @@ export async function createDocksContext(
 
   const dockEntries = await useDocksEntries(rpc)
 
+  // The hub's renderer manifest (`initHub({ renderers })`): dock type →
+  // prebuilt renderer-module entry. The registry below lazy-imports a module
+  // the first time a dock of its type mounts; locally-registered renderers win.
+  const rendererManifestState = await rpc.sharedState.get<DockRendererManifest>(
+    DOCK_RENDERERS_STATE_KEY,
+    { initialValue: {} },
+  )
+  const rendererManifest = sharedStateToRef(rendererManifestState)
+
   // Client-only dock registry (0.7.10 `DocksEntriesContext` API). Docks
   // registered here live in this page only, merged over the server-provided
   // `devframe:docks` docks by id, and never sync to shared state. Mirrors the
@@ -512,7 +521,7 @@ export async function createDocksContext(
       },
       events: rpc.events,
     },
-    renderers: markRaw(createDockRenderers(() => docksContext)),
+    renderers: markRaw(createDockRenderers(() => docksContext, () => rendererManifest.value)),
     rpc: markRaw(rpc),
     clientType,
   })
diff --git a/packages/hub-ui/src/client/state/renderers.ts b/packages/hub-ui/src/client/state/renderers.ts
index ad923a7f..40a195b4 100644
--- a/packages/hub-ui/src/client/state/renderers.ts
+++ b/packages/hub-ui/src/client/state/renderers.ts
@@ -1,51 +1,31 @@
-import type { DevframeDockEntry } from '@devframes/hub'
 import type {
   DevframeClientContext,
-  DockRenderer,
+  DockRendererManifest,
   DockRenderersContext,
   DocksContext,
 } from '@devframes/hub/client'
+import { createDockRenderersContext } from '@devframes/hub/client'
 
 /**
- * The client-side dock-renderer registry required by the hub's `DocksContext`
- * (devframe 0.7.6). The headless hub routes a dock `type` to a host-registered
- * renderer through this registry — e.g. a host could register
- * `@devframes/json-render-ui` for `'json-render'`.
+ * The client-side dock-renderer registry required by the hub's `DocksContext`.
+ * Delegates to the hub's shared factory, so local-first resolution, lazy
+ * imports from the hub's renderer manifest (`initHub({ renderers })` →
+ * the `devframe:dock-renderers` shared-state slot), and the typed mount
+ * result behave exactly like `createDevframeClientHost`'s registry.
  *
- * Devframes renders its built-in dock types directly in `ViewEntry.vue`
- * (it owns its Vue shell rather than delegating to the hub's client host), so
- * nothing is registered here by default. The registry still exists so the
- * context satisfies the hub contract and third-party dock types can plug in.
+ * hub-ui renders its native dock types directly in `ViewEntry.vue`; every
+ * other type routes through this registry via `ViewDockRenderer.vue` — e.g. a
+ * `'json-render'` dock renders with whatever implementation the host
+ * composed (`jsonRenderUiRenderer()` from `@devframes/json-render-ui/hub`,
+ * or any community renderer), and falls back to the missing-renderer view
+ * when none is present.
  */
-export function createDockRenderers(getContext: () => DocksContext): DockRenderersContext {
-  const renderers = new Map<string, DockRenderer>()
-
-  return {
-    register(type, renderer) {
-      renderers.set(type, renderer)
-      return () => {
-        if (renderers.get(type) === renderer)
-          renderers.delete(type)
-      }
-    },
-    get(type) {
-      return renderers.get(type)
-    },
-    has(type) {
-      return renderers.has(type)
-    },
-    async mount(entry: DevframeDockEntry, container: HTMLElement) {
-      const renderer = renderers.get(entry.type)
-      if (!renderer) {
-        console.warn(`[@devframes/hub-ui] no dock renderer registered for type "${entry.type}"`)
-        return () => {}
-      }
-      const instance = await renderer({
-        entry,
-        container,
-        context: getContext() as DevframeClientContext,
-      })
-      return () => instance.dispose?.()
-    },
-  }
+export function createDockRenderers(
+  getContext: () => DocksContext,
+  manifest: () => DockRendererManifest,
+): DockRenderersContext {
+  return createDockRenderersContext({
+    context: () => getContext() as DevframeClientContext,
+    manifest,
+  })
 }
diff --git a/packages/hub-ui/src/client/stories/mock-context.ts b/packages/hub-ui/src/client/stories/mock-context.ts
index 0610f32e..e4bc87d3 100644
--- a/packages/hub-ui/src/client/stories/mock-context.ts
+++ b/packages/hub-ui/src/client/stories/mock-context.ts
@@ -45,6 +45,7 @@ function createMockRpc(
     enablePatches: false,
   })
   const commandsState = createSharedState({ initialValue: [] as any[], enablePatches: false })
+  const rendererManifestState = createSharedState({ initialValue: {} as Record<string, never>, enablePatches: false })
   const events = createEventEmitter<RpcClientEvents>()
 
   let trusted = initialTrusted
@@ -81,6 +82,8 @@ function createMockRpc(
           return settingsState
         if (key === 'devframe:commands')
           return commandsState
+        if (key === 'devframe:dock-renderers')
+          return rendererManifestState
         throw new Error(`[mock-rpc] Unexpected shared state key: ${key}`)
       },
     },
diff --git a/packages/hub/src/client/__tests__/renderers.test.ts b/packages/hub/src/client/__tests__/renderers.test.ts
index 1bbbe8cd..a4ffef32 100644
--- a/packages/hub/src/client/__tests__/renderers.test.ts
+++ b/packages/hub/src/client/__tests__/renderers.test.ts
@@ -62,28 +62,94 @@ describe('client host renderer registry', () => {
     host.dispose()
   })
 
-  it('routes a dock type to its renderer and returns a disposer', async () => {
+  it('routes a dock type to its renderer and resolves a mounted result', async () => {
     const { rpc } = createStubRpc()
     const renderer = vi.fn(async () => ({ dispose: vi.fn() }))
     const host = await createDevframeClientHost({ rpc, renderers: { 'json-render': renderer } })
 
-    const dispose = await host.context.renderers.mount(jsonRenderEntry, container)
+    const result = await host.context.renderers.mount(jsonRenderEntry, container)
     expect(renderer).toHaveBeenCalledWith(expect.objectContaining({ entry: jsonRenderEntry, container, context: host.context }))
-    dispose()
+    expect(result.status).toBe('mounted')
+    if (result.status === 'mounted')
+      result.dispose()
     host.dispose()
   })
 
-  it('warns and no-ops when no renderer is registered for the type', async () => {
+  it('warns and resolves missing-renderer when no renderer covers the type', async () => {
     const { rpc } = createStubRpc()
     const host = await createDevframeClientHost({ rpc })
     const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
-    const dispose = await host.context.renderers.mount(jsonRenderEntry, container)
+    expect(host.context.renderers.has('json-render')).toBe(false)
+    const result = await host.context.renderers.mount(jsonRenderEntry, container)
     expect(warn).toHaveBeenCalled()
-    expect(() => dispose()).not.toThrow()
+    expect(result.status).toBe('missing-renderer')
     warn.mockRestore()
     host.dispose()
   })
 
+  it('lazily imports a manifest renderer module and reuses it', async () => {
+    const { rpc, states } = createStubRpc()
+    const host = await createDevframeClientHost({ rpc })
+    const moduleUrl = 'data:text/javascript,globalThis.__manifestMounts = 0; export default () => { globalThis.__manifestMounts += 1; return {} }'
+    states.get('devframe:dock-renderers')!.push({ 'json-render': { importFrom: moduleUrl } })
+
+    expect(host.context.renderers.has('json-render')).toBe(true)
+    const first = await host.context.renderers.mount(jsonRenderEntry, container)
+    const second = await host.context.renderers.mount(jsonRenderEntry, container)
+    expect(first.status).toBe('mounted')
+    expect(second.status).toBe('mounted')
+    expect((globalThis as any).__manifestMounts).toBe(2)
+    // The loaded module is registered like a local renderer after first use.
+    expect(host.context.renderers.get('json-render')).toBeTypeOf('function')
+    delete (globalThis as any).__manifestMounts
+    host.dispose()
+  })
+
+  it('prefers a locally-registered renderer over the manifest', async () => {
+    const { rpc, states } = createStubRpc()
+    const local = vi.fn(async () => ({}))
+    const host = await createDevframeClientHost({ rpc, renderers: { 'json-render': local } })
+    states.get('devframe:dock-renderers')!.push({
+      'json-render': { importFrom: 'data:text/javascript,export default () => { throw new Error("manifest module must not load") }' },
+    })
+
+    const result = await host.context.renderers.mount(jsonRenderEntry, container)
+    expect(result.status).toBe('mounted')
+    expect(local).toHaveBeenCalledTimes(1)
+    host.dispose()
+  })
+
+  it('resolves load-error when the manifest module fails to import', async () => {
+    const { rpc, states } = createStubRpc()
+    const host = await createDevframeClientHost({ rpc })
+    const error = vi.spyOn(console, 'error').mockImplementation(() => {})
+    states.get('devframe:dock-renderers')!.push({
+      'json-render': { importFrom: 'data:text/javascript,throw new Error("boom")' },
+    })
+
+    const result = await host.context.renderers.mount(jsonRenderEntry, container)
+    expect(result.status).toBe('load-error')
+    // The failed import is not cached — a retry re-imports the module.
+    const retry = await host.context.renderers.mount(jsonRenderEntry, container)
+    expect(retry.status).toBe('load-error')
+    expect(error).toHaveBeenCalledTimes(2)
+    error.mockRestore()
+    host.dispose()
+  })
+
+  it('resolves load-error when the renderer itself throws at mount', async () => {
+    const { rpc } = createStubRpc()
+    const host = await createDevframeClientHost({
+      rpc,
+      renderers: { 'json-render': () => { throw new Error('mount failed') } },
+    })
+    const error = vi.spyOn(console, 'error').mockImplementation(() => {})
+    const result = await host.context.renderers.mount(jsonRenderEntry, container)
+    expect(result.status).toBe('load-error')
+    error.mockRestore()
+    host.dispose()
+  })
+
   it('disposes a mounted renderer when the dock deactivates', async () => {
     const { rpc, states } = createStubRpc()
     const disposeSpy = vi.fn()
diff --git a/packages/hub/src/client/host.ts b/packages/hub/src/client/host.ts
index 60864535..b8da3715 100644
--- a/packages/hub/src/client/host.ts
+++ b/packages/hub/src/client/host.ts
@@ -23,13 +23,14 @@ import type {
   DocksPanelContext,
   WhenClauseContext,
 } from './docks'
-import type { DockRenderer, DockRenderersContext } from './renderers'
+import type { DockRenderer, DockRendererManifest, DockRenderersContext } from './renderers'
 import { connectDevframe } from 'devframe/client'
 import { createEventEmitter } from 'devframe/utils/events'
-import { DEFAULT_CATEGORIES_ORDER, DEFAULT_STATE_USER_SETTINGS } from '../constants'
+import { DEFAULT_CATEGORIES_ORDER, DEFAULT_STATE_USER_SETTINGS, DOCK_RENDERERS_STATE_KEY } from '../constants'
 import { getDevframeClientContext, setDevframeClientContext } from './context'
 import { attachFrameNavClient } from './frame-nav'
 import { createMessagesClient } from './messages'
+import { createDockRenderersContext } from './renderers'
 
 const DOCKS_STATE_KEY = 'devframe:docks'
 const COMMANDS_STATE_KEY = 'devframe:commands'
@@ -61,6 +62,9 @@ export interface DevframeClientHostOptions {
    * application injects the ones it wants (e.g.
    * `{ 'json-render': createJsonRenderDockRenderer() }` from
    * `@devframes/json-render-ui`). The hub ships none by default.
+   *
+   * Local registrations take precedence over the hub's renderer manifest
+   * (`initHub({ renderers })`) — explicit local code beats wire config.
    */
   renderers?: Record<string, DockRenderer>
   /**
@@ -112,12 +116,13 @@ export async function createDevframeClientHost(
   // Set by createRenderersContext(); teardown disposes every live mount.
   let mountedRenderers: Set<() => void> | undefined
 
-  const [docksState, commandsState, settings] = await Promise.all([
+  const [docksState, commandsState, settings, renderersManifestState] = await Promise.all([
     rpc.sharedState.get<DevframeDockEntry[]>(DOCKS_STATE_KEY, { initialValue: [] }),
     rpc.sharedState.get<DevframeServerCommandEntry[]>(COMMANDS_STATE_KEY, { initialValue: [] }),
     rpc.sharedState.get<DevframeDocksUserSettings>(USER_SETTINGS_STATE_KEY, {
       initialValue: DEFAULT_STATE_USER_SETTINGS(),
     }),
+    rpc.sharedState.get<DockRendererManifest>(DOCK_RENDERERS_STATE_KEY, { initialValue: {} }),
   ])
 
   let selectedId: string | null = null
@@ -432,47 +437,25 @@ export async function createDevframeClientHost(
   // ── renderers ────────────────────────────────────────────────────────────
 
   function createRenderersContext(): DockRenderersContext {
-    const rendererMap = new Map<string, DockRenderer>()
-    for (const [type, renderer] of Object.entries(options.renderers ?? {}))
-      rendererMap.set(type, renderer)
     // Every live mount's disposer, so host teardown cleans them all up.
     const mountedDisposers = new Set<() => void>()
     mountedRenderers = mountedDisposers
 
-    return {
-      register(type, renderer) {
-        rendererMap.set(type, renderer)
+    return createDockRenderersContext({
+      context: () => context,
+      ...(options.renderers ? { local: options.renderers } : {}),
+      manifest: () => renderersManifestState.value() as DockRendererManifest,
+      onMounted(dispose, entry) {
+        mountedDisposers.add(dispose)
+        // Dispose when the dock deactivates — the Vite viewer leaked here by
+        // never unsubscribing the renderer's shared-state listeners.
+        const offDeactivate = entryToStateMap.get(entry.id)?.events.on('entry:deactivated', dispose)
         return () => {
-          if (rendererMap.get(type) === renderer)
-            rendererMap.delete(type)
-        }
-      },
-      get: type => rendererMap.get(type),
-      has: type => rendererMap.has(type),
-      async mount(entry, container) {
-        const renderer = rendererMap.get(entry.type)
-        if (!renderer) {
-          console.warn(`[@devframes/hub] no renderer registered for dock type "${entry.type}" (entry "${entry.id}")`)
-          return () => {}
-        }
-        const instance = await renderer({ entry, container, context })
-        let disposed = false
-        let offDeactivate: (() => void) | undefined
-        const dispose = (): void => {
-          if (disposed)
-            return
-          disposed = true
           mountedDisposers.delete(dispose)
           offDeactivate?.()
-          instance.dispose?.()
         }
-        mountedDisposers.add(dispose)
-        // Dispose when the dock deactivates — the Vite viewer leaked here by
-        // never unsubscribing the renderer's shared-state listeners.
-        offDeactivate = entryToStateMap.get(entry.id)?.events.on('entry:deactivated', dispose)
-        return dispose
       },
-    }
+    })
   }
 
   // ── client scripts ───────────────────────────────────────────────────────
diff --git a/packages/hub/src/client/renderers.ts b/packages/hub/src/client/renderers.ts
index 856ad975..5877c7cb 100644
--- a/packages/hub/src/client/renderers.ts
+++ b/packages/hub/src/client/renderers.ts
@@ -1,13 +1,20 @@
-import type { DevframeDockEntry } from '../types/docks'
+import type { ClientScriptEntry, DevframeDockEntry } from '../types/docks'
 import type { DevframeClientContext } from './docks'
 
 /**
  * Options handed to a dock renderer when the client host mounts a dock entry.
  */
-export interface DockRendererMountOptions {
+export interface DockRendererMountOptions<Entry extends DevframeDockEntry = DevframeDockEntry> {
   /** The dock entry being rendered (carries the entry's serializable payload). */
-  entry: DevframeDockEntry
-  /** The DOM element the renderer should mount into. */
+  entry: Entry
+  /**
+   * The DOM element the renderer should mount into. It may live inside a
+   * **shadow root** (the reference viewer isolates dock content that way), so
+   * a renderer must deliver its own styles into `container.getRootNode()`
+   * rather than assume a page-level stylesheet. The viewer mirrors a live
+   * `dark` class onto this element (the theme contract), and CSS custom
+   * properties inherit across the shadow boundary for brand theming.
+   */
   container: HTMLElement
   /** The assembled client host context (rpc, docks, commands, …). */
   context: DevframeClientContext
@@ -21,33 +28,180 @@ export interface DockRendererInstance {
 
 /**
  * A renderer for a dock `type`. The headless hub is renderer-agnostic — a
- * host application registers renderers at boot (e.g. injecting
- * `@devframes/json-render-ui` for the `'json-render'` type). The renderer
- * owns its framework (Vue, React, …); the hub only routes a dock type to it
- * and disposes it on deactivation.
+ * host registers renderers at boot (e.g. injecting `@devframes/json-render-ui`
+ * for the `'json-render'` type) or serves them as prebuilt modules through the
+ * hub's renderer manifest (`initHub({ renderers })`). The renderer owns its
+ * framework (Vue, React, …); the hub only routes a dock type to it and
+ * disposes it on deactivation.
+ *
+ * Integration packages narrow `Entry` to export a precisely-typed contract —
+ * e.g. `@devframes/json-render/hub` exports
+ * `JsonRenderDockRenderer = DockRenderer<DevframeJsonRenderDockEntry>`.
  */
-export type DockRenderer = (
-  options: DockRendererMountOptions,
+export type DockRenderer<Entry extends DevframeDockEntry = DevframeDockEntry> = (
+  options: DockRendererMountOptions<Entry>,
 ) => DockRendererInstance | Promise<DockRendererInstance>
 
+/**
+ * The outcome of {@link DockRenderersContext.mount}. A missing renderer is an
+ * expected, non-exceptional state — a viewer renders its "no renderer for this
+ * dock type" fallback from `missing-renderer`, and its error variant (with a
+ * retry affordance) from `load-error`.
+ */
+export type DockRendererMountResult
+  = | { status: 'mounted', dispose: () => void }
+    | { status: 'missing-renderer' }
+    | { status: 'load-error', error: unknown }
+
 /**
  * The dock-renderer registry surfaced on the client host context. A viewer
  * calls {@link DockRenderersContext.mount} to render a dock whose `type` has a
- * registered renderer into a container it owns; the host tracks the instance
- * and disposes it when the entry deactivates.
+ * renderer — registered locally at boot, or served as a prebuilt module by the
+ * hub's renderer manifest — into a container it owns; the host tracks the
+ * instance and disposes it when the entry deactivates.
  */
 export interface DockRenderersContext {
   /** Register a renderer for a dock `type`. Returns an unregister function. */
   register: (type: string, renderer: DockRenderer) => () => void
-  /** Look up the renderer registered for a dock `type`, if any. */
+  /** Look up the locally-registered renderer for a dock `type`, if any. */
   get: (type: string) => DockRenderer | undefined
-  /** Whether a renderer is registered for a dock `type`. */
+  /**
+   * Whether a renderer is available for a dock `type` — registered locally
+   * **or** provided by the hub's renderer manifest. A viewer checks this
+   * before mounting to render its missing-renderer fallback declaratively.
+   */
   has: (type: string) => boolean
   /**
-   * Mount the entry's registered renderer into `container`. Resolves to a
-   * disposer; the same instance is also disposed automatically when the entry
-   * deactivates. Warns and resolves to a no-op disposer when no renderer is
-   * registered for the entry's type.
+   * Mount the entry's renderer into `container` and resolve the
+   * {@link DockRendererMountResult}. A local registration wins; otherwise the
+   * manifest module for the entry's type is imported (lazily, cached) and
+   * registered. The mounted instance is also disposed automatically when the
+   * entry deactivates. Resolves `missing-renderer` (with a `console.warn`)
+   * when neither source has the type, and `load-error` when the module import
+   * or the renderer itself fails — a failed import is not cached, so a retry
+   * re-imports.
    */
-  mount: (entry: DevframeDockEntry, container: HTMLElement) => Promise<() => void>
+  mount: (entry: DevframeDockEntry, container: HTMLElement) => Promise<DockRendererMountResult>
+}
+
+/**
+ * The renderer manifest published by the hub at the
+ * `devframe:dock-renderers` shared-state slot — one {@link ClientScriptEntry}
+ * per dock `type`, whose `importFrom` is a URL path the hub serves
+ * (`<base>__renderers/<type>.mjs`). Mirrors the dock client-script
+ * convention: the module's `importName` export (default `'default'`) is a
+ * ready {@link DockRenderer}.
+ */
+export type DockRendererManifest = Record<string, ClientScriptEntry>
+
+/** Options for {@link createDockRenderersContext}. */
+export interface CreateDockRenderersContextOptions {
+  /** The assembled client context handed to renderers at mount. */
+  context: () => DevframeClientContext
+  /** Renderers registered locally at boot — these win over manifest modules. */
+  local?: Record<string, DockRenderer>
+  /** The current {@link DockRendererManifest} (live getter). */
+  manifest?: () => DockRendererManifest
+  /**
+   * Called with each successful mount's disposer so the caller can tie
+   * disposal to its own lifecycle (entry deactivation, host teardown). An
+   * optional returned cleanup runs exactly once when the mount is disposed —
+   * whichever side (caller or viewer) triggers it first.
+   */
+  onMounted?: (dispose: () => void, entry: DevframeDockEntry) => (() => void) | void
+}
+
+/**
+ * Build the {@link DockRenderersContext} shared by every hub-aware client —
+ * `createDevframeClientHost` and viewers that assemble their own context
+ * (`@devframes/hub-ui`) both delegate here so local-first resolution, lazy
+ * manifest imports, and the typed mount result behave identically everywhere.
+ */
+export function createDockRenderersContext(
+  options: CreateDockRenderersContextOptions,
+): DockRenderersContext {
+  const rendererMap = new Map<string, DockRenderer>()
+  for (const [type, renderer] of Object.entries(options.local ?? {}))
+    rendererMap.set(type, renderer)
+
+  // In-flight/settled manifest imports, keyed by type. A rejected import is
+  // evicted so the viewer's retry affordance re-imports the module.
+  const manifestImports = new Map<string, Promise<DockRenderer | undefined>>()
+
+  const manifestEntry = (type: string): ClientScriptEntry | undefined =>
+    options.manifest?.()[type]
+
+  async function importManifestRenderer(type: string, script: ClientScriptEntry): Promise<DockRenderer | undefined> {
+    // Keep this a *native* dynamic import in every bundler — the specifier is
+    // a runtime URL served by the hub, not a build-time module.
+    const mod = await import(/* @vite-ignore */ /* webpackIgnore: true */ /* turbopackIgnore: true */ script.importFrom)
+    const renderer = mod[script.importName ?? 'default']
+    return typeof renderer === 'function' ? (renderer as DockRenderer) : undefined
+  }
+
+  async function resolveRenderer(type: string): Promise<DockRenderer | undefined> {
+    const local = rendererMap.get(type)
+    if (local)
+      return local
+    const script = manifestEntry(type)
+    if (!script)
+      return undefined
+    let pending = manifestImports.get(type)
+    if (!pending) {
+      pending = importManifestRenderer(type, script)
+      manifestImports.set(type, pending)
+      pending.catch(() => manifestImports.delete(type))
+    }
+    const renderer = await pending
+    // Register the loaded module so `get()` sees it and later mounts skip the
+    // resolution dance — unless a local registration landed meanwhile (wins).
+    if (renderer && !rendererMap.has(type))
+      rendererMap.set(type, renderer)
+    return renderer
+  }
+
+  return {
+    register(type, renderer) {
+      rendererMap.set(type, renderer)
+      return () => {
+        if (rendererMap.get(type) === renderer)
+          rendererMap.delete(type)
+      }
+    },
+    get: type => rendererMap.get(type),
+    has: type => rendererMap.has(type) || manifestEntry(type) !== undefined,
+    async mount(entry, container) {
+      let renderer: DockRenderer | undefined
+      try {
+        renderer = await resolveRenderer(entry.type)
+      }
+      catch (error) {
+        console.error(`[@devframes/hub] failed to load the renderer module for dock type "${entry.type}"`, error)
+        return { status: 'load-error', error }
+      }
+      if (!renderer) {
+        console.warn(`[@devframes/hub] no renderer registered for dock type "${entry.type}" (entry "${entry.id}")`)
+        return { status: 'missing-renderer' }
+      }
+      let instance: DockRendererInstance
+      try {
+        instance = await renderer({ entry, container, context: options.context() })
+      }
+      catch (error) {
+        console.error(`[@devframes/hub] renderer for dock type "${entry.type}" failed to mount (entry "${entry.id}")`, error)
+        return { status: 'load-error', error }
+      }
+      let disposed = false
+      let cleanup: (() => void) | void
+      const dispose = (): void => {
+        if (disposed)
+          return
+        disposed = true
+        cleanup?.()
+        instance.dispose?.()
+      }
+      cleanup = options.onMounted?.(dispose, entry)
+      return { status: 'mounted', dispose }
+    },
+  }
 }
diff --git a/packages/hub/src/constants.ts b/packages/hub/src/constants.ts
index f49665e8..f9859a88 100644
--- a/packages/hub/src/constants.ts
+++ b/packages/hub/src/constants.ts
@@ -25,6 +25,14 @@ export const DEFAULT_CATEGORIES_ORDER: Record<string, number> = {
   '~builtin': 1000,
 }
 
+/**
+ * Shared-state slot carrying the hub's renderer manifest — one
+ * {@link import('./client/renderers').DockRendererManifest} entry per dock
+ * `type`, published by `initHub({ renderers })` and consumed by every
+ * hub-aware client (the headless client host and viewers alike).
+ */
+export const DOCK_RENDERERS_STATE_KEY = 'devframe:dock-renderers'
+
 export const DEFAULT_STATE_USER_SETTINGS: () => DevframeDocksUserSettings = () => ({
   docksHidden: [],
   docksCategoriesHidden: [],
diff --git a/packages/hub/src/node/diagnostics.ts b/packages/hub/src/node/diagnostics.ts
index ae3162c7..5905188f 100644
--- a/packages/hub/src/node/diagnostics.ts
+++ b/packages/hub/src/node/diagnostics.ts
@@ -62,6 +62,18 @@ export const diagnostics = defineDiagnostics({
       why: (p: { id: string }) => `Dock activation requested for unknown dock id "${p.id}"`,
       fix: 'Pass a `dockId` that matches a registered dock entry. The activation is still broadcast, but no viewer will switch to it. Ids are case-sensitive — check for typos, and ensure the target dock is registered before activating it.',
     },
+    DF8108: {
+      why: (p: { type: string }) => `A renderer module is already registered for dock type "${p.type}"`,
+      fix: 'Each dock type resolves to exactly one renderer module in the hub\'s renderer manifest. Remove the duplicate `renderers` registration, or give the second renderer its own dock type.',
+    },
+    DF8109: {
+      why: (p: { type: string, file: string }) => `The renderer module registered for dock type "${p.type}" does not exist at "${p.file}"`,
+      fix: 'Point the registration\'s `file` at the prebuilt browser ES module (build the renderer package first, or check the path). Registration helpers like `jsonRenderUiRenderer()` resolve the path for you.',
+    },
+    DF8110: {
+      why: (p: { type: string }) => `Dock type "${p.type}" is not a servable renderer-module name — the hub serves each module at \`<base>__renderers/<type>.mjs\``,
+      fix: 'Renderer types become URL segments, so they may only contain letters, digits, `_`, `-`, and `.`. Use a route-safe dock type (e.g. `json-render`).',
+    },
     DF8200: {
       why: (p: { id: string }) => `Terminal session with id "${p.id}" already registered`,
     },
diff --git a/packages/hub/src/node/initiate.ts b/packages/hub/src/node/initiate.ts
index d2cbff26..1a59de96 100644
--- a/packages/hub/src/node/initiate.ts
+++ b/packages/hub/src/node/initiate.ts
@@ -8,6 +8,7 @@ import type { Duplex } from 'node:stream'
 import type { ClientScriptEntry } from '../types/docks'
 import type { CreateHubContextOptions, DevframeHubContext } from './context'
 import type { InstallDevframeOptions } from './install-devframe'
+import { existsSync } from 'node:fs'
 import { readFile } from 'node:fs/promises'
 import process from 'node:process'
 import { DEVFRAME_CONNECTION_META_FILENAME, DEVFRAME_DOCK_IMPORTS_FILENAME, DEVFRAME_MCP_ROUTE, DEVFRAME_WS_ROUTE } from 'devframe/constants'
@@ -16,6 +17,7 @@ import { mountStaticHandler } from 'devframe/utils/serve-static'
 import { H3 } from 'h3'
 import { resolve } from 'pathe'
 import { cleanDoubleSlashes, joinURL, withLeadingSlash, withoutLeadingSlash, withTrailingSlash } from 'ufo'
+import { DOCK_RENDERERS_STATE_KEY } from '../constants'
 import { createHubContext } from './context'
 import { diagnostics } from './diagnostics'
 
@@ -58,9 +60,37 @@ const RESERVED_HUB_PATHS = [
   DEVFRAME_WS_ROUTE,
   DEVFRAME_MCP_ROUTE,
   '__index.json',
+  '__renderers',
   'embedded.js',
 ] as const
 
+/**
+ * One dock-type → prebuilt renderer-module registration for
+ * {@link InitHubOptions.renderers}. The hub serves the module at
+ * `<base>__renderers/<type>.mjs` and publishes it in the renderer manifest
+ * (the `devframe:dock-renderers` shared-state slot), so any viewer — the
+ * reference UI, a community viewer, a hand-rolled host page — lazily imports
+ * it the first time a dock of that `type` needs rendering.
+ *
+ * The module must be a **self-contained browser ES module** (its framework
+ * and styles bundled in) whose {@link DockRendererRegistration.importName}
+ * export is a ready `DockRenderer`. Renderer packages ship a node helper
+ * returning this shape — e.g. `jsonRenderUiRenderer()` from
+ * `@devframes/json-render-ui/hub`.
+ */
+export interface DockRendererRegistration {
+  /** Dock `type` this renderer handles (e.g. `'json-render'`). */
+  type: string
+  /** Absolute path of the prebuilt, self-contained browser ES module. */
+  file: string
+  /**
+   * Named export carrying the renderer.
+   *
+   * @default 'default'
+   */
+  importName?: string
+}
+
 /**
  * The UI slot of a hub instance — pure data, zero policy. The hub itself is
  * headless: whoever fills this slot decides what a viewer looks like.
@@ -153,6 +183,22 @@ export interface InitHubOptions {
   configure?: (ctx: DevframeHubContext) => void | Promise<void>
   /** See {@link DevframeHubUi} — omitted, the hub stays fully headless. */
   ui?: DevframeHubUi
+  /**
+   * Prebuilt dock-renderer modules to serve and advertise — the composition
+   * seam that hands a renderer package (e.g. `@devframes/json-render-ui`) to
+   * a prebuilt viewer. Each {@link DockRendererRegistration} is served at
+   * `<base>__renderers/<type>.mjs` and published in the renderer manifest;
+   * clients import a module lazily the first time a dock of its `type`
+   * mounts. Renderers registered directly in client code
+   * (`createDevframeClientHost({ renderers })`) take precedence.
+   *
+   * ```ts
+   * import { jsonRenderUiRenderer } from '@devframes/json-render-ui/hub'
+   *
+   * initHub({ ui: createUi(), renderers: [jsonRenderUiRenderer()] })
+   * ```
+   */
+  renderers?: readonly DockRendererRegistration[]
   /**
    * Share the host's `node:http` server for the WebSocket RPC endpoint
    * (upgrade bound at `<base>__ws`). Hosts whose handlers never see upgrades
@@ -275,6 +321,28 @@ function normalizeBase(base: string): string {
   return cleanDoubleSlashes(withTrailingSlash(withLeadingSlash(base)))
 }
 
+/**
+ * Validate the renderer-module registrations fail-fast: route-safe types
+ * (each becomes the `<base>__renderers/<type>.mjs` URL segment), one module
+ * per type, and an existing bundle file (renderer packages are prebuilt).
+ */
+function resolveRendererRegistrations(
+  registrations: readonly DockRendererRegistration[],
+): DockRendererRegistration[] {
+  const seen = new Set<string>()
+  return registrations.map((registration) => {
+    if (!/^[\w.-]+$/.test(registration.type))
+      throw diagnostics.DF8110({ type: registration.type })
+    if (seen.has(registration.type))
+      throw diagnostics.DF8108({ type: registration.type })
+    seen.add(registration.type)
+    const file = resolve(registration.file)
+    if (!existsSync(file))
+      throw diagnostics.DF8109({ type: registration.type, file })
+    return { ...registration, file }
+  })
+}
+
 /**
  * Render the dock client-script import map as an ES module — one dynamic
  * import thunk per dock that carries a client script (`clientScript` on
@@ -322,6 +390,7 @@ export function initHub(options: InitHubOptions): HubInstance {
   const app = new H3()
   const cwd = options.cwd ?? process.cwd()
   const frames: { id: string, base: string, title: string }[] = []
+  const rendererRegistrations = resolveRendererRegistrations(options.renderers ?? [])
 
   const shell = createInstanceShell<DevframeHubContext>({
     base,
@@ -407,6 +476,25 @@ export function initHub(options: InitHubOptions): HubInstance {
 
       await options.configure?.(ctx)
 
+      // Publish the renderer manifest — one `ClientScriptEntry` per dock
+      // `type`, `importFrom` base-absolute so it resolves to the served module
+      // from any page depth. Clients read it from shared state and import a
+      // module lazily the first time a dock of that type mounts.
+      if (rendererRegistrations.length > 0) {
+        const manifest: Record<string, ClientScriptEntry> = {}
+        for (const registration of rendererRegistrations) {
+          manifest[registration.type] = {
+            importFrom: joinURL(base, '__renderers', `${registration.type}.mjs`),
+            ...(registration.importName ? { importName: registration.importName } : {}),
+          }
+        }
+        const manifestState = await ctx.rpc.sharedState.get<Record<string, ClientScriptEntry>>(
+          DOCK_RENDERERS_STATE_KEY,
+          { initialValue: {} },
+        )
+        manifestState.mutate(() => manifest)
+      }
+
       // Aggregate MCP — one Streamable-HTTP endpoint over the shared
       // context's whole registry (tool ids are namespaced per plugin, and the
       // wire-name collision policy is `createMcpFetchHandler`'s own).
@@ -464,6 +552,17 @@ export function initHub(options: InitHubOptions): HubInstance {
         })
       }
 
+      // Renderer modules — each registration's prebuilt bundle, buffered like
+      // `embedded.js` (a single self-contained file read per request in dev;
+      // a buffered body survives every host's request bridging).
+      for (const registration of rendererRegistrations) {
+        app.use(joinURL(base, '__renderers', `${registration.type}.mjs`), async (event) => {
+          event.res.headers.set('Content-Type', 'text/javascript; charset=utf-8')
+          event.res.headers.set('Cache-Control', 'no-store')
+          return await readFile(registration.file)
+        })
+      }
+
       // UI-owned assets (e.g. the reference viewer's `branding.json`), served
       // from memory. Registered before the viewer's SPA catch-all so these exact
       // routes win, mirroring the discovery endpoints above.
diff --git a/packages/json-render-ui/package.json b/packages/json-render-ui/package.json
index 33e345e0..44068e9a 100644
--- a/packages/json-render-ui/package.json
+++ b/packages/json-render-ui/package.json
@@ -22,6 +22,7 @@
   "exports": {
     ".": "./dist/index.mjs",
     "./components": "./dist/components/index.mjs",
+    "./hub": "./dist/hub.mjs",
     "./spa": "./dist/spa.mjs",
     "./package.json": "./package.json"
   },
@@ -30,7 +31,8 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsdown && vite build --config src/spa/vite.config.ts",
+    "build": "pnpm run build:css && tsdown && vite build --config src/spa/vite.config.ts && vite build --config src/renderer-module/vite.config.ts",
+    "build:css": "tsx scripts/build-css.ts",
     "watch": "tsdown --watch",
     "typecheck": "tsc --noEmit",
     "storybook": "storybook dev -p 6014",
@@ -40,23 +42,33 @@
   },
   "peerDependencies": {
     "@antfu/design": "^0.3.0",
+    "@devframes/hub": "workspace:*",
     "@devframes/json-render": "workspace:*",
     "vue": "^3.5.0"
   },
+  "peerDependenciesMeta": {
+    "@devframes/hub": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@json-render/vue": "catalog:frontend"
   },
   "devDependencies": {
     "@antfu/design": "catalog:frontend",
+    "@devframes/hub": "workspace:*",
     "@devframes/json-render": "workspace:*",
     "@iconify-json/ph": "catalog:frontend",
     "@storybook/addon-docs": "catalog:storybook",
     "@storybook/vue3-vite": "catalog:storybook",
     "@unocss/preset-icons": "catalog:frontend",
+    "@unocss/reset": "catalog:frontend",
     "@vitejs/plugin-vue": "catalog:build",
     "devframe": "workspace:*",
     "storybook": "catalog:storybook",
+    "tinyglobby": "catalog:deps",
     "tsdown": "catalog:build",
+    "tsx": "catalog:build",
     "unocss": "catalog:frontend",
     "vite": "catalog:build",
     "vitest": "catalog:testing",
diff --git a/packages/json-render-ui/scripts/build-css.ts b/packages/json-render-ui/scripts/build-css.ts
new file mode 100644
index 00000000..e0dcb1ed
--- /dev/null
+++ b/packages/json-render-ui/scripts/build-css.ts
@@ -0,0 +1,74 @@
+import fs from 'node:fs/promises'
+import { createRequire } from 'node:module'
+import { join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { colors as c } from 'devframe/utils/colors'
+import { glob } from 'tinyglobby'
+import { createGenerator } from 'unocss'
+import config from '../uno.config'
+
+// Compile the renderer's UnoCSS output ahead of time into a plain string
+// module (`src/.generated/css.ts`) that the prebuilt renderer module adopts
+// into the shadow root it attaches inside its mount container — the dock view
+// stays fully styled inside any host page (light DOM or a viewer's shadow
+// root) without a global stylesheet, and without leaking the reset into the
+// host page. Mirrors `@devframes/hub-ui`'s `scripts/build-css.ts`.
+const PKG_DIR = fileURLToPath(new URL('..', import.meta.url))
+const SRC_DIR = join(PKG_DIR, 'src')
+const GLOBS = ['components/**/*.ts', 'renderer.ts', 'dock-renderer.ts', 'renderer-module/**/*.ts']
+// Story-only utility classes must not leak into the shipped stylesheet.
+const IGNORE = ['**/*.stories.*', '**/__tests__/**']
+// The single-overridable-variable primary ramp, appended AFTER the UnoCSS
+// output so its `:root, :host` block wins over Wind4's own primary
+// declarations — a viewer's `--devframe-primary` branding inherits across the
+// shadow boundary and retints the rendered views. See the file's own comment.
+const PRIMARY_RAMP = join(SRC_DIR, 'renderer-module/primary-ramp.css')
+const GENERATED_CSS = join(SRC_DIR, '.generated/css.ts')
+
+export async function buildCSS(): Promise<void> {
+  const require = createRequire(import.meta.url)
+  const reset = await fs.readFile(require.resolve('@unocss/reset/tailwind.css'), 'utf-8')
+  const files = await glob(GLOBS, {
+    cwd: SRC_DIR,
+    absolute: true,
+    ignore: IGNORE,
+  })
+
+  // The catalog components reuse `@antfu/design`'s Vue components (buttons,
+  // badges, form controls, …) directly. UnoCSS ignores `node_modules` by
+  // default, so their semantic shortcut classes would be absent from the
+  // shadow-root stylesheet — scan the design package's component sources too.
+  const designComponentsDir = join(require.resolve('@antfu/design/package.json'), '..', 'components')
+  const designFiles = await glob('**/*.vue', {
+    cwd: designComponentsDir,
+    absolute: true,
+    ignore: IGNORE,
+  })
+
+  const generator = await createGenerator(config)
+
+  const tokens = new Set<string>()
+  for (const file of [...files, ...designFiles]) {
+    const content = await fs.readFile(file, 'utf-8')
+    await generator.applyExtractors(content, file, tokens)
+  }
+
+  const primaryRamp = await fs.readFile(PRIMARY_RAMP, 'utf-8')
+  const unoResult = await generator.generate(tokens)
+  const css = [
+    reset,
+    unoResult.css,
+    primaryRamp,
+  ].join('\n')
+
+  await fs.mkdir(join(SRC_DIR, '.generated'), { recursive: true })
+  await fs.writeFile(GENERATED_CSS, [
+    `/* eslint-disable eslint-comments/no-unlimited-disable */`,
+    `/* eslint-disable */`,
+    `export default ${JSON.stringify(String(css))}`,
+    '',
+  ].join('\n'))
+  console.log(`${c.green('✓')} CSS built (${files.length} sources, ${(css.length / 1024).toFixed(1)} kB)`)
+}
+
+await buildCSS()
diff --git a/packages/json-render-ui/src/.generated/css.ts b/packages/json-render-ui/src/.generated/css.ts
new file mode 100644
index 00000000..219892e9
--- /dev/null
+++ b/packages/json-render-ui/src/.generated/css.ts
@@ -0,0 +1,3 @@
+/* eslint-disable eslint-comments/no-unlimited-disable */
+/* eslint-disable */
+export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n/* layer: properties */\n@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{--un-bg-opacity:100%;--un-border-opacity:100%;--un-border-style:solid;--un-divide-opacity:100%;--un-divide-y-reverse:initial;--un-ease:initial;--un-from-opacity:100%;--un-leading:initial;--un-ring-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-text-opacity:100%;--un-to-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-via-opacity:100%;}}\n@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-leading{syntax:\"*\";inherits:false;}\n@property --un-border-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-ring-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-inset-ring-color{syntax:\"*\";inherits:false;}\n@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-ring-color{syntax:\"*\";inherits:false;}\n@property --un-ring-inset{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-color{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}\n@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-translate-x{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-y{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-z{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-scale-x{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-y{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-z{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-ease{syntax:\"*\";inherits:false;}\n@property --un-from-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%;}\n@property --un-gradient-position{syntax:\"*\";inherits:false;}\n@property --un-gradient-stops{syntax:\"*\";inherits:false;}\n@property --un-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%;}\n@property --un-gradient-via-stops{syntax:\"*\";inherits:false;}\n@property --un-to-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-via-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-backdrop-blur{syntax:\"*\";inherits:false;}\n@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}\n@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}\n@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}\n@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-invert{syntax:\"*\";inherits:false;}\n@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}\n@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}\n@property --un-blur{syntax:\"*\";inherits:false;}\n@property --un-brightness{syntax:\"*\";inherits:false;}\n@property --un-contrast{syntax:\"*\";inherits:false;}\n@property --un-drop-shadow{syntax:\"*\";inherits:false;}\n@property --un-grayscale{syntax:\"*\";inherits:false;}\n@property --un-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-invert{syntax:\"*\";inherits:false;}\n@property --un-saturate{syntax:\"*\";inherits:false;}\n@property --un-sepia{syntax:\"*\";inherits:false;}\n@property --un-numeric-figure{syntax:\"*\";inherits:false;}\n@property --un-numeric-fraction{syntax:\"*\";inherits:false;}\n@property --un-numeric-spacing{syntax:\"*\";inherits:false;}\n@property --un-ordinal{syntax:\"*\";inherits:false;}\n@property --un-slashed-zero{syntax:\"*\";inherits:false;}\n@property --un-divide-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n/* layer: theme */\n:root, :host { --spacing: 0.25rem; --radius-DEFAULT: 0.25rem; --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --fontWeight-medium: 500; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --fontWeight-semibold: 600; --fontWeight-bold: 700; --colors-orange-DEFAULT: oklch(75% 0.183 55.934); --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"; --container-prose: 65ch; --colors-blue-400: oklch(70.7% 0.165 254.624); --colors-green-400: oklch(79.2% 0.209 151.711); --colors-amber-400: oklch(82.8% 0.189 84.429); --colors-red-400: oklch(70.4% 0.191 22.216); --radius-lg: 0.5rem; --ease-out: cubic-bezier(0, 0, 0.2, 1); --radius-md: 0.375rem; --leading-none: 1; --tracking-wide: 0.025em; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --radius-xl: 0.75rem; --container-sm: 24rem; --container-xs: 20rem; --container-lg: 32rem; --colors-primary-500: #578861; --colors-primary-DEFAULT: #3a6a45; --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-blue-700: oklch(48.8% 0.243 264.376); --colors-green-500: oklch(72.3% 0.219 149.579); --colors-green-700: oklch(52.7% 0.154 150.069); --colors-amber-500: oklch(76.9% 0.188 70.08); --colors-amber-700: oklch(55.5% 0.163 48.998); --colors-red-500: oklch(63.7% 0.237 25.331); --colors-red-700: oklch(50.5% 0.213 27.518); --colors-green-600: oklch(62.7% 0.194 149.214); --colors-amber-600: oklch(66.6% 0.179 58.318); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-white: #fff; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --colors-black: #000; --colors-primary-400: #75a67e; --colors-blue-300: oklch(80.9% 0.105 251.813); --colors-green-300: oklch(87.1% 0.15 154.449); --colors-amber-300: oklch(87.9% 0.169 91.605); --colors-red-300: oklch(80.8% 0.114 19.571); --colors-neutral-500: oklch(55.6% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-primary-600: #40704b; --colors-neutral-400: oklch(70.8% 0 0); --colors-primary-300: #93c69d; --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --colors-blue-600: oklch(54.6% 0.245 262.881); --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }\n/* layer: base */\n *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  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-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, 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; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.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 { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :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: 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }\n/* layer: preflights */\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.badge{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));--un-leading:var(--leading-none);line-height:var(--leading-none);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 0.5);border-radius:var(--radius-md);display:inline-flex;gap:calc(var(--spacing) * 1);align-items:center;}\n.btn-action-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.text-micro{font-size:10px;--un-leading:1.4;line-height:1.4;}\n.badge-color-amber{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-amber-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-amber-400) 20%, transparent);}\n.dark .badge-color-amber{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-amber-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.badge-color-blue{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-blue-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-blue-400) 20%, transparent);}\n.dark .badge-color-blue{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-blue-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.badge-color-green{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-green-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-green-400) 20%, transparent);}\n.dark .badge-color-green{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-green-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.badge-color-red{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-red-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-red-400) 20%, transparent);}\n.dark .badge-color-red{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-red-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.btn-primary{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);opacity:100% !important;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.color-faint,\n.dark .color-faint{color:color-mix(in srgb, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in srgb, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.btn-action{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.btn-icon{--un-outline-style:none;outline-style:none;border-radius:calc(infinity * 1px);opacity:65%;display:flex;width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.btn-icon-compact{--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);opacity:65%;display:flex;width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.border-base{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.border-mute{border-color:color-mix(in oklab, #8881 var(--un-border-opacity), transparent);}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-ambient{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, #111 var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in srgb, var(--colors-white) 65%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass{background-color:color-mix(in oklab, #111 50%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in srgb, var(--colors-white) 98%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:75{background-color:color-mix(in oklab, #111 75%, transparent);}\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-secondary{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.dark .bg-secondary{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.hover\\:bg-hover:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.dark .hover\\:bg-secondary:hover{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.hover\\:bg-secondary:hover{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.btn-action:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-action-sm:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon-compact:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-primary:hover{background-color:color-mix(in srgb, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:55%;}\n.op-fade{opacity:65%;}\n.dark .op-mute{opacity:25%;}\n.op-mute{opacity:30%;}\n.btn-action:disabled{opacity:30% !important;pointer-events:none;}\n.btn-action-sm:disabled{opacity:30% !important;pointer-events:none;}\n.btn-icon:disabled{opacity:30%;pointer-events:none;}\n.btn-icon-compact:disabled{opacity:30%;pointer-events:none;}\n.btn-primary:disabled{opacity:50%;pointer-events:none;}\n.dark .disabled\\:op-mute:disabled{opacity:25%;}\n.disabled\\:op-mute:disabled{opacity:30%;}\n.dark .placeholder\\:op-mute::placeholder{opacity:25%;}\n.placeholder\\:op-mute::placeholder{opacity:30%;}\n.container{width:100%;}\n.btn-action:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.bg-gradient-more{--un-gradient-from:color-mix(in oklab, var(--colors-white) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, var(--colors-white) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, var(--colors-white) var(--un-to-opacity), transparent);--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops));}\n.dark .bg-gradient-more{--un-gradient-from:color-mix(in oklab, #111 var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, #111 var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, #111 var(--un-to-opacity), transparent);}\n.dark .icon-catppuccin{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0%);}\n.icon-catppuccin{--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(100%);}\n@supports (color: color-mix(in lab, red, red)){\n.badge-color-amber{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-amber-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-amber-400) 20%, transparent);}\n.dark .badge-color-amber{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-amber-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.badge-color-blue{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-blue-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-blue-400) 20%, transparent);}\n.dark .badge-color-blue{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-blue-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.badge-color-green{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-green-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-green-400) 20%, transparent);}\n.dark .badge-color-green{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-green-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.badge-color-red{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-red-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-red-400) 20%, transparent);}\n.dark .badge-color-red{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-red-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.btn-primary{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.color-active{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.color-base{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.dark .color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in oklab, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-base{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=active\\]\\:bg-base[data-state=active]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in oklab, var(--colors-white) 65%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in oklab, var(--colors-white) 98%, transparent);}\n.btn-primary:hover{background-color:color-mix(in oklab, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.btn-action:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.container{max-width:40rem;}\n}\n@media (min-width: 48rem){\n.container{max-width:48rem;}\n}\n@media (min-width: 64rem){\n.container{max-width:64rem;}\n}\n@media (min-width: 80rem){\n.container{max-width:80rem;}\n}\n@media (min-width: 96rem){\n.container{max-width:96rem;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}\n.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}\n.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}\n.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}\n.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}\n.dark .dark\\:text-amber-300{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in srgb, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in srgb, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in srgb, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in srgb, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in srgb, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in srgb, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}\n.color-amber{color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.color-green{color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.color-primary{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.color-red{color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.color-white\\!{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) !important;}\n.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}\n.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}\n.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}\n.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}\n.font-mono{font-family:var(--font-mono);}\n.font-sans{font-family:var(--font-sans);}\n.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.m-auto{margin:auto;}\n.mx--1{margin-inline:calc(var(--spacing) * -1);}\n.mx-1{margin-inline:calc(var(--spacing) * 1);}\n.mx-2{margin-inline:calc(var(--spacing) * 2);}\n.my-1{margin-block:calc(var(--spacing) * 1);}\n.my-2{margin-block:calc(var(--spacing) * 2);}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:calc(var(--spacing) * 1);}\n.mb2{margin-bottom:calc(var(--spacing) * 2);}\n.ml-0\\.5{margin-left:calc(var(--spacing) * 0.5);}\n.ml-1,\n.ml1{margin-left:calc(var(--spacing) * 1);}\n.ml-1\\.5{margin-left:calc(var(--spacing) * 1.5);}\n.ms{margin-inline-start:calc(var(--spacing) * 4);}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:calc(var(--spacing) * 0.5);}\n.mt-1{margin-top:calc(var(--spacing) * 1);}\n.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5);}\n.mt-2{margin-top:calc(var(--spacing) * 2);}\n.mt-4{margin-top:calc(var(--spacing) * 4);}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:calc(var(--spacing) * 0.5);}\n.p-1{padding:calc(var(--spacing) * 1);}\n.p-1\\.5{padding:calc(var(--spacing) * 1.5);}\n.p-2,\n.p2{padding:calc(var(--spacing) * 2);}\n.p-3{padding:calc(var(--spacing) * 3);}\n.p-4,\n.p4{padding:calc(var(--spacing) * 4);}\n.px,\n.px-4,\n.px4{padding-inline:calc(var(--spacing) * 4);}\n.px-1,\n.px1{padding-inline:calc(var(--spacing) * 1);}\n.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5);}\n.px-2,\n.px2{padding-inline:calc(var(--spacing) * 2);}\n.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5);}\n.px-2\\.5\\!{padding-inline:calc(var(--spacing) * 2.5) !important;}\n.px-3{padding-inline:calc(var(--spacing) * 3);}\n.px-6{padding-inline:calc(var(--spacing) * 6);}\n.py-0\\.5,\n.py0\\.5{padding-block:calc(var(--spacing) * 0.5);}\n.py-1,\n.py1{padding-block:calc(var(--spacing) * 1);}\n.py-1\\!{padding-block:calc(var(--spacing) * 1) !important;}\n.py-1\\.5,\n.py1\\.5{padding-block:calc(var(--spacing) * 1.5);}\n.py-10{padding-block:calc(var(--spacing) * 10);}\n.py-12{padding-block:calc(var(--spacing) * 12);}\n.py-2{padding-block:calc(var(--spacing) * 2);}\n.py-3{padding-block:calc(var(--spacing) * 3);}\n.py-4{padding-block:calc(var(--spacing) * 4);}\n.py2\\.5{padding-block:calc(var(--spacing) * 2.5);}\n.pb-1{padding-bottom:calc(var(--spacing) * 1);}\n.pl-4{padding-left:calc(var(--spacing) * 4);}\n.pl-5{padding-left:calc(var(--spacing) * 5);}\n.pl-7{padding-left:calc(var(--spacing) * 7);}\n.pl3{padding-left:calc(var(--spacing) * 3);}\n.pr-2{padding-right:calc(var(--spacing) * 2);}\n.pt-1\\.5{padding-top:calc(var(--spacing) * 1.5);}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.outline-none{--un-outline-style:none;outline-style:none;}\n.list-none{list-style-type:none;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:color-mix(in srgb, var(--colors-amber-500) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in srgb, var(--colors-blue-500) 20%, transparent);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:color-mix(in srgb, var(--colors-green-500) 20%, transparent);}\n.border-orange\\:50{border-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 50%, transparent);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.border-red{border-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent);}\n.border-red-500\\/20{border-color:color-mix(in srgb, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in srgb, var(--colors-red-500) 60%, transparent);}\n.border-red\\!{border-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in srgb, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:var(--radius-DEFAULT);}\n.rounded-full{border-radius:calc(infinity * 1px);}\n.rounded-lg{border-radius:var(--radius-lg);}\n.rounded-md{border-radius:var(--radius-md);}\n.rounded-xl{border-radius:var(--radius-xl);}\n.border-dashed{--un-border-style:dashed;border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:color-mix(in oklab, #ddd 40%, transparent);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.bg-\\#8882{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-\\#8885{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\:5{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 5%, transparent);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\:10{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-red\\!{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in srgb, var(--colors-black) 40%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in srgb, var(--colors-red-500) 10%, transparent);}\n.hover\\:bg-\\#8888:hover{background-color:color-mix(in oklab, #8888 var(--un-bg-opacity), transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in srgb, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 90%, transparent) !important;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:50%;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:100%;}\n.op0{opacity:0%;}\n.op75{opacity:75%;}\n.hover\\:op100:hover{opacity:100%;}\n.disabled\\:op50:disabled{opacity:50%;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.gap-0\\.5{gap:calc(var(--spacing) * 0.5);}\n.gap-1{gap:calc(var(--spacing) * 1);}\n.gap-1\\.5{gap:calc(var(--spacing) * 1.5);}\n.gap-2{gap:calc(var(--spacing) * 2);}\n.gap-3{gap:calc(var(--spacing) * 3);}\n.gap-4{gap:calc(var(--spacing) * 4);}\n.gap-x-2{column-gap:calc(var(--spacing) * 2);}\n.gap-y-1{row-gap:calc(var(--spacing) * 1);}\n.grid{display:grid;}\n.h-0\\.5{height:calc(var(--spacing) * 0.5);}\n.h-1{height:calc(var(--spacing) * 1);}\n.h-1\\.5{height:calc(var(--spacing) * 1.5);}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:calc(var(--spacing) * 2);}\n.h-3\\.5{height:calc(var(--spacing) * 3.5);}\n.h-4{height:calc(var(--spacing) * 4);}\n.h-5{height:calc(var(--spacing) * 5);}\n.h-6{height:calc(var(--spacing) * 6);}\n.h-7{height:calc(var(--spacing) * 7);}\n.h-8{height:calc(var(--spacing) * 8);}\n.h-9{height:calc(var(--spacing) * 9);}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:calc(var(--spacing) * 3);}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:var(--container-lg);}\n.max-w-prose{max-width:var(--container-prose);}\n.max-w-sm{max-width:var(--container-sm);}\n.max-w-xs{max-width:var(--container-xs);}\n.min-h-40{min-height:calc(var(--spacing) * 40);}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:calc(var(--spacing) * 0);}\n.min-w-40{min-width:calc(var(--spacing) * 40);}\n.min-w-44{min-width:calc(var(--spacing) * 44);}\n.min-w-5{min-width:calc(var(--spacing) * 5);}\n.min-w-6{min-width:calc(var(--spacing) * 6);}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:calc(var(--spacing) * 1.5);}\n.w-2{width:calc(var(--spacing) * 2);}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:calc(var(--spacing) * 4);}\n.w-7{width:calc(var(--spacing) * 7);}\n.w-8\\.5{width:calc(var(--spacing) * 8.5);}\n.w-80{width:calc(var(--spacing) * 80);}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.visible{visibility:visible;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.focus-within\\:ring-2:focus-within{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow,\n.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.-translate-x-1\\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--un-translate-x:calc(var(--spacing) * 4);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-0\\.5{--un-translate-x:calc(var(--spacing) * 0.5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-2{--un-translate-y:calc(var(--spacing) * 2);translate:var(--un-translate-x) var(--un-translate-y);}\n.-rotate-90{rotate:-90deg;}\n.rotate-90{rotate:90deg;}\n.scale-98{--un-scale-x:98%;--un-scale-y:98%;scale:var(--un-scale-x) var(--un-scale-y);}\n.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.duration-200{--un-duration:200ms;transition-duration:200ms;}\n.duration-250{--un-duration:250ms;transition-duration:250ms;}\n.duration-300{--un-duration:300ms;transition-duration:300ms;}\n.ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}\n.ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.inset-0{inset:calc(var(--spacing) * 0);}\n.inset-x-0{inset-inline:calc(var(--spacing) * 0);}\n.bottom-0{bottom:calc(var(--spacing) * 0);}\n.bottom-4{bottom:calc(var(--spacing) * 4);}\n.left-0{left:calc(var(--spacing) * 0);}\n.left-1\\.5{left:calc(var(--spacing) * 1.5);}\n.left-1\\/2{left:50%;}\n.left-2{left:calc(var(--spacing) * 2);}\n.left-2\\.5{left:calc(var(--spacing) * 2.5);}\n.left-4{left:calc(var(--spacing) * 4);}\n.right-0{right:calc(var(--spacing) * 0);}\n.right-4{right:calc(var(--spacing) * 4);}\n.top-0{top:calc(var(--spacing) * 0);}\n.top-4{top:calc(var(--spacing) * 4);}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.stroke-current{stroke:currentColor;}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.backdrop-blur-sm{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.invert{--un-invert:invert(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.saturate-0{--un-saturate:saturate(0%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.touch-none{touch-action:none;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}\n.divide-\\#8882{\n:where(&>:not(:last-child)){border-color:color-mix(in oklab, #8882 var(--un-divide-opacity), transparent);}\n}\n.divide-y{\n:where(&>:not(:last-child)){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}\n}\n.group-data-\\[state\\=open\\]\\:rotate-90{\n&:is(:where(.group)[data-state=open] *){rotate:90deg;}\n}\n@supports (color: color-mix(in lab, red, red)){\n.dark .dark\\:text-amber-300{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in oklab, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in oklab, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in oklab, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in oklab, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in oklab, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in oklab, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}\n.color-amber{color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.color-green{color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.color-primary{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.color-red{color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.color-white\\!{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) !important;}\n.border-amber-500\\/20{border-color:color-mix(in oklab, var(--colors-amber-500) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in oklab, var(--colors-blue-500) 20%, transparent);}\n.border-green-500\\/20{border-color:color-mix(in oklab, var(--colors-green-500) 20%, transparent);}\n.border-orange\\:50{border-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 50%, transparent);}\n.border-primary-500{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.border-red{border-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent);}\n.border-red-500\\/20{border-color:color-mix(in oklab, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in oklab, var(--colors-red-500) 60%, transparent);}\n.border-red\\!{border-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.dark .dark\\:border-primary-400{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.bg-green-400\\/10{background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\:5{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 5%, transparent);}\n.bg-primary-500{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\:10{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-red\\!{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in oklab, var(--colors-black) 40%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in oklab, var(--colors-red-500) 10%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in oklab, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 90%, transparent) !important;}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.sm\\:p-6{padding:calc(var(--spacing) * 6);}\n}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
diff --git a/packages/json-render-ui/src/dock-renderer.ts b/packages/json-render-ui/src/dock-renderer.ts
index 8936df58..06023eef 100644
--- a/packages/json-render-ui/src/dock-renderer.ts
+++ b/packages/json-render-ui/src/dock-renderer.ts
@@ -1,27 +1,12 @@
 import type { JsonRenderViewRef, Spec } from '@devframes/json-render'
+import type { JsonRenderDockRenderer } from '@devframes/json-render/hub'
 import type { ComponentRegistry } from '@json-render/vue'
 import type { ActionBridgeRpc } from './action-bridge'
 import { createApp, h, shallowRef } from 'vue'
 import { baseRegistry } from './registry'
 import { JsonRenderView } from './renderer'
 
-/**
- * The mount options the hub client host hands a renderer. Declared
- * structurally here so `@devframes/json-render-ui` needs no dependency on
- * `@devframes/hub` — the returned factory is still assignable to the hub's
- * `DockRenderer` at the host's registration site.
- */
-export interface JsonRenderDockMountOptions {
-  entry: unknown
-  container: HTMLElement
-
-  context: { rpc: any }
-}
-
-/** A hub-compatible dock renderer. */
-export type JsonRenderDockRenderer = (
-  options: JsonRenderDockMountOptions,
-) => Promise<{ dispose?: () => void }>
+export type { JsonRenderDockMountOptions, JsonRenderDockRenderer } from '@devframes/json-render/hub'
 
 export interface JsonRenderDockRendererOptions {
   /** Registry to render with. Defaults to the base registry. */
@@ -51,17 +36,17 @@ export function createJsonRenderDockRenderer(
 ): JsonRenderDockRenderer {
   const registry = options.registry ?? baseRegistry
   return async ({ entry, container, context }) => {
-    const view = (entry as { view: JsonRenderViewRef }).view
+    const view: JsonRenderViewRef = entry.view
     const rpc = context.rpc
     const interactive = rpc.connectionMeta?.backend !== 'static'
-    const viewId = 'stateKey' in view ? view.stateKey : ((entry as { id?: string }).id ?? 'inline')
+    const viewId = 'stateKey' in view ? view.stateKey : entry.id
 
     // Inline view: render the embedded spec as-is; shared-state view: subscribe
     // to the live spec and track updates through `specRef`.
     const specRef = shallowRef<Spec | null>('spec' in view ? view.spec : null)
     let off: (() => void) | undefined
     if ('stateKey' in view) {
-      const state = await rpc.sharedState.get(view.stateKey, { initialValue: null })
+      const state = await rpc.sharedState.get<Spec>(view.stateKey, { initialValue: null as unknown as Spec })
       specRef.value = state.value() as Spec | null
       off = state.on('updated', () => {
         specRef.value = state.value() as Spec | null
diff --git a/packages/json-render-ui/src/hub.ts b/packages/json-render-ui/src/hub.ts
new file mode 100644
index 00000000..bfdbcc1d
--- /dev/null
+++ b/packages/json-render-ui/src/hub.ts
@@ -0,0 +1,44 @@
+import type { DockRendererRegistration } from '@devframes/hub/initiate'
+import { existsSync } from 'node:fs'
+import { join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+/**
+ * The prebuilt renderer module lives next to the built entry (`dist/hub.mjs`
+ * → `dist/renderer/json-render.mjs`). When this module runs from source
+ * instead (tests and playgrounds resolving the workspace alias), fall back to
+ * the package's `dist/renderer/` — the module is a build artifact either way.
+ */
+function rendererFile(): string {
+  const here = fileURLToPath(new URL('.', import.meta.url))
+  const sibling = join(here, 'renderer/json-render.mjs')
+  if (existsSync(sibling))
+    return sibling
+  return join(here, '../dist/renderer/json-render.mjs')
+}
+
+/**
+ * Register the reference json-render frontend on a hub — the one-liner that
+ * composes `@devframes/json-render-ui` into any prebuilt viewer:
+ *
+ * ```ts
+ * import { initHub } from '@devframes/hub/initiate'
+ * import { createUi } from '@devframes/hub-ui'
+ * import { jsonRenderUiRenderer } from '@devframes/json-render-ui/hub'
+ *
+ * initHub({ ui: createUi(), renderers: [jsonRenderUiRenderer()] })
+ * ```
+ *
+ * The hub serves the package's prebuilt, self-contained renderer module at
+ * `<base>__renderers/json-render.mjs` and publishes it in the renderer
+ * manifest; viewers import it lazily the first time a `'json-render'` dock
+ * mounts. Without any registration for that type, a viewer shows its
+ * missing-renderer fallback instead — swap this helper for any community
+ * implementation of the `JsonRenderDockRenderer` contract.
+ *
+ * This entry is node-safe: it imports no Vue and no `@antfu/design`, so a
+ * host can read the registration without pulling the browser renderer graph.
+ */
+export function jsonRenderUiRenderer(): DockRendererRegistration {
+  return { type: 'json-render', file: rendererFile() }
+}
diff --git a/packages/json-render-ui/src/renderer-module/index.ts b/packages/json-render-ui/src/renderer-module/index.ts
new file mode 100644
index 00000000..a3d2aa50
--- /dev/null
+++ b/packages/json-render-ui/src/renderer-module/index.ts
@@ -0,0 +1,76 @@
+import type { JsonRenderDockRenderer } from '@devframes/json-render/hub'
+import css from '../.generated/css'
+import { createJsonRenderDockRenderer } from '../dock-renderer'
+
+// The prebuilt renderer module the hub serves at
+// `<base>__renderers/json-render.mjs` (registered via `jsonRenderUiRenderer()`
+// from `@devframes/json-render-ui/hub`). Self-contained by design: Vue, the
+// upstream renderer, the `@antfu/design` component ports, and the compiled
+// stylesheet all ride inside this one file, so any viewer can import it
+// natively at runtime with no build step.
+
+const STYLE_MARKER = 'data-devframes-json-render'
+
+/**
+ * The theme contract: the viewer mirrors a live `dark` class onto the mount
+ * container (or an ancestor in the same tree). Falls back to the page root's
+ * class for hand-rolled hosts that only theme `<html>`.
+ */
+function isDarkFor(container: HTMLElement): boolean {
+  if (container.closest('.dark'))
+    return true
+  if (container.closest('.light'))
+    return false
+  return document.documentElement.classList.contains('dark')
+}
+
+const inner = createJsonRenderDockRenderer()
+
+/**
+ * The self-styling `'json-render'` dock renderer. It attaches its own shadow
+ * root inside the viewer's container and adopts the compiled stylesheet
+ * there — fully styled in a light-DOM host page and inside a viewer's shadow
+ * root alike, without leaking the reset or any global rule into the page.
+ */
+const jsonRenderDockRenderer: JsonRenderDockRenderer = async ({ entry, container, context }) => {
+  const shadow = container.shadowRoot ?? container.attachShadow({ mode: 'open' })
+  if (!shadow.querySelector(`style[${STYLE_MARKER}]`)) {
+    const style = document.createElement('style')
+    style.setAttribute(STYLE_MARKER, '')
+    // The bundled `.vue` components' own `<style>` blocks are extracted by
+    // Vite into a CSS asset a self-contained module can't load — the build
+    // folds them back in through this namespaced global (see
+    // `vite.config.ts`'s `inline-sfc-css` plugin).
+    const sfcCss = (globalThis as { __DEVFRAMES_JSON_RENDER_SFC_CSS__?: string }).__DEVFRAMES_JSON_RENDER_SFC_CSS__ ?? ''
+    style.textContent = `${css}\n${sfcCss}`
+    shadow.append(style)
+  }
+
+  // Carries the `.dark`/`.light` class that class-based utilities resolve
+  // against (kept in sync with the viewer's container class), and the native
+  // `color-scheme` for scrollbars and form controls.
+  const root = document.createElement('div')
+  root.className = 'w-full h-full of-auto p4 bg-base color-base font-sans text-sm'
+  const syncScheme = (): void => {
+    const dark = isDarkFor(container)
+    root.classList.toggle('dark', dark)
+    root.classList.toggle('light', !dark)
+    root.style.colorScheme = dark ? 'dark' : 'light'
+  }
+  syncScheme()
+  const observer = new MutationObserver(syncScheme)
+  observer.observe(container, { attributes: true, attributeFilter: ['class'] })
+  observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] })
+  shadow.append(root)
+
+  const instance = await inner({ entry, container: root, context })
+  return {
+    dispose() {
+      observer.disconnect()
+      instance.dispose?.()
+      root.remove()
+    },
+  }
+}
+
+export default jsonRenderDockRenderer
diff --git a/packages/json-render-ui/src/renderer-module/primary-ramp.css b/packages/json-render-ui/src/renderer-module/primary-ramp.css
new file mode 100644
index 00000000..56d876c2
--- /dev/null
+++ b/packages/json-render-ui/src/renderer-module/primary-ramp.css
@@ -0,0 +1,29 @@
+/*
+ * Primary color as a single overridable variable: `--devframe-primary`.
+ *
+ * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`
+ * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is
+ * derived from `--devframe-primary` via `color-mix`, falling back to the
+ * devframe default sage green when it is unset.
+ *
+ * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block
+ * wins over Wind4's own `:root, :host` primary declarations. `:host` is the
+ * effective selector inside the renderer module's shadow root — its host is
+ * the viewer-owned mount container, and `--devframe-primary` (set by a
+ * viewer's branding on any ancestor) inherits across the shadow boundary onto
+ * it, so a rebranded hub retints the rendered views too.
+ */
+:root,
+:host {
+  --devframe-primary-DEFAULT: var(--devframe-primary);
+  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);
+  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);
+  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);
+  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);
+
+  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);
+  --colors-primary-600: var(--devframe-primary-600, #40704b);
+  --colors-primary-500: var(--devframe-primary-500, #578861);
+  --colors-primary-400: var(--devframe-primary-400, #75a67e);
+  --colors-primary-300: var(--devframe-primary-300, #93c69d);
+}
diff --git a/packages/json-render-ui/src/renderer-module/vite.config.ts b/packages/json-render-ui/src/renderer-module/vite.config.ts
new file mode 100644
index 00000000..14843ade
--- /dev/null
+++ b/packages/json-render-ui/src/renderer-module/vite.config.ts
@@ -0,0 +1,64 @@
+import type { Plugin } from 'vite'
+import { fileURLToPath } from 'node:url'
+import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite'
+import { alias } from '../../../../alias'
+
+// The bundled `.vue` components carry a few scoped `<style>` blocks (e.g. the
+// progress bar's indeterminate animation) that Vite extracts into a CSS asset
+// — which a self-contained, natively-imported module can never load. Fold the
+// extracted CSS back into the entry chunk through a namespaced global the
+// module reads when it builds its shadow-root stylesheet.
+function inlineSfcCss(): Plugin {
+  return {
+    name: 'devframes:inline-sfc-css',
+    enforce: 'post',
+    generateBundle(_options, bundle) {
+      let cssText = ''
+      for (const [fileName, output] of Object.entries(bundle)) {
+        if (output.type === 'asset' && fileName.endsWith('.css')) {
+          cssText += String(output.source)
+          delete bundle[fileName]
+        }
+      }
+      if (!cssText)
+        return
+      for (const output of Object.values(bundle)) {
+        if (output.type === 'chunk' && output.isEntry)
+          output.code = `globalThis.__DEVFRAMES_JSON_RENDER_SFC_CSS__ = ${JSON.stringify(cssText)};\n${output.code}`
+      }
+    },
+  }
+}
+
+// The prebuilt dock-renderer module (`dist/renderer/json-render.mjs`) —
+// registered into a hub via `jsonRenderUiRenderer()` and served at
+// `<base>__renderers/json-render.mjs`, where any viewer imports it natively
+// at runtime. One self-contained file on purpose: Vue and every dependency
+// ride inside the bundle, and styles live in the module's own shadow root
+// (`src/.generated/css.ts`), so no CSS asset is emitted either.
+export default defineConfig({
+  resolve: { alias },
+  plugins: [vue(), inlineSfcCss()],
+  define: {
+    // Bundled for a host page: strip Vue's dev-mode branches.
+    'process.env.NODE_ENV': JSON.stringify('production'),
+    '__VUE_OPTIONS_API__': 'false',
+    '__VUE_PROD_DEVTOOLS__': 'false',
+    '__VUE_PROD_HYDRATION_MISMATCH_DETAILS__': 'false',
+  },
+  build: {
+    outDir: fileURLToPath(new URL('../../dist/renderer', import.meta.url)),
+    emptyOutDir: true,
+    lib: {
+      entry: fileURLToPath(new URL('./index.ts', import.meta.url)),
+      formats: ['es'],
+      fileName: () => 'json-render.mjs',
+    },
+    rollupOptions: {
+      output: {
+        inlineDynamicImports: true,
+      },
+    },
+  },
+})
diff --git a/packages/json-render-ui/tsdown.config.ts b/packages/json-render-ui/tsdown.config.ts
index 8ffcd8f7..7e229e43 100644
--- a/packages/json-render-ui/tsdown.config.ts
+++ b/packages/json-render-ui/tsdown.config.ts
@@ -10,6 +10,9 @@ export default defineConfig({
     // Node-safe entry: exposes the prebuilt SPA path + a devframe wiring
     // helper. Imports no Vue / `@antfu/design`, only `node:url`.
     'spa': 'src/spa.ts',
+    // Node-safe entry: the hub renderer-manifest registration pointing at the
+    // prebuilt module in `dist/renderer/` (built by its own Vite config).
+    'hub': 'src/hub.ts',
   },
   outExtensions: () => ({ js: '.mjs', dts: '.d.mts' }),
   clean: true,
diff --git a/packages/json-render/src/hub.ts b/packages/json-render/src/hub.ts
index 81f7a71f..9e1b72e9 100644
--- a/packages/json-render/src/hub.ts
+++ b/packages/json-render/src/hub.ts
@@ -1,3 +1,4 @@
+import type { DockRenderer, DockRendererMountOptions } from '@devframes/hub/client'
 import type { DevframeDockEntryBase } from '@devframes/hub/types'
 import type { JsonRenderView } from './types'
 import type { JsonRenderViewRef } from './view-ref'
@@ -23,6 +24,25 @@ declare module '@devframes/hub/types' {
   }
 }
 
+/**
+ * The mount options a hub viewer hands a json-render dock renderer — the
+ * hub's `DockRendererMountOptions` narrowed to the `'json-render'` entry.
+ * This protocol package owns the renderer contract so every frontend —
+ * `@devframes/json-render-ui`, a community renderer, a host page's own —
+ * implements one shared shape instead of re-declaring it.
+ */
+export type JsonRenderDockMountOptions = DockRendererMountOptions<DevframeJsonRenderDockEntry>
+
+/**
+ * The renderer contract for `'json-render'` docks: a hub `DockRenderer`
+ * narrowed to {@link DevframeJsonRenderDockEntry}. Implement it to replace
+ * the reference frontend — register the implementation locally
+ * (`createDevframeClientHost({ renderers })`) or ship it as a prebuilt
+ * module registered through the hub's renderer manifest
+ * (`initHub({ renderers })`).
+ */
+export type JsonRenderDockRenderer = DockRenderer<DevframeJsonRenderDockEntry>
+
 /**
  * Build a `json-render` dock entry from a {@link JsonRenderView} and the dock
  * metadata (id, title, icon, …). Projects the view down to its serializable
diff --git a/plans/033-swappable-hub-ui-and-renderer-manifest.md b/plans/033-swappable-hub-ui-and-renderer-manifest.md
new file mode 100644
index 00000000..0f16b084
--- /dev/null
+++ b/plans/033-swappable-hub-ui-and-renderer-manifest.md
@@ -0,0 +1,185 @@
+# Plan 033: Swappable UI packages — renderer-module manifest + missing-renderer fallback
+
+## Status
+
+- **Priority**: P1
+- **Effort**: L (hub protocol + client, json-render contract move, json-render-ui module build, hub-ui decoupling, examples, docs)
+- **Risk**: MEDIUM (breaking for `@devframes/hub-ui` consumers who relied on its bundled json-render rendering; lands in the 0.9 breaking wave)
+- **Depends on**: none (complements plan 032 — `hub-ui`/`json-render*` stay the canonical external consumers)
+- **Planned at**: 2026-08-13
+
+## Goal
+
+Make the headless/UI split fully swappable, both ways, independently:
+
+- `devframe`, `@devframes/hub`, `@devframes/json-render` — headless (already true).
+- `@devframes/hub-ui` — opinionated reference viewer, replaceable by any
+  community implementation of the `DevframeHubUi` slot + client contracts.
+- `@devframes/json-render-ui` — opinionated reference renderer, replaceable by
+  any implementation of the json-render renderer contract.
+- The two swap **independently**: hub-ui knows nothing about json-render
+  rendering. When no json-render renderer is present, hub-ui shows a designed
+  fallback: *No renderer for "json-render" in the current environment.*
+
+Today's gaps:
+
+1. `packages/hub-ui/src/client/json-render/` bundles its own Vue json-render
+   components and `ViewEntry.vue` hard-routes `type === 'json-render'` to them
+   — hub-ui and json-render-ui are **not** independently swappable.
+2. The json-render renderer interface is declared structurally inside
+   json-render-ui (`src/dock-renderer.ts`) — the implementer owns its own
+   contract.
+3. A missing renderer is `console.warn` + silent no-op
+   (`hub/src/client/renderers.ts` `mount`).
+4. A prebuilt viewer (hub-ui's SPA / embedded.js) has no way to receive a
+   renderer registered at the host's `createDevframeClientHost` — there is no
+   composition seam for renderer modules.
+
+## Decisions (settled by interview)
+
+| # | Decision |
+|---|---|
+| 1 | Contracts stay in `@devframes/hub` (`DevframeHubUi` node slot + client `DockRenderer` registry); no new contract package. |
+| 2 | The json-render renderer contract moves to `@devframes/json-render/hub`, typed against `@devframes/hub` via type-only imports. |
+| 3 | hub-ui deletes its bundled JR rendering and delegates everything non-native to the renderer registry. |
+| 4 | New **renderer-module manifest**: `initHub({ renderers })` takes registration objects; the hub serves each prebuilt browser ESM bundle and publishes a `ClientScriptEntry`-shaped manifest over shared state. |
+| 5 | A manifest module's export (default; `importName` overridable) is a **ready `DockRenderer`**. |
+| 6 | Client loading is **lazy** (first mount of that dock type, cached); **locally passed renderers win** over manifest entries. |
+| 7 | Renderers are **self-styling and shadow-root-safe**: they inject their own CSS into the container's root. Theme contract: the viewer mirrors a live `dark` class onto the mount container; CSS custom properties inherit across the boundary. |
+| 8 | `renderers.mount()` returns a discriminated result — `mounted` / `missing-renderer` / `load-error` — plus an availability query; `console.warn` kept as a side effect. |
+| 9 | Fallback is **generic** (any unregistered type), one view across panel/edge/standalone: muted icon + `No renderer for "<type>" in the current environment` + generic hint. `load-error` variant shows the error and a retry button. No package-name special-casing. |
+| 10 | Node-side manifest failures are DF81xx structured diagnostics with docs pages. |
+| 11 | Minimal examples compose json-render-ui via the manifest; `hub-vite` + `hub-next` witnesses demo the manifest **and** the fallback, at parity. |
+| 12 | Docs: "Build your own hub UI" and "Build your own json-render frontend" guides. |
+| 13 | Single PR, part of the v0.9 wave. |
+
+## Design
+
+### 1. Hub node: `initHub({ renderers })`
+
+```ts
+/** One dock-type → prebuilt renderer-module registration. */
+export interface DockRendererRegistration {
+  /** Dock `type` this renderer handles (e.g. `'json-render'`). */
+  type: string
+  /** Absolute path of the prebuilt, self-contained browser ES module. */
+  file: string
+  /** Named export carrying the renderer. @default 'default' */
+  importName?: string
+}
+
+initHub({ renderers: [jsonRenderUiRenderer()] })
+```
+
+- Each registration's bundle is served (buffered, like `embedded.js`) at
+  `<base>__renderers/<type>.mjs`; `__renderers` joins `RESERVED_HUB_PATHS`.
+- The manifest is published into shared state at `devframe:dock-renderers` as
+  `Record<string /* type */, ClientScriptEntry>` with base-absolute
+  `importFrom` URLs — same convention as `__client-imports.js`.
+- Diagnostics: `DF8108` duplicate renderer type; `DF8109` missing bundle file;
+  `DF8110` non-URL-safe type.
+
+### 2. Hub client: shared renderer registry + typed mount result
+
+`hub/src/client/renderers.ts` gains a factory both consumers reuse
+(`createDevframeClientHost` **and** hub-ui's own context assembly):
+
+```ts
+export type DockRendererMountResult =
+  | { status: 'mounted', dispose: () => void }
+  | { status: 'missing-renderer' }
+  | { status: 'load-error', error: unknown }
+
+export interface DockRenderersContext {
+  register: (type: string, renderer: DockRenderer) => () => void
+  get: (type: string) => DockRenderer | undefined
+  /** True when a local renderer OR a manifest module exists for `type`. */
+  has: (type: string) => boolean
+  mount: (entry: DevframeDockEntry, container: HTMLElement) => Promise<DockRendererMountResult>
+}
+
+export function createDockRenderersContext(options: {
+  context: () => DevframeClientContext
+  local?: Record<string, DockRenderer>
+  manifest?: () => Record<string, ClientScriptEntry>
+  onMounted?: (dispose: () => void, entry: DevframeDockEntry) => void
+}): DockRenderersContext
+```
+
+- `mount()` resolution: local registration → manifest module (native dynamic
+  `import()`, cached per type, registered on success) → `missing-renderer`.
+- Import/mount failures resolve `load-error` (the failed import is not cached,
+  so a retry re-imports).
+- `DockRenderer` becomes generic (`DockRenderer<Entry extends DevframeDockEntry
+  = DevframeDockEntry>`) so integration packages can export precisely-typed
+  renderer contracts.
+- `createDevframeClientHost` reads the `devframe:dock-renderers` shared state
+  alongside docks and passes it as the manifest.
+
+**Breaking**: `mount()` previously resolved a bare disposer. 0.9 migration
+note: use `result.status === 'mounted' ? result.dispose : …`.
+
+### 3. `@devframes/json-render/hub`: the renderer contract
+
+```ts
+export type JsonRenderDockMountOptions = DockRendererMountOptions<DevframeJsonRenderDockEntry>
+export type JsonRenderDockRenderer = DockRenderer<DevframeJsonRenderDockEntry>
+```
+
+Type-only imports from `@devframes/hub/client`; `@devframes/hub` is already an
+optional peer of json-render. json-render-ui's structural duplicates are
+deleted and re-imported from here.
+
+### 4. `@devframes/json-render-ui`: renderer module + node registration
+
+- New browser bundle `dist/renderer/json-render.mjs` — self-contained ESM
+  (Vue, `@json-render/vue`, design components bundled), default-exporting a
+  ready `DockRenderer`. On mount it injects its compiled CSS (UnoCSS scan of
+  its components + `@antfu/design` styles, generated at build time like
+  hub-ui's `scripts/build-css.ts`) into `container.getRootNode()` — a
+  `ShadowRoot` gets its own `<style>`, a document gets one in `<head>`;
+  deduped per root. Dark rules scope to a `.dark` ancestor (the container
+  class the viewer mirrors).
+- New node-safe subpath `@devframes/json-render-ui/hub` exporting
+  `jsonRenderUiRenderer(): DockRendererRegistration` (path to the prebuilt
+  bundle). Type-only import from `@devframes/hub/initiate`; `@devframes/hub`
+  becomes an optional peer (consumers of `./hub` have it by definition).
+
+### 5. `@devframes/hub-ui`: delegate + fallback
+
+- Delete `src/client/json-render/**` and
+  `components/views/ViewJsonRender.vue` (+ stories). json-render-ui already
+  covers the catalog with strictly better behavior (sanitizeSpec, action
+  bridge with error surfacing, shared-state unsubscribe).
+- `state/renderers.ts` delegates to hub's `createDockRenderersContext`,
+  passing the `devframe:dock-renderers` manifest read in
+  `createDocksContext`.
+- `ViewEntry.vue`: natively-rendered types (`iframe`, `action`,
+  `custom-render`, `launcher`, `group`, `~builtin`) keep their views; **every
+  other type** routes to a new `ViewDockRenderer.vue` that mounts through the
+  registry, mirrors the live `dark` class onto the container, and renders the
+  fallback states: `missing-renderer` → muted icon + `No renderer for
+  "<type>" in the current environment` + hint; `load-error` → error message +
+  retry. Storybook story covers the fallback view.
+- hub-ui drops `@json-render/core` / `@json-render/vue` dev deps; keeps the
+  types-only `@devframes/json-render` peer (dock-union augmentation import in
+  `types.ts`).
+
+### 6. Examples & docs
+
+- `hub-vite-minimal` / `hub-next-minimal` / `hub-rsbuild-minimal`: add
+  `renderers: [jsonRenderUiRenderer()]` — the intended one-liner composition.
+- `hub-vite` + `hub-next` witnesses: consume the manifest (replacing their
+  compiled-in renderers) **and** demo the fallback with one unregistered dock
+  type; parity maintained, READMEs updated.
+- Docs: `docs/guide/build-your-own-hub-ui.md`,
+  `docs/guide/build-your-own-json-render-frontend.md`; update
+  `hub-initiate.md`, `client-context.md`, `json-render.md`; error pages for
+  DF8108–DF8110; migration note in `migration-0.9.md`.
+
+## Verification
+
+`pnpm lint && pnpm knip && pnpm test && pnpm typecheck && pnpm build`, plus a
+manual pass of `examples/hub-vite` (json-render dock renders via the manifest
+module; an unregistered type shows the fallback) and the same in
+`examples/hub-next`.
diff --git a/plans/README.md b/plans/README.md
index dfb07fae..6186628f 100644
--- a/plans/README.md
+++ b/plans/README.md
@@ -44,6 +44,7 @@ changes are allowed as long as they're marked).
 | 030 | Spike: server-side auth enforcement ⚠️ | security | P2 | L | 003, 007, 015 | DONE |
 | 031 | Agent-native MCP wave (bridges, core surface, connector) | direction | P2 | L | — | IN PROGRESS (phases 1–3 implemented on PR #145; DONE at merge) |
 | 032 | Reduce the devframe + @devframes/hub public API surface for 0.9 ⚠️ | direction/tech-debt | P2 | L | — | TODO |
+| 033 | Swappable UI packages: renderer-module manifest + missing-renderer fallback ⚠️ | direction | P1 | L | — | DONE (plan + implementation in one PR) |
 
 Status values: TODO | IN PROGRESS | DONE | BLOCKED (one-line reason) | REJECTED (one-line rationale).
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a225685e..6e49c1a3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -589,6 +589,9 @@ importers:
       '@devframes/json-render':
         specifier: workspace:*
         version: link:../../packages/json-render
+      '@devframes/json-render-ui':
+        specifier: workspace:*
+        version: link:../../packages/json-render-ui
       '@devframes/next':
         specifier: workspace:*
         version: link:../../packages/next
@@ -674,6 +677,12 @@ importers:
       '@devframes/hub-ui':
         specifier: workspace:*
         version: link:../../packages/hub-ui
+      '@devframes/json-render':
+        specifier: workspace:*
+        version: link:../../packages/json-render
+      '@devframes/json-render-ui':
+        specifier: workspace:*
+        version: link:../../packages/json-render-ui
       '@devframes/next':
         specifier: workspace:*
         version: link:../../packages/next
@@ -736,6 +745,12 @@ importers:
       '@devframes/hub-ui':
         specifier: workspace:*
         version: link:../../packages/hub-ui
+      '@devframes/json-render':
+        specifier: workspace:*
+        version: link:../../packages/json-render
+      '@devframes/json-render-ui':
+        specifier: workspace:*
+        version: link:../../packages/json-render-ui
       '@devframes/plugin-inspect':
         specifier: workspace:*
         version: link:../../plugins/inspect
@@ -806,16 +821,10 @@ importers:
       json-render:
         specifier: workspace:*
         version: link:../json-render
-      vue:
-        specifier: catalog:frontend
-        version: 3.5.40(typescript@6.0.3)
     devDependencies:
       '@iconify-json/ph':
         specifier: catalog:frontend
         version: 1.2.2
-      '@vitejs/plugin-vue':
-        specifier: catalog:build
-        version: 6.0.8(vite@8.2.0(@types/node@26.1.2)(esbuild@0.28.0)(jiti@2.7.0)(terser@5.47.1)(tsx@4.23.6)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.3))
       pathe:
         specifier: catalog:deps
         version: 2.0.3
@@ -834,6 +843,12 @@ importers:
       '@devframes/hub-ui':
         specifier: workspace:*
         version: link:../../packages/hub-ui
+      '@devframes/json-render':
+        specifier: workspace:*
+        version: link:../../packages/json-render
+      '@devframes/json-render-ui':
+        specifier: workspace:*
+        version: link:../../packages/json-render-ui
       '@devframes/plugin-inspect':
         specifier: workspace:*
         version: link:../../plugins/inspect
@@ -1115,12 +1130,6 @@ importers:
       '@iconify-json/ph':
         specifier: catalog:frontend
         version: 1.2.2
-      '@json-render/core':
-        specifier: catalog:deps
-        version: 0.19.0(zod@4.4.3)
-      '@json-render/vue':
-        specifier: catalog:frontend
-        version: 0.19.0(vue@3.5.40(typescript@5.9.3))(zod@4.4.3)
       '@storybook/addon-docs':
         specifier: catalog:storybook
         version: 10.5.6(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(esbuild@0.28.0)(rollup@4.60.3)(storybook@10.5.6(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(vite@8.2.0(@types/node@26.1.2)(esbuild@0.28.0)(jiti@2.7.0)(terser@5.47.1)(tsx@4.23.6)(yaml@2.9.0))
@@ -1210,6 +1219,9 @@ importers:
       '@antfu/design':
         specifier: catalog:frontend
         version: 0.3.3(@antfu/utils@9.3.0)(@iconify-json/catppuccin@1.2.17)(@tanstack/vue-virtual@3.13.30(vue@3.5.40(typescript@6.0.3)))(@unocss/core@66.7.5)(colorjs.io@0.6.1)(dompurify@3.4.13)(floating-vue@5.2.2(vue@3.5.40(typescript@6.0.3)))(playwright@1.62.1)(reka-ui@2.10.1(vue@3.5.40(typescript@6.0.3)))(splitpanes@4.1.2(vue@3.5.40(typescript@6.0.3)))(unocss@66.7.5(@unocss/postcss@66.7.5(postcss@8.5.23))(vite@8.2.0(@types/node@26.1.2)(esbuild@0.28.0)(jiti@2.7.0)(terser@5.47.1)(tsx@4.23.6)(yaml@2.9.0)))(vue@3.5.40(typescript@6.0.3))
+      '@devframes/hub':
+        specifier: workspace:*
+        version: link:../hub
       '@devframes/json-render':
         specifier: workspace:*
         version: link:../json-render
@@ -1225,6 +1237,9 @@ importers:
       '@unocss/preset-icons':
         specifier: catalog:frontend
         version: 66.7.5
+      '@unocss/reset':
+        specifier: catalog:frontend
+        version: 66.7.5
       '@vitejs/plugin-vue':
         specifier: catalog:build
         version: 6.0.8(vite@8.2.0(@types/node@26.1.2)(esbuild@0.28.0)(jiti@2.7.0)(terser@5.47.1)(tsx@4.23.6)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.3))
@@ -1234,9 +1249,15 @@ importers:
       storybook:
         specifier: catalog:storybook
         version: 10.5.6(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      tinyglobby:
+        specifier: catalog:deps
+        version: 0.2.17
       tsdown:
         specifier: catalog:build
         version: 0.22.14(@volar/typescript@2.4.28(typescript@6.0.3))(oxc-resolver@11.24.2)(tsx@4.23.6)(typescript@6.0.3)
+      tsx:
+        specifier: catalog:build
+        version: 4.23.6
       unocss:
         specifier: catalog:frontend
         version: 66.7.5(@unocss/postcss@66.7.5(postcss@8.5.23))(vite@8.2.0(@types/node@26.1.2)(esbuild@0.28.0)(jiti@2.7.0)(terser@5.47.1)(tsx@4.23.6)(yaml@2.9.0))
@@ -11228,12 +11249,6 @@ snapshots:
     transitivePeerDependencies:
       - zod
 
-  '@json-render/vue@0.19.0(vue@3.5.40(typescript@5.9.3))(zod@4.4.3)':
-    dependencies:
-      '@json-render/core': 0.19.0(zod@4.4.3)
-      vue: 3.5.40(typescript@5.9.3)
-      zod: 4.4.3
-
   '@json-render/vue@0.19.0(vue@3.5.40(typescript@6.0.3))(zod@4.4.3)':
     dependencies:
       '@json-render/core': 0.19.0(zod@4.4.3)
diff --git a/tests/__snapshots__/tsnapi/@devframes/hub/client.snapshot.d.ts b/tests/__snapshots__/tsnapi/@devframes/hub/client.snapshot.d.ts
index ee47bc7e..46198041 100644
--- a/tests/__snapshots__/tsnapi/@devframes/hub/client.snapshot.d.ts
+++ b/tests/__snapshots__/tsnapi/@devframes/hub/client.snapshot.d.ts
@@ -11,6 +11,12 @@ export interface CommandsContext {
   settings: SharedState<DevframeDocksUserSettings>;
   paletteOpen: boolean;
 }
+export interface CreateDockRenderersContextOptions {
+  context: () => DevframeClientContext;
+  local?: Record<string, DockRenderer>;
+  manifest?: () => DockRendererManifest;
+  onMounted?: (_: () => void, _: DevframeDockEntry) => (() => void) | void;
+}
 export interface DevframeClientHost {
   context: DevframeClientContext;
   dispose: () => void;
@@ -60,8 +66,8 @@ export interface DockRegistration<T extends DevframeDockEntry = DevframeDockEntr
 export interface DockRendererInstance {
   dispose?: () => void;
 }
-export interface DockRendererMountOptions {
-  entry: DevframeDockEntry;
+export interface DockRendererMountOptions<Entry extends DevframeDockEntry = DevframeDockEntry> {
+  entry: Entry;
   container: HTMLElement;
   context: DevframeClientContext;
 }
@@ -69,7 +75,7 @@ export interface DockRenderersContext {
   register: (_: string, _: DockRenderer) => () => void;
   get: (_: string) => DockRenderer | undefined;
   has: (_: string) => boolean;
-  mount: (_: DevframeDockEntry, _: HTMLElement) => Promise<() => void>;
+  mount: (_: DevframeDockEntry, _: HTMLElement) => Promise<DockRendererMountResult>;
 }
 export interface DocksConnectionContext {
   readonly status: DevframeConnectionStatus;
@@ -152,7 +158,17 @@ export interface WhenClauseContext {
 export type ConnectRemoteDevframeOptions = Omit<DevframeRpcClientOptions, 'connectionMeta' | 'authToken'>;
 export type DevframeClientContext = DocksContext;
 export type DockClientType = 'embedded' | 'standalone';
-export type DockRenderer = (_: DockRendererMountOptions) => DockRendererInstance | Promise<DockRendererInstance>;
+export type DockRenderer<Entry extends DevframeDockEntry = DevframeDockEntry> = (_: DockRendererMountOptions<Entry>) => DockRendererInstance | Promise<DockRendererInstance>;
+export type DockRendererManifest = Record<string, ClientScriptEntry>;
+export type DockRendererMountResult = {
+  status: 'mounted';
+  dispose: () => void;
+} | {
+  status: 'missing-renderer';
+} | {
+  status: 'load-error';
+  error: unknown;
+};
 export type FrameNavFrameMessage = FrameNavEnvelope & {
   from: 'frame';
 } & ({
@@ -185,6 +201,7 @@ export declare function attachFrameNavClient(_: FrameNavClientOptions): FrameNav
 export declare function buildRemoteDevframeUrl(_: string, _: DevframeConnection): string;
 export declare function connectRemoteDevframe(_?: ConnectRemoteDevframeOptions): Promise<DevframeRpcClient>;
 export declare function createDevframeClientHost(_?: DevframeClientHostOptions): Promise<DevframeClientHost>;
+export declare function createDockRenderersContext(_: CreateDockRenderersContextOptions): DockRenderersContext;
 export declare function createMessagesClient(_: DevframeRpcClient, _?: MessagesClientOptions): DevframeMessagesClient;
 export declare function getDevframeClientContext(): DevframeClientContext | undefined;
 export declare function parseRemoteConnection(_?: string): RemoteConnectionInfo | null;
diff --git a/tests/__snapshots__/tsnapi/@devframes/hub/client.snapshot.js b/tests/__snapshots__/tsnapi/@devframes/hub/client.snapshot.js
index d29beeb4..3b549ae6 100644
--- a/tests/__snapshots__/tsnapi/@devframes/hub/client.snapshot.js
+++ b/tests/__snapshots__/tsnapi/@devframes/hub/client.snapshot.js
@@ -6,6 +6,7 @@ export function attachFrameNavClient(_) {}
 export function buildRemoteDevframeUrl(_, _) {}
 export async function connectRemoteDevframe(_) {}
 export async function createDevframeClientHost(_) {}
+export function createDockRenderersContext(_) {}
 export function createMessagesClient(_, _) {}
 export function getDevframeClientContext() {}
 export function parseRemoteConnection(_) {}
diff --git a/tests/__snapshots__/tsnapi/@devframes/hub/constants.snapshot.d.ts b/tests/__snapshots__/tsnapi/@devframes/hub/constants.snapshot.d.ts
index cb54f03c..7446648a 100644
--- a/tests/__snapshots__/tsnapi/@devframes/hub/constants.snapshot.d.ts
+++ b/tests/__snapshots__/tsnapi/@devframes/hub/constants.snapshot.d.ts
@@ -4,6 +4,7 @@
 // #region Variables
 export declare const DEFAULT_CATEGORIES_ORDER: Record<string, number>;
 export declare const DEFAULT_STATE_USER_SETTINGS: () => DevframeDocksUserSettings;
+export declare const DOCK_RENDERERS_STATE_KEY: string;
 // #endregion
 
 // #region Re-exports
diff --git a/tests/__snapshots__/tsnapi/@devframes/hub/constants.snapshot.js b/tests/__snapshots__/tsnapi/@devframes/hub/constants.snapshot.js
index 6189f365..a8339062 100644
--- a/tests/__snapshots__/tsnapi/@devframes/hub/constants.snapshot.js
+++ b/tests/__snapshots__/tsnapi/@devframes/hub/constants.snapshot.js
@@ -4,6 +4,7 @@
 // #region Variables
 export var DEFAULT_CATEGORIES_ORDER /* const */
 export var DEFAULT_STATE_USER_SETTINGS /* const */
+export var DOCK_RENDERERS_STATE_KEY /* const */
 // #endregion
 
 // #region Re-exports
diff --git a/tests/__snapshots__/tsnapi/@devframes/hub/initiate.snapshot.d.ts b/tests/__snapshots__/tsnapi/@devframes/hub/initiate.snapshot.d.ts
index 4f33eefa..db961130 100644
--- a/tests/__snapshots__/tsnapi/@devframes/hub/initiate.snapshot.d.ts
+++ b/tests/__snapshots__/tsnapi/@devframes/hub/initiate.snapshot.d.ts
@@ -11,6 +11,11 @@ export interface DevframeHubUi {
   };
   assets?: Record<string, () => string | Uint8Array>;
 }
+export interface DockRendererRegistration {
+  type: string;
+  file: string;
+  importName?: string;
+}
 export interface HubDevframeEntry {
   devframe: DevframeDefinition;
   dock?: InstallDevframeOptions['dock'];
@@ -35,6 +40,7 @@ export interface InitHubOptions {
   context?: DevframeHubContext;
   configure?: (_: DevframeHubContext) => void | Promise<void>;
   ui?: DevframeHubUi;
+  renderers?: readonly DockRendererRegistration[];
   server?: Server;
   ws?: DevframeWsOptions;
   host?: string;
diff --git a/tests/__snapshots__/tsnapi/@devframes/json-render-ui/hub.snapshot.d.ts b/tests/__snapshots__/tsnapi/@devframes/json-render-ui/hub.snapshot.d.ts
new file mode 100644
index 00000000..2b0f61d1
--- /dev/null
+++ b/tests/__snapshots__/tsnapi/@devframes/json-render-ui/hub.snapshot.d.ts
@@ -0,0 +1,6 @@
+/**
+ * Generated by tsnapi — public API snapshot of `@devframes/json-render-ui/hub`
+ */
+// #region Functions
+export declare function jsonRenderUiRenderer(): DockRendererRegistration;
+// #endregion
\ No newline at end of file
diff --git a/tests/__snapshots__/tsnapi/@devframes/json-render-ui/hub.snapshot.js b/tests/__snapshots__/tsnapi/@devframes/json-render-ui/hub.snapshot.js
new file mode 100644
index 00000000..4251a0ed
--- /dev/null
+++ b/tests/__snapshots__/tsnapi/@devframes/json-render-ui/hub.snapshot.js
@@ -0,0 +1,6 @@
+/**
+ * Generated by tsnapi — public API snapshot of `@devframes/json-render-ui/hub`
+ */
+// #region Functions
+export function jsonRenderUiRenderer() {}
+// #endregion
\ No newline at end of file
diff --git a/tests/__snapshots__/tsnapi/@devframes/json-render-ui/index.snapshot.d.ts b/tests/__snapshots__/tsnapi/@devframes/json-render-ui/index.snapshot.d.ts
index 2ffe6e34..15ab0bab 100644
--- a/tests/__snapshots__/tsnapi/@devframes/json-render-ui/index.snapshot.d.ts
+++ b/tests/__snapshots__/tsnapi/@devframes/json-render-ui/index.snapshot.d.ts
@@ -19,13 +19,6 @@ export interface JsonRenderActionError {
   action: string;
   error: unknown;
 }
-export interface JsonRenderDockMountOptions {
-  entry: unknown;
-  container: HTMLElement;
-  context: {
-    rpc: any;
-  };
-}
 export interface JsonRenderDockRendererOptions {
   registry?: ComponentRegistry;
 }
@@ -33,16 +26,13 @@ export interface JsonRenderDockRendererOptions {
 
 // #region Types
 export type JrComponent<P = Record<string, unknown>> = (_: BaseComponentProps<P>) => VNodeChild;
-export type JsonRenderDockRenderer = (_: JsonRenderDockMountOptions) => Promise<{
-  dispose?: () => void;
-}>;
 // #endregion
 
 // #region Functions
 export declare function createActionBridge(_: ActionBridgeRpc, _?: {
   interactive?: boolean;
 }): JsonRenderActionBridge;
-export declare function createJsonRenderDockRenderer(_?: JsonRenderDockRendererOptions): JsonRenderDockRenderer;
+export declare function createJsonRenderDockRenderer(_?: JsonRenderDockRendererOptions): JsonRenderDockRenderer$1;
 export declare function createRenderer(_?: CreateRendererOptions): import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -140,4 +130,9 @@ export declare const Text: JrComponent<TextProps>;
 export declare const TextInput: JrComponent<TextInputProps>;
 export declare const Tree: JrComponent<TreeProps>;
 export declare const UNSUPPORTED_COMPONENT_TYPE: string;
+// #endregion
+
+// #region Other
+export { JsonRenderDockMountOptions }
+export { JsonRenderDockRenderer }
 // #endregion
\ No newline at end of file
diff --git a/tests/__snapshots__/tsnapi/@devframes/json-render/hub.snapshot.d.ts b/tests/__snapshots__/tsnapi/@devframes/json-render/hub.snapshot.d.ts
index 27a34dc9..3b2a2066 100644
--- a/tests/__snapshots__/tsnapi/@devframes/json-render/hub.snapshot.d.ts
+++ b/tests/__snapshots__/tsnapi/@devframes/json-render/hub.snapshot.d.ts
@@ -8,6 +8,11 @@ export interface DevframeJsonRenderDockEntry extends DevframeDockEntryBase {
 }
 // #endregion
 
+// #region Types
+export type JsonRenderDockMountOptions = DockRendererMountOptions<DevframeJsonRenderDockEntry>;
+export type JsonRenderDockRenderer = DockRenderer<DevframeJsonRenderDockEntry>;
+// #endregion
+
 // #region Functions
 export declare function toJsonRenderDockEntry(_: JsonRenderView, _: Omit<DevframeJsonRenderDockEntry, 'type' | 'view'>): DevframeJsonRenderDockEntry;
 // #endregion
\ No newline at end of file
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 90303788..cde938f1 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -157,6 +157,9 @@
       "@devframes/json-render-ui/components": [
         "./packages/json-render-ui/src/components/index.ts"
       ],
+      "@devframes/json-render-ui/hub": [
+        "./packages/json-render-ui/src/hub.ts"
+      ],
       "@devframes/json-render-ui/spa": [
         "./packages/json-render-ui/src/spa.ts"
       ],

From 70d6db2f4786f82bccac4d20117125ed1437fa1d Mon Sep 17 00:00:00 2001
From: "Anthony Fu (via agent)" <reg-github-bot@antfu.me>
Date: Thu, 13 Aug 2026 03:49:18 +0000
Subject: [PATCH 02/11] fix(examples): load jsonRenderUiRenderer via
 bundler-ignored import in hub-next
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Turbopack bundled the static `@devframes/json-render-ui/hub` import into the
Next server chunk, so the helper's `import.meta.url`-based bundle-path
resolution pointed inside `.next/…/assets/dist/` and tripped DF8109. Load it
through the same bundler-ignored dynamic `import()` as the plugins, so Node
resolves the published `dist` at request time and the renderer module resolves
correctly.

Also type the React example's dock renderer against the moved
`JsonRenderDockRenderer` contract, and widen the client renderer registry's
`register`/`renderers` inputs to `DockRenderer<any>` so a renderer narrowed to
a specific entry variant plugs in.
---
 .../src/client/devframe/next-devframe-hub.ts  | 23 ++++++++++++++++---
 .../src/client/json-render/dock-renderer.tsx  | 12 ++++++----
 packages/hub/src/client/host.ts               |  2 +-
 packages/hub/src/client/renderers.ts          | 11 ++++++---
 packages/json-render-ui/src/.generated/css.ts |  2 +-
 5 files changed, 38 insertions(+), 12 deletions(-)

diff --git a/examples/hub-next/src/client/devframe/next-devframe-hub.ts b/examples/hub-next/src/client/devframe/next-devframe-hub.ts
index 23d4810e..446263be 100644
--- a/examples/hub-next/src/client/devframe/next-devframe-hub.ts
+++ b/examples/hub-next/src/client/devframe/next-devframe-hub.ts
@@ -1,12 +1,12 @@
-import type { HubDevframeEntry, HubInstance } from '@devframes/hub/initiate'
+import type { DockRendererRegistration, HubDevframeEntry, HubInstance } from '@devframes/hub/initiate'
 import type { DevframeHubContext } from '@devframes/hub/node'
+import type { jsonRenderUiRenderer as JsonRenderUiRenderer } from '@devframes/json-render-ui/hub'
 import type { DevframeDefinition } from 'devframe'
 import { homedir } from 'node:os'
 import process from 'node:process'
 import { fileURLToPath } from 'node:url'
 import { defineHubRpcFunction } from '@devframes/hub'
 import { DEVFRAMES_HUB_BASE, initHub } from '@devframes/hub/initiate'
-import { jsonRenderUiRenderer } from '@devframes/json-render-ui/hub'
 import { toJsonRenderDockEntry } from '@devframes/json-render/hub'
 import { createDashboardView } from 'json-render/dashboard'
 import { dirname, join } from 'pathe'
@@ -62,6 +62,19 @@ async function loadAssetsDevframe(): Promise<DevframeDefinition> {
   return (mod.createAssetsDevframe as (options: { dir: string, watch: boolean }) => DevframeDefinition)({ dir, watch: false })
 }
 
+/**
+ * The reference json-render renderer registration for `initHub({ renderers })`.
+ * Loaded through the same bundler-ignored dynamic `import()` as the plugins:
+ * `jsonRenderUiRenderer()` resolves its prebuilt module via `import.meta.url`,
+ * which only points at the published `dist` when Node loads the package at
+ * request time — a static import would be rewritten into a Next server chunk,
+ * making the path resolve inside `.next/` (see `DF8109`).
+ */
+async function loadJsonRenderUiRenderer(): Promise<DockRendererRegistration> {
+  const mod = await import(/* webpackIgnore: true */ /* turbopackIgnore: true */ '@devframes/json-render-ui/hub')
+  return (mod.jsonRenderUiRenderer as typeof JsonRenderUiRenderer)()
+}
+
 /**
  * URL base the a11y agent module is served under — inside the hub namespace,
  * so the one catch-all route reaches it.
@@ -158,6 +171,10 @@ export async function nextDevframeHub(
   // the origin, so their BroadcastChannel connects.
   const a11yAgent = await loadA11yAgentMount()
 
+  // The reference json-render renderer module, loaded the same bundler-ignored
+  // way so its `import.meta.url` bundle path resolves to the published `dist`.
+  const jsonRenderRenderer = await loadJsonRenderUiRenderer()
+
   // Demo devframes alongside the dogfooded built-in plugin packages. The
   // shared-iframe soft-navigation demo mounts as a `subTabs` anchor (a shared
   // `frameId` + the postmessage protocol) so the client host attaches the
@@ -215,7 +232,7 @@ export async function nextDevframeHub(
     // local React renderer for the same type (app/page.tsx), which takes
     // precedence — witnessing both sides of the swap seam: the manifest
     // composition AND a local frontend replacing it.
-    renderers: [jsonRenderUiRenderer()],
+    renderers: [jsonRenderRenderer],
     // Record this hub in the global registry so `devframe connect` discovers
     // it — running inside the Next dev server — like any standalone devframe.
     // The instance owns the record (written once its pinned origin resolves,
diff --git a/examples/hub-next/src/client/json-render/dock-renderer.tsx b/examples/hub-next/src/client/json-render/dock-renderer.tsx
index 1e38d5c7..db35070c 100644
--- a/examples/hub-next/src/client/json-render/dock-renderer.tsx
+++ b/examples/hub-next/src/client/json-render/dock-renderer.tsx
@@ -96,14 +96,18 @@ function JsonRenderView({ spec, rpc, registry, viewId }: JsonRenderViewProps): R
 export function createReactJsonRenderDockRenderer(): JsonRenderDockRenderer {
   return async ({ entry, container, context }) => {
     const view: JsonRenderViewRef = entry.view
-    const rpc = context.rpc
+    const { rpc } = context
+    // The action bridge only needs a loose `call(method, …)` — the client's
+    // typed `DevframeRpcClient` narrows `method` to known keys, so widen it at
+    // the prop boundary for the dynamic spec-action names.
+    const bridgeRpc = rpc as unknown as JsonRenderViewProps['rpc']
     const viewId = 'stateKey' in view ? view.stateKey : entry.id
     const root = createRoot(container)
 
     // Inline view: render the embedded spec once, no shared state involved.
     if ('spec' in view) {
       root.render(
-        <JsonRenderView spec={view.spec} rpc={rpc} registry={baseReactRegistry} viewId={viewId} />,
+        <JsonRenderView spec={view.spec} rpc={bridgeRpc} registry={baseReactRegistry} viewId={viewId} />,
       )
       return {
         dispose() {
@@ -112,12 +116,12 @@ export function createReactJsonRenderDockRenderer(): JsonRenderDockRenderer {
       }
     }
 
-    const state = await rpc.sharedState.get(view.stateKey, { initialValue: null })
+    const state = await rpc.sharedState.get<Spec>(view.stateKey, { initialValue: null as unknown as Spec })
     const render = (): void => {
       root.render(
         <JsonRenderView
           spec={state.value() as Spec | null}
-          rpc={rpc}
+          rpc={bridgeRpc}
           registry={baseReactRegistry}
           viewId={viewId}
         />,
diff --git a/packages/hub/src/client/host.ts b/packages/hub/src/client/host.ts
index b8da3715..7bef46a1 100644
--- a/packages/hub/src/client/host.ts
+++ b/packages/hub/src/client/host.ts
@@ -66,7 +66,7 @@ export interface DevframeClientHostOptions {
    * Local registrations take precedence over the hub's renderer manifest
    * (`initHub({ renderers })`) — explicit local code beats wire config.
    */
-  renderers?: Record<string, DockRenderer>
+  renderers?: Record<string, DockRenderer<any>>
   /**
    * Hub-wide override of the top-level dock-bar category ordering — a map of
    * category id → ordering weight (lower sorts earlier), mirroring the shape
diff --git a/packages/hub/src/client/renderers.ts b/packages/hub/src/client/renderers.ts
index 5877c7cb..9040bc3d 100644
--- a/packages/hub/src/client/renderers.ts
+++ b/packages/hub/src/client/renderers.ts
@@ -61,8 +61,13 @@ export type DockRendererMountResult
  * instance and disposes it when the entry deactivates.
  */
 export interface DockRenderersContext {
-  /** Register a renderer for a dock `type`. Returns an unregister function. */
-  register: (type: string, renderer: DockRenderer) => () => void
+  /**
+   * Register a renderer for a dock `type`. Returns an unregister function.
+   * Accepts a renderer narrowed to any specific entry variant (e.g. a
+   * {@link DockRenderer}<DevframeJsonRenderDockEntry> from an integration
+   * package) — the type routes only its own entries to it.
+   */
+  register: (type: string, renderer: DockRenderer<any>) => () => void
   /** Look up the locally-registered renderer for a dock `type`, if any. */
   get: (type: string) => DockRenderer | undefined
   /**
@@ -99,7 +104,7 @@ export interface CreateDockRenderersContextOptions {
   /** The assembled client context handed to renderers at mount. */
   context: () => DevframeClientContext
   /** Renderers registered locally at boot — these win over manifest modules. */
-  local?: Record<string, DockRenderer>
+  local?: Record<string, DockRenderer<any>>
   /** The current {@link DockRendererManifest} (live getter). */
   manifest?: () => DockRendererManifest
   /**
diff --git a/packages/json-render-ui/src/.generated/css.ts b/packages/json-render-ui/src/.generated/css.ts
index 219892e9..9d8c97e6 100644
--- a/packages/json-render-ui/src/.generated/css.ts
+++ b/packages/json-render-ui/src/.generated/css.ts
@@ -1,3 +1,3 @@
 /* eslint-disable eslint-comments/no-unlimited-disable */
 /* eslint-disable */
-export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n/* layer: properties */\n@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{--un-bg-opacity:100%;--un-border-opacity:100%;--un-border-style:solid;--un-divide-opacity:100%;--un-divide-y-reverse:initial;--un-ease:initial;--un-from-opacity:100%;--un-leading:initial;--un-ring-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-text-opacity:100%;--un-to-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-via-opacity:100%;}}\n@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-leading{syntax:\"*\";inherits:false;}\n@property --un-border-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-ring-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-inset-ring-color{syntax:\"*\";inherits:false;}\n@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-ring-color{syntax:\"*\";inherits:false;}\n@property --un-ring-inset{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-color{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}\n@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-translate-x{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-y{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-z{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-scale-x{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-y{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-z{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-ease{syntax:\"*\";inherits:false;}\n@property --un-from-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%;}\n@property --un-gradient-position{syntax:\"*\";inherits:false;}\n@property --un-gradient-stops{syntax:\"*\";inherits:false;}\n@property --un-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%;}\n@property --un-gradient-via-stops{syntax:\"*\";inherits:false;}\n@property --un-to-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-via-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-backdrop-blur{syntax:\"*\";inherits:false;}\n@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}\n@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}\n@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}\n@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-invert{syntax:\"*\";inherits:false;}\n@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}\n@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}\n@property --un-blur{syntax:\"*\";inherits:false;}\n@property --un-brightness{syntax:\"*\";inherits:false;}\n@property --un-contrast{syntax:\"*\";inherits:false;}\n@property --un-drop-shadow{syntax:\"*\";inherits:false;}\n@property --un-grayscale{syntax:\"*\";inherits:false;}\n@property --un-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-invert{syntax:\"*\";inherits:false;}\n@property --un-saturate{syntax:\"*\";inherits:false;}\n@property --un-sepia{syntax:\"*\";inherits:false;}\n@property --un-numeric-figure{syntax:\"*\";inherits:false;}\n@property --un-numeric-fraction{syntax:\"*\";inherits:false;}\n@property --un-numeric-spacing{syntax:\"*\";inherits:false;}\n@property --un-ordinal{syntax:\"*\";inherits:false;}\n@property --un-slashed-zero{syntax:\"*\";inherits:false;}\n@property --un-divide-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n/* layer: theme */\n:root, :host { --spacing: 0.25rem; --radius-DEFAULT: 0.25rem; --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --fontWeight-medium: 500; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --fontWeight-semibold: 600; --fontWeight-bold: 700; --colors-orange-DEFAULT: oklch(75% 0.183 55.934); --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"; --container-prose: 65ch; --colors-blue-400: oklch(70.7% 0.165 254.624); --colors-green-400: oklch(79.2% 0.209 151.711); --colors-amber-400: oklch(82.8% 0.189 84.429); --colors-red-400: oklch(70.4% 0.191 22.216); --radius-lg: 0.5rem; --ease-out: cubic-bezier(0, 0, 0.2, 1); --radius-md: 0.375rem; --leading-none: 1; --tracking-wide: 0.025em; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --radius-xl: 0.75rem; --container-sm: 24rem; --container-xs: 20rem; --container-lg: 32rem; --colors-primary-500: #578861; --colors-primary-DEFAULT: #3a6a45; --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-blue-700: oklch(48.8% 0.243 264.376); --colors-green-500: oklch(72.3% 0.219 149.579); --colors-green-700: oklch(52.7% 0.154 150.069); --colors-amber-500: oklch(76.9% 0.188 70.08); --colors-amber-700: oklch(55.5% 0.163 48.998); --colors-red-500: oklch(63.7% 0.237 25.331); --colors-red-700: oklch(50.5% 0.213 27.518); --colors-green-600: oklch(62.7% 0.194 149.214); --colors-amber-600: oklch(66.6% 0.179 58.318); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-white: #fff; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --colors-black: #000; --colors-primary-400: #75a67e; --colors-blue-300: oklch(80.9% 0.105 251.813); --colors-green-300: oklch(87.1% 0.15 154.449); --colors-amber-300: oklch(87.9% 0.169 91.605); --colors-red-300: oklch(80.8% 0.114 19.571); --colors-neutral-500: oklch(55.6% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-primary-600: #40704b; --colors-neutral-400: oklch(70.8% 0 0); --colors-primary-300: #93c69d; --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --colors-blue-600: oklch(54.6% 0.245 262.881); --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }\n/* layer: base */\n *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  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-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, 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; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.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 { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :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: 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }\n/* layer: preflights */\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.badge{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));--un-leading:var(--leading-none);line-height:var(--leading-none);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 0.5);border-radius:var(--radius-md);display:inline-flex;gap:calc(var(--spacing) * 1);align-items:center;}\n.btn-action-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.text-micro{font-size:10px;--un-leading:1.4;line-height:1.4;}\n.badge-color-amber{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-amber-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-amber-400) 20%, transparent);}\n.dark .badge-color-amber{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-amber-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.badge-color-blue{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-blue-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-blue-400) 20%, transparent);}\n.dark .badge-color-blue{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-blue-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.badge-color-green{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-green-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-green-400) 20%, transparent);}\n.dark .badge-color-green{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-green-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.badge-color-red{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-red-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-red-400) 20%, transparent);}\n.dark .badge-color-red{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-red-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.btn-primary{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);opacity:100% !important;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.color-faint,\n.dark .color-faint{color:color-mix(in srgb, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in srgb, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.btn-action{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.btn-icon{--un-outline-style:none;outline-style:none;border-radius:calc(infinity * 1px);opacity:65%;display:flex;width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.btn-icon-compact{--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);opacity:65%;display:flex;width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.border-base{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.border-mute{border-color:color-mix(in oklab, #8881 var(--un-border-opacity), transparent);}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-ambient{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, #111 var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in srgb, var(--colors-white) 65%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass{background-color:color-mix(in oklab, #111 50%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in srgb, var(--colors-white) 98%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:75{background-color:color-mix(in oklab, #111 75%, transparent);}\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-secondary{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.dark .bg-secondary{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.hover\\:bg-hover:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.dark .hover\\:bg-secondary:hover{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.hover\\:bg-secondary:hover{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.btn-action:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-action-sm:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon-compact:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-primary:hover{background-color:color-mix(in srgb, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:55%;}\n.op-fade{opacity:65%;}\n.dark .op-mute{opacity:25%;}\n.op-mute{opacity:30%;}\n.btn-action:disabled{opacity:30% !important;pointer-events:none;}\n.btn-action-sm:disabled{opacity:30% !important;pointer-events:none;}\n.btn-icon:disabled{opacity:30%;pointer-events:none;}\n.btn-icon-compact:disabled{opacity:30%;pointer-events:none;}\n.btn-primary:disabled{opacity:50%;pointer-events:none;}\n.dark .disabled\\:op-mute:disabled{opacity:25%;}\n.disabled\\:op-mute:disabled{opacity:30%;}\n.dark .placeholder\\:op-mute::placeholder{opacity:25%;}\n.placeholder\\:op-mute::placeholder{opacity:30%;}\n.container{width:100%;}\n.btn-action:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.bg-gradient-more{--un-gradient-from:color-mix(in oklab, var(--colors-white) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, var(--colors-white) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, var(--colors-white) var(--un-to-opacity), transparent);--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops));}\n.dark .bg-gradient-more{--un-gradient-from:color-mix(in oklab, #111 var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, #111 var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, #111 var(--un-to-opacity), transparent);}\n.dark .icon-catppuccin{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0%);}\n.icon-catppuccin{--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(100%);}\n@supports (color: color-mix(in lab, red, red)){\n.badge-color-amber{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-amber-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-amber-400) 20%, transparent);}\n.dark .badge-color-amber{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-amber-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.badge-color-blue{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-blue-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-blue-400) 20%, transparent);}\n.dark .badge-color-blue{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-blue-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.badge-color-green{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-green-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-green-400) 20%, transparent);}\n.dark .badge-color-green{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-green-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.badge-color-red{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-red-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-red-400) 20%, transparent);}\n.dark .badge-color-red{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-red-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.btn-primary{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.color-active{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.color-base{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.dark .color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in oklab, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-base{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=active\\]\\:bg-base[data-state=active]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in oklab, var(--colors-white) 65%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in oklab, var(--colors-white) 98%, transparent);}\n.btn-primary:hover{background-color:color-mix(in oklab, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.btn-action:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.container{max-width:40rem;}\n}\n@media (min-width: 48rem){\n.container{max-width:48rem;}\n}\n@media (min-width: 64rem){\n.container{max-width:64rem;}\n}\n@media (min-width: 80rem){\n.container{max-width:80rem;}\n}\n@media (min-width: 96rem){\n.container{max-width:96rem;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}\n.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}\n.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}\n.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}\n.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}\n.dark .dark\\:text-amber-300{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in srgb, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in srgb, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in srgb, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in srgb, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in srgb, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in srgb, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}\n.color-amber{color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.color-green{color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.color-primary{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.color-red{color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.color-white\\!{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) !important;}\n.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}\n.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}\n.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}\n.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}\n.font-mono{font-family:var(--font-mono);}\n.font-sans{font-family:var(--font-sans);}\n.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.m-auto{margin:auto;}\n.mx--1{margin-inline:calc(var(--spacing) * -1);}\n.mx-1{margin-inline:calc(var(--spacing) * 1);}\n.mx-2{margin-inline:calc(var(--spacing) * 2);}\n.my-1{margin-block:calc(var(--spacing) * 1);}\n.my-2{margin-block:calc(var(--spacing) * 2);}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:calc(var(--spacing) * 1);}\n.mb2{margin-bottom:calc(var(--spacing) * 2);}\n.ml-0\\.5{margin-left:calc(var(--spacing) * 0.5);}\n.ml-1,\n.ml1{margin-left:calc(var(--spacing) * 1);}\n.ml-1\\.5{margin-left:calc(var(--spacing) * 1.5);}\n.ms{margin-inline-start:calc(var(--spacing) * 4);}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:calc(var(--spacing) * 0.5);}\n.mt-1{margin-top:calc(var(--spacing) * 1);}\n.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5);}\n.mt-2{margin-top:calc(var(--spacing) * 2);}\n.mt-4{margin-top:calc(var(--spacing) * 4);}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:calc(var(--spacing) * 0.5);}\n.p-1{padding:calc(var(--spacing) * 1);}\n.p-1\\.5{padding:calc(var(--spacing) * 1.5);}\n.p-2,\n.p2{padding:calc(var(--spacing) * 2);}\n.p-3{padding:calc(var(--spacing) * 3);}\n.p-4,\n.p4{padding:calc(var(--spacing) * 4);}\n.px,\n.px-4,\n.px4{padding-inline:calc(var(--spacing) * 4);}\n.px-1,\n.px1{padding-inline:calc(var(--spacing) * 1);}\n.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5);}\n.px-2,\n.px2{padding-inline:calc(var(--spacing) * 2);}\n.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5);}\n.px-2\\.5\\!{padding-inline:calc(var(--spacing) * 2.5) !important;}\n.px-3{padding-inline:calc(var(--spacing) * 3);}\n.px-6{padding-inline:calc(var(--spacing) * 6);}\n.py-0\\.5,\n.py0\\.5{padding-block:calc(var(--spacing) * 0.5);}\n.py-1,\n.py1{padding-block:calc(var(--spacing) * 1);}\n.py-1\\!{padding-block:calc(var(--spacing) * 1) !important;}\n.py-1\\.5,\n.py1\\.5{padding-block:calc(var(--spacing) * 1.5);}\n.py-10{padding-block:calc(var(--spacing) * 10);}\n.py-12{padding-block:calc(var(--spacing) * 12);}\n.py-2{padding-block:calc(var(--spacing) * 2);}\n.py-3{padding-block:calc(var(--spacing) * 3);}\n.py-4{padding-block:calc(var(--spacing) * 4);}\n.py2\\.5{padding-block:calc(var(--spacing) * 2.5);}\n.pb-1{padding-bottom:calc(var(--spacing) * 1);}\n.pl-4{padding-left:calc(var(--spacing) * 4);}\n.pl-5{padding-left:calc(var(--spacing) * 5);}\n.pl-7{padding-left:calc(var(--spacing) * 7);}\n.pl3{padding-left:calc(var(--spacing) * 3);}\n.pr-2{padding-right:calc(var(--spacing) * 2);}\n.pt-1\\.5{padding-top:calc(var(--spacing) * 1.5);}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.outline-none{--un-outline-style:none;outline-style:none;}\n.list-none{list-style-type:none;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:color-mix(in srgb, var(--colors-amber-500) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in srgb, var(--colors-blue-500) 20%, transparent);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:color-mix(in srgb, var(--colors-green-500) 20%, transparent);}\n.border-orange\\:50{border-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 50%, transparent);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.border-red{border-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent);}\n.border-red-500\\/20{border-color:color-mix(in srgb, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in srgb, var(--colors-red-500) 60%, transparent);}\n.border-red\\!{border-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in srgb, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:var(--radius-DEFAULT);}\n.rounded-full{border-radius:calc(infinity * 1px);}\n.rounded-lg{border-radius:var(--radius-lg);}\n.rounded-md{border-radius:var(--radius-md);}\n.rounded-xl{border-radius:var(--radius-xl);}\n.border-dashed{--un-border-style:dashed;border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:color-mix(in oklab, #ddd 40%, transparent);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.bg-\\#8882{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-\\#8885{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\:5{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 5%, transparent);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\:10{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-red\\!{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in srgb, var(--colors-black) 40%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in srgb, var(--colors-red-500) 10%, transparent);}\n.hover\\:bg-\\#8888:hover{background-color:color-mix(in oklab, #8888 var(--un-bg-opacity), transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in srgb, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 90%, transparent) !important;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:50%;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:100%;}\n.op0{opacity:0%;}\n.op75{opacity:75%;}\n.hover\\:op100:hover{opacity:100%;}\n.disabled\\:op50:disabled{opacity:50%;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.gap-0\\.5{gap:calc(var(--spacing) * 0.5);}\n.gap-1{gap:calc(var(--spacing) * 1);}\n.gap-1\\.5{gap:calc(var(--spacing) * 1.5);}\n.gap-2{gap:calc(var(--spacing) * 2);}\n.gap-3{gap:calc(var(--spacing) * 3);}\n.gap-4{gap:calc(var(--spacing) * 4);}\n.gap-x-2{column-gap:calc(var(--spacing) * 2);}\n.gap-y-1{row-gap:calc(var(--spacing) * 1);}\n.grid{display:grid;}\n.h-0\\.5{height:calc(var(--spacing) * 0.5);}\n.h-1{height:calc(var(--spacing) * 1);}\n.h-1\\.5{height:calc(var(--spacing) * 1.5);}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:calc(var(--spacing) * 2);}\n.h-3\\.5{height:calc(var(--spacing) * 3.5);}\n.h-4{height:calc(var(--spacing) * 4);}\n.h-5{height:calc(var(--spacing) * 5);}\n.h-6{height:calc(var(--spacing) * 6);}\n.h-7{height:calc(var(--spacing) * 7);}\n.h-8{height:calc(var(--spacing) * 8);}\n.h-9{height:calc(var(--spacing) * 9);}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:calc(var(--spacing) * 3);}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:var(--container-lg);}\n.max-w-prose{max-width:var(--container-prose);}\n.max-w-sm{max-width:var(--container-sm);}\n.max-w-xs{max-width:var(--container-xs);}\n.min-h-40{min-height:calc(var(--spacing) * 40);}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:calc(var(--spacing) * 0);}\n.min-w-40{min-width:calc(var(--spacing) * 40);}\n.min-w-44{min-width:calc(var(--spacing) * 44);}\n.min-w-5{min-width:calc(var(--spacing) * 5);}\n.min-w-6{min-width:calc(var(--spacing) * 6);}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:calc(var(--spacing) * 1.5);}\n.w-2{width:calc(var(--spacing) * 2);}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:calc(var(--spacing) * 4);}\n.w-7{width:calc(var(--spacing) * 7);}\n.w-8\\.5{width:calc(var(--spacing) * 8.5);}\n.w-80{width:calc(var(--spacing) * 80);}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.visible{visibility:visible;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.focus-within\\:ring-2:focus-within{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow,\n.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.-translate-x-1\\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--un-translate-x:calc(var(--spacing) * 4);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-0\\.5{--un-translate-x:calc(var(--spacing) * 0.5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-2{--un-translate-y:calc(var(--spacing) * 2);translate:var(--un-translate-x) var(--un-translate-y);}\n.-rotate-90{rotate:-90deg;}\n.rotate-90{rotate:90deg;}\n.scale-98{--un-scale-x:98%;--un-scale-y:98%;scale:var(--un-scale-x) var(--un-scale-y);}\n.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.duration-200{--un-duration:200ms;transition-duration:200ms;}\n.duration-250{--un-duration:250ms;transition-duration:250ms;}\n.duration-300{--un-duration:300ms;transition-duration:300ms;}\n.ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}\n.ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.inset-0{inset:calc(var(--spacing) * 0);}\n.inset-x-0{inset-inline:calc(var(--spacing) * 0);}\n.bottom-0{bottom:calc(var(--spacing) * 0);}\n.bottom-4{bottom:calc(var(--spacing) * 4);}\n.left-0{left:calc(var(--spacing) * 0);}\n.left-1\\.5{left:calc(var(--spacing) * 1.5);}\n.left-1\\/2{left:50%;}\n.left-2{left:calc(var(--spacing) * 2);}\n.left-2\\.5{left:calc(var(--spacing) * 2.5);}\n.left-4{left:calc(var(--spacing) * 4);}\n.right-0{right:calc(var(--spacing) * 0);}\n.right-4{right:calc(var(--spacing) * 4);}\n.top-0{top:calc(var(--spacing) * 0);}\n.top-4{top:calc(var(--spacing) * 4);}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.stroke-current{stroke:currentColor;}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.backdrop-blur-sm{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.invert{--un-invert:invert(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.saturate-0{--un-saturate:saturate(0%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.touch-none{touch-action:none;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}\n.divide-\\#8882{\n:where(&>:not(:last-child)){border-color:color-mix(in oklab, #8882 var(--un-divide-opacity), transparent);}\n}\n.divide-y{\n:where(&>:not(:last-child)){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}\n}\n.group-data-\\[state\\=open\\]\\:rotate-90{\n&:is(:where(.group)[data-state=open] *){rotate:90deg;}\n}\n@supports (color: color-mix(in lab, red, red)){\n.dark .dark\\:text-amber-300{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in oklab, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in oklab, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in oklab, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in oklab, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in oklab, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in oklab, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}\n.color-amber{color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.color-green{color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.color-primary{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.color-red{color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.color-white\\!{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) !important;}\n.border-amber-500\\/20{border-color:color-mix(in oklab, var(--colors-amber-500) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in oklab, var(--colors-blue-500) 20%, transparent);}\n.border-green-500\\/20{border-color:color-mix(in oklab, var(--colors-green-500) 20%, transparent);}\n.border-orange\\:50{border-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 50%, transparent);}\n.border-primary-500{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.border-red{border-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent);}\n.border-red-500\\/20{border-color:color-mix(in oklab, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in oklab, var(--colors-red-500) 60%, transparent);}\n.border-red\\!{border-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.dark .dark\\:border-primary-400{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.bg-green-400\\/10{background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\:5{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 5%, transparent);}\n.bg-primary-500{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\:10{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-red\\!{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in oklab, var(--colors-black) 40%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in oklab, var(--colors-red-500) 10%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in oklab, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 90%, transparent) !important;}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.sm\\:p-6{padding:calc(var(--spacing) * 6);}\n}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
+export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n/* layer: properties */\n@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{--un-bg-opacity:100%;--un-border-opacity:100%;--un-border-style:solid;--un-divide-opacity:100%;--un-divide-y-reverse:initial;--un-ease:initial;--un-from-opacity:100%;--un-leading:initial;--un-ring-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-text-opacity:100%;--un-to-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-via-opacity:100%;}}\n@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-leading{syntax:\"*\";inherits:false;}\n@property --un-border-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-ring-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-inset-ring-color{syntax:\"*\";inherits:false;}\n@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-ring-color{syntax:\"*\";inherits:false;}\n@property --un-ring-inset{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-color{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}\n@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-translate-x{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-y{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-z{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-scale-x{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-y{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-z{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-ease{syntax:\"*\";inherits:false;}\n@property --un-from-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%;}\n@property --un-gradient-position{syntax:\"*\";inherits:false;}\n@property --un-gradient-stops{syntax:\"*\";inherits:false;}\n@property --un-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%;}\n@property --un-gradient-via-stops{syntax:\"*\";inherits:false;}\n@property --un-to-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-via-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-backdrop-blur{syntax:\"*\";inherits:false;}\n@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}\n@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}\n@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}\n@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-invert{syntax:\"*\";inherits:false;}\n@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}\n@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}\n@property --un-blur{syntax:\"*\";inherits:false;}\n@property --un-brightness{syntax:\"*\";inherits:false;}\n@property --un-contrast{syntax:\"*\";inherits:false;}\n@property --un-drop-shadow{syntax:\"*\";inherits:false;}\n@property --un-grayscale{syntax:\"*\";inherits:false;}\n@property --un-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-invert{syntax:\"*\";inherits:false;}\n@property --un-saturate{syntax:\"*\";inherits:false;}\n@property --un-sepia{syntax:\"*\";inherits:false;}\n@property --un-numeric-figure{syntax:\"*\";inherits:false;}\n@property --un-numeric-fraction{syntax:\"*\";inherits:false;}\n@property --un-numeric-spacing{syntax:\"*\";inherits:false;}\n@property --un-ordinal{syntax:\"*\";inherits:false;}\n@property --un-slashed-zero{syntax:\"*\";inherits:false;}\n@property --un-divide-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n/* layer: theme */\n:root, :host { --spacing: 0.25rem; --radius-DEFAULT: 0.25rem; --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --fontWeight-medium: 500; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --fontWeight-semibold: 600; --fontWeight-bold: 700; --colors-orange-DEFAULT: oklch(75% 0.183 55.934); --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"; --radius-lg: 0.5rem; --radius-md: 0.375rem; --leading-none: 1; --tracking-wide: 0.025em; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --container-prose: 65ch; --colors-blue-400: oklch(70.7% 0.165 254.624); --colors-green-400: oklch(79.2% 0.209 151.711); --colors-amber-400: oklch(82.8% 0.189 84.429); --colors-red-400: oklch(70.4% 0.191 22.216); --ease-out: cubic-bezier(0, 0, 0.2, 1); --radius-xl: 0.75rem; --container-sm: 24rem; --colors-primary-500: #578861; --colors-primary-DEFAULT: #3a6a45; --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-blue-700: oklch(48.8% 0.243 264.376); --colors-green-500: oklch(72.3% 0.219 149.579); --colors-green-700: oklch(52.7% 0.154 150.069); --colors-amber-500: oklch(76.9% 0.188 70.08); --colors-amber-700: oklch(55.5% 0.163 48.998); --colors-red-500: oklch(63.7% 0.237 25.331); --colors-red-700: oklch(50.5% 0.213 27.518); --colors-green-600: oklch(62.7% 0.194 149.214); --colors-amber-600: oklch(66.6% 0.179 58.318); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-white: #fff; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --colors-black: #000; --colors-primary-400: #75a67e; --colors-blue-300: oklch(80.9% 0.105 251.813); --colors-green-300: oklch(87.1% 0.15 154.449); --colors-amber-300: oklch(87.9% 0.169 91.605); --colors-red-300: oklch(80.8% 0.114 19.571); --colors-neutral-500: oklch(55.6% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-primary-600: #40704b; --colors-neutral-400: oklch(70.8% 0 0); --colors-primary-300: #93c69d; --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --container-xs: 20rem; --container-lg: 32rem; --colors-blue-600: oklch(54.6% 0.245 262.881); --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }\n/* layer: base */\n *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  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-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, 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; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.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 { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :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: 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }\n/* layer: preflights */\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.badge{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));--un-leading:var(--leading-none);line-height:var(--leading-none);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 0.5);border-radius:var(--radius-md);display:inline-flex;gap:calc(var(--spacing) * 1);align-items:center;}\n.btn-action-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.text-micro{font-size:10px;--un-leading:1.4;line-height:1.4;}\n.badge-color-amber{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-amber-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-amber-400) 20%, transparent);}\n.dark .badge-color-amber{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-amber-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.badge-color-blue{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-blue-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-blue-400) 20%, transparent);}\n.dark .badge-color-blue{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-blue-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.badge-color-green{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-green-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-green-400) 20%, transparent);}\n.dark .badge-color-green{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-green-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.badge-color-red{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-red-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-red-400) 20%, transparent);}\n.dark .badge-color-red{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-red-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.btn-primary{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);opacity:100% !important;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.color-faint,\n.dark .color-faint{color:color-mix(in srgb, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in srgb, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.btn-action{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.btn-icon{--un-outline-style:none;outline-style:none;border-radius:calc(infinity * 1px);opacity:65%;display:flex;width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.btn-icon-compact{--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);opacity:65%;display:flex;width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.border-base{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.border-mute{border-color:color-mix(in oklab, #8881 var(--un-border-opacity), transparent);}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-ambient{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, #111 var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in srgb, var(--colors-white) 65%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass{background-color:color-mix(in oklab, #111 50%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in srgb, var(--colors-white) 98%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:75{background-color:color-mix(in oklab, #111 75%, transparent);}\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-secondary{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.dark .bg-secondary{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.hover\\:bg-hover:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.dark .hover\\:bg-secondary:hover{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.hover\\:bg-secondary:hover{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.btn-action:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-action-sm:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon-compact:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-primary:hover{background-color:color-mix(in srgb, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:55%;}\n.op-fade{opacity:65%;}\n.dark .op-mute{opacity:25%;}\n.op-mute{opacity:30%;}\n.btn-action:disabled{opacity:30% !important;pointer-events:none;}\n.btn-action-sm:disabled{opacity:30% !important;pointer-events:none;}\n.btn-icon:disabled{opacity:30%;pointer-events:none;}\n.btn-icon-compact:disabled{opacity:30%;pointer-events:none;}\n.btn-primary:disabled{opacity:50%;pointer-events:none;}\n.dark .disabled\\:op-mute:disabled{opacity:25%;}\n.disabled\\:op-mute:disabled{opacity:30%;}\n.dark .placeholder\\:op-mute::placeholder{opacity:25%;}\n.placeholder\\:op-mute::placeholder{opacity:30%;}\n.container{width:100%;}\n.btn-action:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.bg-gradient-more{--un-gradient-from:color-mix(in oklab, var(--colors-white) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, var(--colors-white) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, var(--colors-white) var(--un-to-opacity), transparent);--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops));}\n.dark .bg-gradient-more{--un-gradient-from:color-mix(in oklab, #111 var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, #111 var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, #111 var(--un-to-opacity), transparent);}\n.dark .icon-catppuccin{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0%);}\n.icon-catppuccin{--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(100%);}\n@supports (color: color-mix(in lab, red, red)){\n.badge-color-amber{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-amber-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-amber-400) 20%, transparent);}\n.dark .badge-color-amber{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-amber-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.badge-color-blue{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-blue-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-blue-400) 20%, transparent);}\n.dark .badge-color-blue{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-blue-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.badge-color-green{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-green-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-green-400) 20%, transparent);}\n.dark .badge-color-green{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-green-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.badge-color-red{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-red-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-red-400) 20%, transparent);}\n.dark .badge-color-red{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-red-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.btn-primary{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.color-active{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.color-base{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.dark .color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in oklab, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-base{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=active\\]\\:bg-base[data-state=active]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in oklab, var(--colors-white) 65%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in oklab, var(--colors-white) 98%, transparent);}\n.btn-primary:hover{background-color:color-mix(in oklab, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.btn-action:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.container{max-width:40rem;}\n}\n@media (min-width: 48rem){\n.container{max-width:48rem;}\n}\n@media (min-width: 64rem){\n.container{max-width:64rem;}\n}\n@media (min-width: 80rem){\n.container{max-width:80rem;}\n}\n@media (min-width: 96rem){\n.container{max-width:96rem;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}\n.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}\n.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}\n.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}\n.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}\n.dark .dark\\:text-amber-300{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in srgb, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in srgb, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in srgb, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in srgb, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in srgb, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in srgb, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}\n.color-amber{color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.color-green{color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.color-primary{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.color-red{color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.color-white\\!{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) !important;}\n.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}\n.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}\n.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}\n.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}\n.font-mono{font-family:var(--font-mono);}\n.font-sans{font-family:var(--font-sans);}\n.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.m-auto{margin:auto;}\n.mx--1{margin-inline:calc(var(--spacing) * -1);}\n.mx-1{margin-inline:calc(var(--spacing) * 1);}\n.mx-2{margin-inline:calc(var(--spacing) * 2);}\n.my-1{margin-block:calc(var(--spacing) * 1);}\n.my-2{margin-block:calc(var(--spacing) * 2);}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:calc(var(--spacing) * 1);}\n.mb2{margin-bottom:calc(var(--spacing) * 2);}\n.ml-0\\.5{margin-left:calc(var(--spacing) * 0.5);}\n.ml-1,\n.ml1{margin-left:calc(var(--spacing) * 1);}\n.ml-1\\.5{margin-left:calc(var(--spacing) * 1.5);}\n.ms{margin-inline-start:calc(var(--spacing) * 4);}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:calc(var(--spacing) * 0.5);}\n.mt-1{margin-top:calc(var(--spacing) * 1);}\n.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5);}\n.mt-2{margin-top:calc(var(--spacing) * 2);}\n.mt-4{margin-top:calc(var(--spacing) * 4);}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:calc(var(--spacing) * 0.5);}\n.p-1{padding:calc(var(--spacing) * 1);}\n.p-1\\.5{padding:calc(var(--spacing) * 1.5);}\n.p-2,\n.p2{padding:calc(var(--spacing) * 2);}\n.p-3{padding:calc(var(--spacing) * 3);}\n.p-4,\n.p4{padding:calc(var(--spacing) * 4);}\n.px,\n.px-4,\n.px4{padding-inline:calc(var(--spacing) * 4);}\n.px-1,\n.px1{padding-inline:calc(var(--spacing) * 1);}\n.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5);}\n.px-2,\n.px2{padding-inline:calc(var(--spacing) * 2);}\n.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5);}\n.px-2\\.5\\!{padding-inline:calc(var(--spacing) * 2.5) !important;}\n.px-3{padding-inline:calc(var(--spacing) * 3);}\n.px-6{padding-inline:calc(var(--spacing) * 6);}\n.py-0\\.5,\n.py0\\.5{padding-block:calc(var(--spacing) * 0.5);}\n.py-1,\n.py1{padding-block:calc(var(--spacing) * 1);}\n.py-1\\!{padding-block:calc(var(--spacing) * 1) !important;}\n.py-1\\.5,\n.py1\\.5{padding-block:calc(var(--spacing) * 1.5);}\n.py-10{padding-block:calc(var(--spacing) * 10);}\n.py-12{padding-block:calc(var(--spacing) * 12);}\n.py-2{padding-block:calc(var(--spacing) * 2);}\n.py-3{padding-block:calc(var(--spacing) * 3);}\n.py-4{padding-block:calc(var(--spacing) * 4);}\n.py2\\.5{padding-block:calc(var(--spacing) * 2.5);}\n.pb-1{padding-bottom:calc(var(--spacing) * 1);}\n.pl-4{padding-left:calc(var(--spacing) * 4);}\n.pl-5{padding-left:calc(var(--spacing) * 5);}\n.pl-7{padding-left:calc(var(--spacing) * 7);}\n.pl3{padding-left:calc(var(--spacing) * 3);}\n.pr-2{padding-right:calc(var(--spacing) * 2);}\n.pt-1\\.5{padding-top:calc(var(--spacing) * 1.5);}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.outline-none{--un-outline-style:none;outline-style:none;}\n.list-none{list-style-type:none;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:color-mix(in srgb, var(--colors-amber-500) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in srgb, var(--colors-blue-500) 20%, transparent);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:color-mix(in srgb, var(--colors-green-500) 20%, transparent);}\n.border-orange\\:50{border-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 50%, transparent);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.border-red{border-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent);}\n.border-red-500\\/20{border-color:color-mix(in srgb, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in srgb, var(--colors-red-500) 60%, transparent);}\n.border-red\\!{border-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in srgb, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:var(--radius-DEFAULT);}\n.rounded-full{border-radius:calc(infinity * 1px);}\n.rounded-lg{border-radius:var(--radius-lg);}\n.rounded-md{border-radius:var(--radius-md);}\n.rounded-xl{border-radius:var(--radius-xl);}\n.border-dashed{--un-border-style:dashed;border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:color-mix(in oklab, #ddd 40%, transparent);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.bg-\\#8882{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-\\#8885{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\:5{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 5%, transparent);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\:10{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-red\\!{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in srgb, var(--colors-black) 40%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in srgb, var(--colors-red-500) 10%, transparent);}\n.hover\\:bg-\\#8888:hover{background-color:color-mix(in oklab, #8888 var(--un-bg-opacity), transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in srgb, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 90%, transparent) !important;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:50%;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:100%;}\n.op0{opacity:0%;}\n.op75{opacity:75%;}\n.hover\\:op100:hover{opacity:100%;}\n.disabled\\:op50:disabled{opacity:50%;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.gap-0\\.5{gap:calc(var(--spacing) * 0.5);}\n.gap-1{gap:calc(var(--spacing) * 1);}\n.gap-1\\.5{gap:calc(var(--spacing) * 1.5);}\n.gap-2{gap:calc(var(--spacing) * 2);}\n.gap-3{gap:calc(var(--spacing) * 3);}\n.gap-4{gap:calc(var(--spacing) * 4);}\n.gap-x-2{column-gap:calc(var(--spacing) * 2);}\n.gap-y-1{row-gap:calc(var(--spacing) * 1);}\n.grid{display:grid;}\n.h-0\\.5{height:calc(var(--spacing) * 0.5);}\n.h-1{height:calc(var(--spacing) * 1);}\n.h-1\\.5{height:calc(var(--spacing) * 1.5);}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:calc(var(--spacing) * 2);}\n.h-3\\.5{height:calc(var(--spacing) * 3.5);}\n.h-4{height:calc(var(--spacing) * 4);}\n.h-5{height:calc(var(--spacing) * 5);}\n.h-6{height:calc(var(--spacing) * 6);}\n.h-7{height:calc(var(--spacing) * 7);}\n.h-8{height:calc(var(--spacing) * 8);}\n.h-9{height:calc(var(--spacing) * 9);}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:calc(var(--spacing) * 3);}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:var(--container-lg);}\n.max-w-prose{max-width:var(--container-prose);}\n.max-w-sm{max-width:var(--container-sm);}\n.max-w-xs{max-width:var(--container-xs);}\n.min-h-40{min-height:calc(var(--spacing) * 40);}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:calc(var(--spacing) * 0);}\n.min-w-40{min-width:calc(var(--spacing) * 40);}\n.min-w-44{min-width:calc(var(--spacing) * 44);}\n.min-w-5{min-width:calc(var(--spacing) * 5);}\n.min-w-6{min-width:calc(var(--spacing) * 6);}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:calc(var(--spacing) * 1.5);}\n.w-2{width:calc(var(--spacing) * 2);}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:calc(var(--spacing) * 4);}\n.w-7{width:calc(var(--spacing) * 7);}\n.w-8\\.5{width:calc(var(--spacing) * 8.5);}\n.w-80{width:calc(var(--spacing) * 80);}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.visible{visibility:visible;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.focus-within\\:ring-2:focus-within{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow,\n.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.-translate-x-1\\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--un-translate-x:calc(var(--spacing) * 4);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-0\\.5{--un-translate-x:calc(var(--spacing) * 0.5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-2{--un-translate-y:calc(var(--spacing) * 2);translate:var(--un-translate-x) var(--un-translate-y);}\n.-rotate-90{rotate:-90deg;}\n.rotate-90{rotate:90deg;}\n.scale-98{--un-scale-x:98%;--un-scale-y:98%;scale:var(--un-scale-x) var(--un-scale-y);}\n.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.duration-200{--un-duration:200ms;transition-duration:200ms;}\n.duration-250{--un-duration:250ms;transition-duration:250ms;}\n.duration-300{--un-duration:300ms;transition-duration:300ms;}\n.ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}\n.ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.inset-0{inset:calc(var(--spacing) * 0);}\n.inset-x-0{inset-inline:calc(var(--spacing) * 0);}\n.bottom-0{bottom:calc(var(--spacing) * 0);}\n.bottom-4{bottom:calc(var(--spacing) * 4);}\n.left-0{left:calc(var(--spacing) * 0);}\n.left-1\\.5{left:calc(var(--spacing) * 1.5);}\n.left-1\\/2{left:50%;}\n.left-2{left:calc(var(--spacing) * 2);}\n.left-2\\.5{left:calc(var(--spacing) * 2.5);}\n.left-4{left:calc(var(--spacing) * 4);}\n.right-0{right:calc(var(--spacing) * 0);}\n.right-4{right:calc(var(--spacing) * 4);}\n.top-0{top:calc(var(--spacing) * 0);}\n.top-4{top:calc(var(--spacing) * 4);}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.stroke-current{stroke:currentColor;}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.backdrop-blur-sm{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.invert{--un-invert:invert(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.saturate-0{--un-saturate:saturate(0%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.touch-none{touch-action:none;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}\n.divide-\\#8882{\n:where(&>:not(:last-child)){border-color:color-mix(in oklab, #8882 var(--un-divide-opacity), transparent);}\n}\n.divide-y{\n:where(&>:not(:last-child)){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}\n}\n.group-data-\\[state\\=open\\]\\:rotate-90{\n&:is(:where(.group)[data-state=open] *){rotate:90deg;}\n}\n@supports (color: color-mix(in lab, red, red)){\n.dark .dark\\:text-amber-300{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in oklab, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in oklab, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in oklab, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in oklab, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in oklab, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in oklab, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}\n.color-amber{color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.color-green{color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.color-primary{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.color-red{color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.color-white\\!{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) !important;}\n.border-amber-500\\/20{border-color:color-mix(in oklab, var(--colors-amber-500) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in oklab, var(--colors-blue-500) 20%, transparent);}\n.border-green-500\\/20{border-color:color-mix(in oklab, var(--colors-green-500) 20%, transparent);}\n.border-orange\\:50{border-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 50%, transparent);}\n.border-primary-500{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.border-red{border-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent);}\n.border-red-500\\/20{border-color:color-mix(in oklab, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in oklab, var(--colors-red-500) 60%, transparent);}\n.border-red\\!{border-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.dark .dark\\:border-primary-400{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.bg-green-400\\/10{background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\:5{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 5%, transparent);}\n.bg-primary-500{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\:10{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-red\\!{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in oklab, var(--colors-black) 40%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in oklab, var(--colors-red-500) 10%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in oklab, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 90%, transparent) !important;}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.sm\\:p-6{padding:calc(var(--spacing) * 6);}\n}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"

From f8498e0819fcc9b7c66cfcadd9d70738206b64b2 Mon Sep 17 00:00:00 2001
From: "Anthony Fu (via agent)" <reg-github-bot@antfu.me>
Date: Thu, 13 Aug 2026 04:26:19 +0000
Subject: [PATCH 03/11] feat(examples): install every built-in plugin in all
 hub-* examples
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Each hub host example (hub-vite, hub-next, and the vite/next/rsbuild/hono/nitro
minimal hosts) now mounts all nine built-in plugins — a11y, assets, code-server,
data-inspector, git, inspect, messages, og, terminals — so every example
dogfoods the full plugin surface end to end.

- Node-config hosts (vite/rsbuild/hono/nitro) import the plugin factories
  directly; nitro adds each package to its externalized list so their
  import.meta.url dist lookups resolve.
- Bundled Next hosts load the node-side plugins through the existing
  bundler-ignored dynamic import() (variable specifiers) so Turbopack never
  inlines their node-only code.
- data-inspector gets a colon-free id override (its default id carries ':',
  invalid as a hub mount segment), and the assets watcher is disabled since
  these hosts demonstrate mounting, not authoring.

Verified all nine frames mount with no diagnostics on both a node-config host
(hub-vite-minimal) and a bundled host (hub-next-minimal) at runtime.
---
 examples/hub-hono-minimal/package.json        |   9 +-
 examples/hub-hono-minimal/src/app.ts          |  18 +++
 examples/hub-next-minimal/package.json        |   7 ++
 examples/hub-next-minimal/src/client/hub.ts   |  35 +++++-
 examples/hub-next/package.json                |   4 +-
 .../src/client/devframe/next-devframe-hub.ts  |  14 +++
 examples/hub-nitro-minimal/hub.ts             |  18 +++
 examples/hub-nitro-minimal/nitro.config.ts    |   7 ++
 examples/hub-nitro-minimal/package.json       |   9 +-
 examples/hub-rsbuild-minimal/package.json     |   7 ++
 .../hub-rsbuild-minimal/rsbuild.config.ts     |  25 +++-
 examples/hub-vite-minimal/package.json        |   7 ++
 examples/hub-vite-minimal/vite.config.ts      |  25 +++-
 knip.jsonc                                    |  18 +++
 pnpm-lock.yaml                                | 111 ++++++++++++++++++
 .../@devframes/hub/client.snapshot.d.ts       |   6 +-
 16 files changed, 307 insertions(+), 13 deletions(-)

diff --git a/examples/hub-hono-minimal/package.json b/examples/hub-hono-minimal/package.json
index 94efbb8b..125ac713 100644
--- a/examples/hub-hono-minimal/package.json
+++ b/examples/hub-hono-minimal/package.json
@@ -3,7 +3,7 @@
   "type": "module",
   "version": "0.8.1",
   "private": true,
-  "description": "Minimal Hono host for @devframes/hub \u2014 the same app file serves the devtools namespace on Node and Bun.",
+  "description": "Minimal Hono host for @devframes/hub — the same app file serves the devtools namespace on Node and Bun.",
   "scripts": {
     "dev": "tsx src/server.ts",
     "dev:bun": "bun src/bun.ts",
@@ -12,8 +12,15 @@
   "dependencies": {
     "@devframes/hub": "workspace:*",
     "@devframes/hub-ui": "workspace:*",
+    "@devframes/plugin-a11y": "workspace:*",
+    "@devframes/plugin-assets": "workspace:*",
+    "@devframes/plugin-code-server": "workspace:*",
+    "@devframes/plugin-data-inspector": "workspace:*",
+    "@devframes/plugin-git": "workspace:*",
     "@devframes/plugin-inspect": "workspace:*",
     "@devframes/plugin-messages": "workspace:*",
+    "@devframes/plugin-og": "workspace:*",
+    "@devframes/plugin-terminals": "workspace:*",
     "@hono/node-server": "catalog:deps",
     "devframe": "workspace:*",
     "hono": "catalog:deps"
diff --git a/examples/hub-hono-minimal/src/app.ts b/examples/hub-hono-minimal/src/app.ts
index 084a645e..8bffe816 100644
--- a/examples/hub-hono-minimal/src/app.ts
+++ b/examples/hub-hono-minimal/src/app.ts
@@ -1,8 +1,15 @@
 import type { HubInstance } from '@devframes/hub/initiate'
 import { createUi } from '@devframes/hub-ui'
 import { DEVFRAMES_HUB_BASE, initHub } from '@devframes/hub/initiate'
+import { createA11yDevframe } from '@devframes/plugin-a11y'
+import { createAssetsDevframe } from '@devframes/plugin-assets'
+import { createCodeServerDevframe } from '@devframes/plugin-code-server'
+import { createDataInspectorDevframe } from '@devframes/plugin-data-inspector'
+import { createGitDevframe } from '@devframes/plugin-git'
 import { createInspectDevframe } from '@devframes/plugin-inspect'
 import { createMessagesDevframe } from '@devframes/plugin-messages'
+import { createOgDevframe } from '@devframes/plugin-og'
+import { createTerminalsDevframe } from '@devframes/plugin-terminals'
 import { Hono } from 'hono'
 
 // One runtime-agnostic app file: the hub instance and the Hono routes are
@@ -16,9 +23,20 @@ const globalRef = globalThis as { __hubHonoMinimal?: HubInstance }
 
 export const hub: HubInstance = globalRef.__hubHonoMinimal ??= initHub({
   base: DEVFRAMES_HUB_BASE,
+  // Every built-in plugin, dogfooded end to end through the hub mount path.
+  // `data-inspector`'s default id carries `:` (a route-param marker), so it
+  // gets a colon-free id override to be a valid `<base><id>/` segment; the
+  // assets watcher is off since this host demonstrates mounting, not authoring.
   devframes: [
+    createGitDevframe(),
+    createTerminalsDevframe(),
+    createCodeServerDevframe(),
     createInspectDevframe(),
+    createDataInspectorDevframe({ id: 'devframes_plugin_data-inspector' }),
+    createA11yDevframe(),
     createMessagesDevframe(),
+    createOgDevframe(),
+    createAssetsDevframe({ watch: false }),
   ],
   ui: createUi(),
   // Single-user localhost demo: reachable only on loopback, so it opts out
diff --git a/examples/hub-next-minimal/package.json b/examples/hub-next-minimal/package.json
index 8cd31c39..e7fa9171 100644
--- a/examples/hub-next-minimal/package.json
+++ b/examples/hub-next-minimal/package.json
@@ -15,8 +15,15 @@
     "@devframes/json-render": "workspace:*",
     "@devframes/json-render-ui": "workspace:*",
     "@devframes/next": "workspace:*",
+    "@devframes/plugin-a11y": "workspace:*",
+    "@devframes/plugin-assets": "workspace:*",
+    "@devframes/plugin-code-server": "workspace:*",
+    "@devframes/plugin-data-inspector": "workspace:*",
+    "@devframes/plugin-git": "workspace:*",
     "@devframes/plugin-inspect": "workspace:*",
     "@devframes/plugin-messages": "workspace:*",
+    "@devframes/plugin-og": "workspace:*",
+    "@devframes/plugin-terminals": "workspace:*",
     "devframe": "workspace:*",
     "next": "catalog:frontend",
     "react": "catalog:frontend",
diff --git a/examples/hub-next-minimal/src/client/hub.ts b/examples/hub-next-minimal/src/client/hub.ts
index 480dfea8..9413908b 100644
--- a/examples/hub-next-minimal/src/client/hub.ts
+++ b/examples/hub-next-minimal/src/client/hub.ts
@@ -34,16 +34,41 @@ const jsonRenderDock: DevframeJsonRenderDockEntry = {
 // `webpackIgnore` / `turbopackIgnore` so Next's bundler leaves them alone and
 // Node resolves the published `dist` at request time — a static import would
 // be bundled from source and break those lookups.
+//
+// The default-export plugins load from a list of specifier *variables* (not
+// string literals), so Next's bundler and TypeScript alike treat them as
+// opaque — the plugins' node-side source (child processes, the native
+// `zigpty` PTY backend) never gets pulled into this app's build or type
+// program. `data-inspector` (a `:`-carrying default id) and `assets` (its
+// watcher) need constructor options, so they load through dedicated helpers.
+const BUILTIN_PLUGIN_PACKAGES = [
+  '@devframes/plugin-git',
+  '@devframes/plugin-terminals',
+  '@devframes/plugin-code-server',
+  '@devframes/plugin-inspect',
+  '@devframes/plugin-a11y',
+  '@devframes/plugin-messages',
+  '@devframes/plugin-og',
+] as const
+
 async function loadHub(): Promise<HubInstance> {
-  const [hubUi, jsonRenderUi, inspect, messages] = await Promise.all([
+  const [hubUi, jsonRenderUi, dataInspector, assets, ...builtins] = await Promise.all([
     import(/* webpackIgnore: true */ /* turbopackIgnore: true */ '@devframes/hub-ui'),
     import(/* webpackIgnore: true */ /* turbopackIgnore: true */ '@devframes/json-render-ui/hub'),
-    import(/* webpackIgnore: true */ /* turbopackIgnore: true */ '@devframes/plugin-inspect'),
-    import(/* webpackIgnore: true */ /* turbopackIgnore: true */ '@devframes/plugin-messages'),
+    import(/* webpackIgnore: true */ /* turbopackIgnore: true */ '@devframes/plugin-data-inspector'),
+    import(/* webpackIgnore: true */ /* turbopackIgnore: true */ '@devframes/plugin-assets'),
+    ...BUILTIN_PLUGIN_PACKAGES.map(
+      pkg => import(/* webpackIgnore: true */ /* turbopackIgnore: true */ pkg),
+    ),
   ])
+  // Every built-in plugin, dogfooded end to end through the hub mount path.
+  // `data-inspector`'s default id carries `:` (a route-param marker), so it
+  // gets a colon-free id override to be a valid `<base><id>/` segment; the
+  // assets watcher is off since this host demonstrates mounting, not authoring.
   const devframes: DevframeDefinition[] = [
-    (inspect.createInspectDevframe as () => DevframeDefinition)(),
-    (messages.createMessagesDevframe as () => DevframeDefinition)(),
+    ...builtins.map(mod => mod.default as DevframeDefinition),
+    (dataInspector.createDataInspectorDevframe as (options: { id: string }) => DevframeDefinition)({ id: 'devframes_plugin_data-inspector' }),
+    (assets.createAssetsDevframe as (options: { watch: boolean }) => DevframeDefinition)({ watch: false }),
   ]
   // Next route handlers can't accept WebSocket upgrades, so the socket asks
   // for a side-car server of its own, advertised via `__connection.json`.
diff --git a/examples/hub-next/package.json b/examples/hub-next/package.json
index 3c1749fd..4072ddd4 100644
--- a/examples/hub-next/package.json
+++ b/examples/hub-next/package.json
@@ -3,7 +3,7 @@
   "type": "module",
   "version": "0.8.2",
   "private": true,
-  "description": "Protocol-witness example \u2014 a tiny Next.js Devframe Hub built on @devframes/hub that exercises every hub subsystem end-to-end.",
+  "description": "Protocol-witness example — a tiny Next.js Devframe Hub built on @devframes/hub that exercises every hub subsystem end-to-end.",
   "homepage": "https://github.com/devframes/devframe/tree/main/examples/hub-next",
   "scripts": {
     "dev": "pnpm -C ../.. run build && next dev src/client",
@@ -19,9 +19,11 @@
     "@devframes/plugin-a11y": "workspace:*",
     "@devframes/plugin-assets": "workspace:*",
     "@devframes/plugin-code-server": "workspace:*",
+    "@devframes/plugin-data-inspector": "workspace:*",
     "@devframes/plugin-git": "workspace:*",
     "@devframes/plugin-inspect": "workspace:*",
     "@devframes/plugin-messages": "workspace:*",
+    "@devframes/plugin-og": "workspace:*",
     "@devframes/plugin-terminals": "workspace:*",
     "@json-render/react": "catalog:frontend",
     "colorjs.io": "catalog:frontend",
diff --git a/examples/hub-next/src/client/devframe/next-devframe-hub.ts b/examples/hub-next/src/client/devframe/next-devframe-hub.ts
index 446263be..78f2d0f6 100644
--- a/examples/hub-next/src/client/devframe/next-devframe-hub.ts
+++ b/examples/hub-next/src/client/devframe/next-devframe-hub.ts
@@ -33,6 +33,7 @@ const BUILTIN_PLUGIN_PACKAGES = [
   '@devframes/plugin-inspect',
   '@devframes/plugin-a11y',
   '@devframes/plugin-messages',
+  '@devframes/plugin-og',
 ] as const
 
 async function loadBuiltinPlugins(): Promise<DevframeDefinition[]> {
@@ -62,6 +63,18 @@ async function loadAssetsDevframe(): Promise<DevframeDefinition> {
   return (mod.createAssetsDevframe as (options: { dir: string, watch: boolean }) => DevframeDefinition)({ dir, watch: false })
 }
 
+/**
+ * Load the data-inspector plugin with a colon-free id. Its default id
+ * (`devframes:plugin:data-inspector`) carries `:` — a route-param marker to
+ * the router the hub mounts each frame on — so it can't be a `<base><id>/`
+ * segment (`DF8004`); the override makes it mountable. Loaded through the same
+ * bundler-ignored dynamic `import()` as the other plugins.
+ */
+async function loadDataInspectorDevframe(): Promise<DevframeDefinition> {
+  const mod = await import(/* webpackIgnore: true */ /* turbopackIgnore: true */ '@devframes/plugin-data-inspector')
+  return (mod.createDataInspectorDevframe as (options: { id: string }) => DevframeDefinition)({ id: 'devframes_plugin_data-inspector' })
+}
+
 /**
  * The reference json-render renderer registration for `initHub({ renderers })`.
  * Loaded through the same bundler-ignored dynamic `import()` as the plugins:
@@ -188,6 +201,7 @@ export async function nextDevframeHub(
         ? { devframe: def, dock: { clientScript: { importFrom: a11yAgent.importFrom } } }
         : def,
     ),
+    await loadDataInspectorDevframe(),
     await loadAssetsDevframe(),
     {
       devframe: tabbedDevframe,
diff --git a/examples/hub-nitro-minimal/hub.ts b/examples/hub-nitro-minimal/hub.ts
index 95879e3f..70dea163 100644
--- a/examples/hub-nitro-minimal/hub.ts
+++ b/examples/hub-nitro-minimal/hub.ts
@@ -1,8 +1,15 @@
 import type { HubInstance } from '@devframes/hub/initiate'
 import { createUi } from '@devframes/hub-ui'
 import { DEVFRAMES_HUB_BASE, initHub } from '@devframes/hub/initiate'
+import { createA11yDevframe } from '@devframes/plugin-a11y'
+import { createAssetsDevframe } from '@devframes/plugin-assets'
+import { createCodeServerDevframe } from '@devframes/plugin-code-server'
+import { createDataInspectorDevframe } from '@devframes/plugin-data-inspector'
+import { createGitDevframe } from '@devframes/plugin-git'
 import { createInspectDevframe } from '@devframes/plugin-inspect'
 import { createMessagesDevframe } from '@devframes/plugin-messages'
+import { createOgDevframe } from '@devframes/plugin-og'
+import { createTerminalsDevframe } from '@devframes/plugin-terminals'
 
 // The whole devtools installation in one call: two plugins mounted under
 // /__devframes/, the reference UI filling the hub's ui slot (the standalone
@@ -19,9 +26,20 @@ const globalRef = globalThis as { __hubNitroMinimal?: HubInstance }
 export const hub: HubInstance = globalRef.__hubNitroMinimal ??= initHub({
   base: DEVFRAMES_HUB_BASE,
   ws: { sidecar: true },
+  // Every built-in plugin, dogfooded end to end through the hub mount path.
+  // `data-inspector`'s default id carries `:` (a route-param marker), so it
+  // gets a colon-free id override to be a valid `<base><id>/` segment; the
+  // assets watcher is off since this host demonstrates mounting, not authoring.
   devframes: [
+    createGitDevframe(),
+    createTerminalsDevframe(),
+    createCodeServerDevframe(),
     createInspectDevframe(),
+    createDataInspectorDevframe({ id: 'devframes_plugin_data-inspector' }),
+    createA11yDevframe(),
     createMessagesDevframe(),
+    createOgDevframe(),
+    createAssetsDevframe({ watch: false }),
   ],
   ui: createUi(),
   // Single-user localhost demo: reachable only on loopback, so it opts out
diff --git a/examples/hub-nitro-minimal/nitro.config.ts b/examples/hub-nitro-minimal/nitro.config.ts
index 91d84853..0f84b97e 100644
--- a/examples/hub-nitro-minimal/nitro.config.ts
+++ b/examples/hub-nitro-minimal/nitro.config.ts
@@ -9,8 +9,15 @@ const devframePackages = [
   '@devframes/hub',
   '@devframes/hub/initiate',
   '@devframes/hub-ui',
+  '@devframes/plugin-a11y',
+  '@devframes/plugin-assets',
+  '@devframes/plugin-code-server',
+  '@devframes/plugin-data-inspector',
+  '@devframes/plugin-git',
   '@devframes/plugin-inspect',
   '@devframes/plugin-messages',
+  '@devframes/plugin-og',
+  '@devframes/plugin-terminals',
 ]
 
 export default defineNitroConfig({
diff --git a/examples/hub-nitro-minimal/package.json b/examples/hub-nitro-minimal/package.json
index a16af56c..af945b06 100644
--- a/examples/hub-nitro-minimal/package.json
+++ b/examples/hub-nitro-minimal/package.json
@@ -3,7 +3,7 @@
   "type": "module",
   "version": "0.8.1",
   "private": true,
-  "description": "Minimal Nitro host for @devframes/hub \u2014 one catch-all route mounts the whole devtools namespace.",
+  "description": "Minimal Nitro host for @devframes/hub — one catch-all route mounts the whole devtools namespace.",
   "scripts": {
     "dev": "nitro dev",
     "typecheck": "tsc --noEmit"
@@ -11,8 +11,15 @@
   "dependencies": {
     "@devframes/hub": "workspace:*",
     "@devframes/hub-ui": "workspace:*",
+    "@devframes/plugin-a11y": "workspace:*",
+    "@devframes/plugin-assets": "workspace:*",
+    "@devframes/plugin-code-server": "workspace:*",
+    "@devframes/plugin-data-inspector": "workspace:*",
+    "@devframes/plugin-git": "workspace:*",
     "@devframes/plugin-inspect": "workspace:*",
     "@devframes/plugin-messages": "workspace:*",
+    "@devframes/plugin-og": "workspace:*",
+    "@devframes/plugin-terminals": "workspace:*",
     "devframe": "workspace:*",
     "nitro": "catalog:deps"
   },
diff --git a/examples/hub-rsbuild-minimal/package.json b/examples/hub-rsbuild-minimal/package.json
index 402411dd..4ab6aad1 100644
--- a/examples/hub-rsbuild-minimal/package.json
+++ b/examples/hub-rsbuild-minimal/package.json
@@ -14,8 +14,15 @@
     "@devframes/hub-ui": "workspace:*",
     "@devframes/json-render": "workspace:*",
     "@devframes/json-render-ui": "workspace:*",
+    "@devframes/plugin-a11y": "workspace:*",
+    "@devframes/plugin-assets": "workspace:*",
+    "@devframes/plugin-code-server": "workspace:*",
+    "@devframes/plugin-data-inspector": "workspace:*",
+    "@devframes/plugin-git": "workspace:*",
     "@devframes/plugin-inspect": "workspace:*",
     "@devframes/plugin-messages": "workspace:*",
+    "@devframes/plugin-og": "workspace:*",
+    "@devframes/plugin-terminals": "workspace:*",
     "devframe": "workspace:*"
   },
   "devDependencies": {
diff --git a/examples/hub-rsbuild-minimal/rsbuild.config.ts b/examples/hub-rsbuild-minimal/rsbuild.config.ts
index ebd7e397..57ee272d 100644
--- a/examples/hub-rsbuild-minimal/rsbuild.config.ts
+++ b/examples/hub-rsbuild-minimal/rsbuild.config.ts
@@ -4,10 +4,33 @@ import type { DevframeJsonRenderDockEntry } from '@devframes/json-render/hub'
 import { createUi } from '@devframes/hub-ui'
 import { DEVFRAMES_HUB_BASE, initHub } from '@devframes/hub/initiate'
 import { jsonRenderUiRenderer } from '@devframes/json-render-ui/hub'
+import { createA11yDevframe } from '@devframes/plugin-a11y'
+import { createAssetsDevframe } from '@devframes/plugin-assets'
+import { createCodeServerDevframe } from '@devframes/plugin-code-server'
+import { createDataInspectorDevframe } from '@devframes/plugin-data-inspector'
+import { createGitDevframe } from '@devframes/plugin-git'
 import { createInspectDevframe } from '@devframes/plugin-inspect'
 import { createMessagesDevframe } from '@devframes/plugin-messages'
+import { createOgDevframe } from '@devframes/plugin-og'
+import { createTerminalsDevframe } from '@devframes/plugin-terminals'
 import { defineConfig } from '@rsbuild/core'
 
+// Every built-in plugin, dogfooded end to end through the hub mount path.
+// `data-inspector`'s default id carries `:` (a route-param marker), so it
+// gets a colon-free id override to be a valid `<base><id>/` segment; the
+// assets watcher is off since this host demonstrates mounting, not authoring.
+const builtinDevframes = [
+  createGitDevframe(),
+  createTerminalsDevframe(),
+  createCodeServerDevframe(),
+  createInspectDevframe(),
+  createDataInspectorDevframe({ id: 'devframes_plugin_data-inspector' }),
+  createA11yDevframe(),
+  createMessagesDevframe(),
+  createOgDevframe(),
+  createAssetsDevframe({ watch: false }),
+]
+
 // The one mount base, referenced by both `initHub({ base })` and the injected
 // embedded-script URL — no duplicated string literal.
 const base = DEVFRAMES_HUB_BASE
@@ -52,7 +75,7 @@ export default defineConfig({
     setup({ server }) {
       hub ??= initHub({
         base,
-        devframes: [createInspectDevframe(), createMessagesDevframe()],
+        devframes: builtinDevframes,
         ui: createUi(),
         // Serve the reference json-render frontend as a prebuilt renderer
         // module — the one-liner that makes `'json-render'` docks render in
diff --git a/examples/hub-vite-minimal/package.json b/examples/hub-vite-minimal/package.json
index a33c58e7..0ebfbead 100644
--- a/examples/hub-vite-minimal/package.json
+++ b/examples/hub-vite-minimal/package.json
@@ -14,8 +14,15 @@
     "@devframes/hub-ui": "workspace:*",
     "@devframes/json-render": "workspace:*",
     "@devframes/json-render-ui": "workspace:*",
+    "@devframes/plugin-a11y": "workspace:*",
+    "@devframes/plugin-assets": "workspace:*",
+    "@devframes/plugin-code-server": "workspace:*",
+    "@devframes/plugin-data-inspector": "workspace:*",
+    "@devframes/plugin-git": "workspace:*",
     "@devframes/plugin-inspect": "workspace:*",
     "@devframes/plugin-messages": "workspace:*",
+    "@devframes/plugin-og": "workspace:*",
+    "@devframes/plugin-terminals": "workspace:*",
     "devframe": "workspace:*"
   },
   "devDependencies": {
diff --git a/examples/hub-vite-minimal/vite.config.ts b/examples/hub-vite-minimal/vite.config.ts
index b19e42c7..7988ab28 100644
--- a/examples/hub-vite-minimal/vite.config.ts
+++ b/examples/hub-vite-minimal/vite.config.ts
@@ -4,10 +4,33 @@ import { Server as NodeHttpServer } from 'node:http'
 import { createUi } from '@devframes/hub-ui'
 import { DEVFRAMES_HUB_BASE, initHub } from '@devframes/hub/initiate'
 import { jsonRenderUiRenderer } from '@devframes/json-render-ui/hub'
+import { createA11yDevframe } from '@devframes/plugin-a11y'
+import { createAssetsDevframe } from '@devframes/plugin-assets'
+import { createCodeServerDevframe } from '@devframes/plugin-code-server'
+import { createDataInspectorDevframe } from '@devframes/plugin-data-inspector'
+import { createGitDevframe } from '@devframes/plugin-git'
 import { createInspectDevframe } from '@devframes/plugin-inspect'
 import { createMessagesDevframe } from '@devframes/plugin-messages'
+import { createOgDevframe } from '@devframes/plugin-og'
+import { createTerminalsDevframe } from '@devframes/plugin-terminals'
 import { defineConfig } from 'vite'
 
+// Every built-in plugin, dogfooded end to end through the hub mount path.
+// `data-inspector`'s default id carries `:` (a route-param marker), so it
+// gets a colon-free id override to be a valid `<base><id>/` segment; the
+// assets watcher is off since this host demonstrates mounting, not authoring.
+const builtinDevframes = [
+  createGitDevframe(),
+  createTerminalsDevframe(),
+  createCodeServerDevframe(),
+  createInspectDevframe(),
+  createDataInspectorDevframe({ id: 'devframes_plugin_data-inspector' }),
+  createA11yDevframe(),
+  createMessagesDevframe(),
+  createOgDevframe(),
+  createAssetsDevframe({ watch: false }),
+]
+
 // The one mount base, referenced by both `initHub({ base })` and the injected
 // embedded-script URL — no duplicated string literal.
 const base = DEVFRAMES_HUB_BASE
@@ -57,7 +80,7 @@ export default defineConfig({
       const httpServer = server.httpServer instanceof NodeHttpServer ? server.httpServer : undefined
       const hub = initHub({
         base,
-        devframes: [createInspectDevframe(), createMessagesDevframe()],
+        devframes: builtinDevframes,
         ui: createUi(),
         // Serve the reference json-render frontend as a prebuilt renderer
         // module — the one-liner that makes `'json-render'` docks render in
diff --git a/knip.jsonc b/knip.jsonc
index 2fa790c5..acd17a1a 100644
--- a/knip.jsonc
+++ b/knip.jsonc
@@ -52,6 +52,24 @@
         "@devframes/plugin-git",
         "@devframes/plugin-inspect",
         "@devframes/plugin-messages",
+        "@devframes/plugin-og",
+        "@devframes/plugin-terminals"
+      ]
+    },
+    "examples/hub-next-minimal": {
+      // `BUILTIN_PLUGIN_PACKAGES` (`src/client/hub.ts`) lists these as string
+      // literals loaded through a runtime `import()` carrying
+      // `webpackIgnore`/`turbopackIgnore` — deliberately invisible to bundlers
+      // (and knip) so Next never inlines their node-only code. They're
+      // genuinely used at runtime. (`data-inspector` and `assets` load via
+      // their own string-literal helpers, so knip sees those directly.)
+      "ignoreDependencies": [
+        "@devframes/plugin-a11y",
+        "@devframes/plugin-code-server",
+        "@devframes/plugin-git",
+        "@devframes/plugin-inspect",
+        "@devframes/plugin-messages",
+        "@devframes/plugin-og",
         "@devframes/plugin-terminals"
       ]
     },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6e49c1a3..7f2ce968 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -555,12 +555,33 @@ importers:
       '@devframes/hub-ui':
         specifier: workspace:*
         version: link:../../packages/hub-ui
+      '@devframes/plugin-a11y':
+        specifier: workspace:*
+        version: link:../../plugins/a11y
+      '@devframes/plugin-assets':
+        specifier: workspace:*
+        version: link:../../plugins/assets
+      '@devframes/plugin-code-server':
+        specifier: workspace:*
+        version: link:../../plugins/code-server
+      '@devframes/plugin-data-inspector':
+        specifier: workspace:*
+        version: link:../../plugins/data-inspector
+      '@devframes/plugin-git':
+        specifier: workspace:*
+        version: link:../../plugins/git
       '@devframes/plugin-inspect':
         specifier: workspace:*
         version: link:../../plugins/inspect
       '@devframes/plugin-messages':
         specifier: workspace:*
         version: link:../../plugins/messages
+      '@devframes/plugin-og':
+        specifier: workspace:*
+        version: link:../../plugins/og
+      '@devframes/plugin-terminals':
+        specifier: workspace:*
+        version: link:../../plugins/terminals
       '@hono/node-server':
         specifier: catalog:deps
         version: 1.19.17(hono@4.13.0)
@@ -604,6 +625,9 @@ importers:
       '@devframes/plugin-code-server':
         specifier: workspace:*
         version: link:../../plugins/code-server
+      '@devframes/plugin-data-inspector':
+        specifier: workspace:*
+        version: link:../../plugins/data-inspector
       '@devframes/plugin-git':
         specifier: workspace:*
         version: link:../../plugins/git
@@ -613,6 +637,9 @@ importers:
       '@devframes/plugin-messages':
         specifier: workspace:*
         version: link:../../plugins/messages
+      '@devframes/plugin-og':
+        specifier: workspace:*
+        version: link:../../plugins/og
       '@devframes/plugin-terminals':
         specifier: workspace:*
         version: link:../../plugins/terminals
@@ -686,12 +713,33 @@ importers:
       '@devframes/next':
         specifier: workspace:*
         version: link:../../packages/next
+      '@devframes/plugin-a11y':
+        specifier: workspace:*
+        version: link:../../plugins/a11y
+      '@devframes/plugin-assets':
+        specifier: workspace:*
+        version: link:../../plugins/assets
+      '@devframes/plugin-code-server':
+        specifier: workspace:*
+        version: link:../../plugins/code-server
+      '@devframes/plugin-data-inspector':
+        specifier: workspace:*
+        version: link:../../plugins/data-inspector
+      '@devframes/plugin-git':
+        specifier: workspace:*
+        version: link:../../plugins/git
       '@devframes/plugin-inspect':
         specifier: workspace:*
         version: link:../../plugins/inspect
       '@devframes/plugin-messages':
         specifier: workspace:*
         version: link:../../plugins/messages
+      '@devframes/plugin-og':
+        specifier: workspace:*
+        version: link:../../plugins/og
+      '@devframes/plugin-terminals':
+        specifier: workspace:*
+        version: link:../../plugins/terminals
       devframe:
         specifier: workspace:*
         version: link:../../packages/devframe
@@ -720,12 +768,33 @@ importers:
       '@devframes/hub-ui':
         specifier: workspace:*
         version: link:../../packages/hub-ui
+      '@devframes/plugin-a11y':
+        specifier: workspace:*
+        version: link:../../plugins/a11y
+      '@devframes/plugin-assets':
+        specifier: workspace:*
+        version: link:../../plugins/assets
+      '@devframes/plugin-code-server':
+        specifier: workspace:*
+        version: link:../../plugins/code-server
+      '@devframes/plugin-data-inspector':
+        specifier: workspace:*
+        version: link:../../plugins/data-inspector
+      '@devframes/plugin-git':
+        specifier: workspace:*
+        version: link:../../plugins/git
       '@devframes/plugin-inspect':
         specifier: workspace:*
         version: link:../../plugins/inspect
       '@devframes/plugin-messages':
         specifier: workspace:*
         version: link:../../plugins/messages
+      '@devframes/plugin-og':
+        specifier: workspace:*
+        version: link:../../plugins/og
+      '@devframes/plugin-terminals':
+        specifier: workspace:*
+        version: link:../../plugins/terminals
       devframe:
         specifier: workspace:*
         version: link:../../packages/devframe
@@ -751,12 +820,33 @@ importers:
       '@devframes/json-render-ui':
         specifier: workspace:*
         version: link:../../packages/json-render-ui
+      '@devframes/plugin-a11y':
+        specifier: workspace:*
+        version: link:../../plugins/a11y
+      '@devframes/plugin-assets':
+        specifier: workspace:*
+        version: link:../../plugins/assets
+      '@devframes/plugin-code-server':
+        specifier: workspace:*
+        version: link:../../plugins/code-server
+      '@devframes/plugin-data-inspector':
+        specifier: workspace:*
+        version: link:../../plugins/data-inspector
+      '@devframes/plugin-git':
+        specifier: workspace:*
+        version: link:../../plugins/git
       '@devframes/plugin-inspect':
         specifier: workspace:*
         version: link:../../plugins/inspect
       '@devframes/plugin-messages':
         specifier: workspace:*
         version: link:../../plugins/messages
+      '@devframes/plugin-og':
+        specifier: workspace:*
+        version: link:../../plugins/og
+      '@devframes/plugin-terminals':
+        specifier: workspace:*
+        version: link:../../plugins/terminals
       devframe:
         specifier: workspace:*
         version: link:../../packages/devframe
@@ -849,12 +939,33 @@ importers:
       '@devframes/json-render-ui':
         specifier: workspace:*
         version: link:../../packages/json-render-ui
+      '@devframes/plugin-a11y':
+        specifier: workspace:*
+        version: link:../../plugins/a11y
+      '@devframes/plugin-assets':
+        specifier: workspace:*
+        version: link:../../plugins/assets
+      '@devframes/plugin-code-server':
+        specifier: workspace:*
+        version: link:../../plugins/code-server
+      '@devframes/plugin-data-inspector':
+        specifier: workspace:*
+        version: link:../../plugins/data-inspector
+      '@devframes/plugin-git':
+        specifier: workspace:*
+        version: link:../../plugins/git
       '@devframes/plugin-inspect':
         specifier: workspace:*
         version: link:../../plugins/inspect
       '@devframes/plugin-messages':
         specifier: workspace:*
         version: link:../../plugins/messages
+      '@devframes/plugin-og':
+        specifier: workspace:*
+        version: link:../../plugins/og
+      '@devframes/plugin-terminals':
+        specifier: workspace:*
+        version: link:../../plugins/terminals
       devframe:
         specifier: workspace:*
         version: link:../../packages/devframe
diff --git a/tests/__snapshots__/tsnapi/@devframes/hub/client.snapshot.d.ts b/tests/__snapshots__/tsnapi/@devframes/hub/client.snapshot.d.ts
index 46198041..0f0daa53 100644
--- a/tests/__snapshots__/tsnapi/@devframes/hub/client.snapshot.d.ts
+++ b/tests/__snapshots__/tsnapi/@devframes/hub/client.snapshot.d.ts
@@ -13,7 +13,7 @@ export interface CommandsContext {
 }
 export interface CreateDockRenderersContextOptions {
   context: () => DevframeClientContext;
-  local?: Record<string, DockRenderer>;
+  local?: Record<string, DockRenderer<any>>;
   manifest?: () => DockRendererManifest;
   onMounted?: (_: () => void, _: DevframeDockEntry) => (() => void) | void;
 }
@@ -26,7 +26,7 @@ export interface DevframeClientHostOptions {
   connect?: DevframeRpcClientOptions;
   clientType?: DockClientType;
   loadClientScripts?: boolean;
-  renderers?: Record<string, DockRenderer>;
+  renderers?: Record<string, DockRenderer<any>>;
   categoryOrder?: Record<string, number>;
 }
 export interface DockClientScriptContext extends DocksContext {
@@ -72,7 +72,7 @@ export interface DockRendererMountOptions<Entry extends DevframeDockEntry = Devf
   context: DevframeClientContext;
 }
 export interface DockRenderersContext {
-  register: (_: string, _: DockRenderer) => () => void;
+  register: (_: string, _: DockRenderer<any>) => () => void;
   get: (_: string) => DockRenderer | undefined;
   has: (_: string) => boolean;
   mount: (_: DevframeDockEntry, _: HTMLElement) => Promise<DockRendererMountResult>;

From 3ee8155213652fb2fa95b81fd95d11567ef95716 Mon Sep 17 00:00:00 2001
From: "Anthony Fu (via agent)" <reg-github-bot@antfu.me>
Date: Thu, 13 Aug 2026 05:02:52 +0000
Subject: [PATCH 04/11] fix(hub-ui,json-render-ui): build on the Wind3 preset
 for shadow-root surfaces
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Wind4 emits its theme as `@property` registrations and cascade `@layer`s on
the document root, which don't apply reliably to a stylesheet adopted into a
web-component shadow tree — the exact surfaces these two packages render into
(hub-ui's dock custom element, json-render-ui's renderer module, both of which
inject their compiled UnoCSS into their own shadow root). Swapping their base
utility preset to Wind3 emits plain utilities that style shadow content
correctly.

- design/uno.config.ts: add a createDesignConfig({ base }) factory so a
  surface can pick its base preset; the shared `designConfig` constant stays
  on Wind4, so every other plugin and example is unchanged.
- hub-ui composes createDesignConfig({ base: presetWind3() }).
- json-render-ui's package + SPA configs swap presetWind4 → presetWind3 (both,
  so its components render identically in the standalone SPA and the
  shadow-root renderer module).
- Regenerated the committed shadow-root stylesheets (no more @layer output).
---
 design/uno.config.ts                          | 82 ++++++++++++-------
 packages/hub-ui/src/client/.generated/css.ts  |  2 +-
 packages/hub-ui/uno.config.ts                 | 11 ++-
 packages/json-render-ui/src/.generated/css.ts |  2 +-
 packages/json-render-ui/src/spa/uno.config.ts | 10 ++-
 packages/json-render-ui/uno.config.ts         | 11 ++-
 6 files changed, 75 insertions(+), 43 deletions(-)

diff --git a/design/uno.config.ts b/design/uno.config.ts
index f94e7972..a7be2528 100644
--- a/design/uno.config.ts
+++ b/design/uno.config.ts
@@ -1,3 +1,4 @@
+import type { Preset } from 'unocss'
 import { fileURLToPath } from 'node:url'
 import { presetAnthonyDesign } from '@antfu/design/unocss'
 import {
@@ -8,8 +9,21 @@ import {
   transformerVariantGroup,
 } from 'unocss'
 
+export interface CreateDesignConfigOptions {
+  /**
+   * The base utility preset the `@antfu/design` preset layers on top of.
+   * Defaults to {@link presetWind4}. Pass `presetWind3()` for surfaces
+   * rendered inside a **web-component shadow root** (the hub-ui dock and the
+   * json-render renderer module): Wind4 emits its theme as `@property`
+   * registrations and cascade layers on the document root, which don't apply
+   * reliably to adopted-stylesheet content inside a shadow tree — Wind3's
+   * plain utility output does.
+   */
+  base?: Preset<any> | Preset<any>[]
+}
+
 // Shared devframe UnoCSS base. Every plugin and example composes `@antfu/design`
-// the same way — its preset (tuned to devframe's sage green) over a Wind4 base,
+// the same way — its preset (tuned to devframe's sage green) over a Wind base,
 // Phosphor icons, DM Sans/Mono web fonts, and the directive/variant-group
 // transformers — so the surfaces look and feel like one product across
 // frameworks. Each app extends this via `mergeConfigs([designConfig, { … }])`
@@ -19,33 +33,39 @@ import {
 // navbar height live here so every surface shares one font stack, one z-index
 // scale and one fixed navbar height. The `@antfu/design` preset blocks plain
 // `z-<number>`, so the layers are named on purpose.
-export const designConfig = defineConfig({
-  presets: [
-    presetAnthonyDesign({ primary: '#3a6a45' }),
-    presetWind4(),
-    presetIcons({ scale: 1.1 }),
-  ],
-  transformers: [transformerDirectives(), transformerVariantGroup()],
-  // The shared class-helper builders (`design/design.ts`) assemble their class
-  // chains at runtime, so every app scans that one file (it carries
-  // `@unocss-include`) for extraction regardless of its own framework globs.
-  content: {
-    filesystem: [fileURLToPath(new URL('./design.ts', import.meta.url))],
-  },
-  // Wind4 leaves bare `border`/`border-b` at currentColor; restore the subtle
-  // shared border color (matching `border-base`) for unqualified borders.
-  preflights: [{ getCSS: () => '*,::before,::after{border-color:#8882}' }],
-  shortcuts: {
-    // Fixed navbar height, shared by every surface's top nav.
-    'h-nav': 'h-10',
-    // Named z-index layers, shared across every surface.
-    'z-nav': 'z-[30]',
-    'z-dropdown': 'z-[40]',
-    'z-tooltip': 'z-[45]',
-    'z-toast': 'z-[50]',
-    'z-modal-backdrop': 'z-[60]',
-    'z-modal-content': 'z-[70]',
-    'z-drawer-backdrop': 'z-[80]',
-    'z-drawer-content': 'z-[90]',
-  },
-})
+export function createDesignConfig(options: CreateDesignConfigOptions = {}) {
+  const base = options.base ?? presetWind4()
+  return defineConfig({
+    presets: [
+      presetAnthonyDesign({ primary: '#3a6a45' }),
+      ...(Array.isArray(base) ? base : [base]),
+      presetIcons({ scale: 1.1 }),
+    ],
+    transformers: [transformerDirectives(), transformerVariantGroup()],
+    // The shared class-helper builders (`design/design.ts`) assemble their class
+    // chains at runtime, so every app scans that one file (it carries
+    // `@unocss-include`) for extraction regardless of its own framework globs.
+    content: {
+      filesystem: [fileURLToPath(new URL('./design.ts', import.meta.url))],
+    },
+    // Wind leaves bare `border`/`border-b` at currentColor; restore the subtle
+    // shared border color (matching `border-base`) for unqualified borders.
+    preflights: [{ getCSS: () => '*,::before,::after{border-color:#8882}' }],
+    shortcuts: {
+      // Fixed navbar height, shared by every surface's top nav.
+      'h-nav': 'h-10',
+      // Named z-index layers, shared across every surface.
+      'z-nav': 'z-[30]',
+      'z-dropdown': 'z-[40]',
+      'z-tooltip': 'z-[45]',
+      'z-toast': 'z-[50]',
+      'z-modal-backdrop': 'z-[60]',
+      'z-modal-content': 'z-[70]',
+      'z-drawer-backdrop': 'z-[80]',
+      'z-drawer-content': 'z-[90]',
+    },
+  })
+}
+
+// The default shared base (Wind4), consumed by every plugin and example.
+export const designConfig = createDesignConfig()
diff --git a/packages/hub-ui/src/client/.generated/css.ts b/packages/hub-ui/src/client/.generated/css.ts
index 620795e6..8a59f00b 100644
--- a/packages/hub-ui/src/client/.generated/css.ts
+++ b/packages/hub-ui/src/client/.generated/css.ts
@@ -1,3 +1,3 @@
 /* eslint-disable eslint-comments/no-unlimited-disable */
 /* eslint-disable */
-export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n@property --un-ease{syntax:\"*\";inherits:false;}@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}@property --un-backdrop-blur{syntax:\"*\";inherits:false;}@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}@property --un-backdrop-invert{syntax:\"*\";inherits:false;}@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}@property --un-inset-ring-color{syntax:\"*\";inherits:false;}@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}@property --un-ring-color{syntax:\"*\";inherits:false;}@property --un-ring-inset{syntax:\"*\";inherits:false;}@property --un-ring-offset-color{syntax:\"*\";inherits:false;}@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:\"*\";inherits:false;}@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}:root {\n  --un-text-opacity: 100%;\n}\n\n/*\n * Thin/transparent scrollbar, matching packages/ui/src/styles/global.css —\n * that stylesheet only reaches the Nuxt plugin apps, not this injected\n * webcomponents shell, which otherwise falls back to the browser default\n * (thick, opaque-gutter) scrollbar clashing with the translucent dock.\n * `:host`, not `:root` — this stylesheet is adopted into the dock's shadow\n * root (`defineCustomElement(..., { shadowRoot: true, styles: [css] })`),\n * where `:root` only ever matches the top-level document's <html>.\n * Rules below are unscoped (not `#devframes-anchor ...`) since the\n * shadow boundary already keeps them from leaking onto the host page, and\n * scoping under the anchor's id would miss edge-docked mode entirely\n * (`DockEmbedded.vue` renders `DockEdge`/`#devframes-edge-panel` and\n * `Dock`/`#devframes-anchor` as mutually exclusive siblings).\n */\n:host {\n  --app-scrollbar-size: 6px;\n  --app-scrollbar-radius: 1px;\n  --app-scrollbar-thumb: #8884;\n  --app-scrollbar-thumb-hover: #8885;\n}\n\n::-webkit-scrollbar {\n  width: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar:horizontal {\n  height: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--app-scrollbar-thumb);\n  transition: background 0.2s ease;\n  border-radius: var(--app-scrollbar-radius);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--app-scrollbar-thumb-hover);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: var(--app-scrollbar-radius);\n  background: transparent;\n}\n\n#devframes-anchor {\n  font-size:15px;font-family:var(--font-sans);width:calc(var(--spacing) * 0);transform-origin:center;box-sizing:border-box;position:fixed;z-index:2147483644;\n  transform: translate(-50%, -50%) rotate(0);\n}\n\n#devframes-anchor #devframes-dock-container {\n  display:flex;width:max-content;left:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);position:absolute;\n  height: var(--devframes-dock-height, 40px);\n  min-width: var(--devframes-dock-min-width, 100px);\n  transform: translate(-50%, -50%);\n}\n\n#devframes-anchor.devframes-vertical #devframes-dock-container {\n  transform: translate(-50%, -50%) rotate(90deg);\n  transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:500ms;transition-duration:500ms;\n}\n\n#devframes-anchor #devframes-dock {\n  margin:auto;border-radius:calc(infinity * 1px);height:100%;-webkit-user-select:none;user-select:none;touch-action:none;\n  ;color:color-mix(in oklab, #333 var(--un-text-opacity), transparent);background-color:color-mix(in srgb, var(--colors-white) 100%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);\n  transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:500ms;transition-duration:500ms;\n  height: var(--devframes-dock-height, 40px);\n  width: calc-size(max-content, size);\n}.dark #devframes-anchor #devframes-dock{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, #111 80%, transparent);}@supports (color: color-mix(in lab, red, red)){.dark #devframes-anchor #devframes-dock{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}}@supports (color: color-mix(in lab, red, red)){#devframes-anchor #devframes-dock{background-color:color-mix(in oklab, var(--colors-white) 100%, transparent);}}\n\n#devframes-anchor.devframes-minimized #devframes-dock {\n  padding-inline:calc(var(--spacing) * 0);padding-block:2px;\n  width: var(--devframes-dock-minimized-size, 22px);\n  height: var(--devframes-dock-minimized-size, 22px);\n}\n\n#devframes-anchor:hover #devframes-glowing {\n  opacity:60%;\n}\n\n#devframes-anchor #devframes-glowing {\n  border-radius:calc(infinity * 1px);opacity:0%;pointer-events:none;transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:1000ms;transition-duration:1000ms;--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);left:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);position:absolute;\n  width: var(--devframes-dock-glow-size, 160px);\n  height: var(--devframes-dock-glow-size, 160px);\n  filter: blur(var(--devframes-dock-glow-blur, 60px));\n  transform: translate(-50%, -50%);\n  /* Follows the brand: derived from the primary ramp (overridable via\n     --devframe-primary), so a rebrand retints the glow automatically. */\n  background-image: linear-gradient(\n    45deg,\n    var(--colors-primary-300, #adc77f),\n    var(--colors-primary-500, #517158),\n    var(--colors-primary-DEFAULT, #486954)\n  );\n}\n\n@media print {\n  #devframes-anchor {\n    display:none;\n  }\n}\n\n.devframes-resize-handle-horizontal {\n  margin-block:-5px;border-radius:var(--radius-md);height:10px;cursor:ns-resize;left:6px;right:6px;position:absolute;\n}\n.devframes-resize-handle-vertical {\n  margin-inline:-5px;border-radius:var(--radius-md);width:10px;cursor:ew-resize;top:6px;bottom:calc(var(--spacing) * 0);position:absolute;\n}\n.devframes-resize-handle-corner {\n  margin:-6px;border-radius:var(--radius-md);width:14px;height:14px;position:absolute;\n}\n.devframes-resize-handle {\n  z-index:30;\n}\n.devframes-resize-handle:hover {\n  ;background-color:color-mix(in srgb, var(--colors-gray-400) 10%, transparent);\n}@supports (color: color-mix(in lab, red, red)){.devframes-resize-handle:hover{background-color:color-mix(in oklab, var(--colors-gray-400) 10%, transparent);}}\n\n@keyframes devframes-shake {\n  0%, 100% { transform: translateX(0); }\n  20%, 60% { transform: translateX(-5px); }\n  40%, 80% { transform: translateX(5px); }\n}\n.devframes-shake {\n  animation: devframes-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n@media (prefers-reduced-motion: reduce) {\n  .devframes-shake {\n    animation: none;\n  }\n}\n\n/* layer: properties */\n@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{--un-bg-opacity:100%;--un-border-opacity:100%;--un-border-style:solid;--un-caret-opacity:100%;--un-divide-opacity:100%;--un-divide-y-reverse:initial;--un-ease:initial;--un-from-opacity:100%;--un-leading:initial;--un-ring-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-space-y-reverse:initial;--un-text-opacity:100%;--un-to-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-via-opacity:100%;}}\n@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-leading{syntax:\"*\";inherits:false;}\n@property --un-outline-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-caret-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-ring-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-inset-ring-color{syntax:\"*\";inherits:false;}\n@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-ring-color{syntax:\"*\";inherits:false;}\n@property --un-ring-inset{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-color{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}\n@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-translate-x{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-y{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-z{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-scale-x{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-y{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-z{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-ease{syntax:\"*\";inherits:false;}\n@property --un-from-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%;}\n@property --un-gradient-position{syntax:\"*\";inherits:false;}\n@property --un-gradient-stops{syntax:\"*\";inherits:false;}\n@property --un-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%;}\n@property --un-gradient-via-stops{syntax:\"*\";inherits:false;}\n@property --un-to-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-via-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-backdrop-blur{syntax:\"*\";inherits:false;}\n@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}\n@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}\n@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}\n@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-invert{syntax:\"*\";inherits:false;}\n@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}\n@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}\n@property --un-blur{syntax:\"*\";inherits:false;}\n@property --un-brightness{syntax:\"*\";inherits:false;}\n@property --un-contrast{syntax:\"*\";inherits:false;}\n@property --un-drop-shadow{syntax:\"*\";inherits:false;}\n@property --un-grayscale{syntax:\"*\";inherits:false;}\n@property --un-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-invert{syntax:\"*\";inherits:false;}\n@property --un-saturate{syntax:\"*\";inherits:false;}\n@property --un-sepia{syntax:\"*\";inherits:false;}\n@property --un-numeric-figure{syntax:\"*\";inherits:false;}\n@property --un-numeric-fraction{syntax:\"*\";inherits:false;}\n@property --un-numeric-spacing{syntax:\"*\";inherits:false;}\n@property --un-ordinal{syntax:\"*\";inherits:false;}\n@property --un-slashed-zero{syntax:\"*\";inherits:false;}\n@property --un-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-divide-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n/* layer: theme */\n:root, :host { --spacing: 0.25rem; --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --ease-out: cubic-bezier(0, 0, 0.2, 1); --radius-md: 0.375rem; --colors-gray-400: oklch(70.7% 0.022 261.325); --colors-white: #fff; --radius-DEFAULT: 0.25rem; --container-lg: 32rem; --radius-lg: 0.5rem; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace; --colors-primary-DEFAULT: #3a6a45; --colors-blue-DEFAULT: oklch(70.7% 0.165 254.624); --colors-black: #000; --fontWeight-medium: 500; --radius-xl: 0.75rem; --colors-primary-500: #578861; --ease-in: cubic-bezier(0.4, 0, 1, 1); --colors-red-500: oklch(63.7% 0.237 25.331); --colors-primary-400: #75a67e; --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-2xl-fontSize: 1.5rem; --text-2xl-lineHeight: 2rem; --leading-none: 1; --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --fontWeight-bold: 700; --tracking-wide: 0.025em; --tracking-tight: -0.025em; --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-gray-DEFAULT: oklch(70.7% 0.022 261.325); --colors-orange-DEFAULT: oklch(75% 0.183 55.934); --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --colors-purple-DEFAULT: oklch(71.4% 0.203 305.504); --leading-relaxed: 1.625; --container-prose: 65ch; --colors-blue-400: oklch(70.7% 0.165 254.624); --colors-green-400: oklch(79.2% 0.209 151.711); --colors-amber-400: oklch(82.8% 0.189 84.429); --colors-red-400: oklch(70.4% 0.191 22.216); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-primary-600: #40704b; --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-blue-700: oklch(48.8% 0.243 264.376); --colors-green-500: oklch(72.3% 0.219 149.579); --colors-green-700: oklch(52.7% 0.154 150.069); --colors-amber-500: oklch(76.9% 0.188 70.08); --colors-amber-700: oklch(55.5% 0.163 48.998); --colors-red-700: oklch(50.5% 0.213 27.518); --colors-green-600: oklch(62.7% 0.194 149.214); --colors-amber-600: oklch(66.6% 0.179 58.318); --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-xl-fontSize: 1.25rem; --text-xl-lineHeight: 1.75rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --colors-error-DEFAULT: #f63d68; --colors-primary-300: #93c69d; --colors-blue-300: oklch(80.9% 0.105 251.813); --colors-green-300: oklch(87.1% 0.15 154.449); --colors-amber-300: oklch(87.9% 0.169 91.605); --colors-red-300: oklch(80.8% 0.114 19.571); --colors-neutral-500: oklch(55.6% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-neutral-400: oklch(70.8% 0 0); --container-sm: 24rem; --container-xs: 20rem; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }\n/* layer: base */\n *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  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-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, 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; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.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 { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :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: 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }\n/* layer: preflights */\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-counter-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-square-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 80v128a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-counter-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M88 104H40a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v28.69l14.63-14.63A95.43 95.43 0 0 1 130 33.94h.53a95.36 95.36 0 0 1 67.07 27.33a8 8 0 0 1-11.18 11.44a79.52 79.52 0 0 0-55.89-22.77h-.45a79.56 79.56 0 0 0-56.14 23.43L59.31 88H88a8 8 0 0 1 0 16m128 48h-48a8 8 0 0 0 0 16h28.69l-14.63 14.63a79.56 79.56 0 0 1-56.13 23.43h-.45a79.52 79.52 0 0 1-55.89-22.77a8 8 0 1 0-11.18 11.44a95.36 95.36 0 0 0 67.07 27.33h.52a95.43 95.43 0 0 0 67.36-28.12L208 179.31V208a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 48v160H48V48Z' opacity='.2'/%3E%3Cpath d='M216 48v48a8 8 0 0 1-16 0V67.31l-42.34 42.35a8 8 0 0 1-11.32-11.32L188.69 56H160a8 8 0 0 1 0-16h48a8 8 0 0 1 8 8M98.34 146.34L56 188.69V160a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16H67.31l42.35-42.34a8 8 0 0 0-11.32-11.32M208 152a8 8 0 0 0-8 8v28.69l-42.34-42.35a8 8 0 0 0-11.32 11.32L188.69 200H160a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8M67.31 56H96a8 8 0 0 0 0-16H48a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0V67.31l42.34 42.35a8 8 0 0 0 11.32-11.32Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-cards-three-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 104v96a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-96a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 88H48a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16m0 112H48v-96h160zM48 64a8 8 0 0 1 8-8h144a8 8 0 0 1 0 16H56a8 8 0 0 1-8-8m16-32a8 8 0 0 1 8-8h112a8 8 0 0 1 0 16H72a8 8 0 0 1-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-down,\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-left,\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-right,\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-up{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-check-bold,\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-circle-notch{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-six-vertical{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M104 60a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60 12a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-72 44a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-72 68a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-three-outline-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M152 128a24 24 0 1 1-24-24a24 24 0 0 1 24 24M48 104a24 24 0 1 0 24 24a24 24 0 0 0-24-24m160 0a24 24 0 1 0 24 24a24 24 0 0 0-24-24' opacity='.2'/%3E%3Cpath d='M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16M48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16m160-48a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-globe{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.12 104.12 0 0 0 128 24m88 104a87.6 87.6 0 0 1-3.33 24h-38.51a157.4 157.4 0 0 0 0-48h38.51a87.6 87.6 0 0 1 3.33 24m-114 40h52a115.1 115.1 0 0 1-26 45a115.3 115.3 0 0 1-26-45m-3.9-16a140.8 140.8 0 0 1 0-48h59.88a140.8 140.8 0 0 1 0 48ZM40 128a87.6 87.6 0 0 1 3.33-24h38.51a157.4 157.4 0 0 0 0 48H43.33A87.6 87.6 0 0 1 40 128m114-40h-52a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45m52.33 0h-35.62a135.3 135.3 0 0 0-22.3-45.6A88.29 88.29 0 0 1 206.37 88Zm-98.74-45.6A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6M49.63 168h35.66a135.3 135.3 0 0 0 22.3 45.6A88.29 88.29 0 0 1 49.63 168m98.78 45.6a135.3 135.3 0 0 0 22.3-45.6h35.66a88.29 88.29 0 0 1-57.96 45.6'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-keyboard-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M232 64v128a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h192a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 48H32a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m0 144H32V64h192zm-16-64a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8m0-32a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8M72 160a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8m96 0a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m40 0a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-laptop-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 72v104H40V72a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M232 168h-8V72a24 24 0 0 0-24-24H56a24 24 0 0 0-24 24v96h-8a8 8 0 0 0-8 8v16a24 24 0 0 0 24 24h176a24 24 0 0 0 24-24v-16a8 8 0 0 0-8-8M48 72a8 8 0 0 1 8-8h144a8 8 0 0 1 8 8v96H48Zm176 120a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-8h192ZM152 88a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-layout-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M104 104v104H40a8 8 0 0 1-8-8v-96Z' opacity='.2'/%3E%3Cpath d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v40H40V56ZM40 112h56v88H40Zm176 88H112v-88h104z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-magnifying-glass-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 112a80 80 0 1 1-80-80a80 80 0 0 1 80 80' opacity='.2'/%3E%3Cpath d='m229.66 218.34l-50.06-50.06a88.21 88.21 0 1 0-11.32 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-moon-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78' opacity='.2'/%3E%3Cpath d='M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-paint-brush-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 32c0 32.81-31.64 67.43-58.64 91.05A84.4 84.4 0 0 0 133 90.64c23.57-27 58.19-58.64 91-58.64' opacity='.2'/%3E%3Cpath d='M232 32a8 8 0 0 0-8-8c-44.08 0-89.31 49.71-114.43 82.63A60 60 0 0 0 32 164c0 30.88-19.54 44.73-20.47 45.37A8 8 0 0 0 16 224h76a60 60 0 0 0 57.37-77.57C182.3 121.31 232 76.08 232 32M92 208H34.63C41.38 198.41 48 183.92 48 164a44 44 0 1 1 44 44m32.42-94.45q5.14-6.66 10.09-12.55A76.2 76.2 0 0 1 155 121.49q-5.9 4.94-12.55 10.09a60.5 60.5 0 0 0-18.03-18.03m42.7-2.68a92.6 92.6 0 0 0-22-22c31.78-34.53 55.75-45 69.9-47.91c-2.85 14.16-13.37 38.13-47.9 69.91'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.32 81.37l-60.69-60.68a16 16 0 0 0-22.63 0l-53.63 53.8c-10.66-3.34-35-7.37-60.4 13.14a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33c19.64-26.1 17.75-47.32 13.19-60L235.33 104a16 16 0 0 0-.01-22.63M224 92.69l-57.27 57.46a8 8 0 0 0-1.49 9.22c9.46 18.93-1.8 38.59-9.34 48.62L48 100.08c12.08-9.74 23.64-12.31 32.48-12.31A40.1 40.1 0 0 1 96.81 91a8 8 0 0 0 9.25-1.51L163.32 32L224 92.68Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.33 104l-53.47 53.65c4.56 12.67 6.45 33.89-13.19 60A15.93 15.93 0 0 1 157 224h-1.13a16 16 0 0 1-11.32-4.69L96.29 171l-42.63 42.66a8 8 0 0 1-11.32-11.32L85 159.71l-48.3-48.3A16 16 0 0 1 38 87.63c25.42-20.51 49.75-16.48 60.4-13.14L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 .01 22.62'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-rocket-launch-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 120v61.65a8 8 0 0 1-2.34 5.65l-34.35 34.35a8 8 0 0 1-13.57-4.53L128 176Zm-48-48H74.35a8 8 0 0 0-5.65 2.34l-34.35 34.35a8 8 0 0 0 4.53 13.57L80 128ZM40 216c37.65 0 50.69-19.69 54.56-28.18l-26.38-26.38C59.69 165.31 40 178.35 40 216' opacity='.2'/%3E%3Cpath d='M223.85 47.12a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.41 27.07L132.69 64H74.36A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a15.9 15.9 0 0 0 4.68-11.36v-58.33l4.77-4.77c26.68-26.68 27.83-58.83 27.08-71.42M74.36 80h42.33l-39.53 39.52L40 114.34Zm74.41-9.45a76.65 76.65 0 0 1 59.11-22.47a76.46 76.46 0 0 1-22.42 59.16L128 164.68L91.32 128ZM176 181.64L141.67 216l-5.19-37.17L176 139.31Zm-74.16 9.5C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-shield-check-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 56v56c0 96-88 120-88 120s-88-24-88-120V56a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 40H48a16 16 0 0 0-16 16v56c0 52.72 25.52 84.67 46.93 102.19c23.06 18.86 46 25.26 47 25.53a8 8 0 0 0 4.2 0c1-.27 23.91-6.67 47-25.53C198.48 196.67 224 164.72 224 112V56a16 16 0 0 0-16-16m0 72c0 37.07-13.66 67.16-40.6 89.42a129.3 129.3 0 0 1-39.4 22.2a128.3 128.3 0 0 1-38.92-21.81C61.82 179.51 48 149.3 48 112V56h160ZM82.34 141.66a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32l-56 56a8 8 0 0 1-11.32 0Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sign-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 56v144a16 16 0 0 1-16 16H48V40h160a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M120 216a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H56v160h56a8 8 0 0 1 8 8m109.66-93.66l-40-40a8 8 0 0 0-11.32 11.32L204.69 120H112a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-spinner-gap-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0m88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-50.91-16.4l-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31M72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8m-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-square-half-bottom-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v72a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8v-72Z' opacity='.2'/%3E%3Cpath d='M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v64H56V56Zm0 144H56v-64h144z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sun-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 128a56 56 0 1 1-56-56a56 56 0 0 1 56 56' opacity='.2'/%3E%3Cpath d='M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0m72 88a64 64 0 1 1-64-64a64.07 64.07 0 0 1 64 64m-16 0a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48M58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68l-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8m112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-duotone,\n.i-ph\\:warning-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72M120 104a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm8 88a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-wrench-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 96a64 64 0 0 1-94.94 56L73 217a24 24 0 0 1-34-34l65-56.06a64 64 0 0 1 80-90.29L144 80l5.66 26.34L176 112l43.35-40A63.8 63.8 0 0 1 224 96' opacity='.2'/%3E%3Cpath d='M226.76 69a8 8 0 0 0-12.84-2.88l-40.3 37.19l-17.23-3.7l-3.7-17.23l37.19-40.3A8 8 0 0 0 187 29.24A72 72 0 0 0 88 96a72.3 72.3 0 0 0 6 28.94L33.79 177c-.15.12-.29.26-.43.39a32 32 0 0 0 45.26 45.26c.13-.13.27-.28.39-.42L131.06 162A72 72 0 0 0 232 96a71.6 71.6 0 0 0-5.24-27M160 152a56.14 56.14 0 0 1-27.07-7a8 8 0 0 0-9.92 1.77l-55.9 64.74a16 16 0 0 1-22.62-22.62L109.18 133a8 8 0 0 0 1.77-9.93a56 56 0 0 1 58.36-82.31l-31.2 33.81a8 8 0 0 0-1.94 7.1l5.66 26.33a8 8 0 0 0 6.14 6.14l26.35 5.66a8 8 0 0 0 7.1-1.94l33.81-31.2A56.06 56.06 0 0 1 160 152'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-x,\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:bug-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v16a80 80 0 0 1-160 0v-16Z' opacity='.2'/%3E%3Cpath d='M144 92a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-44-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m116 64a87.8 87.8 0 0 1-3 23l22.24 9.72A8 8 0 0 1 232 192a7.9 7.9 0 0 1-3.2-.67L207.38 182a88 88 0 0 1-158.76 0l-21.42 9.33a7.9 7.9 0 0 1-3.2.67a8 8 0 0 1-3.2-15.33L43 167a87.8 87.8 0 0 1-3-23v-8H16a8 8 0 0 1 0-16h24v-8a87.8 87.8 0 0 1 3-23l-22.2-9.67a8 8 0 1 1 6.4-14.66L48.62 74a88 88 0 0 1 158.76 0l21.42-9.36a8 8 0 0 1 6.4 14.66L213 89.05a87.8 87.8 0 0 1 3 23v8h24a8 8 0 0 1 0 16h-24ZM56 120h144v-8a72 72 0 0 0-144 0Zm64 95.54V136H56v8a72.08 72.08 0 0 0 64 71.54M200 144v-8h-64v79.54A72.08 72.08 0 0 0 200 144'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:info-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M144 176a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m88-48A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88m-92-32a12 12 0 1 0-12-12a12 12 0 0 0 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:puzzle-piece-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M204 168a28 28 0 0 0 12-2.69V208a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-42.69a28 28 0 1 1 0-50.62V72a8 8 0 0 1 8-8h46.69a28 28 0 1 1 50.61 0H208a8 8 0 0 1 8 8v42.69A28 28 0 1 0 204 168' opacity='.2'/%3E%3Cpath d='M220.27 158.54a8 8 0 0 0-7.7-.46a20 20 0 1 1 0-36.16a8 8 0 0 0 11.43-7.23V72a16 16 0 0 0-16-16h-36.22a35 35 0 0 0 .22-4a36.15 36.15 0 0 0-11.36-26.25a36 36 0 0 0-60.55 23.63a36.6 36.6 0 0 0 .14 6.62H64a16 16 0 0 0-16 16v32.22a35 35 0 0 0-4-.22a36.12 36.12 0 0 0-26.24 11.36a35.7 35.7 0 0 0-9.69 27a36.08 36.08 0 0 0 33.31 33.6a36.6 36.6 0 0 0 6.62-.14V208a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16v-42.69a8 8 0 0 0-3.73-6.77M208 208H64v-42.69a8 8 0 0 0-11.43-7.23a20 20 0 1 1 0-36.16A8 8 0 0 0 64 114.69V72h46.69a8 8 0 0 0 7.23-11.43a20 20 0 1 1 36.16 0A8 8 0 0 0 161.31 72H208v32.23a35.7 35.7 0 0 0-6.62-.14A36 36 0 0 0 204 176a35 35 0 0 0 4-.22Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M165.66 101.66L139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.badge{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));--un-leading:var(--leading-none);line-height:var(--leading-none);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 0.5);border-radius:var(--radius-md);display:inline-flex;gap:calc(var(--spacing) * 1);align-items:center;}\n.btn-action-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.text-micro{font-size:10px;--un-leading:1.4;line-height:1.4;}\n.btn-primary{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);opacity:100% !important;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.color-faint,\n.dark .color-faint{color:color-mix(in srgb, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in srgb, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.btn-action{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.btn-icon{--un-outline-style:none;outline-style:none;border-radius:calc(infinity * 1px);opacity:65%;display:flex;width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.btn-icon-compact{--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);opacity:65%;display:flex;width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.border-base{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.border-mute{border-color:color-mix(in oklab, #8881 var(--un-border-opacity), transparent);}\n.hover\\:border-base:hover{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-ambient{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, #111 var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in srgb, var(--colors-white) 65%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass{background-color:color-mix(in oklab, #111 50%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in srgb, var(--colors-white) 98%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:75{background-color:color-mix(in oklab, #111 75%, transparent);}\n.bg-glass\\:80{background-color:color-mix(in srgb, var(--colors-white) 100%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:80{background-color:color-mix(in oklab, #111 80%, transparent);}\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-secondary{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.dark .bg-secondary{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.dark .hover\\:bg-active:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.hover\\:bg-active:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.hover\\:bg-hover:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.btn-action:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-action-sm:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon-compact:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-primary:hover{background-color:color-mix(in srgb, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:55%;}\n.op-fade{opacity:65%;}\n.dark .op-mute{opacity:25%;}\n.op-mute{opacity:30%;}\n.btn-action:disabled{opacity:30% !important;pointer-events:none;}\n.btn-action-sm:disabled{opacity:30% !important;pointer-events:none;}\n.btn-icon:disabled{opacity:30%;pointer-events:none;}\n.btn-icon-compact:disabled{opacity:30%;pointer-events:none;}\n.btn-primary:disabled{opacity:50%;pointer-events:none;}\n.dark .disabled\\:op-mute:disabled{opacity:25%;}\n.disabled\\:op-mute:disabled{opacity:30%;}\n.dark .placeholder\\:op-mute::placeholder{opacity:25%;}\n.placeholder\\:op-mute::placeholder{opacity:30%;}\n.container{width:100%;}\n.btn-action:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.z-command-palette{z-index:2147483646;}\n.z-dock-confirm,\n.z-dock-toast{z-index:2147483647;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-floating-anchor{z-index:2147483644;}\n.z-floating-tooltip{z-index:2147483645;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.bg-gradient-more{--un-gradient-from:color-mix(in oklab, var(--colors-white) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, var(--colors-white) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, var(--colors-white) var(--un-to-opacity), transparent);--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops));}\n.dark .bg-gradient-more{--un-gradient-from:color-mix(in oklab, #111 var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, #111 var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, #111 var(--un-to-opacity), transparent);}\n.dark .icon-catppuccin{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0%);}\n.icon-catppuccin{--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(100%);}\n@supports (color: color-mix(in lab, red, red)){\n.btn-primary{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.color-active{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.color-base{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.dark .color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in oklab, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-base{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=active\\]\\:bg-base[data-state=active]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in oklab, var(--colors-white) 65%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in oklab, var(--colors-white) 98%, transparent);}\n.bg-glass\\:80{background-color:color-mix(in oklab, var(--colors-white) 100%, transparent);}\n.dark .hover\\:bg-active:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.hover\\:bg-active:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.btn-primary:hover{background-color:color-mix(in oklab, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.btn-action:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.container{max-width:40rem;}\n}\n@media (min-width: 48rem){\n.container{max-width:48rem;}\n}\n@media (min-width: 64rem){\n.container{max-width:64rem;}\n}\n@media (min-width: 80rem){\n.container{max-width:80rem;}\n}\n@media (min-width: 96rem){\n.container{max-width:96rem;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.text-\\[10px\\]{font-size:10px;}\n.text-\\[15px\\]{font-size:15px;}\n.text-0\\.6em{font-size:0.6em;}\n.text-2\\.75{font-size:0.6875rem;}\n.text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));}\n.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}\n.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}\n.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}\n.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}\n.text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}\n.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}\n.dark .dark\\:text-amber-300{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in srgb, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-primary-300{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in srgb, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber{color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in srgb, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue{color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-gray{color:color-mix(in srgb, var(--colors-gray-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green{color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in srgb, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in srgb, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary,\n.text-primary\\/bg-active{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary-600{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.text-red{color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in srgb, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}\n.leading-4{--un-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4);}\n.leading-5{--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);}\n.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}\n.leading-relaxed{--un-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);}\n.tracking-tight{--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);}\n.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}\n.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}\n.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}\n.font-mono{font-family:var(--font-mono);}\n.font-sans{font-family:var(--font-sans);}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.m-auto,\n.ma{margin:auto;}\n.m1{margin:calc(var(--spacing) * 1);}\n.mx--1{margin-inline:calc(var(--spacing) * -1);}\n.mx--2{margin-inline:calc(var(--spacing) * -2);}\n.mx-1{margin-inline:calc(var(--spacing) * 1);}\n.mx-2{margin-inline:calc(var(--spacing) * 2);}\n.mx-auto{margin-inline:auto;}\n.my-1,\n.my1{margin-block:calc(var(--spacing) * 1);}\n.my-2{margin-block:calc(var(--spacing) * 2);}\n.my0\\.5{margin-block:calc(var(--spacing) * 0.5);}\n.-mb-px{margin-bottom:-1px;}\n.mb-1{margin-bottom:calc(var(--spacing) * 1);}\n.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5);}\n.mb-3{margin-bottom:calc(var(--spacing) * 3);}\n.mb-4{margin-bottom:calc(var(--spacing) * 4);}\n.ml-0\\.5{margin-left:calc(var(--spacing) * 0.5);}\n.ml-1{margin-left:calc(var(--spacing) * 1);}\n.ml-1\\.5{margin-left:calc(var(--spacing) * 1.5);}\n.ml-2{margin-left:calc(var(--spacing) * 2);}\n.ml-6{margin-left:calc(var(--spacing) * 6);}\n.mr-1{margin-right:calc(var(--spacing) * 1);}\n.ms{margin-inline-start:calc(var(--spacing) * 4);}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:calc(var(--spacing) * 0.5);}\n.mt-1{margin-top:calc(var(--spacing) * 1);}\n.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5);}\n.mt-2,\n.mt2{margin-top:calc(var(--spacing) * 2);}\n.mt-4,\n.mt4{margin-top:calc(var(--spacing) * 4);}\n.mt-6,\n.mt6{margin-top:calc(var(--spacing) * 6);}\n.mt-auto{margin-top:auto;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:calc(var(--spacing) * 0.5);}\n.p-1,\n.p1{padding:calc(var(--spacing) * 1);}\n.p-1\\.5,\n.p1\\.5{padding:calc(var(--spacing) * 1.5);}\n.p-2,\n.p2{padding:calc(var(--spacing) * 2);}\n.p-3{padding:calc(var(--spacing) * 3);}\n.p-4{padding:calc(var(--spacing) * 4);}\n.p-5{padding:calc(var(--spacing) * 5);}\n.p6{padding:calc(var(--spacing) * 6);}\n.p8{padding:calc(var(--spacing) * 8);}\n.px,\n.px-4,\n.px4{padding-inline:calc(var(--spacing) * 4);}\n.px-0\\.5{padding-inline:calc(var(--spacing) * 0.5);}\n.px-1,\n.px1{padding-inline:calc(var(--spacing) * 1);}\n.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5);}\n.px-2,\n.px2{padding-inline:calc(var(--spacing) * 2);}\n.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5);}\n.px-2\\.5\\!{padding-inline:calc(var(--spacing) * 2.5) !important;}\n.px-3,\n.px3{padding-inline:calc(var(--spacing) * 3);}\n.px-6{padding-inline:calc(var(--spacing) * 6);}\n.py-0{padding-block:calc(var(--spacing) * 0);}\n.py-0\\.5{padding-block:calc(var(--spacing) * 0.5);}\n.py-1,\n.py1{padding-block:calc(var(--spacing) * 1);}\n.py-1\\!{padding-block:calc(var(--spacing) * 1) !important;}\n.py-1\\.5,\n.py1\\.5{padding-block:calc(var(--spacing) * 1.5);}\n.py-10{padding-block:calc(var(--spacing) * 10);}\n.py-12{padding-block:calc(var(--spacing) * 12);}\n.py-2,\n.py2{padding-block:calc(var(--spacing) * 2);}\n.py-2\\!{padding-block:calc(var(--spacing) * 2) !important;}\n.py-2\\.5{padding-block:calc(var(--spacing) * 2.5);}\n.py-3{padding-block:calc(var(--spacing) * 3);}\n.py-4{padding-block:calc(var(--spacing) * 4);}\n.py-6{padding-block:calc(var(--spacing) * 6);}\n.py-8{padding-block:calc(var(--spacing) * 8);}\n.pb-1{padding-bottom:calc(var(--spacing) * 1);}\n.pb2\\.5{padding-bottom:calc(var(--spacing) * 2.5);}\n.pl-4{padding-left:calc(var(--spacing) * 4);}\n.pl-5{padding-left:calc(var(--spacing) * 5);}\n.pl-7{padding-left:calc(var(--spacing) * 7);}\n.pr-2{padding-right:calc(var(--spacing) * 2);}\n.pt-\\[20vh\\]{padding-top:20vh;}\n.pt-1\\.5{padding-top:calc(var(--spacing) * 1.5);}\n.pt-6{padding-top:calc(var(--spacing) * 6);}\n.pt2{padding-top:calc(var(--spacing) * 2);}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.outline{outline-style:var(--un-outline-style);outline-width:1px;}\n.outline-none{--un-outline-style:none;outline-style:none;}\n.caret-primary-500{caret-color:color-mix(in srgb, var(--colors-primary-500) var(--un-caret-opacity), transparent);}\n.b,\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-0{border-bottom-width:0px;}\n.border-b-1\\.5{border-bottom-width:1.5px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-1\\.5{border-right-width:1.5px;}\n.border-t{border-top-width:1px;}\n.border-t-0{border-top-width:0px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.last\\:border-b-0:last-child{border-bottom-width:0px;}\n.border-amber-500\\/20{border-color:color-mix(in srgb, var(--colors-amber-500) 20%, transparent);}\n.border-amber\\/20{border-color:color-mix(in srgb, var(--colors-amber-DEFAULT) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in srgb, var(--colors-blue-500) 20%, transparent);}\n.border-current{border-color:currentColor;}\n.border-error\\!{border-color:color-mix(in srgb, var(--colors-error-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-green-500\\/20{border-color:color-mix(in srgb, var(--colors-green-500) 20%, transparent);}\n.border-primary-400\\/60{border-color:color-mix(in srgb, var(--colors-primary-400) 60%, transparent);}\n.border-primary\\/30{border-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 30%, transparent);}\n.border-red-500\\/20{border-color:color-mix(in srgb, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in srgb, var(--colors-red-500) 60%, transparent);}\n.border-red-500\\/70{border-color:color-mix(in srgb, var(--colors-red-500) 70%, transparent);}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400\\/50{border-color:color-mix(in srgb, var(--colors-primary-400) 50%, transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in srgb, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus-within\\:border-gray\\/15:focus-within{border-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:border-gray\\/10:hover{border-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 10%, transparent);}\n.focus\\:border-primary-500:focus{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus\\:border-primary\\/40:focus{border-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 40%, transparent);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:var(--radius-DEFAULT);}\n.rounded-full{border-radius:calc(infinity * 1px);}\n.rounded-lg{border-radius:var(--radius-lg);}\n.rounded-md{border-radius:var(--radius-md);}\n.rounded-xl{border-radius:var(--radius-xl);}\n.rounded-r{border-top-right-radius:var(--radius-DEFAULT);border-bottom-right-radius:var(--radius-DEFAULT);}\n.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);}\n.rounded-tr-md{border-top-right-radius:var(--radius-md);}\n.bg-\\[\\#8881\\],\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.bg-\\[\\#ddd\\]\\/40{background-color:color-mix(in oklab, #ddd 40%, transparent);}\n.bg-\\#8882{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-\\#8885{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-amber{background-color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.bg-amber\\/10{background-color:color-mix(in srgb, var(--colors-amber-DEFAULT) 10%, transparent);}\n.bg-black\\/30,\n.dark .dark\\:bg-black\\/30{background-color:color-mix(in srgb, var(--colors-black) 30%, transparent);}\n.bg-blue{background-color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.bg-blue\\/10{background-color:color-mix(in srgb, var(--colors-blue-DEFAULT) 10%, transparent);}\n.bg-current{background-color:currentColor;}\n.bg-error\\!{background-color:color-mix(in srgb, var(--colors-error-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-gray{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-gray\\/10{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 10%, transparent);}\n.bg-gray\\/20{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 20%, transparent);}\n.bg-gray\\/3{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 3%, transparent);}\n.bg-gray\\/30{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 30%, transparent);}\n.bg-gray\\/5{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 5%, transparent);}\n.bg-green{background-color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-green-400\\/10{background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\/10{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 10%, transparent);}\n.bg-primary{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-primary-500\\/20{background-color:color-mix(in srgb, var(--colors-primary-500) 20%, transparent);}\n.bg-primary\\/10{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-primary\\/15{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-primary\\/20{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 20%, transparent);}\n.bg-red{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\/10{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-transparent{background-color:transparent;}\n.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-white\\/50{background-color:color-mix(in srgb, var(--colors-white) 50%, transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in srgb, var(--colors-black) 40%, transparent);}\n.dark .dark\\:bg-black\\/45{background-color:color-mix(in srgb, var(--colors-black) 45%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in srgb, var(--colors-red-500) 10%, transparent);}\n.hover\\:bg-\\[\\#8881\\]:hover{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.hover\\:bg-\\[\\#8882\\]:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.hover\\:bg-\\#8888:hover{background-color:color-mix(in oklab, #8888 var(--un-bg-opacity), transparent);}\n.hover\\:bg-gray\\/10:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 10%, transparent);}\n.hover\\:bg-gray\\/15:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:bg-gray\\/20:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 20%, transparent);}\n.hover\\:bg-gray\\/5:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 5%, transparent);}\n.hover\\:bg-orange\\/20:hover{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 20%, transparent);}\n.hover\\:bg-primary\\/25:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 25%, transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in srgb, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/20:hover{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 20%, transparent);}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50,\n.group:hover .group-hover\\:op50{opacity:50%;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100,\n.opacity-100,\n.group:hover .group-hover\\:opacity-100{opacity:100%;}\n.op0,\n.opacity-0{opacity:0%;}\n.op25{opacity:25%;}\n.op30{opacity:30%;}\n.op40{opacity:40%;}\n.op60{opacity:60%;}\n.op60\\!{opacity:60% !important;}\n.op70{opacity:70%;}\n.op75{opacity:75%;}\n.op80{opacity:80%;}\n.hover\\:op100:hover{opacity:100%;}\n.hover\\:op60:hover{opacity:60%;}\n.hover\\:op70:hover{opacity:70%;}\n.hover\\:op80:hover{opacity:80%;}\n.disabled\\:op40:disabled{opacity:40%;}\n.disabled\\:op50:disabled{opacity:50%;}\n.line-through{text-decoration-line:line-through;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.flex-auto{flex:1 1 auto;}\n.flex-none{flex:none;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-row-reverse{flex-direction:row-reverse;}\n.flex-col{flex-direction:column;}\n.flex-col-reverse{flex-direction:column-reverse;}\n.flex-wrap{flex-wrap:wrap;}\n.gap-0{gap:calc(var(--spacing) * 0);}\n.gap-0\\.5{gap:calc(var(--spacing) * 0.5);}\n.gap-1{gap:calc(var(--spacing) * 1);}\n.gap-1\\.5{gap:calc(var(--spacing) * 1.5);}\n.gap-2{gap:calc(var(--spacing) * 2);}\n.gap-3{gap:calc(var(--spacing) * 3);}\n.gap-4{gap:calc(var(--spacing) * 4);}\n.gap-6{gap:calc(var(--spacing) * 6);}\n.gap-x-2{column-gap:calc(var(--spacing) * 2);}\n.gap-y-0\\.5{row-gap:calc(var(--spacing) * 0.5);}\n.grid{display:grid;}\n.cols-\\[max-content_1fr\\]{grid-template-columns:max-content 1fr;}\n.h-0\\.5{height:calc(var(--spacing) * 0.5);}\n.h-1{height:calc(var(--spacing) * 1);}\n.h-1\\.5{height:calc(var(--spacing) * 1.5);}\n.h-1\\/3{height:33.3333333333%;}\n.h-10{height:calc(var(--spacing) * 10);}\n.h-14{height:calc(var(--spacing) * 14);}\n.h-16{height:calc(var(--spacing) * 16);}\n.h-2{height:calc(var(--spacing) * 2);}\n.h-20px{height:20px;}\n.h-24{height:calc(var(--spacing) * 24);}\n.h-3{height:calc(var(--spacing) * 3);}\n.h-3\\.5{height:calc(var(--spacing) * 3.5);}\n.h-4{height:calc(var(--spacing) * 4);}\n.h-4\\.5{height:calc(var(--spacing) * 4.5);}\n.h-5{height:calc(var(--spacing) * 5);}\n.h-6{height:calc(var(--spacing) * 6);}\n.h-7{height:calc(var(--spacing) * 7);}\n.h-8{height:calc(var(--spacing) * 8);}\n.h-9{height:calc(var(--spacing) * 9);}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h-screen{height:100vh;}\n.max-h-\\[60vh\\]{max-height:60vh;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-100{max-width:calc(var(--spacing) * 100);}\n.max-w-108{max-width:calc(var(--spacing) * 108);}\n.max-w-200{max-width:calc(var(--spacing) * 200);}\n.max-w-220px{max-width:220px;}\n.max-w-64{max-width:calc(var(--spacing) * 64);}\n.max-w-92{max-width:calc(var(--spacing) * 92);}\n.max-w-96{max-width:calc(var(--spacing) * 96);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:var(--container-lg);}\n.max-w-prose{max-width:var(--container-prose);}\n.max-w-sm{max-width:var(--container-sm);}\n.max-w-xs{max-width:var(--container-xs);}\n.min-h-0{min-height:calc(var(--spacing) * 0);}\n.min-h-16{min-height:calc(var(--spacing) * 16);}\n.min-h-40{min-height:calc(var(--spacing) * 40);}\n.min-h-5{min-height:calc(var(--spacing) * 5);}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:calc(var(--spacing) * 0);}\n.min-w-28{min-width:calc(var(--spacing) * 28);}\n.min-w-36{min-width:calc(var(--spacing) * 36);}\n.min-w-40{min-width:calc(var(--spacing) * 40);}\n.min-w-44{min-width:calc(var(--spacing) * 44);}\n.min-w-5{min-width:calc(var(--spacing) * 5);}\n.min-w-6{min-width:calc(var(--spacing) * 6);}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-\\[40px\\]{width:40px;}\n.w-1\\.5{width:calc(var(--spacing) * 1.5);}\n.w-10{width:calc(var(--spacing) * 10);}\n.w-11{width:calc(var(--spacing) * 11);}\n.w-12{width:calc(var(--spacing) * 12);}\n.w-16{width:calc(var(--spacing) * 16);}\n.w-2{width:calc(var(--spacing) * 2);}\n.w-2\\/5{width:40%;}\n.w-20px{width:20px;}\n.w-24{width:calc(var(--spacing) * 24);}\n.w-2px{width:2px;}\n.w-3{width:calc(var(--spacing) * 3);}\n.w-3\\.5{width:calc(var(--spacing) * 3.5);}\n.w-3\\/5{width:60%;}\n.w-4{width:calc(var(--spacing) * 4);}\n.w-4\\.5{width:calc(var(--spacing) * 4.5);}\n.w-5{width:calc(var(--spacing) * 5);}\n.w-6{width:calc(var(--spacing) * 6);}\n.w-64{width:calc(var(--spacing) * 64);}\n.w-7{width:calc(var(--spacing) * 7);}\n.w-72{width:calc(var(--spacing) * 72);}\n.w-8{width:calc(var(--spacing) * 8);}\n.w-8\\.5{width:calc(var(--spacing) * 8.5);}\n.w-80{width:calc(var(--spacing) * 80);}\n.w-96{width:calc(var(--spacing) * 96);}\n.w-auto\\!{width:auto !important;}\n.w-fit{width:fit-content;}\n.w-full{width:100%;}\n.w-lg{width:var(--container-lg);}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.w-screen{width:100vw;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.contents{display:contents;}\n.dark .dark-hidden,\n.hidden,\n.light .light-hidden{display:none;}\n.visible{visibility:visible;}\n.invisible{visibility:hidden;}\n.collapse{visibility:collapse;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.cursor-not-allowed{cursor:not-allowed;}\n.cursor-grab{cursor:grab;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.whitespace-pre-wrap{white-space:pre-wrap;}\n.ws-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.text-balance{text-wrap:balance;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.ring-1\\.5{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1.5px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-2:focus-within{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-1:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-3:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-3:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.ring-purple\\/50{--un-ring-color:color-mix(in srgb, var(--colors-purple-DEFAULT) 50%, transparent);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/25:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 25%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-primary\\/30:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 30%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 30%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow,\n.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.-translate-x-1\\/2,\n.translate-x--1\\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.-translate-y-2{--un-translate-y:calc(var(--spacing) * -2);translate:var(--un-translate-x) var(--un-translate-y);}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked],\n.translate-x-4{--un-translate-x:calc(var(--spacing) * 4);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-0\\.5{--un-translate-x:calc(var(--spacing) * 0.5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-1{--un-translate-x:calc(var(--spacing) * 1);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-5{--un-translate-x:calc(var(--spacing) * 5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y--1\\/2{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-0{--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-2{--un-translate-y:calc(var(--spacing) * 2);translate:var(--un-translate-x) var(--un-translate-y);}\n.-rotate-90{rotate:-90deg;}\n.rotate--45{rotate:-45deg;}\n.rotate-0{rotate:0deg;}\n.rotate-180{rotate:180deg;}\n.rotate-270{rotate:270deg;}\n.rotate-90{rotate:90deg;}\n.scale-100{--un-scale-x:100%;--un-scale-y:100%;scale:var(--un-scale-x) var(--un-scale-y);}\n.scale-120{--un-scale-x:120%;--un-scale-y:120%;scale:var(--un-scale-x) var(--un-scale-y);}\n.scale-98{--un-scale-x:98%;--un-scale-y:98%;scale:var(--un-scale-x) var(--un-scale-y);}\n.hover\\:scale-110:hover{--un-scale-x:110%;--un-scale-y:110%;scale:var(--un-scale-x) var(--un-scale-y);}\n.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-opacity{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.duration-150{--un-duration:150ms;transition-duration:150ms;}\n.duration-200{--un-duration:200ms;transition-duration:200ms;}\n.duration-250{--un-duration:250ms;transition-duration:250ms;}\n.duration-300{--un-duration:300ms;transition-duration:300ms;}\n.delay-200{transition-delay:200ms;}\n.ease-in{--un-ease:var(--ease-in);transition-timing-function:var(--ease-in);}\n.ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}\n.ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.box-border{box-sizing:border-box;}\n.inset-0{inset:calc(var(--spacing) * 0);}\n.inset-x-0{inset-inline:calc(var(--spacing) * 0);}\n.bottom-0{bottom:calc(var(--spacing) * 0);}\n.bottom-4{bottom:calc(var(--spacing) * 4);}\n.bottom-4px{bottom:4px;}\n.left-0{left:calc(var(--spacing) * 0);}\n.left-1\\.5{left:calc(var(--spacing) * 1.5);}\n.left-1\\/2{left:50%;}\n.left-2{left:calc(var(--spacing) * 2);}\n.left-2\\.5{left:calc(var(--spacing) * 2.5);}\n.left-4{left:calc(var(--spacing) * 4);}\n.left-5px{left:5px;}\n.right--1px{right:-1px;}\n.right-0{right:calc(var(--spacing) * 0);}\n.right-0\\.5{right:calc(var(--spacing) * 0.5);}\n.right-2{right:calc(var(--spacing) * 2);}\n.right-4{right:calc(var(--spacing) * 4);}\n.top--32px{top:-32px;}\n.top-0{top:calc(var(--spacing) * 0);}\n.top-0\\.5{top:calc(var(--spacing) * 0.5);}\n.top-1{top:calc(var(--spacing) * 1);}\n.top-1\\/2{top:50%;}\n.top-4{top:calc(var(--spacing) * 4);}\n.top-4px{top:4px;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.z--1{z-index:-1;}\n.of-hidden,\n.overflow-hidden{overflow:hidden;}\n.overflow-auto{overflow:auto;}\n.of-x-hidden{overflow-x:hidden;}\n.of-y-auto{overflow-y:auto;}\n.of-y-hidden{overflow-y:hidden;}\n.stroke-current{stroke:currentColor;}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.object-contain{object-fit:contain;}\n.backdrop-blur-0{--un-backdrop-blur:blur(0px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.backdrop-blur-1{--un-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.backdrop-blur-sm{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.blur-2xl{--un-blur:blur(40px);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.invert{--un-invert:invert(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.saturate-0{--un-saturate:saturate(0%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.touch-none{touch-action:none;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}\n.divide-\\#8882{\n:where(&>:not(:last-child)){border-color:color-mix(in oklab, #8882 var(--un-divide-opacity), transparent);}\n}\n.divide-y{\n:where(&>:not(:last-child)){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}\n}\n.group-data-\\[state\\=open\\]\\:rotate-90{\n&:is(:where(.group)[data-state=open] *){rotate:90deg;}\n}\n.space-y-0\\.5{\n:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0.5) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0.5) * calc(1 - var(--un-space-y-reverse)));}\n}\n@supports (color: color-mix(in lab, red, red)){\n.dark .dark\\:text-amber-300{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in oklab, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-primary-300{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in oklab, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber{color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in oklab, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue{color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-gray{color:color-mix(in oklab, var(--colors-gray-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green{color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in oklab, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in oklab, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary-600{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.text-primary\\/bg-active{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red{color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in oklab, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}\n.caret-primary-500{caret-color:color-mix(in oklab, var(--colors-primary-500) var(--un-caret-opacity), transparent);}\n.border-amber-500\\/20{border-color:color-mix(in oklab, var(--colors-amber-500) 20%, transparent);}\n.border-amber\\/20{border-color:color-mix(in oklab, var(--colors-amber-DEFAULT) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in oklab, var(--colors-blue-500) 20%, transparent);}\n.border-error\\!{border-color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-green-500\\/20{border-color:color-mix(in oklab, var(--colors-green-500) 20%, transparent);}\n.border-primary-400\\/60{border-color:color-mix(in oklab, var(--colors-primary-400) 60%, transparent);}\n.border-primary\\/30{border-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 30%, transparent);}\n.border-red-500\\/20{border-color:color-mix(in oklab, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in oklab, var(--colors-red-500) 60%, transparent);}\n.border-red-500\\/70{border-color:color-mix(in oklab, var(--colors-red-500) 70%, transparent);}\n.dark .dark\\:border-primary-400\\/50{border-color:color-mix(in oklab, var(--colors-primary-400) 50%, transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus-within\\:border-gray\\/15:focus-within{border-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:border-gray\\/10:hover{border-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 10%, transparent);}\n.focus\\:border-primary-500:focus{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus\\:border-primary\\/40:focus{border-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 40%, transparent);}\n.bg-amber{background-color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.bg-amber\\/10{background-color:color-mix(in oklab, var(--colors-amber-DEFAULT) 10%, transparent);}\n.bg-black\\/30{background-color:color-mix(in oklab, var(--colors-black) 30%, transparent);}\n.bg-blue{background-color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.bg-blue\\/10{background-color:color-mix(in oklab, var(--colors-blue-DEFAULT) 10%, transparent);}\n.bg-error\\!{background-color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-gray{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-gray\\/10{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 10%, transparent);}\n.bg-gray\\/20{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 20%, transparent);}\n.bg-gray\\/3{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 3%, transparent);}\n.bg-gray\\/30{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 30%, transparent);}\n.bg-gray\\/5{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 5%, transparent);}\n.bg-green{background-color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-green-400\\/10{background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\/10{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 10%, transparent);}\n.bg-primary{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-primary-500{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-primary-500\\/20{background-color:color-mix(in oklab, var(--colors-primary-500) 20%, transparent);}\n.bg-primary\\/10{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-primary\\/15{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-primary\\/20{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 20%, transparent);}\n.bg-red{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\/10{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-white\\/50{background-color:color-mix(in oklab, var(--colors-white) 50%, transparent);}\n.dark .dark\\:bg-black\\/30{background-color:color-mix(in oklab, var(--colors-black) 30%, transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in oklab, var(--colors-black) 40%, transparent);}\n.dark .dark\\:bg-black\\/45{background-color:color-mix(in oklab, var(--colors-black) 45%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in oklab, var(--colors-red-500) 10%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.hover\\:bg-gray\\/10:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 10%, transparent);}\n.hover\\:bg-gray\\/15:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:bg-gray\\/20:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 20%, transparent);}\n.hover\\:bg-gray\\/5:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 5%, transparent);}\n.hover\\:bg-orange\\/20:hover{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 20%, transparent);}\n.hover\\:bg-primary\\/25:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 25%, transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in oklab, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/20:hover{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 20%, transparent);}\n.ring-purple\\/50{--un-ring-color:color-mix(in oklab, var(--colors-purple-DEFAULT) 50%, transparent);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/25:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 25%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-primary\\/30:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 30%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 30%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.sm\\:p-6{padding:calc(var(--spacing) * 6);}\n.sm\\:gap-2\\.5{gap:calc(var(--spacing) * 2.5);}\n}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations, and imported after\n * `virtual:uno.css` in the Storybook preview for the same reason.\n *\n * Each Wind4 stop (`--colors-primary-*`) is derived from `--devframe-primary`\n * via `color-mix`. When `--devframe-primary` is unset, the intermediate\n * `--devframe-primary-<stop>` vars become guaranteed-invalid (their `color-mix`\n * references an unset var with no fallback), so each `--colors-primary-<stop>`\n * falls back to the exact devframe default hex — the default look is preserved,\n * and only an explicit override derives a new ramp. The vars inherit through\n * the tree, so setting `--devframe-primary` on the dock host retints\n * everything, and setting it on a group's chrome container retints just that\n * group (the group-accent mechanism).\n *\n * `:host` is the effective selector inside the dock's shadow root; `:root` is\n * for the light-DOM Storybook preview (it matches nothing in the shadow root).\n *\n * `.devframes-accent-scope` re-declares the whole block on a group's chrome\n * container: because custom properties inherit as computed values, a descendant\n * that only overrides `--devframe-primary` would keep the `:host`-computed\n * stops — re-running the derivation here recomputes them from the container's\n * own `--devframe-primary` (a group's `accentColor`), retinting just that group.\n */\n:root,\n:host,\n.devframes-accent-scope {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
+export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n:root {\n  --un-text-opacity: 100%;\n}\n\n/*\n * Thin/transparent scrollbar, matching packages/ui/src/styles/global.css —\n * that stylesheet only reaches the Nuxt plugin apps, not this injected\n * webcomponents shell, which otherwise falls back to the browser default\n * (thick, opaque-gutter) scrollbar clashing with the translucent dock.\n * `:host`, not `:root` — this stylesheet is adopted into the dock's shadow\n * root (`defineCustomElement(..., { shadowRoot: true, styles: [css] })`),\n * where `:root` only ever matches the top-level document's <html>.\n * Rules below are unscoped (not `#devframes-anchor ...`) since the\n * shadow boundary already keeps them from leaking onto the host page, and\n * scoping under the anchor's id would miss edge-docked mode entirely\n * (`DockEmbedded.vue` renders `DockEdge`/`#devframes-edge-panel` and\n * `Dock`/`#devframes-anchor` as mutually exclusive siblings).\n */\n:host {\n  --app-scrollbar-size: 6px;\n  --app-scrollbar-radius: 1px;\n  --app-scrollbar-thumb: #8884;\n  --app-scrollbar-thumb-hover: #8885;\n}\n\n::-webkit-scrollbar {\n  width: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar:horizontal {\n  height: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--app-scrollbar-thumb);\n  transition: background 0.2s ease;\n  border-radius: var(--app-scrollbar-radius);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--app-scrollbar-thumb-hover);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: var(--app-scrollbar-radius);\n  background: transparent;\n}\n\n#devframes-anchor {\n  position:fixed;z-index:2147483644;box-sizing:border-box;width:0;transform-origin:center;font-size:15px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";\n  transform: translate(-50%, -50%) rotate(0);\n}\n\n#devframes-anchor #devframes-dock-container {\n  position:absolute;left:0;top:0;width:max-content;display:flex;\n  height: var(--devframes-dock-height, 40px);\n  min-width: var(--devframes-dock-min-width, 100px);\n  transform: translate(-50%, -50%);\n}\n\n#devframes-anchor.devframes-vertical #devframes-dock-container {\n  transform: translate(-50%, -50%) rotate(90deg);\n  transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n}\n\n#devframes-anchor #devframes-dock {\n  margin:auto;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9999px;\n  ;background-color:rgb(255 255 255 / 1);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);--un-text-opacity:1;color:rgb(51 51 51 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);\n  transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n  height: var(--devframes-dock-height, 40px);\n  width: calc-size(max-content, size);\n}.dark #devframes-anchor #devframes-dock{background-color:rgb(17 17 17 / 0.8);--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}\n\n#devframes-anchor.devframes-minimized #devframes-dock {\n  padding-left:0;padding-right:0;padding-top:2px;padding-bottom:2px;\n  width: var(--devframes-dock-minimized-size, 22px);\n  height: var(--devframes-dock-minimized-size, 22px);\n}\n\n#devframes-anchor:hover #devframes-glowing {\n  opacity:0.6;\n}\n\n#devframes-anchor #devframes-glowing {\n  pointer-events:none;position:absolute;left:0;top:0;border-radius:9999px;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:1000ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);\n  width: var(--devframes-dock-glow-size, 160px);\n  height: var(--devframes-dock-glow-size, 160px);\n  filter: blur(var(--devframes-dock-glow-blur, 60px));\n  transform: translate(-50%, -50%);\n  /* Follows the brand: derived from the primary ramp (overridable via\n     --devframe-primary), so a rebrand retints the glow automatically. */\n  background-image: linear-gradient(\n    45deg,\n    var(--colors-primary-300, #adc77f),\n    var(--colors-primary-500, #517158),\n    var(--colors-primary-DEFAULT, #486954)\n  );\n}\n\n@media print {\n  #devframes-anchor {\n    display:none;\n  }\n}\n\n.devframes-resize-handle-horizontal {\n  position:absolute;left:6px;right:6px;margin-top:-5px;margin-bottom:-5px;height:10px;cursor:ns-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-vertical {\n  position:absolute;top:6px;bottom:0;margin-left:-5px;margin-right:-5px;width:10px;cursor:ew-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-corner {\n  position:absolute;margin:-6px;width:14px;height:14px;border-radius:0.375rem;\n}\n.devframes-resize-handle {\n  z-index:30;\n}\n.devframes-resize-handle:hover {\n  background-color:rgb(156 163 175 / 0.1);\n}\n\n@keyframes devframes-shake {\n  0%, 100% { transform: translateX(0); }\n  20%, 60% { transform: translateX(-5px); }\n  40%, 80% { transform: translateX(5px); }\n}\n.devframes-shake {\n  animation: devframes-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n@media (prefers-reduced-motion: reduce) {\n  .devframes-shake {\n    animation: none;\n  }\n}\n\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-counter-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-square-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 80v128a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-counter-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M88 104H40a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v28.69l14.63-14.63A95.43 95.43 0 0 1 130 33.94h.53a95.36 95.36 0 0 1 67.07 27.33a8 8 0 0 1-11.18 11.44a79.52 79.52 0 0 0-55.89-22.77h-.45a79.56 79.56 0 0 0-56.14 23.43L59.31 88H88a8 8 0 0 1 0 16m128 48h-48a8 8 0 0 0 0 16h28.69l-14.63 14.63a79.56 79.56 0 0 1-56.13 23.43h-.45a79.52 79.52 0 0 1-55.89-22.77a8 8 0 1 0-11.18 11.44a95.36 95.36 0 0 0 67.07 27.33h.52a95.43 95.43 0 0 0 67.36-28.12L208 179.31V208a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 48v160H48V48Z' opacity='.2'/%3E%3Cpath d='M216 48v48a8 8 0 0 1-16 0V67.31l-42.34 42.35a8 8 0 0 1-11.32-11.32L188.69 56H160a8 8 0 0 1 0-16h48a8 8 0 0 1 8 8M98.34 146.34L56 188.69V160a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16H67.31l42.35-42.34a8 8 0 0 0-11.32-11.32M208 152a8 8 0 0 0-8 8v28.69l-42.34-42.35a8 8 0 0 0-11.32 11.32L188.69 200H160a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8M67.31 56H96a8 8 0 0 0 0-16H48a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0V67.31l42.34 42.35a8 8 0 0 0 11.32-11.32Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-cards-three-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 104v96a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-96a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 88H48a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16m0 112H48v-96h160zM48 64a8 8 0 0 1 8-8h144a8 8 0 0 1 0 16H56a8 8 0 0 1-8-8m16-32a8 8 0 0 1 8-8h112a8 8 0 0 1 0 16H72a8 8 0 0 1-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-down,\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-left,\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-right,\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-up{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-check-bold,\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-circle-notch{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-six-vertical{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M104 60a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60 12a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-72 44a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-72 68a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-three-outline-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M152 128a24 24 0 1 1-24-24a24 24 0 0 1 24 24M48 104a24 24 0 1 0 24 24a24 24 0 0 0-24-24m160 0a24 24 0 1 0 24 24a24 24 0 0 0-24-24' opacity='.2'/%3E%3Cpath d='M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16M48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16m160-48a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-globe{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.12 104.12 0 0 0 128 24m88 104a87.6 87.6 0 0 1-3.33 24h-38.51a157.4 157.4 0 0 0 0-48h38.51a87.6 87.6 0 0 1 3.33 24m-114 40h52a115.1 115.1 0 0 1-26 45a115.3 115.3 0 0 1-26-45m-3.9-16a140.8 140.8 0 0 1 0-48h59.88a140.8 140.8 0 0 1 0 48ZM40 128a87.6 87.6 0 0 1 3.33-24h38.51a157.4 157.4 0 0 0 0 48H43.33A87.6 87.6 0 0 1 40 128m114-40h-52a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45m52.33 0h-35.62a135.3 135.3 0 0 0-22.3-45.6A88.29 88.29 0 0 1 206.37 88Zm-98.74-45.6A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6M49.63 168h35.66a135.3 135.3 0 0 0 22.3 45.6A88.29 88.29 0 0 1 49.63 168m98.78 45.6a135.3 135.3 0 0 0 22.3-45.6h35.66a88.29 88.29 0 0 1-57.96 45.6'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-keyboard-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M232 64v128a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h192a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 48H32a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m0 144H32V64h192zm-16-64a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8m0-32a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8M72 160a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8m96 0a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m40 0a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-laptop-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 72v104H40V72a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M232 168h-8V72a24 24 0 0 0-24-24H56a24 24 0 0 0-24 24v96h-8a8 8 0 0 0-8 8v16a24 24 0 0 0 24 24h176a24 24 0 0 0 24-24v-16a8 8 0 0 0-8-8M48 72a8 8 0 0 1 8-8h144a8 8 0 0 1 8 8v96H48Zm176 120a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-8h192ZM152 88a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-layout-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M104 104v104H40a8 8 0 0 1-8-8v-96Z' opacity='.2'/%3E%3Cpath d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v40H40V56ZM40 112h56v88H40Zm176 88H112v-88h104z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-magnifying-glass-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 112a80 80 0 1 1-80-80a80 80 0 0 1 80 80' opacity='.2'/%3E%3Cpath d='m229.66 218.34l-50.06-50.06a88.21 88.21 0 1 0-11.32 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-moon-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78' opacity='.2'/%3E%3Cpath d='M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-paint-brush-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 32c0 32.81-31.64 67.43-58.64 91.05A84.4 84.4 0 0 0 133 90.64c23.57-27 58.19-58.64 91-58.64' opacity='.2'/%3E%3Cpath d='M232 32a8 8 0 0 0-8-8c-44.08 0-89.31 49.71-114.43 82.63A60 60 0 0 0 32 164c0 30.88-19.54 44.73-20.47 45.37A8 8 0 0 0 16 224h76a60 60 0 0 0 57.37-77.57C182.3 121.31 232 76.08 232 32M92 208H34.63C41.38 198.41 48 183.92 48 164a44 44 0 1 1 44 44m32.42-94.45q5.14-6.66 10.09-12.55A76.2 76.2 0 0 1 155 121.49q-5.9 4.94-12.55 10.09a60.5 60.5 0 0 0-18.03-18.03m42.7-2.68a92.6 92.6 0 0 0-22-22c31.78-34.53 55.75-45 69.9-47.91c-2.85 14.16-13.37 38.13-47.9 69.91'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.32 81.37l-60.69-60.68a16 16 0 0 0-22.63 0l-53.63 53.8c-10.66-3.34-35-7.37-60.4 13.14a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33c19.64-26.1 17.75-47.32 13.19-60L235.33 104a16 16 0 0 0-.01-22.63M224 92.69l-57.27 57.46a8 8 0 0 0-1.49 9.22c9.46 18.93-1.8 38.59-9.34 48.62L48 100.08c12.08-9.74 23.64-12.31 32.48-12.31A40.1 40.1 0 0 1 96.81 91a8 8 0 0 0 9.25-1.51L163.32 32L224 92.68Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.33 104l-53.47 53.65c4.56 12.67 6.45 33.89-13.19 60A15.93 15.93 0 0 1 157 224h-1.13a16 16 0 0 1-11.32-4.69L96.29 171l-42.63 42.66a8 8 0 0 1-11.32-11.32L85 159.71l-48.3-48.3A16 16 0 0 1 38 87.63c25.42-20.51 49.75-16.48 60.4-13.14L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 .01 22.62'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-rocket-launch-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 120v61.65a8 8 0 0 1-2.34 5.65l-34.35 34.35a8 8 0 0 1-13.57-4.53L128 176Zm-48-48H74.35a8 8 0 0 0-5.65 2.34l-34.35 34.35a8 8 0 0 0 4.53 13.57L80 128ZM40 216c37.65 0 50.69-19.69 54.56-28.18l-26.38-26.38C59.69 165.31 40 178.35 40 216' opacity='.2'/%3E%3Cpath d='M223.85 47.12a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.41 27.07L132.69 64H74.36A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a15.9 15.9 0 0 0 4.68-11.36v-58.33l4.77-4.77c26.68-26.68 27.83-58.83 27.08-71.42M74.36 80h42.33l-39.53 39.52L40 114.34Zm74.41-9.45a76.65 76.65 0 0 1 59.11-22.47a76.46 76.46 0 0 1-22.42 59.16L128 164.68L91.32 128ZM176 181.64L141.67 216l-5.19-37.17L176 139.31Zm-74.16 9.5C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-shield-check-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 56v56c0 96-88 120-88 120s-88-24-88-120V56a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 40H48a16 16 0 0 0-16 16v56c0 52.72 25.52 84.67 46.93 102.19c23.06 18.86 46 25.26 47 25.53a8 8 0 0 0 4.2 0c1-.27 23.91-6.67 47-25.53C198.48 196.67 224 164.72 224 112V56a16 16 0 0 0-16-16m0 72c0 37.07-13.66 67.16-40.6 89.42a129.3 129.3 0 0 1-39.4 22.2a128.3 128.3 0 0 1-38.92-21.81C61.82 179.51 48 149.3 48 112V56h160ZM82.34 141.66a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32l-56 56a8 8 0 0 1-11.32 0Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sign-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 56v144a16 16 0 0 1-16 16H48V40h160a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M120 216a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H56v160h56a8 8 0 0 1 8 8m109.66-93.66l-40-40a8 8 0 0 0-11.32 11.32L204.69 120H112a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-spinner-gap-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0m88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-50.91-16.4l-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31M72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8m-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-square-half-bottom-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v72a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8v-72Z' opacity='.2'/%3E%3Cpath d='M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v64H56V56Zm0 144H56v-64h144z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sun-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 128a56 56 0 1 1-56-56a56 56 0 0 1 56 56' opacity='.2'/%3E%3Cpath d='M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0m72 88a64 64 0 1 1-64-64a64.07 64.07 0 0 1 64 64m-16 0a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48M58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68l-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8m112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-duotone,\n.i-ph\\:warning-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72M120 104a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm8 88a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-wrench-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 96a64 64 0 0 1-94.94 56L73 217a24 24 0 0 1-34-34l65-56.06a64 64 0 0 1 80-90.29L144 80l5.66 26.34L176 112l43.35-40A63.8 63.8 0 0 1 224 96' opacity='.2'/%3E%3Cpath d='M226.76 69a8 8 0 0 0-12.84-2.88l-40.3 37.19l-17.23-3.7l-3.7-17.23l37.19-40.3A8 8 0 0 0 187 29.24A72 72 0 0 0 88 96a72.3 72.3 0 0 0 6 28.94L33.79 177c-.15.12-.29.26-.43.39a32 32 0 0 0 45.26 45.26c.13-.13.27-.28.39-.42L131.06 162A72 72 0 0 0 232 96a71.6 71.6 0 0 0-5.24-27M160 152a56.14 56.14 0 0 1-27.07-7a8 8 0 0 0-9.92 1.77l-55.9 64.74a16 16 0 0 1-22.62-22.62L109.18 133a8 8 0 0 0 1.77-9.93a56 56 0 0 1 58.36-82.31l-31.2 33.81a8 8 0 0 0-1.94 7.1l5.66 26.33a8 8 0 0 0 6.14 6.14l26.35 5.66a8 8 0 0 0 7.1-1.94l33.81-31.2A56.06 56.06 0 0 1 160 152'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-x,\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:bug-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v16a80 80 0 0 1-160 0v-16Z' opacity='.2'/%3E%3Cpath d='M144 92a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-44-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m116 64a87.8 87.8 0 0 1-3 23l22.24 9.72A8 8 0 0 1 232 192a7.9 7.9 0 0 1-3.2-.67L207.38 182a88 88 0 0 1-158.76 0l-21.42 9.33a7.9 7.9 0 0 1-3.2.67a8 8 0 0 1-3.2-15.33L43 167a87.8 87.8 0 0 1-3-23v-8H16a8 8 0 0 1 0-16h24v-8a87.8 87.8 0 0 1 3-23l-22.2-9.67a8 8 0 1 1 6.4-14.66L48.62 74a88 88 0 0 1 158.76 0l21.42-9.36a8 8 0 0 1 6.4 14.66L213 89.05a87.8 87.8 0 0 1 3 23v8h24a8 8 0 0 1 0 16h-24ZM56 120h144v-8a72 72 0 0 0-144 0Zm64 95.54V136H56v8a72.08 72.08 0 0 0 64 71.54M200 144v-8h-64v79.54A72.08 72.08 0 0 0 200 144'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:info-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M144 176a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m88-48A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88m-92-32a12 12 0 1 0-12-12a12 12 0 0 0 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:puzzle-piece-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M204 168a28 28 0 0 0 12-2.69V208a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-42.69a28 28 0 1 1 0-50.62V72a8 8 0 0 1 8-8h46.69a28 28 0 1 1 50.61 0H208a8 8 0 0 1 8 8v42.69A28 28 0 1 0 204 168' opacity='.2'/%3E%3Cpath d='M220.27 158.54a8 8 0 0 0-7.7-.46a20 20 0 1 1 0-36.16a8 8 0 0 0 11.43-7.23V72a16 16 0 0 0-16-16h-36.22a35 35 0 0 0 .22-4a36.15 36.15 0 0 0-11.36-26.25a36 36 0 0 0-60.55 23.63a36.6 36.6 0 0 0 .14 6.62H64a16 16 0 0 0-16 16v32.22a35 35 0 0 0-4-.22a36.12 36.12 0 0 0-26.24 11.36a35.7 35.7 0 0 0-9.69 27a36.08 36.08 0 0 0 33.31 33.6a36.6 36.6 0 0 0 6.62-.14V208a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16v-42.69a8 8 0 0 0-3.73-6.77M208 208H64v-42.69a8 8 0 0 0-11.43-7.23a20 20 0 1 1 0-36.16A8 8 0 0 0 64 114.69V72h46.69a8 8 0 0 0 7.23-11.43a20 20 0 1 1 36.16 0A8 8 0 0 0 161.31 72H208v32.23a35.7 35.7 0 0 0-6.62-.14A36 36 0 0 0 204 176a35 35 0 0 0 4-.22Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M165.66 101.66L139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-command-palette{z-index:2147483646;}\n.z-dock-confirm,\n.z-dock-toast{z-index:2147483647;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-floating-anchor{z-index:2147483644;}\n.z-floating-tooltip{z-index:2147483645;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.border-mute{--un-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));opacity:1 !important;}\n.hover\\:border-base:hover{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-glass\\:80{background-color:rgb(255 255 255 / 1);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass\\:80{background-color:rgb(17 17 17 / 0.8);}\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.dark .hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.15);}\n.hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.1);}\n.hover\\:bg-hover:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.btn-action:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-bg-opacity:1;background-color:rgb(64 112 75 / var(--un-bg-opacity));}\n.bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}\n.dark .bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(17 17 17 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(17 17 17 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(17 17 17 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(17 17 17 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n.dark .hover\\:color-active:hover{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.hover\\:color-active:hover{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .hover\\:color-base:hover{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.hover\\:color-base:hover{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--un-brightness:brightness(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0);}\n.icon-catppuccin{--un-brightness:brightness(0.8);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.invisible{visibility:hidden;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.bottom-4px{bottom:4px;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.left-5px{left:5px;}\n.right--1px{right:-1px;}\n.right-0{right:0;}\n.right-0\\.5{right:0.125rem;}\n.right-2{right:0.5rem;}\n.right-4{right:1rem;}\n.top--32px{top:-32px;}\n.top-0{top:0;}\n.top-0\\.5{top:0.125rem;}\n.top-1{top:0.25rem;}\n.top-1\\/2{top:50%;}\n.top-4{top:1rem;}\n.top-4px{top:4px;}\n.z--1{z-index:-1;}\n.grid{display:grid;}\n.cols-\\[max-content_1fr\\]{grid-template-columns:max-content 1fr;}\n.m-auto,\n.ma{margin:auto;}\n.m1{margin:0.25rem;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx--2{margin-left:-0.5rem;margin-right:-0.5rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.mx-auto{margin-left:auto;margin-right:auto;}\n.my-1,\n.my1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.my0\\.5{margin-top:0.125rem;margin-bottom:0.125rem;}\n.-mb-px{margin-bottom:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb-1\\.5{margin-bottom:0.375rem;}\n.mb-3{margin-bottom:0.75rem;}\n.mb-4{margin-bottom:1rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ml-2{margin-left:0.5rem;}\n.ml-6{margin-left:1.5rem;}\n.mr-1{margin-right:0.25rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2,\n.mt2{margin-top:0.5rem;}\n.mt-4,\n.mt4{margin-top:1rem;}\n.mt-6,\n.mt6{margin-top:1.5rem;}\n.mt-auto{margin-top:auto;}\n.box-border{box-sizing:border-box;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.contents{display:contents;}\n.dark .dark-hidden,\n.hidden,\n.light .light-hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-10{height:2.5rem;}\n.h-14{height:3.5rem;}\n.h-16{height:4rem;}\n.h-2{height:0.5rem;}\n.h-20px{height:20px;}\n.h-24{height:6rem;}\n.h-3{height:0.75rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-4\\.5{height:1.125rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h-screen{height:100vh;}\n.max-h-\\[60vh\\]{max-height:60vh;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-100{max-width:25rem;}\n.max-w-108{max-width:27rem;}\n.max-w-200{max-width:50rem;}\n.max-w-220px{max-width:220px;}\n.max-w-64{max-width:16rem;}\n.max-w-92{max-width:23rem;}\n.max-w-96,\n.max-w-sm{max-width:24rem;}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-xs{max-width:20rem;}\n.min-h-0{min-height:0;}\n.min-h-16{min-height:4rem;}\n.min-h-40{min-height:10rem;}\n.min-h-5{min-height:1.25rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-28{min-width:7rem;}\n.min-w-36{min-width:9rem;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-\\[40px\\]{width:40px;}\n.w-1\\.5{width:0.375rem;}\n.w-10{width:2.5rem;}\n.w-11{width:2.75rem;}\n.w-12{width:3rem;}\n.w-16{width:4rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-20px{width:20px;}\n.w-24{width:6rem;}\n.w-2px{width:2px;}\n.w-3{width:0.75rem;}\n.w-3\\.5{width:0.875rem;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-4\\.5{width:1.125rem;}\n.w-5{width:1.25rem;}\n.w-6{width:1.5rem;}\n.w-64{width:16rem;}\n.w-7{width:1.75rem;}\n.w-72{width:18rem;}\n.w-8{width:2rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-96{width:24rem;}\n.w-auto\\!{width:auto !important;}\n.w-fit{width:fit-content;}\n.w-full{width:100%;}\n.w-lg{width:32rem;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.w-screen{width:100vw;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.flex-auto{flex:1 1 auto;}\n.flex-none{flex:none;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-row-reverse{flex-direction:row-reverse;}\n.flex-col{flex-direction:column;}\n.flex-col-reverse{flex-direction:column-reverse;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2,\n.translate-x--1\\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.-translate-y-2{--un-translate-y:-0.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked],\n.translate-x-4{--un-translate-x:1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-0\\.5{--un-translate-x:0.125rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-1{--un-translate-x:0.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-5{--un-translate-x:1.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y--1\\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y-0{--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y-2{--un-translate-y:0.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.-rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate-0{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:0deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate-270{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:270deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-100{--un-scale-x:1;--un-scale-y:1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-120{--un-scale-x:1.2;--un-scale-y:1.2;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-98{--un-scale-x:0.98;--un-scale-y:0.98;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.hover\\:scale-110:hover{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.cursor-not-allowed{cursor:not-allowed;}\n.cursor-grab{cursor:grab;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0{gap:0;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-6{gap:1.5rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-0\\.5{row-gap:0.125rem;}\n.space-y-0\\.5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.125rem * var(--un-space-y-reverse));}\n.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-divide-opacity));}\n.of-hidden,\n.overflow-hidden{overflow:hidden;}\n.overflow-auto{overflow:auto;}\n.of-x-hidden{overflow-x:hidden;}\n.of-y-auto{overflow-y:auto;}\n.of-y-hidden{overflow-y:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-pre-wrap{white-space:pre-wrap;}\n.ws-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.b,\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-0{border-bottom-width:0px;}\n.border-b-1\\.5{border-bottom-width:1.5px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-1\\.5{border-right-width:1.5px;}\n.border-t{border-top-width:1px;}\n.border-t-0{border-top-width:0px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.last\\:border-b-0:last-child{border-bottom-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-amber\\/20{border-color:rgb(251 191 36 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-error\\!{--un-border-opacity:1 !important;border-color:rgb(246 61 104 / var(--un-border-opacity)) !important;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-primary-400\\/60{border-color:rgb(117 166 126 / 0.6);}\n.border-primary\\/30{border-color:rgb(58 106 69 / 0.3);}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red-500\\/70{border-color:rgb(239 68 68 / 0.7);}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400\\/50{border-color:rgb(117 166 126 / 0.5);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-border-opacity:1;border-color:rgb(117 166 126 / var(--un-border-opacity));}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-border-opacity:1;border-color:rgb(87 136 97 / var(--un-border-opacity));}\n.focus-within\\:border-gray\\/15:focus-within{border-color:rgb(156 163 175 / 0.15);}\n.hover\\:border-gray\\/10:hover{border-color:rgb(156 163 175 / 0.1);}\n.focus\\:border-primary-500:focus{--un-border-opacity:1;border-color:rgb(87 136 97 / var(--un-border-opacity));}\n.focus\\:border-primary\\/40:focus{border-color:rgb(58 106 69 / 0.4);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.rounded-r{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}\n.rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;}\n.rounded-tr-md{border-top-right-radius:0.375rem;}\n.bg-\\[\\#8881\\],\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8882{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8885{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-amber{--un-bg-opacity:1;background-color:rgb(251 191 36 / var(--un-bg-opacity));}\n.bg-amber-400\\/10,\n.bg-amber\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-black\\/30,\n.dark .dark\\:bg-black\\/30{background-color:rgb(0 0 0 / 0.3);}\n.bg-blue{--un-bg-opacity:1;background-color:rgb(96 165 250 / var(--un-bg-opacity));}\n.bg-blue-400\\/10,\n.bg-blue\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-error\\!{--un-bg-opacity:1 !important;background-color:rgb(246 61 104 / var(--un-bg-opacity)) !important;}\n.bg-gray{--un-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-bg-opacity));}\n.bg-gray-6{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity));}\n.bg-gray\\/10{background-color:rgb(156 163 175 / 0.1);}\n.bg-gray\\/20{background-color:rgb(156 163 175 / 0.2);}\n.bg-gray\\/3{background-color:rgb(156 163 175 / 0.03);}\n.bg-gray\\/30{background-color:rgb(156 163 175 / 0.3);}\n.bg-gray\\/5{background-color:rgb(156 163 175 / 0.05);}\n.bg-green{--un-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-bg-opacity));}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\/10{background-color:rgb(251 146 60 / 0.1);}\n.bg-primary{--un-bg-opacity:1;background-color:rgb(58 106 69 / var(--un-bg-opacity));}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));}\n.bg-primary-500\\/20{background-color:rgb(87 136 97 / 0.2);}\n.bg-primary\\/10{background-color:rgb(58 106 69 / 0.1);}\n.bg-primary\\/15{background-color:rgb(58 106 69 / 0.15);}\n.bg-primary\\/20{background-color:rgb(58 106 69 / 0.2);}\n.bg-red{--un-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\/10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.bg-white\\/50{background-color:rgb(255 255 255 / 0.5);}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.dark .dark\\:bg-black\\/45{background-color:rgb(0 0 0 / 0.45);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\[\\#8881\\]:hover{--un-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-\\[\\#8882\\]:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-\\#8888:hover{--un-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-gray\\/10:hover{background-color:rgb(156 163 175 / 0.1);}\n.hover\\:bg-gray\\/15:hover{background-color:rgb(156 163 175 / 0.15);}\n.hover\\:bg-gray\\/20:hover{background-color:rgb(156 163 175 / 0.2);}\n.hover\\:bg-gray\\/5:hover{background-color:rgb(156 163 175 / 0.05);}\n.hover\\:bg-orange\\/20:hover{background-color:rgb(251 146 60 / 0.2);}\n.hover\\:bg-primary\\/25:hover{background-color:rgb(58 106 69 / 0.25);}\n.hover\\:bg-red-600\\!:hover{--un-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-bg-opacity)) !important;}\n.hover\\:bg-red\\/20:hover{background-color:rgb(248 113 113 / 0.2);}\n.stroke-current{stroke:currentColor;}\n.object-contain{object-fit:contain;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1,\n.p1{padding:0.25rem;}\n.p-1\\.5,\n.p1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4{padding:1rem;}\n.p-5{padding:1.25rem;}\n.p6{padding:1.5rem;}\n.p8{padding:2rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-0\\.5{padding-left:0.125rem;padding-right:0.125rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3,\n.px3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0{padding-top:0;padding-bottom:0;}\n.py-0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2,\n.py2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-2\\!{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}\n.py-2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}\n.py-8{padding-top:2rem;padding-bottom:2rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pb2\\.5{padding-bottom:0.625rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-\\[20vh\\]{padding-top:20vh;}\n.pt-1\\.5{padding-top:0.375rem;}\n.pt-6{padding-top:1.5rem;}\n.pt2{padding-top:0.5rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.indent{text-indent:1.5rem;}\n.text-balance{text-wrap:balance;}\n.text-\\[10px\\]{font-size:10px;}\n.text-\\[15px\\]{font-size:15px;}\n.text-0\\.6em{font-size:0.6em;}\n.text-2\\.75{font-size:0.6875rem;}\n.text-2xl{font-size:1.5rem;line-height:2rem;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xl{font-size:1.25rem;line-height:1.75rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.dark .dark\\:text-amber-400,\n.text-amber{--un-text-opacity:1;color:rgb(251 191 36 / var(--un-text-opacity));}\n.dark .dark\\:text-blue-300{--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .dark\\:text-green-300{--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.dark .dark\\:text-green-400,\n.text-green{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity));}\n.dark .dark\\:text-primary-300{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.dark .dark\\:text-red-300{--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.dark .dark\\:text-red-400,\n.text-red{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}\n.text-amber-600{--un-text-opacity:1;color:rgb(217 119 6 / var(--un-text-opacity));}\n.text-amber-700{--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.text-blue{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity));}\n.text-blue-700{--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.text-gray{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}\n.text-green-600{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity));}\n.text-green-700{--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.text-orange{--un-text-opacity:1;color:rgb(251 146 60 / var(--un-text-opacity));}\n.text-primary,\n.text-primary\\/bg-active{--un-text-opacity:1;color:rgb(58 106 69 / var(--un-text-opacity));}\n.text-primary-600{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));}\n.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));}\n.text-red-700{--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.leading-4{line-height:1rem;}\n.leading-5{line-height:1.25rem;}\n.leading-none{line-height:1;}\n.leading-relaxed{line-height:1.625;}\n.tracking-tight{letter-spacing:-0.025em;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}\n.line-through{text-decoration-line:line-through;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.caret-primary-500{--un-caret-opacity:1;caret-color:rgb(87 136 97 / var(--un-caret-opacity));}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50,\n.group:hover .group-hover\\:op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100,\n.opacity-100,\n.group:hover .group-hover\\:opacity-100{opacity:1;}\n.op0,\n.opacity-0{opacity:0;}\n.op25{opacity:0.25;}\n.op30{opacity:0.3;}\n.op40{opacity:0.4;}\n.op60{opacity:0.6;}\n.op60\\!{opacity:0.6 !important;}\n.op70{opacity:0.7;}\n.op75{opacity:0.75;}\n.op80{opacity:0.8;}\n.hover\\:op100:hover{opacity:1;}\n.hover\\:op60:hover{opacity:0.6;}\n.hover\\:op70:hover{opacity:0.7;}\n.hover\\:op80:hover{opacity:0.8;}\n.disabled\\:op40:disabled{opacity:0.4;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.outline{outline-style:solid;}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.ring-1\\.5{--un-ring-width:1.5px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-2:focus-within{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-1:focus{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-3:focus{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-3:focus-visible{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.ring-purple\\/50{--un-ring-color:rgb(192 132 252 / 0.5);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/25:focus{--un-ring-color:rgb(87 136 97 / 0.25);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-primary\\/30:focus{--un-ring-color:rgb(58 106 69 / 0.3);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-ring-color:rgb(87 136 97 / 0.3);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-0{--un-backdrop-blur:blur(0);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.backdrop-blur-1{--un-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.blur-2xl{--un-blur:blur(40px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.saturate-0{--un-saturate:saturate(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-150{transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.delay-200{transition-delay:200ms;}\n.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:gap-2\\.5{gap:0.625rem;}\n.sm\\:p-6{padding:1.5rem;}\n}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations, and imported after\n * `virtual:uno.css` in the Storybook preview for the same reason.\n *\n * Each Wind4 stop (`--colors-primary-*`) is derived from `--devframe-primary`\n * via `color-mix`. When `--devframe-primary` is unset, the intermediate\n * `--devframe-primary-<stop>` vars become guaranteed-invalid (their `color-mix`\n * references an unset var with no fallback), so each `--colors-primary-<stop>`\n * falls back to the exact devframe default hex — the default look is preserved,\n * and only an explicit override derives a new ramp. The vars inherit through\n * the tree, so setting `--devframe-primary` on the dock host retints\n * everything, and setting it on a group's chrome container retints just that\n * group (the group-accent mechanism).\n *\n * `:host` is the effective selector inside the dock's shadow root; `:root` is\n * for the light-DOM Storybook preview (it matches nothing in the shadow root).\n *\n * `.devframes-accent-scope` re-declares the whole block on a group's chrome\n * container: because custom properties inherit as computed values, a descendant\n * that only overrides `--devframe-primary` would keep the `:host`-computed\n * stops — re-running the derivation here recomputes them from the container's\n * own `--devframe-primary` (a group's `accentColor`), retinting just that group.\n */\n:root,\n:host,\n.devframes-accent-scope {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
diff --git a/packages/hub-ui/uno.config.ts b/packages/hub-ui/uno.config.ts
index 833c09cf..bc5b75c8 100644
--- a/packages/hub-ui/uno.config.ts
+++ b/packages/hub-ui/uno.config.ts
@@ -1,5 +1,5 @@
-import { mergeConfigs } from 'unocss'
-import { designConfig } from '../../design/uno.config'
+import { mergeConfigs, presetWind3 } from 'unocss'
+import { createDesignConfig } from '../../design/uno.config'
 
 // The shared devframe design base (see `design/uno.config.ts` and the root
 // AGENTS.md "Design system" section) plus this package's own extraction
@@ -8,8 +8,13 @@ import { designConfig } from '../../design/uno.config'
 // `src/client/.generated/css.ts` and injected into each custom element's
 // shadow root, so the components stay styled in any host page without a
 // global stylesheet.
+//
+// Composed on a **Wind3** base rather than the shared default's Wind4: the
+// dock renders inside a custom element's shadow root, and Wind4's
+// `@property`/cascade-layer theme output doesn't apply reliably to the
+// stylesheet adopted into that shadow tree — Wind3's plain utility output does.
 export default mergeConfigs([
-  designConfig,
+  createDesignConfig({ base: presetWind3() }),
   {
     content: {
       pipeline: {
diff --git a/packages/json-render-ui/src/.generated/css.ts b/packages/json-render-ui/src/.generated/css.ts
index 9d8c97e6..8295b8b8 100644
--- a/packages/json-render-ui/src/.generated/css.ts
+++ b/packages/json-render-ui/src/.generated/css.ts
@@ -1,3 +1,3 @@
 /* eslint-disable eslint-comments/no-unlimited-disable */
 /* eslint-disable */
-export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n/* layer: properties */\n@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{--un-bg-opacity:100%;--un-border-opacity:100%;--un-border-style:solid;--un-divide-opacity:100%;--un-divide-y-reverse:initial;--un-ease:initial;--un-from-opacity:100%;--un-leading:initial;--un-ring-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-text-opacity:100%;--un-to-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-via-opacity:100%;}}\n@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-leading{syntax:\"*\";inherits:false;}\n@property --un-border-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-ring-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-inset-ring-color{syntax:\"*\";inherits:false;}\n@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-ring-color{syntax:\"*\";inherits:false;}\n@property --un-ring-inset{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-color{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}\n@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-translate-x{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-y{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-z{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-scale-x{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-y{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-z{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-ease{syntax:\"*\";inherits:false;}\n@property --un-from-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%;}\n@property --un-gradient-position{syntax:\"*\";inherits:false;}\n@property --un-gradient-stops{syntax:\"*\";inherits:false;}\n@property --un-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%;}\n@property --un-gradient-via-stops{syntax:\"*\";inherits:false;}\n@property --un-to-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-via-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-backdrop-blur{syntax:\"*\";inherits:false;}\n@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}\n@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}\n@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}\n@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-invert{syntax:\"*\";inherits:false;}\n@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}\n@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}\n@property --un-blur{syntax:\"*\";inherits:false;}\n@property --un-brightness{syntax:\"*\";inherits:false;}\n@property --un-contrast{syntax:\"*\";inherits:false;}\n@property --un-drop-shadow{syntax:\"*\";inherits:false;}\n@property --un-grayscale{syntax:\"*\";inherits:false;}\n@property --un-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-invert{syntax:\"*\";inherits:false;}\n@property --un-saturate{syntax:\"*\";inherits:false;}\n@property --un-sepia{syntax:\"*\";inherits:false;}\n@property --un-numeric-figure{syntax:\"*\";inherits:false;}\n@property --un-numeric-fraction{syntax:\"*\";inherits:false;}\n@property --un-numeric-spacing{syntax:\"*\";inherits:false;}\n@property --un-ordinal{syntax:\"*\";inherits:false;}\n@property --un-slashed-zero{syntax:\"*\";inherits:false;}\n@property --un-divide-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n/* layer: theme */\n:root, :host { --spacing: 0.25rem; --radius-DEFAULT: 0.25rem; --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --fontWeight-medium: 500; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --fontWeight-semibold: 600; --fontWeight-bold: 700; --colors-orange-DEFAULT: oklch(75% 0.183 55.934); --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"; --radius-lg: 0.5rem; --radius-md: 0.375rem; --leading-none: 1; --tracking-wide: 0.025em; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --container-prose: 65ch; --colors-blue-400: oklch(70.7% 0.165 254.624); --colors-green-400: oklch(79.2% 0.209 151.711); --colors-amber-400: oklch(82.8% 0.189 84.429); --colors-red-400: oklch(70.4% 0.191 22.216); --ease-out: cubic-bezier(0, 0, 0.2, 1); --radius-xl: 0.75rem; --container-sm: 24rem; --colors-primary-500: #578861; --colors-primary-DEFAULT: #3a6a45; --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-blue-700: oklch(48.8% 0.243 264.376); --colors-green-500: oklch(72.3% 0.219 149.579); --colors-green-700: oklch(52.7% 0.154 150.069); --colors-amber-500: oklch(76.9% 0.188 70.08); --colors-amber-700: oklch(55.5% 0.163 48.998); --colors-red-500: oklch(63.7% 0.237 25.331); --colors-red-700: oklch(50.5% 0.213 27.518); --colors-green-600: oklch(62.7% 0.194 149.214); --colors-amber-600: oklch(66.6% 0.179 58.318); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-white: #fff; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --colors-black: #000; --colors-primary-400: #75a67e; --colors-blue-300: oklch(80.9% 0.105 251.813); --colors-green-300: oklch(87.1% 0.15 154.449); --colors-amber-300: oklch(87.9% 0.169 91.605); --colors-red-300: oklch(80.8% 0.114 19.571); --colors-neutral-500: oklch(55.6% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-primary-600: #40704b; --colors-neutral-400: oklch(70.8% 0 0); --colors-primary-300: #93c69d; --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --container-xs: 20rem; --container-lg: 32rem; --colors-blue-600: oklch(54.6% 0.245 262.881); --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }\n/* layer: base */\n *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  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-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, 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; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.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 { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :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: 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }\n/* layer: preflights */\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.badge{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));--un-leading:var(--leading-none);line-height:var(--leading-none);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 0.5);border-radius:var(--radius-md);display:inline-flex;gap:calc(var(--spacing) * 1);align-items:center;}\n.btn-action-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.text-micro{font-size:10px;--un-leading:1.4;line-height:1.4;}\n.badge-color-amber{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-amber-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-amber-400) 20%, transparent);}\n.dark .badge-color-amber{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-amber-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.badge-color-blue{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-blue-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-blue-400) 20%, transparent);}\n.dark .badge-color-blue{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-blue-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.badge-color-green{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-green-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-green-400) 20%, transparent);}\n.dark .badge-color-green{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-green-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.badge-color-red{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-red-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-red-400) 20%, transparent);}\n.dark .badge-color-red{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-red-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.btn-primary{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);opacity:100% !important;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.color-faint,\n.dark .color-faint{color:color-mix(in srgb, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in srgb, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.btn-action{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.btn-icon{--un-outline-style:none;outline-style:none;border-radius:calc(infinity * 1px);opacity:65%;display:flex;width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.btn-icon-compact{--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);opacity:65%;display:flex;width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.border-base{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.border-mute{border-color:color-mix(in oklab, #8881 var(--un-border-opacity), transparent);}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-ambient{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, #111 var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in srgb, var(--colors-white) 65%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass{background-color:color-mix(in oklab, #111 50%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in srgb, var(--colors-white) 98%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:75{background-color:color-mix(in oklab, #111 75%, transparent);}\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-secondary{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.dark .bg-secondary{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.hover\\:bg-hover:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.dark .hover\\:bg-secondary:hover{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.hover\\:bg-secondary:hover{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.btn-action:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-action-sm:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon-compact:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-primary:hover{background-color:color-mix(in srgb, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:55%;}\n.op-fade{opacity:65%;}\n.dark .op-mute{opacity:25%;}\n.op-mute{opacity:30%;}\n.btn-action:disabled{opacity:30% !important;pointer-events:none;}\n.btn-action-sm:disabled{opacity:30% !important;pointer-events:none;}\n.btn-icon:disabled{opacity:30%;pointer-events:none;}\n.btn-icon-compact:disabled{opacity:30%;pointer-events:none;}\n.btn-primary:disabled{opacity:50%;pointer-events:none;}\n.dark .disabled\\:op-mute:disabled{opacity:25%;}\n.disabled\\:op-mute:disabled{opacity:30%;}\n.dark .placeholder\\:op-mute::placeholder{opacity:25%;}\n.placeholder\\:op-mute::placeholder{opacity:30%;}\n.container{width:100%;}\n.btn-action:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.bg-gradient-more{--un-gradient-from:color-mix(in oklab, var(--colors-white) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, var(--colors-white) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, var(--colors-white) var(--un-to-opacity), transparent);--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops));}\n.dark .bg-gradient-more{--un-gradient-from:color-mix(in oklab, #111 var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, #111 var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, #111 var(--un-to-opacity), transparent);}\n.dark .icon-catppuccin{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0%);}\n.icon-catppuccin{--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(100%);}\n@supports (color: color-mix(in lab, red, red)){\n.badge-color-amber{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-amber-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-amber-400) 20%, transparent);}\n.dark .badge-color-amber{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-amber-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.badge-color-blue{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-blue-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-blue-400) 20%, transparent);}\n.dark .badge-color-blue{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-blue-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.badge-color-green{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-green-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-green-400) 20%, transparent);}\n.dark .badge-color-green{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-green-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.badge-color-red{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-red-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-red-400) 20%, transparent);}\n.dark .badge-color-red{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-red-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.btn-primary{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.color-active{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.color-base{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.dark .color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in oklab, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-base{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=active\\]\\:bg-base[data-state=active]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in oklab, var(--colors-white) 65%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in oklab, var(--colors-white) 98%, transparent);}\n.btn-primary:hover{background-color:color-mix(in oklab, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.btn-action:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.container{max-width:40rem;}\n}\n@media (min-width: 48rem){\n.container{max-width:48rem;}\n}\n@media (min-width: 64rem){\n.container{max-width:64rem;}\n}\n@media (min-width: 80rem){\n.container{max-width:80rem;}\n}\n@media (min-width: 96rem){\n.container{max-width:96rem;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}\n.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}\n.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}\n.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}\n.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}\n.dark .dark\\:text-amber-300{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in srgb, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in srgb, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in srgb, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in srgb, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in srgb, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in srgb, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}\n.color-amber{color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.color-green{color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.color-primary{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.color-red{color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.color-white\\!{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) !important;}\n.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}\n.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}\n.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}\n.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}\n.font-mono{font-family:var(--font-mono);}\n.font-sans{font-family:var(--font-sans);}\n.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.m-auto{margin:auto;}\n.mx--1{margin-inline:calc(var(--spacing) * -1);}\n.mx-1{margin-inline:calc(var(--spacing) * 1);}\n.mx-2{margin-inline:calc(var(--spacing) * 2);}\n.my-1{margin-block:calc(var(--spacing) * 1);}\n.my-2{margin-block:calc(var(--spacing) * 2);}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:calc(var(--spacing) * 1);}\n.mb2{margin-bottom:calc(var(--spacing) * 2);}\n.ml-0\\.5{margin-left:calc(var(--spacing) * 0.5);}\n.ml-1,\n.ml1{margin-left:calc(var(--spacing) * 1);}\n.ml-1\\.5{margin-left:calc(var(--spacing) * 1.5);}\n.ms{margin-inline-start:calc(var(--spacing) * 4);}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:calc(var(--spacing) * 0.5);}\n.mt-1{margin-top:calc(var(--spacing) * 1);}\n.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5);}\n.mt-2{margin-top:calc(var(--spacing) * 2);}\n.mt-4{margin-top:calc(var(--spacing) * 4);}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:calc(var(--spacing) * 0.5);}\n.p-1{padding:calc(var(--spacing) * 1);}\n.p-1\\.5{padding:calc(var(--spacing) * 1.5);}\n.p-2,\n.p2{padding:calc(var(--spacing) * 2);}\n.p-3{padding:calc(var(--spacing) * 3);}\n.p-4,\n.p4{padding:calc(var(--spacing) * 4);}\n.px,\n.px-4,\n.px4{padding-inline:calc(var(--spacing) * 4);}\n.px-1,\n.px1{padding-inline:calc(var(--spacing) * 1);}\n.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5);}\n.px-2,\n.px2{padding-inline:calc(var(--spacing) * 2);}\n.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5);}\n.px-2\\.5\\!{padding-inline:calc(var(--spacing) * 2.5) !important;}\n.px-3{padding-inline:calc(var(--spacing) * 3);}\n.px-6{padding-inline:calc(var(--spacing) * 6);}\n.py-0\\.5,\n.py0\\.5{padding-block:calc(var(--spacing) * 0.5);}\n.py-1,\n.py1{padding-block:calc(var(--spacing) * 1);}\n.py-1\\!{padding-block:calc(var(--spacing) * 1) !important;}\n.py-1\\.5,\n.py1\\.5{padding-block:calc(var(--spacing) * 1.5);}\n.py-10{padding-block:calc(var(--spacing) * 10);}\n.py-12{padding-block:calc(var(--spacing) * 12);}\n.py-2{padding-block:calc(var(--spacing) * 2);}\n.py-3{padding-block:calc(var(--spacing) * 3);}\n.py-4{padding-block:calc(var(--spacing) * 4);}\n.py2\\.5{padding-block:calc(var(--spacing) * 2.5);}\n.pb-1{padding-bottom:calc(var(--spacing) * 1);}\n.pl-4{padding-left:calc(var(--spacing) * 4);}\n.pl-5{padding-left:calc(var(--spacing) * 5);}\n.pl-7{padding-left:calc(var(--spacing) * 7);}\n.pl3{padding-left:calc(var(--spacing) * 3);}\n.pr-2{padding-right:calc(var(--spacing) * 2);}\n.pt-1\\.5{padding-top:calc(var(--spacing) * 1.5);}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.outline-none{--un-outline-style:none;outline-style:none;}\n.list-none{list-style-type:none;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:color-mix(in srgb, var(--colors-amber-500) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in srgb, var(--colors-blue-500) 20%, transparent);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:color-mix(in srgb, var(--colors-green-500) 20%, transparent);}\n.border-orange\\:50{border-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 50%, transparent);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.border-red{border-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent);}\n.border-red-500\\/20{border-color:color-mix(in srgb, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in srgb, var(--colors-red-500) 60%, transparent);}\n.border-red\\!{border-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in srgb, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:var(--radius-DEFAULT);}\n.rounded-full{border-radius:calc(infinity * 1px);}\n.rounded-lg{border-radius:var(--radius-lg);}\n.rounded-md{border-radius:var(--radius-md);}\n.rounded-xl{border-radius:var(--radius-xl);}\n.border-dashed{--un-border-style:dashed;border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:color-mix(in oklab, #ddd 40%, transparent);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.bg-\\#8882{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-\\#8885{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\:5{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 5%, transparent);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\:10{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-red\\!{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in srgb, var(--colors-black) 40%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in srgb, var(--colors-red-500) 10%, transparent);}\n.hover\\:bg-\\#8888:hover{background-color:color-mix(in oklab, #8888 var(--un-bg-opacity), transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in srgb, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 90%, transparent) !important;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:50%;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:100%;}\n.op0{opacity:0%;}\n.op75{opacity:75%;}\n.hover\\:op100:hover{opacity:100%;}\n.disabled\\:op50:disabled{opacity:50%;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.gap-0\\.5{gap:calc(var(--spacing) * 0.5);}\n.gap-1{gap:calc(var(--spacing) * 1);}\n.gap-1\\.5{gap:calc(var(--spacing) * 1.5);}\n.gap-2{gap:calc(var(--spacing) * 2);}\n.gap-3{gap:calc(var(--spacing) * 3);}\n.gap-4{gap:calc(var(--spacing) * 4);}\n.gap-x-2{column-gap:calc(var(--spacing) * 2);}\n.gap-y-1{row-gap:calc(var(--spacing) * 1);}\n.grid{display:grid;}\n.h-0\\.5{height:calc(var(--spacing) * 0.5);}\n.h-1{height:calc(var(--spacing) * 1);}\n.h-1\\.5{height:calc(var(--spacing) * 1.5);}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:calc(var(--spacing) * 2);}\n.h-3\\.5{height:calc(var(--spacing) * 3.5);}\n.h-4{height:calc(var(--spacing) * 4);}\n.h-5{height:calc(var(--spacing) * 5);}\n.h-6{height:calc(var(--spacing) * 6);}\n.h-7{height:calc(var(--spacing) * 7);}\n.h-8{height:calc(var(--spacing) * 8);}\n.h-9{height:calc(var(--spacing) * 9);}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:calc(var(--spacing) * 3);}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:var(--container-lg);}\n.max-w-prose{max-width:var(--container-prose);}\n.max-w-sm{max-width:var(--container-sm);}\n.max-w-xs{max-width:var(--container-xs);}\n.min-h-40{min-height:calc(var(--spacing) * 40);}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:calc(var(--spacing) * 0);}\n.min-w-40{min-width:calc(var(--spacing) * 40);}\n.min-w-44{min-width:calc(var(--spacing) * 44);}\n.min-w-5{min-width:calc(var(--spacing) * 5);}\n.min-w-6{min-width:calc(var(--spacing) * 6);}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:calc(var(--spacing) * 1.5);}\n.w-2{width:calc(var(--spacing) * 2);}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:calc(var(--spacing) * 4);}\n.w-7{width:calc(var(--spacing) * 7);}\n.w-8\\.5{width:calc(var(--spacing) * 8.5);}\n.w-80{width:calc(var(--spacing) * 80);}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.visible{visibility:visible;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.focus-within\\:ring-2:focus-within{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow,\n.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.-translate-x-1\\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--un-translate-x:calc(var(--spacing) * 4);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-0\\.5{--un-translate-x:calc(var(--spacing) * 0.5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-2{--un-translate-y:calc(var(--spacing) * 2);translate:var(--un-translate-x) var(--un-translate-y);}\n.-rotate-90{rotate:-90deg;}\n.rotate-90{rotate:90deg;}\n.scale-98{--un-scale-x:98%;--un-scale-y:98%;scale:var(--un-scale-x) var(--un-scale-y);}\n.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.duration-200{--un-duration:200ms;transition-duration:200ms;}\n.duration-250{--un-duration:250ms;transition-duration:250ms;}\n.duration-300{--un-duration:300ms;transition-duration:300ms;}\n.ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}\n.ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.inset-0{inset:calc(var(--spacing) * 0);}\n.inset-x-0{inset-inline:calc(var(--spacing) * 0);}\n.bottom-0{bottom:calc(var(--spacing) * 0);}\n.bottom-4{bottom:calc(var(--spacing) * 4);}\n.left-0{left:calc(var(--spacing) * 0);}\n.left-1\\.5{left:calc(var(--spacing) * 1.5);}\n.left-1\\/2{left:50%;}\n.left-2{left:calc(var(--spacing) * 2);}\n.left-2\\.5{left:calc(var(--spacing) * 2.5);}\n.left-4{left:calc(var(--spacing) * 4);}\n.right-0{right:calc(var(--spacing) * 0);}\n.right-4{right:calc(var(--spacing) * 4);}\n.top-0{top:calc(var(--spacing) * 0);}\n.top-4{top:calc(var(--spacing) * 4);}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.stroke-current{stroke:currentColor;}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.backdrop-blur-sm{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.invert{--un-invert:invert(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.saturate-0{--un-saturate:saturate(0%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.touch-none{touch-action:none;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}\n.divide-\\#8882{\n:where(&>:not(:last-child)){border-color:color-mix(in oklab, #8882 var(--un-divide-opacity), transparent);}\n}\n.divide-y{\n:where(&>:not(:last-child)){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}\n}\n.group-data-\\[state\\=open\\]\\:rotate-90{\n&:is(:where(.group)[data-state=open] *){rotate:90deg;}\n}\n@supports (color: color-mix(in lab, red, red)){\n.dark .dark\\:text-amber-300{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in oklab, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in oklab, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in oklab, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in oklab, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in oklab, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in oklab, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}\n.color-amber{color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.color-green{color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.color-primary{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.color-red{color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.color-white\\!{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) !important;}\n.border-amber-500\\/20{border-color:color-mix(in oklab, var(--colors-amber-500) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in oklab, var(--colors-blue-500) 20%, transparent);}\n.border-green-500\\/20{border-color:color-mix(in oklab, var(--colors-green-500) 20%, transparent);}\n.border-orange\\:50{border-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 50%, transparent);}\n.border-primary-500{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.border-red{border-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent);}\n.border-red-500\\/20{border-color:color-mix(in oklab, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in oklab, var(--colors-red-500) 60%, transparent);}\n.border-red\\!{border-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.dark .dark\\:border-primary-400{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.bg-green-400\\/10{background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\:5{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 5%, transparent);}\n.bg-primary-500{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\:10{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-red\\!{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in oklab, var(--colors-black) 40%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in oklab, var(--colors-red-500) 10%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in oklab, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 90%, transparent) !important;}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.sm\\:p-6{padding:calc(var(--spacing) * 6);}\n}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
+export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.border-mute{--un-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));opacity:1 !important;}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.hover\\:bg-hover:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.dark .hover\\:bg-secondary:hover{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.hover\\:bg-secondary:hover{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.btn-action:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-bg-opacity:1;background-color:rgb(64 112 75 / var(--un-bg-opacity));}\n.bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}\n.dark .bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(17 17 17 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(17 17 17 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(17 17 17 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(17 17 17 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n.dark .hover\\:color-active:hover{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.hover\\:color-active:hover{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .hover\\:color-base:hover{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.hover\\:color-base:hover{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--un-brightness:brightness(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0);}\n.icon-catppuccin{--un-brightness:brightness(0.8);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.right-0{right:0;}\n.right-4{right:1rem;}\n.top-0{top:0;}\n.top-4{top:1rem;}\n.grid{display:grid;}\n.m-auto{margin:auto;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb2{margin-bottom:0.5rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1,\n.ml1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2{margin-top:0.5rem;}\n.mt-4{margin-top:1rem;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:0.5rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:0.75rem;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-sm{max-width:24rem;}\n.max-w-xs{max-width:20rem;}\n.min-h-40{min-height:10rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:0.375rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-7{width:1.75rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--un-translate-x:1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-0\\.5{--un-translate-x:0.125rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y-2{--un-translate-y:0.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.-rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-98{--un-scale-x:0.98;--un-scale-y:0.98;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.list-none{list-style-type:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-1{row-gap:0.25rem;}\n.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-divide-opacity));}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-orange\\:50{border-color:rgb(251 146 60 / 0.5);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-border-opacity:1;border-color:rgb(87 136 97 / var(--un-border-opacity));}\n.border-red{--un-border-opacity:1;border-color:rgb(248 113 113 / var(--un-border-opacity));}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red\\!{--un-border-opacity:1 !important;border-color:rgb(248 113 113 / var(--un-border-opacity)) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-border-opacity:1;border-color:rgb(117 166 126 / var(--un-border-opacity));}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.border-dashed{border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8882{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8885{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-amber-400\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-blue-400\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\:5{background-color:rgb(251 146 60 / 0.05);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\:10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-bg-opacity)) !important;}\n.bg-red\\!{--un-bg-opacity:1 !important;background-color:rgb(248 113 113 / var(--un-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\#8888:hover{--un-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-red-600\\!:hover{--un-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-bg-opacity)) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:rgb(248 113 113 / 0.9) !important;}\n.stroke-current{stroke:currentColor;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1{padding:0.25rem;}\n.p-1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4,\n.p4{padding:1rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0\\.5,\n.py0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pl3{padding-left:0.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-1\\.5{padding-top:0.375rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.color-amber,\n.dark .dark\\:text-amber-400{--un-text-opacity:1;color:rgb(251 191 36 / var(--un-text-opacity));}\n.dark .dark\\:text-blue-300{--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .dark\\:text-green-300{--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.color-green,\n.dark .dark\\:text-green-400{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity));}\n.dark .dark\\:text-red-300{--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.color-red,\n.dark .dark\\:text-red-400{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}\n.text-amber-600{--un-text-opacity:1;color:rgb(217 119 6 / var(--un-text-opacity));}\n.text-amber-700{--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.text-blue-700{--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.text-green-600{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity));}\n.text-green-700{--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.text-orange{--un-text-opacity:1;color:rgb(251 146 60 / var(--un-text-opacity));}\n.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));}\n.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));}\n.text-red-700{--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}\n.color-primary{--un-text-opacity:1;color:rgb(58 106 69 / var(--un-text-opacity));}\n.color-white\\!{--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity)) !important;}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.font-semibold{font-weight:600;}\n.leading-none{line-height:1;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:1;}\n.op0{opacity:0;}\n.op75{opacity:0.75;}\n.hover\\:op100:hover{opacity:1;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.focus-within\\:ring-2:focus-within{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.saturate-0{--un-saturate:saturate(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:p-6{padding:1.5rem;}\n}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
diff --git a/packages/json-render-ui/src/spa/uno.config.ts b/packages/json-render-ui/src/spa/uno.config.ts
index 4e26190e..b85eaf72 100644
--- a/packages/json-render-ui/src/spa/uno.config.ts
+++ b/packages/json-render-ui/src/spa/uno.config.ts
@@ -2,19 +2,21 @@ import { presetAnthonyDesign } from '@antfu/design/unocss'
 import {
   defineConfig,
   presetIcons,
-  presetWind4,
+  presetWind3,
   transformerDirectives,
   transformerVariantGroup,
 } from 'unocss'
 
 // The prebuilt SPA renders `@devframes/json-render-ui`, whose components author
 // class strings in `.ts` render functions — so `.ts` is opted into extraction.
-// Same `@antfu/design` stack (sage-green preset, Wind4, Phosphor, DM Sans/Mono)
-// as every other devframe surface.
+// Same `@antfu/design` stack (sage-green preset, Phosphor, DM Sans/Mono) as
+// every other devframe surface, on the **Wind3** base the package's renderer
+// module uses (`../../uno.config.ts`) so the components render identically in
+// the standalone SPA and inside the shadow-root renderer module.
 export default defineConfig({
   presets: [
     presetAnthonyDesign({ primary: '#3a6a45' }),
-    presetWind4(),
+    presetWind3(),
     presetIcons({ scale: 1.1 }),
   ],
   transformers: [transformerDirectives(), transformerVariantGroup()],
diff --git a/packages/json-render-ui/uno.config.ts b/packages/json-render-ui/uno.config.ts
index 1a6861f7..a68ea864 100644
--- a/packages/json-render-ui/uno.config.ts
+++ b/packages/json-render-ui/uno.config.ts
@@ -2,20 +2,25 @@ import { presetAnthonyDesign } from '@antfu/design/unocss'
 import {
   defineConfig,
   presetIcons,
-  presetWind4,
+  presetWind3,
   transformerDirectives,
   transformerVariantGroup,
 } from 'unocss'
 
 // The reference frontend uses `@antfu/design` directly: its preset (tuned to
-// devframe's sage green) over a Wind4 base, Phosphor icons, DM Sans/Mono and
+// devframe's sage green) over a Wind3 base, Phosphor icons, DM Sans/Mono and
 // the directive/variant-group transformers. Component class strings are
 // authored in `.ts` render functions, so `.ts` is opted into extraction. The
 // named `z-*` layers are the app's to own (the preset blocks plain `z-<number>`).
+//
+// Wind3, not the Wind4 the other devframe surfaces use: this stylesheet is
+// injected into the renderer module's own shadow root, and Wind4's
+// `@property`/cascade-layer theme output doesn't apply reliably to
+// adopted-stylesheet content inside a shadow tree — Wind3's plain utilities do.
 export default defineConfig({
   presets: [
     presetAnthonyDesign({ primary: '#3a6a45' }),
-    presetWind4(),
+    presetWind3(),
     presetIcons({ scale: 1.1 }),
   ],
   transformers: [transformerDirectives(), transformerVariantGroup()],

From ae6c694566b0c967e93ef481908663fa24e767fb Mon Sep 17 00:00:00 2001
From: "Anthony Fu (via agent)" <reg-github-bot@antfu.me>
Date: Thu, 13 Aug 2026 05:41:49 +0000
Subject: [PATCH 05/11] refactor(examples): simplify the hub-vite & hub-next
 protocol witnesses
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Keep every capability worth demonstrating while making both reference hosts
easier to read, at parity:

- Drop the redundant second demo tool (Demo Tool B) from each — one plain
  demo SPA + the Tabbed Tool (shared-frame soft-nav) already show the mount
  path.
- hub-next: merge the json-render React frontend's two files (registry.tsx +
  dock-renderer.tsx, ~496 lines) into one compact react-renderer.tsx (~350),
  trimming the sanitizeSpec/error-isolation nicety and rendering Tree as a JSON
  dump. Still a faithful local renderer that overrides the manifest-served Vue
  module (the swap seam).
- hub-vite: restructure main.ts into small labelled helpers (el map,
  dockButton, wireDockRail, wireDrawer) and replace the bespoke icon
  cache/hydrate reconciliation with a one-shot fetch-and-patch.
- hub-next: lift the client-only dock registration and drawer polling out of
  the boot effect into reusable helpers.
- READMEs updated in lockstep.

Kept (worth demonstrating): all nine built-in plugins, the Tabbed Tool
soft-nav, both client-only docks (Client Notes + the interactive Client
Playground), the renderer manifest + local-override swap seam, and the
missing-renderer fallback.

Verified: lint, knip, test, typecheck, build all pass, and both hubs boot
with 11 frames (no Demo Tool B), the json-render renderer module served, and
no diagnostics.
---
 examples/hub-next/README.md                   |   4 +-
 .../hub-next/spa/next-demo-tool-b/index.html  |  22 -
 examples/hub-next/src/client/app/page.tsx     | 127 ++---
 .../src/client/devframe/demo-devframe-b.ts    |  38 --
 .../src/client/devframe/next-devframe-hub.ts  |   2 -
 .../src/client/json-render/dock-renderer.tsx  | 139 ------
 .../src/client/json-render/react-renderer.tsx | 360 ++++++++++++++
 .../src/client/json-render/registry.tsx       | 357 --------------
 examples/hub-vite/README.md                   |   2 +-
 examples/hub-vite/spa/demo-tool-b/index.html  |  22 -
 examples/hub-vite/src/client/main.ts          | 466 ++++++++----------
 examples/hub-vite/src/devframe-b.ts           |  37 --
 examples/hub-vite/vite.config.ts              |   2 -
 13 files changed, 627 insertions(+), 951 deletions(-)
 delete mode 100644 examples/hub-next/spa/next-demo-tool-b/index.html
 delete mode 100644 examples/hub-next/src/client/devframe/demo-devframe-b.ts
 delete mode 100644 examples/hub-next/src/client/json-render/dock-renderer.tsx
 create mode 100644 examples/hub-next/src/client/json-render/react-renderer.tsx
 delete mode 100644 examples/hub-next/src/client/json-render/registry.tsx
 delete mode 100644 examples/hub-vite/spa/demo-tool-b/index.html
 delete mode 100644 examples/hub-vite/src/devframe-b.ts

diff --git a/examples/hub-next/README.md b/examples/hub-next/README.md
index d356fb31..b1782465 100644
--- a/examples/hub-next/README.md
+++ b/examples/hub-next/README.md
@@ -14,7 +14,7 @@ pnpm --filter hub-next dev
 Open the printed URL. The dock on the left lists every mounted tool with its icon:
 
 - **Git**, **Terminals**, **Code Server**, **RPC & State Inspector**, **A11y Inspector** — the built-in plugins, each an entry in `initHub`'s `devframes` list
-- **Next Demo Tool** / **Next Demo Tool B** — two trivial static SPAs that show the bare mount path
+- **Next Demo Tool** — a trivial static SPA that shows the bare mount path
 
 Selecting a tool loads its SPA in the stage. The bottom drawer mirrors the hub's **Commands**, **Messages**, and **Terminals** subsystems, plus a button that dispatches a command through `hub:commands:execute`.
 
@@ -42,7 +42,7 @@ The instance is memoized on `globalThis`, so Next's dev-time module re-evaluatio
 - Every `devframes` entry is mounted as a dock and served at `/__devframes/<id>/` with its own `__connection.json`, so the embedded SPA connects straight back to the hub
 - The browser reads `devframe:docks` / `devframe:commands` shared state and dispatches commands over RPC — byte-for-byte the same protocol the Vite host speaks
 - `createDevframeClientHost()` boots the hub's framework-level client runtime in the host page: it publishes the shared client context and imports each dock's `clientScript` (here, the a11y agent) so plugins run code in the page being inspected
-- The **JSON Render** dock renders through a **local React renderer** (`src/client/json-render/`) registered at `createDevframeClientHost({ renderers })`. The hub *also* publishes the reference Vue frontend through its renderer manifest (`renderers: [jsonRenderUiRenderer()]` on `initHub`), but local registration takes precedence — witnessing that any frontend implementing the `JsonRenderDockRenderer` contract can replace the reference one. Delete the local `renderers` option and the same dock renders via the manifest-served module instead. (The sibling `hub-vite` witness ships no local renderer and consumes the manifest directly — the other side of the swap seam.)
+- The **JSON Render** dock renders through a **local React renderer** (`src/client/json-render/react-renderer.tsx` — a compact React port of the base catalog) registered at `createDevframeClientHost({ renderers })`. The hub *also* publishes the reference Vue frontend through its renderer manifest (`renderers: [jsonRenderUiRenderer()]` on `initHub`), but local registration takes precedence — witnessing that any frontend implementing the `JsonRenderDockRenderer` contract can replace the reference one. Delete the local `renderers` option and the same dock renders via the manifest-served module instead. (The sibling `hub-vite` witness ships no local renderer and consumes the manifest directly — the other side of the swap seam.)
 - The **No Renderer** dock witnesses the missing-renderer path: its type is covered by nothing, so `renderers.mount()` resolves `{ status: 'missing-renderer' }` and the shell shows *No renderer for "demo-unrendered" in the current environment* instead of a dead panel
 
 ## Hosting built-in plugins in a bundler
diff --git a/examples/hub-next/spa/next-demo-tool-b/index.html b/examples/hub-next/spa/next-demo-tool-b/index.html
deleted file mode 100644
index 488190af..00000000
--- a/examples/hub-next/spa/next-demo-tool-b/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Next Demo Tool B</title>
-    <style>
-      :root { color-scheme: light dark; font-family: system-ui, sans-serif; }
-      body { margin: 0; padding: 2rem; }
-      h1 { margin-top: 0; }
-      code { font-family: ui-monospace, monospace; }
-    </style>
-  </head>
-  <body>
-    <h1>Next Demo Tool B</h1>
-    <p>Served from <code id="loc"></code></p>
-    <p>A second demo devframe, mounted alongside the first to demonstrate dock switching.</p>
-    <script>
-      document.getElementById('loc').textContent = location.pathname
-    </script>
-  </body>
-</html>
diff --git a/examples/hub-next/src/client/app/page.tsx b/examples/hub-next/src/client/app/page.tsx
index ae62823c..93b6d545 100644
--- a/examples/hub-next/src/client/app/page.tsx
+++ b/examples/hub-next/src/client/app/page.tsx
@@ -12,7 +12,7 @@ import type { DevframeJsonRenderSpec } from '@devframes/json-render'
 import type { DevframeJsonRenderDockEntry } from '@devframes/json-render/hub'
 import { connectDevframe, createDevframeClientHost, FRAME_NAV_CHANNEL } from '@devframes/hub/client'
 import { useEffect, useMemo, useRef, useState } from 'react'
-import { createReactJsonRenderDockRenderer } from '../json-render/dock-renderer'
+import { createReactJsonRenderDockRenderer } from '../json-render/react-renderer'
 import { dockIconSvg } from './icons'
 
 const HUB_BASE = '/__devframes/'
@@ -141,6 +141,64 @@ function createClientPlaygroundSpec(clientType: string): DevframeJsonRenderSpec
   }
 }
 
+type ClientContext = ClientHost['context']
+
+// Register the two *client-only* docks (an iframe from a Blob URL + an inline
+// interactive json-render view) on the client host context, so they stay local
+// to this page and never enter `devframe:docks` shared state. `force` lets
+// React StrictMode re-run the boot effect without tripping the duplicate-id
+// guard. Returns a disposer that removes them again.
+function registerClientDocks(ctx: ClientContext): () => void {
+  const notes = ctx.docks.register<DevframeViewIframe>({
+    id: 'client-notes',
+    title: 'Client Notes',
+    icon: 'ph:note-pencil-duotone',
+    type: 'iframe',
+    url: createClientNotesUrl(),
+    category: 'app',
+  }, true)
+  notes.update({ badge: ctx.clientType }) // patch in place via the handle
+  const playground = ctx.docks.register<DevframeJsonRenderDockEntry>({
+    id: 'client-playground',
+    title: 'Client Playground',
+    icon: 'ph:sliders-horizontal-duotone',
+    type: 'json-render',
+    view: { spec: createClientPlaygroundSpec(ctx.clientType) },
+    category: 'app',
+  }, true)
+  return () => {
+    notes.dispose()
+    playground.dispose()
+  }
+}
+
+// Poll the two kit-local RPCs that expose the hub's message + terminal
+// subsystems (a fuller kit would push over the hub's `*:updated` broadcasts).
+// Returns a stop function that ends the polling.
+function pollDrawer(
+  rpc: DevframeRpcClient,
+  onMessages: (m: DevframeMessageEntry[]) => void,
+  onTerminals: (t: TerminalSummary[]) => void,
+): () => void {
+  let alive = true
+  const refresh = async (): Promise<void> => {
+    const [messages, terminals] = await Promise.all([
+      rpc.call('example:next-devframe-hub:messages:list' as any) as Promise<DevframeMessageEntry[]>,
+      rpc.call('example:next-devframe-hub:terminals:list' as any) as Promise<TerminalSummary[]>,
+    ])
+    if (alive) {
+      onMessages(messages)
+      onTerminals(terminals)
+    }
+  }
+  void refresh()
+  const interval = window.setInterval(() => void refresh(), 2000)
+  return () => {
+    alive = false
+    window.clearInterval(interval)
+  }
+}
+
 /** Fetches (and caches, for the component's lifetime) a dock icon's sanitized SVG. */
 function useDockIconSvg(icon: DevframeDockEntry['icon']): string | undefined {
   const [svg, setSvg] = useState<string | undefined>(undefined)
@@ -222,40 +280,10 @@ export default function Page() {
         hostRef.current = clientHost
         const ctx = clientHost.context
 
-        // Register a *client-only* dock — one this page synthesizes itself.
-        // Unlike the server-authored docks, it's registered on the client host
-        // context, so it never enters the `devframe:docks` shared state: it
-        // stays local to this page and is not synced to the hub server or other
-        // viewers. It merges into `ctx.docks.entries` alongside the server
-        // docks. `force` lets React StrictMode re-run this effect without
-        // tripping the duplicate-id guard.
-        const clientDock = ctx.docks.register<DevframeViewIframe>({
-          id: 'client-notes',
-          title: 'Client Notes',
-          icon: 'ph:note-pencil-duotone',
-          type: 'iframe',
-          url: createClientNotesUrl(),
-          category: 'app',
-        }, true)
-        // Patch it in place with the returned handle (the id is immutable).
-        clientDock.update({ badge: ctx.clientType })
-
-        // Register a second client-only dock — this one a *json-render* view the
-        // page authors itself, the richer sibling of the iframe dock above. Its
-        // spec is carried **inline** in the dock entry (`view.spec`), so it needs
-        // no shared state at all: it lives only in this page yet renders — and
-        // stays fully interactive (inputs, toggles, and buttons that mutate its
-        // state) — through the same `json-render` dock renderer (the mini React
-        // registry) as a server-authored view. `force` lets React StrictMode
-        // re-run this effect safely.
-        const clientJsonRenderDock = clientHost.context.docks.register<DevframeJsonRenderDockEntry>({
-          id: 'client-playground',
-          title: 'Client Playground',
-          icon: 'ph:sliders-horizontal-duotone',
-          type: 'json-render',
-          view: { spec: createClientPlaygroundSpec(clientHost.context.clientType) },
-          category: 'app',
-        }, true)
+        // Two *client-only* docks (an iframe + an interactive inline
+        // json-render view), local to this page — never entering
+        // `devframe:docks` shared state, merged into `ctx.docks.entries`.
+        const disposeClientDocks = registerClientDocks(ctx)
 
         const docksState = await rpc.sharedState.get<DevframeDockEntry[]>(
           'devframe:docks',
@@ -293,36 +321,13 @@ export default function Page() {
         }
         window.addEventListener('message', onMessage)
 
-        const refreshMessages = async () => {
-          const entries = await rpc.call(
-            'example:next-devframe-hub:messages:list' as any,
-          ) as DevframeMessageEntry[]
-          if (!cancelled)
-            setMessages(entries)
-        }
-
-        const refreshTerminals = async () => {
-          const sessions = await rpc.call(
-            'example:next-devframe-hub:terminals:list' as any,
-          ) as TerminalSummary[]
-          if (!cancelled)
-            setTerminals(sessions)
-        }
-
-        await refreshMessages()
-        await refreshTerminals()
-
-        const interval = window.setInterval(() => {
-          void refreshMessages()
-          void refreshTerminals()
-        }, 2000)
+        const stopPolling = pollDrawer(rpc, setMessages, setTerminals)
 
         cleanup = () => {
-          window.clearInterval(interval)
+          stopPolling()
           window.removeEventListener('message', onMessage)
           // Remove the client-only docks, then tear down the host + local DOM.
-          clientDock.dispose()
-          clientJsonRenderDock.dispose()
+          disposeClientDocks()
           clientHost.dispose()
           wiredRef.current.clear()
           for (const el of iframePoolRef.current.values()) el.remove()
diff --git a/examples/hub-next/src/client/devframe/demo-devframe-b.ts b/examples/hub-next/src/client/devframe/demo-devframe-b.ts
deleted file mode 100644
index cbb3235c..00000000
--- a/examples/hub-next/src/client/devframe/demo-devframe-b.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import type { DevframeHubContext } from '@devframes/hub/node'
-import { fileURLToPath } from 'node:url'
-import { defineDevframe } from 'devframe'
-import { dirname, resolve } from 'pathe'
-import pkg from '../../../package.json' with { type: 'json' }
-
-const HERE = dirname(fileURLToPath(import.meta.url))
-
-export default defineDevframe({
-  id: 'next-demo-tool-b',
-  name: 'Next Demo Tool B',
-  version: pkg.version,
-  packageName: pkg.name,
-  homepage: pkg.homepage,
-  description: 'A second demo devframe — proves the dock switcher has more than one option.',
-  icon: 'ph:wrench-duotone',
-  basePath: '/__next-demo-tool-b/',
-  cli: {
-    distDir: resolve(HERE, '../../../spa/next-demo-tool-b'),
-  },
-  async setup(rawCtx) {
-    const ctx = rawCtx as unknown as DevframeHubContext
-
-    ctx.commands.register({
-      id: 'example:next-demo-tool-b:say-hello',
-      title: 'Next Demo Tool B: Say Hello',
-      icon: 'ph:hand-waving-duotone',
-      category: 'demo',
-      handler: () => 'Hello from next-demo-tool-b!',
-    })
-
-    await ctx.messages.add({
-      level: 'info',
-      message: 'Second Next demo devframe loaded',
-      description: 'A second devframe in the hub `devframes` list — proves the switcher has more than one option.',
-    })
-  },
-})
diff --git a/examples/hub-next/src/client/devframe/next-devframe-hub.ts b/examples/hub-next/src/client/devframe/next-devframe-hub.ts
index 78f2d0f6..f765d7c0 100644
--- a/examples/hub-next/src/client/devframe/next-devframe-hub.ts
+++ b/examples/hub-next/src/client/devframe/next-devframe-hub.ts
@@ -11,7 +11,6 @@ import { toJsonRenderDockEntry } from '@devframes/json-render/hub'
 import { createDashboardView } from 'json-render/dashboard'
 import { dirname, join } from 'pathe'
 import demoDevframe from './demo-devframe'
-import demoDevframeB from './demo-devframe-b'
 import tabbedDevframe from './tabbed-devframe'
 import { unrenderedDockEntry } from './unrendered-dock'
 
@@ -195,7 +194,6 @@ export async function nextDevframeHub(
   // shim reports — all sharing one iframe.
   const devframes: (DevframeDefinition | HubDevframeEntry)[] = [
     demoDevframe,
-    demoDevframeB,
     ...(await loadBuiltinPlugins()).map<DevframeDefinition | HubDevframeEntry>(def =>
       a11yAgent && def.id === a11yAgent.dockId
         ? { devframe: def, dock: { clientScript: { importFrom: a11yAgent.importFrom } } }
diff --git a/examples/hub-next/src/client/json-render/dock-renderer.tsx b/examples/hub-next/src/client/json-render/dock-renderer.tsx
deleted file mode 100644
index db35070c..00000000
--- a/examples/hub-next/src/client/json-render/dock-renderer.tsx
+++ /dev/null
@@ -1,139 +0,0 @@
-'use client'
-
-import type { JsonRenderViewRef, Spec } from '@devframes/json-render'
-import type { JsonRenderDockRenderer } from '@devframes/json-render/hub'
-import type { ComponentRegistry } from '@json-render/react'
-import type { ReactNode } from 'react'
-import { basePropSchemas } from '@devframes/json-render'
-import { JSONUIProvider, Renderer } from '@json-render/react'
-import { useMemo } from 'react'
-import { createRoot } from 'react-dom/client'
-import { baseReactRegistry, ERROR_COMPONENT_TYPE } from './registry'
-
-// Built-ins handled inside upstream's ActionProvider — never bridged to RPC.
-const RESERVED = new Set(['setState', 'pushState', 'removeState', 'validateForm', 'then', 'catch', 'finally'])
-
-/**
- * The unrestricted action bridge: a spec action name is dispatched as an RPC
- * call of the same name (per the plan). Upstream tracks per-action loading and
- * confirmation; failures rethrow so `onError` handlers fire.
- */
-function createActionBridge(rpc: { call: (method: string, ...args: unknown[]) => Promise<unknown> }): Record<string, (params?: Record<string, unknown>) => Promise<unknown>> {
-  const cache = new Map<string, (params?: Record<string, unknown>) => Promise<unknown>>()
-  return new Proxy({} as Record<string, (params?: Record<string, unknown>) => Promise<unknown>>, {
-    has: (_t, p) => typeof p === 'string' && !RESERVED.has(p),
-    get: (_t, prop) => {
-      if (typeof prop !== 'string' || RESERVED.has(prop))
-        return undefined
-      let fn = cache.get(prop)
-      if (!fn) {
-        fn = (params?: Record<string, unknown>) => rpc.call(prop, params)
-        cache.set(prop, fn)
-      }
-      return fn
-    },
-  })
-}
-
-/**
- * Render-time prop validation: swap any element with invalid props for the
- * error component, isolating one bad element instead of breaking the view.
- */
-function sanitizeSpec(spec: Spec): Spec {
-  let changed = false
-  const elements: Spec['elements'] = {}
-  for (const [key, element] of Object.entries(spec.elements ?? {})) {
-    const schema = basePropSchemas[element.type as keyof typeof basePropSchemas]
-    if (schema) {
-      const result = schema.safeParse(element.props ?? {})
-      if (!result.success) {
-        changed = true
-        const issues = result.error.issues.map(i => `${i.path.join('.') || '(root)'}: ${i.message}`).join('; ')
-        console.warn(`[example:next-devframe-hub] invalid props on element "${key}" (${element.type}): ${issues}`)
-        elements[key] = { ...element, type: ERROR_COMPONENT_TYPE, props: { message: `${element.type}: ${issues}` } }
-        continue
-      }
-    }
-    elements[key] = element
-  }
-  return changed ? { ...spec, elements } : spec
-}
-
-interface JsonRenderViewProps {
-  spec: Spec | null
-  rpc: { call: (method: string, ...args: unknown[]) => Promise<unknown> }
-  registry: ComponentRegistry
-  viewId: string
-}
-
-function JsonRenderView({ spec, rpc, registry, viewId }: JsonRenderViewProps): ReactNode {
-  const handlers = useMemo(() => createActionBridge(rpc), [rpc])
-  const effective = useMemo(() => (spec ? sanitizeSpec(spec) : null), [spec])
-  if (!spec)
-    return <div className="p4 color-faint text-sm">No view to render.</div>
-  return (
-    <JSONUIProvider
-      // Reset the provider (reseed state) only on identity change.
-      key={viewId}
-      registry={registry}
-      handlers={handlers}
-      initialState={spec.state ?? {}}
-    >
-      <Renderer spec={effective} registry={registry} />
-    </JSONUIProvider>
-  )
-}
-
-/**
- * A dock renderer implementing the `JsonRenderDockRenderer` contract from
- * `@devframes/json-render/hub` — this example's mini **React** registry
- * replacing the Vue reference frontend, exactly the seam a community
- * implementation uses. Mounts a React root into the container the client host
- * provides. For a shared-state view it subscribes to the live spec; for an
- * inline view (`entry.view.spec`) it renders the embedded spec directly, with
- * no shared-state round-trip. Disposes cleanly either way.
- */
-export function createReactJsonRenderDockRenderer(): JsonRenderDockRenderer {
-  return async ({ entry, container, context }) => {
-    const view: JsonRenderViewRef = entry.view
-    const { rpc } = context
-    // The action bridge only needs a loose `call(method, …)` — the client's
-    // typed `DevframeRpcClient` narrows `method` to known keys, so widen it at
-    // the prop boundary for the dynamic spec-action names.
-    const bridgeRpc = rpc as unknown as JsonRenderViewProps['rpc']
-    const viewId = 'stateKey' in view ? view.stateKey : entry.id
-    const root = createRoot(container)
-
-    // Inline view: render the embedded spec once, no shared state involved.
-    if ('spec' in view) {
-      root.render(
-        <JsonRenderView spec={view.spec} rpc={bridgeRpc} registry={baseReactRegistry} viewId={viewId} />,
-      )
-      return {
-        dispose() {
-          root.unmount()
-        },
-      }
-    }
-
-    const state = await rpc.sharedState.get<Spec>(view.stateKey, { initialValue: null as unknown as Spec })
-    const render = (): void => {
-      root.render(
-        <JsonRenderView
-          spec={state.value() as Spec | null}
-          rpc={bridgeRpc}
-          registry={baseReactRegistry}
-          viewId={viewId}
-        />,
-      )
-    }
-    render()
-    const off = state.on('updated', render)
-    return {
-      dispose() {
-        off()
-        root.unmount()
-      },
-    }
-  }
-}
diff --git a/examples/hub-next/src/client/json-render/react-renderer.tsx b/examples/hub-next/src/client/json-render/react-renderer.tsx
new file mode 100644
index 00000000..fec99e43
--- /dev/null
+++ b/examples/hub-next/src/client/json-render/react-renderer.tsx
@@ -0,0 +1,360 @@
+'use client'
+
+import type { JsonRenderViewRef, Spec } from '@devframes/json-render'
+import type { JsonRenderDockRenderer } from '@devframes/json-render/hub'
+import type { BaseComponentProps, ComponentRegistry } from '@json-render/react'
+import type { ReactNode } from 'react'
+import { baseCatalog } from '@devframes/json-render'
+import { defineRegistry, JSONUIProvider, Renderer, useBoundProp } from '@json-render/react'
+import { useEffect, useState } from 'react'
+import { createRoot } from 'react-dom/client'
+
+// A deliberately small **React** implementation of the base catalog — the
+// "registry replacement" seam: this Next host renders a server-authored
+// json-render spec with its own React components instead of the reference Vue
+// frontend (@devframes/json-render-ui). It covers the components the demo
+// specs use, styled with the same @antfu/design semantic tokens so it matches
+// the rest of the hub. `createReactJsonRenderDockRenderer()` at the bottom is
+// what `app/page.tsx` registers on the client host.
+
+// ── component helpers ───────────────────────────────────────────────────────
+
+type Jr<P = Record<string, unknown>> = (ctx: BaseComponentProps<P>) => ReactNode
+
+function toNumber(value: unknown, fallback: number): number {
+  const n = typeof value === 'string' ? Number(value) : value
+  return typeof n === 'number' && Number.isFinite(n) ? n : fallback
+}
+
+function formatValue(value: unknown): string {
+  if (value == null)
+    return ''
+  return typeof value === 'object' ? JSON.stringify(value) : String(value)
+}
+
+const alignMap: Record<string, string> = { start: 'flex-start', center: 'center', end: 'flex-end', stretch: 'stretch' }
+const justifyMap: Record<string, string> = { start: 'flex-start', center: 'center', end: 'flex-end', between: 'space-between', around: 'space-around' }
+const colorClass: Record<string, string> = { base: 'color-base', muted: 'color-muted', faint: 'color-faint', primary: 'color-primary', success: 'color-green', warning: 'color-amber', danger: 'color-red' }
+
+// ── components ──────────────────────────────────────────────────────────────
+
+const Stack: Jr<{ direction?: string, gap?: number, align?: string, justify?: string }> = ({ props, children }) => (
+  <div style={{
+    display: 'flex',
+    flexDirection: props.direction === 'row' ? 'row' : 'column',
+    gap: `${toNumber(props.gap, 8)}px`,
+    alignItems: props.align ? alignMap[props.align] ?? props.align : undefined,
+    justifyContent: props.justify ? justifyMap[props.justify] ?? props.justify : undefined,
+  }}
+  >
+    {children}
+  </div>
+)
+
+const Card: Jr<{ title?: string, collapsible?: boolean, defaultCollapsed?: boolean }> = ({ props, children }) => {
+  const header = 'px4 py2.5 border-b border-base color-base font-medium text-sm'
+  const body = <div className="p4">{children}</div>
+  if (props.collapsible) {
+    return (
+      <details className="rounded-xl border border-base bg-base overflow-hidden" open={!props.defaultCollapsed}>
+        <summary className={`${header} cursor-pointer select-none`}>{props.title}</summary>
+        {body}
+      </details>
+    )
+  }
+  return (
+    <div className="rounded-xl border border-base bg-base overflow-hidden">
+      {props.title ? <div className={header}>{props.title}</div> : null}
+      {body}
+    </div>
+  )
+}
+
+const textVariant: Record<string, { tag: keyof React.JSX.IntrinsicElements, class: string }> = {
+  heading: { tag: 'h2', class: 'text-lg font-semibold' },
+  subheading: { tag: 'h3', class: 'text-base font-medium' },
+  body: { tag: 'p', class: 'text-sm' },
+  caption: { tag: 'span', class: 'text-xs color-faint' },
+}
+const Text: Jr<{ text?: string, variant?: string, color?: string }> = ({ props, children }) => {
+  const v = textVariant[props.variant ?? 'body'] ?? textVariant.body
+  const Tag = v.tag
+  return <Tag className={`${v.class} ${props.color ? colorClass[props.color] ?? 'color-base' : 'color-base'}`}>{props.text ?? children}</Tag>
+}
+
+const badgeClass: Record<string, string> = {
+  default: 'bg-secondary color-muted',
+  success: 'badge-color-green',
+  warning: 'badge-color-amber',
+  danger: 'badge-color-red',
+  info: 'badge-color-blue',
+}
+const Badge: Jr<{ text?: string, variant?: string }> = ({ props, children }) => (
+  <span className={`inline-flex items-center rounded px1.5 py0.5 text-xs font-medium ${badgeClass[props.variant ?? 'default'] ?? badgeClass.default}`}>
+    {props.text ?? children}
+  </span>
+)
+
+// Spec icon names (`ph:cube-duotone`) are dynamic, so they can't be UnoCSS
+// `i-*` classes (those are extracted statically); fetch the SVG from Iconify
+// at runtime, cached per name.
+const iconCache = new Map<string, Promise<string | null>>()
+function fetchIcon(name: string): Promise<string | null> {
+  if (!/^[a-z0-9]+:[a-z0-9-]+$/.test(name))
+    return Promise.resolve(null)
+  let p = iconCache.get(name)
+  if (!p) {
+    const [prefix, icon] = name.split(':')
+    p = fetch(`https://api.iconify.design/${prefix}/${icon}.svg?color=currentColor&width=100%`)
+      .then(r => (r.ok ? r.text() : null))
+      .catch(() => null)
+    iconCache.set(name, p)
+  }
+  return p
+}
+const Icon: Jr<{ name?: string, size?: number }> = ({ props }) => {
+  const size = props.size ?? 16
+  const [svg, setSvg] = useState<string | null>(null)
+  useEffect(() => {
+    let alive = true
+    if (props.name)
+      void fetchIcon(props.name).then(s => alive && setSvg(s))
+    return () => {
+      alive = false
+    }
+  }, [props.name])
+  return <span className="inline-flex shrink-0 items-center justify-center" style={{ width: `${size}px`, height: `${size}px` }} aria-hidden dangerouslySetInnerHTML={{ __html: svg ?? '' }} />
+}
+
+const Divider: Jr<{ label?: string }> = ({ props }) => (
+  props.label
+    ? (
+        <div className="flex items-center gap-2 my-2 color-faint text-xs">
+          <div className="flex-1 border-t border-base" />
+          <span>{props.label}</span>
+          <div className="flex-1 border-t border-base" />
+        </div>
+      )
+    : <div className="my-2 border-t border-base" />
+)
+
+const buttonVariant: Record<string, string> = {
+  primary: 'bg-primary color-white hover:bg-primary/90',
+  secondary: 'bg-secondary color-base border border-base hover:bg-active',
+  ghost: 'color-base hover:bg-secondary',
+  danger: 'bg-red color-white hover:bg-red/90',
+}
+const Button: Jr<{ label?: string, variant?: string, icon?: string }> = ({ props, on }) => (
+  <button
+    type="button"
+    onClick={() => on('press').emit()}
+    className={`inline-flex items-center gap-1.5 rounded px2.5 py1 text-sm font-medium transition ${buttonVariant[props.variant ?? 'secondary'] ?? buttonVariant.secondary}`}
+  >
+    {props.icon ? <Icon props={{ name: props.icon, size: 16 }} emit={() => {}} on={() => ({ emit: () => {}, shouldPreventDefault: false, bound: false })} /> : null}
+    {props.label ? <span>{props.label}</span> : null}
+  </button>
+)
+
+const TextInput: Jr<{ value?: string, placeholder?: string, label?: string }> = ({ props, on, bindings }) => {
+  const [value, setValue] = useBoundProp(props.value, bindings?.value)
+  const input = (
+    <input
+      className="w-full rounded border border-base bg-base color-base px2 py1 text-sm outline-none focus:border-primary"
+      value={value ?? ''}
+      placeholder={props.placeholder}
+      onChange={(e) => {
+        setValue(e.target.value)
+        on('change').emit()
+      }}
+    />
+  )
+  return props.label
+    ? (
+        <label className="flex flex-col gap-1 text-sm color-muted">
+          <span>{props.label}</span>
+          {input}
+        </label>
+      )
+    : input
+}
+
+const Switch: Jr<{ value?: boolean, label?: string }> = ({ props, on, bindings }) => {
+  const [value, setValue] = useBoundProp(props.value, bindings?.value)
+  const checked = !!value
+  return (
+    <label className="inline-flex items-center gap-2 text-sm color-base cursor-pointer">
+      <button
+        type="button"
+        role="switch"
+        aria-checked={checked}
+        onClick={() => {
+          setValue(!checked)
+          on('change').emit()
+        }}
+        className={`relative inline-flex h-5 w-9 items-center rounded-full transition ${checked ? 'bg-primary' : 'bg-active'}`}
+      >
+        <span className={`inline-block h-4 w-4 rounded-full bg-base shadow transition ${checked ? 'translate-x-4.5' : 'translate-x-0.5'}`} />
+      </button>
+      {props.label ? <span>{props.label}</span> : null}
+    </label>
+  )
+}
+
+const KeyValueTable: Jr<{ data?: Record<string, unknown> }> = ({ props }) => (
+  <table className="w-full text-sm border-collapse">
+    <tbody>
+      {Object.entries(props.data ?? {}).map(([k, v]) => (
+        <tr key={k} className="border-b border-base">
+          <td className="py1 pr3 color-muted font-medium align-top">{k}</td>
+          <td className="py1 color-base font-mono break-all">{formatValue(v)}</td>
+        </tr>
+      ))}
+    </tbody>
+  </table>
+)
+
+interface Col { key: string, label?: string }
+const DataTable: Jr<{ columns?: (string | Col)[], rows?: Record<string, unknown>[], height?: number }> = ({ props, on, bindings }) => {
+  const [, setSelected] = useBoundProp<unknown>(undefined, bindings?.value)
+  const rows = props.rows ?? []
+  const columns: Col[] = props.columns?.length
+    ? props.columns.map(c => (typeof c === 'string' ? { key: c } : c))
+    : rows[0]
+      ? Object.keys(rows[0]).map(key => ({ key }))
+      : []
+  return (
+    <div className="rounded border border-base overflow-auto" style={props.height != null ? { maxHeight: `${props.height}px` } : undefined}>
+      <table className="w-full text-sm border-collapse">
+        <thead className="sticky top-0 bg-secondary">
+          <tr>{columns.map(c => <th key={c.key} className="text-left px2 py1.5 color-muted font-medium border-b border-base">{c.label ?? c.key}</th>)}</tr>
+        </thead>
+        <tbody>
+          {rows.map((row, index) => (
+            <tr
+              key={index}
+              className="border-b border-base hover:bg-secondary cursor-pointer"
+              onClick={() => {
+                setSelected({ row, index })
+                on('rowClick').emit()
+              }}
+            >
+              {columns.map(c => <td key={c.key} className="px2 py1 color-base font-mono">{formatValue(row[c.key])}</td>)}
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  )
+}
+
+const CodeBlock: Jr<{ code?: string, height?: number }> = ({ props }) => (
+  <pre className="rounded border border-base bg-base p2 text-sm font-mono overflow-auto color-base" style={props.height != null ? { maxHeight: `${props.height}px` } : undefined}><code>{props.code}</code></pre>
+)
+
+const Progress: Jr<{ value?: number, max?: number, label?: string }> = ({ props }) => {
+  const max = toNumber(props.max, 100)
+  const pct = max > 0 ? Math.min(100, Math.max(0, (toNumber(props.value, 0) / max) * 100)) : 0
+  return (
+    <div className="flex flex-col gap-1">
+      {props.label
+        ? (
+            <div className="flex justify-between text-xs color-muted">
+              <span>{props.label}</span>
+              <span>{`${Math.round(pct)}%`}</span>
+            </div>
+          )
+        : null}
+      <div className="h-2 w-full rounded-full bg-active overflow-hidden"><div className="h-full rounded-full bg-primary transition-all" style={{ width: `${pct}%` }} /></div>
+    </div>
+  )
+}
+
+// The reference Vue frontend renders a rich collapsible tree; a JSON dump is
+// enough to witness the same spec rendering through a different frontend.
+const Tree: Jr<{ data?: unknown }> = ({ props }) => (
+  <pre className="rounded border border-base bg-base p2 text-sm font-mono overflow-auto color-base">{JSON.stringify(props.data ?? null, null, 2)}</pre>
+)
+
+const baseReactRegistry: ComponentRegistry = defineRegistry(baseCatalog as never, {
+  components: {
+    Stack,
+    Card,
+    Text,
+    Badge,
+    Button,
+    Icon,
+    Divider,
+    TextInput,
+    Switch,
+    KeyValueTable,
+    DataTable,
+    CodeBlock,
+    Progress,
+    Tree,
+  } as never,
+}).registry
+
+// ── the dock renderer ───────────────────────────────────────────────────────
+
+interface ViewRpc {
+  call: (method: string, ...args: unknown[]) => Promise<unknown>
+}
+
+// A spec action name is dispatched as an RPC call of the same name. The
+// built-ins the upstream provider handles itself (`setState`/`pushState`/…)
+// and promise-probe keys are never bridged.
+const RESERVED = new Set(['setState', 'pushState', 'removeState', 'validateForm', 'then', 'catch', 'finally'])
+function createActionBridge(rpc: ViewRpc): Record<string, (params?: Record<string, unknown>) => Promise<unknown>> {
+  return new Proxy({} as Record<string, (params?: Record<string, unknown>) => Promise<unknown>>, {
+    has: (_t, p) => typeof p === 'string' && !RESERVED.has(p),
+    get: (_t, prop) => (typeof prop !== 'string' || RESERVED.has(prop)
+      ? undefined
+      : (params?: Record<string, unknown>) => rpc.call(prop, params)),
+  })
+}
+
+// The `key={viewId}` remounts the provider (reseeding state) only when the
+// view identity changes, not on every live spec update.
+function JsonRenderView({ spec, rpc, viewId }: { spec: Spec | null, rpc: ViewRpc, viewId: string }): ReactNode {
+  if (!spec)
+    return <div className="p4 color-faint text-sm">No view to render.</div>
+  return (
+    <JSONUIProvider key={viewId} registry={baseReactRegistry} handlers={createActionBridge(rpc)} initialState={spec.state ?? {}}>
+      <Renderer spec={spec} registry={baseReactRegistry} />
+    </JSONUIProvider>
+  )
+}
+
+/**
+ * A dock renderer implementing the `JsonRenderDockRenderer` contract from
+ * `@devframes/json-render/hub` — this example's React frontend replacing the
+ * reference Vue one. For a shared-state view it subscribes to the live spec;
+ * for an inline view (`entry.view.spec`) it renders the embedded spec
+ * directly. Disposes cleanly either way.
+ */
+export function createReactJsonRenderDockRenderer(): JsonRenderDockRenderer {
+  return async ({ entry, container, context }) => {
+    const view: JsonRenderViewRef = entry.view
+    // The action bridge only needs a loose `call(method, …)`; the client's
+    // typed rpc narrows `method` to known keys, so widen it here.
+    const rpc = context.rpc as unknown as ViewRpc
+    const viewId = 'stateKey' in view ? view.stateKey : entry.id
+    const root = createRoot(container)
+
+    if ('spec' in view) {
+      root.render(<JsonRenderView spec={view.spec} rpc={rpc} viewId={viewId} />)
+      return { dispose: () => root.unmount() }
+    }
+
+    const state = await context.rpc.sharedState.get<Spec>(view.stateKey, { initialValue: null as unknown as Spec })
+    const render = () => root.render(<JsonRenderView spec={state.value() as Spec | null} rpc={rpc} viewId={viewId} />)
+    render()
+    const off = state.on('updated', render)
+    return {
+      dispose() {
+        off()
+        root.unmount()
+      },
+    }
+  }
+}
diff --git a/examples/hub-next/src/client/json-render/registry.tsx b/examples/hub-next/src/client/json-render/registry.tsx
deleted file mode 100644
index f1c8384c..00000000
--- a/examples/hub-next/src/client/json-render/registry.tsx
+++ /dev/null
@@ -1,357 +0,0 @@
-'use client'
-
-import type { BaseComponentProps, ComponentRegistry } from '@json-render/react'
-import type { ReactNode } from 'react'
-import { baseCatalog } from '@devframes/json-render'
-import { defineRegistry, useBoundProp } from '@json-render/react'
-import { useEffect, useState } from 'react'
-
-// A deliberately small **React** implementation of the base catalog — the
-// "registry replacement" path from the JSON-render plan: a React host renders a
-// server-authored spec with its own components instead of the Vue reference
-// frontend (@devframes/json-render-ui). Styling uses the same @antfu/design
-// semantic tokens so it matches the rest of the hub.
-
-type Jr<P = Record<string, unknown>> = (ctx: BaseComponentProps<P>) => ReactNode
-
-function toNumber(value: unknown, fallback: number): number {
-  const n = typeof value === 'string' ? Number(value) : value
-  return typeof n === 'number' && Number.isFinite(n) ? n : fallback
-}
-
-function formatValue(value: unknown): string {
-  if (value == null)
-    return ''
-  if (typeof value === 'object')
-    return JSON.stringify(value)
-  return String(value)
-}
-
-const alignMap: Record<string, string> = { start: 'flex-start', center: 'center', end: 'flex-end', stretch: 'stretch' }
-const justifyMap: Record<string, string> = { start: 'flex-start', center: 'center', end: 'flex-end', between: 'space-between', around: 'space-around' }
-
-const Stack: Jr<{ direction?: string, gap?: number, padding?: number, align?: string, justify?: string, wrap?: boolean, flex?: number | string }> = ({ props, children }) => {
-  const style: Record<string, string> = { display: 'flex', flexDirection: props.direction === 'row' ? 'row' : 'column', gap: `${toNumber(props.gap, 8)}px` }
-  if (props.padding != null)
-    style.padding = `${toNumber(props.padding, 0)}px`
-  if (props.align)
-    style.alignItems = alignMap[props.align] ?? props.align
-  if (props.justify)
-    style.justifyContent = justifyMap[props.justify] ?? props.justify
-  if (props.wrap)
-    style.flexWrap = 'wrap'
-  if (props.flex != null)
-    style.flex = String(props.flex)
-  return <div style={style}>{children}</div>
-}
-
-const Card: Jr<{ title?: string, collapsible?: boolean, defaultCollapsed?: boolean, loading?: boolean }> = ({ props, children, loading }) => {
-  const body = <div className="p4">{loading || props.loading ? <div className="color-faint text-sm">Loading…</div> : children}</div>
-  const header = 'flex items-center justify-between px4 py2.5 border-b border-base color-base font-medium text-sm'
-  if (props.collapsible) {
-    return (
-      <details className="rounded-xl border border-base bg-base overflow-hidden" open={!props.defaultCollapsed}>
-        <summary className={`${header} cursor-pointer select-none list-none`}>
-          <span>{props.title}</span>
-          <span className="color-faint text-xs">▾</span>
-        </summary>
-        {body}
-      </details>
-    )
-  }
-  return (
-    <div className="rounded-xl border border-base bg-base overflow-hidden">
-      {props.title ? <div className={header}>{props.title}</div> : null}
-      {body}
-    </div>
-  )
-}
-
-const textVariant: Record<string, { tag: keyof React.JSX.IntrinsicElements, class: string }> = {
-  heading: { tag: 'h2', class: 'text-lg font-semibold' },
-  subheading: { tag: 'h3', class: 'text-base font-medium' },
-  body: { tag: 'p', class: 'text-sm' },
-  caption: { tag: 'span', class: 'text-xs color-faint' },
-  code: { tag: 'code', class: 'text-sm font-mono bg-secondary rounded px1 py0.5' },
-}
-const colorClass: Record<string, string> = { base: 'color-base', muted: 'color-muted', faint: 'color-faint', primary: 'color-primary', success: 'color-green', warning: 'color-amber', danger: 'color-red' }
-
-const Text: Jr<{ text?: string, variant?: string, weight?: string, color?: string }> = ({ props, children }) => {
-  const v = textVariant[props.variant ?? 'body'] ?? textVariant.body
-  const cls = [v.class, props.weight === 'bold' ? 'font-bold' : props.weight === 'medium' ? 'font-medium' : '', props.color ? colorClass[props.color] ?? 'color-base' : 'color-base'].join(' ')
-  const Tag = v.tag
-  return <Tag className={cls}>{props.text ?? children}</Tag>
-}
-
-const badgeClass: Record<string, string> = {
-  default: 'bg-secondary color-muted',
-  success: 'badge-color-green',
-  warning: 'badge-color-amber',
-  danger: 'badge-color-red',
-  info: 'badge-color-blue',
-}
-const Badge: Jr<{ text?: string, variant?: string, minWidth?: number }> = ({ props, children }) => (
-  <span
-    className={`inline-flex items-center justify-center rounded px1.5 py0.5 text-xs font-medium ${badgeClass[props.variant ?? 'default'] ?? badgeClass.default}`}
-    style={props.minWidth != null ? { minWidth: `${props.minWidth}px` } : undefined}
-  >
-    {props.text ?? children}
-  </span>
-)
-
-const iconCache = new Map<string, Promise<string | null>>()
-function fetchIcon(name: string): Promise<string | null> {
-  if (!/^[a-z0-9]+:[a-z0-9-]+$/.test(name))
-    return Promise.resolve(null)
-  let p = iconCache.get(name)
-  if (!p) {
-    const [prefix, icon] = name.split(':')
-    p = fetch(`https://api.iconify.design/${prefix}/${icon}.svg?color=currentColor&width=100%`)
-      .then(r => (r.ok ? r.text() : null))
-      .catch(() => null)
-    iconCache.set(name, p)
-  }
-  return p
-}
-const Icon: Jr<{ name?: string, size?: number }> = ({ props }) => {
-  const size = props.size ?? 16
-  const [svg, setSvg] = useState<string | null>(null)
-  useEffect(() => {
-    let alive = true
-    if (props.name)
-      void fetchIcon(props.name).then(s => alive && setSvg(s))
-    return () => {
-      alive = false
-    }
-  }, [props.name])
-  return (
-    <span
-      className="inline-flex shrink-0 items-center justify-center"
-      style={{ fontSize: `${size}px`, width: `${size}px`, height: `${size}px` }}
-      aria-label={props.name}
-      role="img"
-      dangerouslySetInnerHTML={{ __html: svg ?? '' }}
-    />
-  )
-}
-
-const Divider: Jr<{ label?: string }> = ({ props }) => (
-  props.label
-    ? (
-        <div className="flex items-center gap-2 my-2 color-faint text-xs">
-          <div className="flex-1 border-t border-base" />
-          <span>{props.label}</span>
-          <div className="flex-1 border-t border-base" />
-        </div>
-      )
-    : <div className="my-2 border-t border-base" />
-)
-
-const buttonVariant: Record<string, string> = {
-  primary: 'bg-primary color-white hover:bg-primary/90',
-  secondary: 'bg-secondary color-base border border-base hover:bg-active',
-  ghost: 'color-base hover:bg-secondary',
-  danger: 'bg-red color-white hover:bg-red/90',
-}
-const Button: Jr<{ label?: string, variant?: string, icon?: string, disabled?: boolean, loading?: boolean }> = ({ props, on }) => (
-  <button
-    type="button"
-    disabled={props.disabled || props.loading}
-    onClick={() => on('press').emit()}
-    className={`inline-flex items-center gap-1.5 rounded px2.5 py1 text-sm font-medium transition disabled:op-50 disabled:cursor-not-allowed ${buttonVariant[props.variant ?? 'secondary'] ?? buttonVariant.secondary}`}
-  >
-    {props.loading
-      ? <span className="inline-block h-3.5 w-3.5 rounded-full border-2 border-current border-t-transparent animate-spin" />
-      : props.icon
-        ? <Icon props={{ name: props.icon, size: 16 }} emit={() => {}} on={() => ({ emit: () => {}, shouldPreventDefault: false, bound: false })} />
-        : null}
-    {props.label ? <span>{props.label}</span> : null}
-  </button>
-)
-
-const TextInput: Jr<{ value?: string, placeholder?: string, label?: string, disabled?: boolean, type?: string, loading?: boolean }> = ({ props, on, bindings }) => {
-  const [value, setValue] = useBoundProp(props.value, bindings?.value)
-  const input = (
-    <input
-      className="w-full rounded border border-base bg-base color-base px2 py1 text-sm outline-none focus:border-primary disabled:op-50"
-      type={props.type ?? 'text'}
-      value={value ?? ''}
-      placeholder={props.placeholder}
-      disabled={props.disabled || props.loading}
-      onChange={(e) => {
-        setValue(e.target.value)
-        on('change').emit()
-      }}
-    />
-  )
-  return props.label
-    ? (
-        <label className="flex flex-col gap-1 text-sm color-muted">
-          <span>{props.label}</span>
-          {input}
-        </label>
-      )
-    : input
-}
-
-const Switch: Jr<{ value?: boolean, label?: string, disabled?: boolean }> = ({ props, on, bindings }) => {
-  const [value, setValue] = useBoundProp(props.value, bindings?.value)
-  const checked = !!value
-  const toggle = (
-    <button
-      type="button"
-      role="switch"
-      aria-checked={checked}
-      disabled={props.disabled}
-      onClick={() => {
-        setValue(!checked)
-        on('change').emit()
-      }}
-      className={`relative inline-flex h-5 w-9 items-center rounded-full transition disabled:op-50 ${checked ? 'bg-primary' : 'bg-active'}`}
-    >
-      <span className={`inline-block h-4 w-4 transform rounded-full bg-base shadow transition ${checked ? 'translate-x-4.5' : 'translate-x-0.5'}`} />
-    </button>
-  )
-  return props.label
-    ? (
-        <label className="inline-flex items-center gap-2 text-sm color-base cursor-pointer">
-          {toggle}
-          <span>{props.label}</span>
-        </label>
-      )
-    : toggle
-}
-
-const KeyValueTable: Jr<{ data?: Record<string, unknown>, loading?: boolean }> = ({ props, loading }) => {
-  if (loading || props.loading)
-    return <div className="color-faint text-sm">Loading…</div>
-  return (
-    <table className="w-full text-sm border-collapse">
-      <tbody>
-        {Object.entries(props.data ?? {}).map(([k, v]) => (
-          <tr key={k} className="border-b border-base">
-            <td className="py1 pr3 color-muted font-medium align-top">{k}</td>
-            <td className="py1 color-base font-mono break-all">{formatValue(v)}</td>
-          </tr>
-        ))}
-      </tbody>
-    </table>
-  )
-}
-
-interface Col { key: string, label?: string }
-const DataTable: Jr<{ columns?: (string | Col)[], rows?: Record<string, unknown>[], height?: number, loading?: boolean }> = ({ props, on, bindings, loading }) => {
-  const [, setSelected] = useBoundProp<unknown>(undefined, bindings?.value)
-  if (loading || props.loading)
-    return <div className="color-faint text-sm">Loading…</div>
-  const rows = props.rows ?? []
-  const columns: Col[] = props.columns?.length
-    ? props.columns.map(c => (typeof c === 'string' ? { key: c } : c))
-    : rows[0]
-      ? Object.keys(rows[0]).map(key => ({ key }))
-      : []
-  return (
-    <div className="rounded border border-base overflow-auto" style={props.height != null ? { maxHeight: `${props.height}px` } : undefined}>
-      <table className="w-full text-sm border-collapse">
-        <thead className="sticky top-0 bg-secondary">
-          <tr>{columns.map(c => <th key={c.key} className="text-left px2 py1.5 color-muted font-medium border-b border-base">{c.label ?? c.key}</th>)}</tr>
-        </thead>
-        <tbody>
-          {rows.map((row, index) => (
-            <tr
-              key={index}
-              className="border-b border-base hover:bg-secondary cursor-pointer"
-              onClick={() => {
-                setSelected({ row, index })
-                on('rowClick').emit()
-              }}
-            >
-              {columns.map(c => <td key={c.key} className="px2 py1 color-base font-mono">{formatValue(row[c.key])}</td>)}
-            </tr>
-          ))}
-        </tbody>
-      </table>
-    </div>
-  )
-}
-
-const CodeBlock: Jr<{ code?: string, language?: string, filename?: string, height?: number }> = ({ props }) => (
-  <div className="rounded border border-base overflow-hidden bg-base" data-language={props.language}>
-    {props.filename || props.language
-      ? (
-          <div className="flex items-center justify-between px2 py1 border-b border-base bg-secondary text-xs color-faint">
-            <span>{props.filename}</span>
-            {props.language ? <span className="font-mono uppercase">{props.language}</span> : null}
-          </div>
-        )
-      : null}
-    <pre className="p2 text-sm font-mono overflow-auto color-base" style={props.height != null ? { maxHeight: `${props.height}px` } : undefined}><code>{props.code}</code></pre>
-  </div>
-)
-
-const Progress: Jr<{ value?: number, max?: number, label?: string }> = ({ props }) => {
-  const max = toNumber(props.max, 100)
-  const pct = max > 0 ? Math.min(100, Math.max(0, (toNumber(props.value, 0) / max) * 100)) : 0
-  return (
-    <div className="flex flex-col gap-1">
-      {props.label
-        ? (
-            <div className="flex justify-between text-xs color-muted">
-              <span>{props.label}</span>
-              <span>{`${Math.round(pct)}%`}</span>
-            </div>
-          )
-        : null}
-      <div className="h-2 w-full rounded-full bg-active overflow-hidden"><div className="h-full rounded-full bg-primary transition-all" style={{ width: `${pct}%` }} /></div>
-    </div>
-  )
-}
-
-function TreeNode({ value, keyLabel, expanded }: { value: unknown, keyLabel: string | null, expanded: boolean }): ReactNode {
-  if (value === null || typeof value !== 'object') {
-    const color = typeof value === 'number' ? 'color-primary' : typeof value === 'string' ? 'color-green' : 'color-muted'
-    return (
-      <div className="flex gap-1 font-mono text-sm">
-        {keyLabel != null ? <span className="color-muted">{`${keyLabel}:`}</span> : null}
-        <span className={color}>{typeof value === 'string' ? `"${value}"` : String(value)}</span>
-      </div>
-    )
-  }
-  const entries = Array.isArray(value) ? value.map((v, i) => [String(i), v] as const) : Object.entries(value as Record<string, unknown>)
-  const label = `${keyLabel != null ? `${keyLabel}: ` : ''}${Array.isArray(value) ? `Array(${entries.length})` : 'Object'}`
-  return (
-    <details className="font-mono text-sm" open={expanded}>
-      <summary className="cursor-pointer color-muted select-none">{label}</summary>
-      <div className="pl3 border-l border-base ml1">{entries.map(([k, v]) => <TreeNode key={k} value={v} keyLabel={k} expanded={expanded} />)}</div>
-    </details>
-  )
-}
-const Tree: Jr<{ data?: unknown, defaultExpanded?: boolean }> = ({ props }) => (
-  <div className="color-base"><TreeNode value={props.data} keyLabel={null} expanded={props.defaultExpanded !== false} /></div>
-)
-
-const JsonRenderError: Jr<{ message?: string }> = ({ props }) => (
-  <div role="alert" className="rounded border border-red bg-red:10 color-red text-xs font-mono px2 py1">{props.message ?? 'Invalid element'}</div>
-)
-
-export const ERROR_COMPONENT_TYPE = '__jsonRenderError'
-
-export const baseReactRegistry: ComponentRegistry = defineRegistry(baseCatalog as never, {
-  components: {
-    Stack,
-    Card,
-    Text,
-    Badge,
-    Button,
-    Icon,
-    Divider,
-    TextInput,
-    Switch,
-    KeyValueTable,
-    DataTable,
-    CodeBlock,
-    Progress,
-    Tree,
-    [ERROR_COMPONENT_TYPE]: JsonRenderError,
-  } as never,
-}).registry
diff --git a/examples/hub-vite/README.md b/examples/hub-vite/README.md
index 7c1ff423..746f0b31 100644
--- a/examples/hub-vite/README.md
+++ b/examples/hub-vite/README.md
@@ -14,7 +14,7 @@ pnpm --filter hub-vite dev
 Open the printed URL. The dock on the left lists every mounted tool with its icon:
 
 - **Git**, **Terminals**, **Code Server**, **RPC & State Inspector**, **A11y Inspector** — the built-in plugins, each a published `DevframeDefinition` passed to the host's `devframes` option
-- **Demo Tool** / **Demo Tool B** — two trivial static SPAs that show the bare mount path
+- **Demo Tool** — a trivial static SPA that shows the bare mount path
 
 Selecting a tool loads its SPA in the stage. The bottom drawer mirrors the hub's **Commands**, **Messages**, and **Terminals** subsystems, plus a button that dispatches a command through `hub:commands:execute`.
 
diff --git a/examples/hub-vite/spa/demo-tool-b/index.html b/examples/hub-vite/spa/demo-tool-b/index.html
deleted file mode 100644
index 6221440a..00000000
--- a/examples/hub-vite/spa/demo-tool-b/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Demo Tool B</title>
-    <style>
-      :root { color-scheme: light dark; font-family: system-ui, sans-serif; }
-      body { margin: 0; padding: 2rem; }
-      h1 { margin-top: 0; }
-      code { font-family: ui-monospace, monospace; }
-    </style>
-  </head>
-  <body>
-    <h1>Demo Tool B</h1>
-    <p>Served from <code id="loc"></code></p>
-    <p>A second demo devframe, mounted alongside the first to demonstrate dock switching.</p>
-    <script>
-      document.getElementById('loc').textContent = location.pathname
-    </script>
-  </body>
-</html>
diff --git a/examples/hub-vite/src/client/main.ts b/examples/hub-vite/src/client/main.ts
index a5703b08..b438a676 100644
--- a/examples/hub-vite/src/client/main.ts
+++ b/examples/hub-vite/src/client/main.ts
@@ -12,94 +12,93 @@ import { dockIconSvg } from './icons'
 import 'virtual:uno.css'
 import '@antfu/design/styles.css'
 
+// The whole browser UI for the Vite hub, in plain DOM: it reads the hub's
+// shared state (`devframe:docks` / `devframe:commands`) and its RPCs, and
+// renders an icon rail + an iframe stage / renderer panel + a subsystem
+// drawer. No hub classes are imported here — only the client protocol.
+
 const HUB_BASE = '/__devframes/'
 
-const connEl = document.querySelector<HTMLElement>('#conn')!
-const docksEl = document.querySelector<HTMLElement>('#docks')!
-const commandsEl = document.querySelector<HTMLElement>('#commands')!
-const messagesEl = document.querySelector<HTMLElement>('#messages')!
-const terminalsEl = document.querySelector<HTMLElement>('#terminals')!
-const pingBtn = document.querySelector<HTMLButtonElement>('#ping')!
-const stageEl = document.querySelector<HTMLElement>('#dock-stage')!
-const panelEl = document.querySelector<HTMLElement>('#dock-panel')!
+const el = {
+  conn: document.querySelector<HTMLElement>('#conn')!,
+  docks: document.querySelector<HTMLElement>('#docks')!,
+  commands: document.querySelector<HTMLElement>('#commands')!,
+  messages: document.querySelector<HTMLElement>('#messages')!,
+  terminals: document.querySelector<HTMLElement>('#terminals')!,
+  ping: document.querySelector<HTMLButtonElement>('#ping')!,
+  stage: document.querySelector<HTMLElement>('#dock-stage')!,
+  panel: document.querySelector<HTMLElement>('#dock-panel')!,
+}
 
-// Disposer for the currently mounted renderer dock (e.g. json-render).
-let disposePanel: (() => void) | null = null
+// ── small DOM helpers ───────────────────────────────────────────────────────
 
-function setStatus(text: string, kind?: 'ready' | 'error') {
+function setStatus(text: string, kind?: 'ready' | 'error'): void {
   const dot = kind === 'ready' ? 'bg-success' : kind === 'error' ? 'bg-error' : 'bg-neutral-400'
-  connEl.innerHTML = `<span class="inline-block size-1.5 rounded-full shrink-0 ${dot} mr-1.5 align-middle"></span>${text}`
+  el.conn.innerHTML = `<span class="inline-block size-1.5 rounded-full shrink-0 ${dot} mr-1.5 align-middle"></span>${text}`
 }
 
-function renderList<T>(host: HTMLElement, items: readonly T[], render: (item: T) => string) {
-  if (!items.length) {
-    host.innerHTML = '<li class="rounded-lg border border-base bg-base border-dashed px2.5 py1.5 text-xs font-mono op-mute">empty</li>'
-    return
-  }
-  host.innerHTML = items.map(render).join('')
+function renderList<T>(host: HTMLElement, items: readonly T[], row: (item: T) => string): void {
+  host.innerHTML = items.length
+    ? items.map(row).join('')
+    : '<li class="rounded-lg border border-base bg-base border-dashed px2.5 py1.5 text-xs font-mono op-mute">empty</li>'
 }
 
-// Session-lifetime cache of resolved dock-icon SVGs, keyed by the icon id
-// (e.g. `ph:git-branch-duotone`) — `dockIconSvg` itself caches per fetch, this
-// just lets a re-render (e.g. a badge update) paint an already-resolved icon
-// synchronously instead of flashing the fallback initial again.
-const dockIconCache = new Map<string, string | null>()
-
-function dockIconKey(icon: DevframeDockEntry['icon']): string | undefined {
+function iconName(icon: DevframeDockEntry['icon']): string | undefined {
   return typeof icon === 'string' ? icon : icon?.light
 }
 
-/** Render a dock icon's placeholder markup: a resolved SVG if cached, else the title's initial. */
-function dockIcon(entry: DevframeDockEntry): string {
-  const key = entry.icon ? dockIconKey(entry.icon) : undefined
-  const cached = key ? dockIconCache.get(key) : undefined
-  if (cached)
-    return `<span class="h-5 w-5 shrink-0 text-lg" data-dock-icon="${entry.id}">${cached}</span>`
+// One dock-rail button: a monogram placeholder for the icon (patched with the
+// real SVG once `paintDockIcons` resolves it), the title, and an optional badge.
+function dockButton(entry: DevframeDockEntry, selectedId: string | null): string {
+  const active = entry.id === selectedId
   const initial = (entry.title?.[0] ?? '?').toUpperCase()
-  return `<span class="grid h-5 w-5 shrink-0 place-items-center rounded bg-active text-[0.7rem] font-bold" data-dock-icon="${entry.id}">${initial}</span>`
+  const badge = entry.badge
+    ? `<span class="ml-auto shrink-0 rounded bg-active px1 py0.5 text-[0.6rem] font-mono color-base">${entry.badge}</span>`
+    : ''
+  return `<li>
+    <button type="button" data-dock-id="${entry.id}" title="${entry.title}"
+      class="relative flex w-full items-center gap-2.5 px-2 py-1 rounded-md border border-transparent text-sm select-none cursor-pointer transition hover:op100 hover:bg-active${active ? ' op100 bg-active border-base! color-base' : ' op-fade'}">
+      <span class="grid h-5 w-5 shrink-0 place-items-center rounded bg-active text-[0.7rem] font-bold" data-dock-icon="${entry.id}">${initial}</span>
+      <span class="truncate">${entry.title}</span>${badge}
+    </button>
+  </li>`
 }
 
-/**
- * Resolve (and cache) each unresolved dock's icon SVG, then patch just that
- * dock's `[data-dock-icon]` element in place — no full re-render, since the
- * fetch is async and the dock list may already be showing by the time it
- * settles. A dock with no icon or an unparsable/failed fetch keeps its
- * fallback initial.
- */
-async function hydrateDockIcons(list: readonly DevframeDockEntry[]): Promise<void> {
-  await Promise.all(list.map(async (entry) => {
-    const key = entry.icon ? dockIconKey(entry.icon) : undefined
-    if (!key || dockIconCache.has(key))
-      return
-    const svg = await dockIconSvg(entry.icon) ?? null
-    dockIconCache.set(key, svg)
-    if (!svg)
-      return
-    const el = docksEl.querySelector<HTMLElement>(`[data-dock-icon="${entry.id}"]`)
-    if (el) {
-      el.className = 'h-5 w-5 shrink-0 text-lg'
-      el.innerHTML = svg
-    }
-  }))
+// One-shot: fetch each dock's icon SVG (the shared `dockIconSvg` helper caches
+// per name) and patch it into its rendered placeholder. A missing/failed icon
+// keeps the monogram.
+function paintDockIcons(list: readonly DevframeDockEntry[]): void {
+  for (const entry of list) {
+    if (!iconName(entry.icon))
+      continue
+    void dockIconSvg(entry.icon).then((svg) => {
+      const slot = el.docks.querySelector<HTMLElement>(`[data-dock-icon="${entry.id}"]`)
+      if (svg && slot) {
+        slot.className = 'h-5 w-5 shrink-0 text-lg'
+        slot.innerHTML = svg
+      }
+    })
+  }
 }
 
-function isIframeDock(d: DevframeDockEntry): d is DevframeDockEntry & { type: 'iframe', url: string } {
+function isIframeDock(d: DevframeDockEntry): d is DevframeViewIframe & { url: string } {
   return d.type === 'iframe' && typeof (d as { url?: unknown }).url === 'string'
 }
 
-// Dock types this shell renders natively (or that carry no panel view of
-// their own). Everything else routes through the hub's dock-renderer
-// registry — renderers registered locally or served by the hub's renderer
-// manifest (e.g. `json-render`, rendered by the @devframes/json-render-ui
-// module `initHub({ renderers })` publishes) — and a type nothing covers
-// shows the missing-renderer fallback below.
+// Dock types this shell renders natively (or that carry no panel view). Every
+// other type routes through the client host's renderer registry — a renderer
+// registered locally or served by the hub's renderer manifest (e.g.
+// `json-render`) — and a type nothing covers shows the missing-renderer
+// fallback in `mountRenderer`.
 const NATIVE_TYPES = new Set(['action', 'launcher', 'group', '~builtin'])
 function isRenderableDock(d: DevframeDockEntry): boolean {
   return isIframeDock(d) || !NATIVE_TYPES.has(d.type)
 }
 
-// A self-contained document for the client-only dock, rendered from a Blob URL
-// so the whole dock is synthesized in the browser with no server route.
+// ── client-only dock content (synthesized in the browser) ───────────────────
+
+// A self-contained document for the client-only "Client Notes" dock, from a
+// Blob URL — no server route.
 function createClientNotesUrl(): string {
   const html = `<!doctype html><meta charset="utf-8">
 <style>
@@ -120,11 +119,10 @@ function createClientNotesUrl(): string {
 }
 
 // An *interactive* json-render spec synthesized entirely in the browser — the
-// client-only counterpart to a server-authored view. Interactivity needs no
-// server and no shared state: `{ $bindState }` inputs write straight into the
-// view's own `state`, `{ $state }` reads mirror it live, and the buttons use the
-// framework's built-in state actions (`pushState` / `setState`) to mutate that
-// state — every change re-renders through the same `createJsonRenderDockRenderer`.
+// client-only counterpart to a server-authored view. `{ $bindState }` inputs
+// write into the view's own `state`, `{ $state }` reads mirror it live, and the
+// buttons use the built-in `pushState` / `setState` actions — no server, no
+// shared state, rendered by the same manifest-served `json-render` module.
 function createClientPlaygroundSpec(clientType: string): DevframeJsonRenderSpec {
   return {
     root: 'root',
@@ -136,7 +134,7 @@ function createClientPlaygroundSpec(clientType: string): DevframeJsonRenderSpec
       title: { type: 'Text', props: { text: 'Client Playground', variant: 'heading' }, children: [] },
       badge: { type: 'Badge', props: { text: 'client-only', variant: 'info' }, children: [] },
 
-      // ── Two-way binding: type a name, see it echoed live; toggle a switch ──
+      // Two-way binding: type a name, see it echoed live; toggle a switch.
       hello: { type: 'Card', props: { title: 'Say hello' }, children: ['helloBody'] },
       helloBody: { type: 'Stack', props: { gap: 10 }, children: ['nameInput', 'greetRow', 'compact'] },
       nameInput: { type: 'TextInput', props: { label: 'Your name', placeholder: 'Type your name…', value: { $bindState: '/form/name' } }, children: [] },
@@ -145,7 +143,7 @@ function createClientPlaygroundSpec(clientType: string): DevframeJsonRenderSpec
       greetName: { type: 'Text', props: { text: { $state: '/form/name' }, variant: 'body', color: 'primary' }, children: [] },
       compact: { type: 'Switch', props: { label: 'Compact mode', value: { $bindState: '/prefs/compact' } }, children: [] },
 
-      // ── Actions mutate state → the DataTable re-renders ──
+      // Actions mutate state → the DataTable re-renders.
       notes: { type: 'Card', props: { title: 'Notes' }, children: ['notesBody'] },
       notesBody: { type: 'Stack', props: { gap: 10 }, children: ['draftRow', 'notesTable', 'clearBtn'] },
       draftRow: { type: 'Stack', props: { direction: 'row', gap: 8, align: 'end' }, children: ['draftInput', 'addBtn'] },
@@ -153,19 +151,13 @@ function createClientPlaygroundSpec(clientType: string): DevframeJsonRenderSpec
       addBtn: {
         type: 'Button',
         props: { label: 'Add', variant: 'primary', icon: 'ph:plus' },
-        // Built-in `pushState`: append the typed draft to /notes, then clear the input.
         on: { press: { action: 'pushState', params: { statePath: '/notes', value: { text: { $state: '/draft' } }, clearStatePath: '/draft' } } },
         children: [],
       },
-      notesTable: {
-        type: 'DataTable',
-        props: { columns: [{ key: 'text', label: 'Note' }], rows: { $state: '/notes' }, height: 160 },
-        children: [],
-      },
+      notesTable: { type: 'DataTable', props: { columns: [{ key: 'text', label: 'Note' }], rows: { $state: '/notes' }, height: 160 }, children: [] },
       clearBtn: {
         type: 'Button',
         props: { label: 'Clear all', variant: 'ghost', icon: 'ph:trash' },
-        // Built-in `setState`: replace /notes with an empty array.
         on: { press: { action: 'setState', params: { statePath: '/notes', value: [] } } },
         children: [],
       },
@@ -173,13 +165,7 @@ function createClientPlaygroundSpec(clientType: string): DevframeJsonRenderSpec
       env: { type: 'Card', props: { title: 'Environment', collapsible: true, defaultCollapsed: true }, children: ['envTable'] },
       envTable: {
         type: 'KeyValueTable',
-        props: {
-          data: {
-            clientType,
-            language: navigator.language,
-            viewport: `${window.innerWidth}×${window.innerHeight}`,
-          },
-        },
+        props: { data: { clientType, language: navigator.language, viewport: `${window.innerWidth}×${window.innerHeight}` } },
         children: [],
       },
     },
@@ -192,30 +178,22 @@ function createClientPlaygroundSpec(clientType: string): DevframeJsonRenderSpec
   }
 }
 
-async function main() {
+async function main(): Promise<void> {
   setStatus('Connecting…')
-
   const rpc = await connectDevframe({ baseURL: HUB_BASE })
   setStatus(`Connected · backend=${rpc.connectionMeta.backend}`, 'ready')
 
-  // Boot the framework-level client host: it builds the shared client context
-  // and imports each dock's client script into this page — e.g. the a11y
-  // inspector's in-page agent, which then scans this host live. The dock UI
-  // below still reads the same shared state directly.
-  //
-  // No renderer is compiled in: `json-render` docks render through the
-  // prebuilt module the hub serves via its renderer manifest
-  // (`initHub({ renderers: [jsonRenderUiRenderer()] })`), imported lazily by
-  // the registry the first time such a dock mounts. A renderer passed here
-  // (`renderers: { 'json-render': … }`) would take precedence.
+  // Boot the framework-level client host: it assembles the shared client
+  // context and imports each dock's client script into this page (e.g. the
+  // a11y agent). `json-render` docks render through the module the hub serves
+  // via its renderer manifest — imported lazily by the registry on first mount.
   const host = await createDevframeClientHost({ rpc })
+  const docksCtx = host.context.docks
 
-  // Register a *client-only* dock — one this page synthesizes itself. Unlike
-  // the server-authored docks, it's registered on the client host context, so
-  // it never enters the `devframe:docks` shared state: it stays local to this
-  // page and is not synced to the hub server or other viewers. It merges into
-  // `host.context.docks.entries` (read below) alongside the server docks.
-  const clientDock = host.context.docks.register<DevframeViewIframe>({
+  // Two *client-only* docks, registered on the client host context so they
+  // stay local to this page (never entering `devframe:docks` shared state):
+  // an iframe dock (from a Blob URL) and an interactive inline json-render view.
+  const notes = docksCtx.register<DevframeViewIframe>({
     id: 'client-notes',
     title: 'Client Notes',
     icon: 'ph:note-pencil-duotone',
@@ -223,18 +201,8 @@ async function main() {
     url: createClientNotesUrl(),
     category: 'app',
   })
-  // Patch it in place with the returned handle (the id is immutable). Call
-  // `clientDock.dispose()` to remove it from the merged list again.
-  clientDock.update({ badge: host.context.clientType })
-
-  // Register a second client-only dock — this one a *json-render* view the page
-  // authors itself, the richer sibling of the iframe dock above. Its spec is
-  // carried **inline** in the dock entry (`view.spec`), so it needs no shared
-  // state at all: it lives only in this page yet renders — and stays fully
-  // interactive (inputs, toggles, and buttons that mutate its state) — through
-  // the very same manifest-served `json-render` renderer module as a
-  // server-authored view.
-  host.context.docks.register<DevframeJsonRenderDockEntry>({
+  notes.update({ badge: host.context.clientType }) // patch in place via the handle
+  docksCtx.register<DevframeJsonRenderDockEntry>({
     id: 'client-playground',
     title: 'Client Playground',
     icon: 'ph:sliders-horizontal-duotone',
@@ -243,213 +211,175 @@ async function main() {
     category: 'app',
   })
 
-  // 1. Docks — the merged list from the client host: server docks (projected
-  // from `devframe:docks` shared state) plus the client-only docks above and
-  // any the frame-nav adapter materializes for a shared-frame anchor.
-  const docks = await rpc.sharedState.get<DevframeDockEntry[]>(
-    'devframe:docks',
-    { initialValue: [] },
-  )
-
-  // Selection is owned by the client host (`switchEntry`), not a local variable.
-  // That is what lets the frame-nav adapter hear a dock's `entry:activated` and
-  // drive soft-navigation for shared-frame member docks.
+  wireDockRail(host)
+  await wireDrawer(rpc)
+}
+
+// ── the dock rail + stage ────────────────────────────────────────────────────
+
+function wireDockRail(host: Awaited<ReturnType<typeof createDevframeClientHost>>): void {
   const docksCtx = host.context.docks
 
-  // Keep-alive iframe pool: one iframe per `frameId` (shared-frame docks) or per
-  // dock id (plain iframe docks). Switching docks toggles visibility instead of
-  // reloading — and shared-frame member docks reuse the same element, soft-
-  // navigating via the adapter rather than re-`src`-ing.
-  const iframePool = new Map<string, HTMLIFrameElement>()
-  const frameKeyOf = (e: DevframeDockEntry): string =>
-    (e as DevframeViewIframe).frameId ?? e.id
-  let mountedRendererId: string | null = null
+  // Keep-alive iframe pool: one iframe per `frameId` (shared-frame docks) or
+  // per dock id. Switching docks toggles visibility instead of reloading, so
+  // shared-frame member docks soft-navigate via the frame-nav adapter.
+  const iframes = new Map<string, HTMLIFrameElement>()
+  const frameKeyOf = (e: DevframeDockEntry): string => (e as DevframeViewIframe).frameId ?? e.id
 
-  function ensureIframe(entry: DevframeDockEntry & { url: string }): HTMLIFrameElement {
+  function ensureIframe(entry: DevframeViewIframe & { url: string }): HTMLIFrameElement {
     const key = frameKeyOf(entry)
-    let el = iframePool.get(key)
-    if (!el) {
-      el = document.createElement('iframe')
-      el.title = entry.title
-      el.className = 'absolute inset-0 block h-full w-full border-0 bg-base'
-      el.hidden = true
-      el.src = entry.url
-      stageEl.appendChild(el)
-      iframePool.set(key, el)
-      // Hand the element to the client host: setting it on the dock's
-      // DockEntryState and emitting `dom:iframe:mounted` is the seam that lets
-      // the frame-nav adapter attach to a `subTabs` anchor (plan §6.2).
+    let frame = iframes.get(key)
+    if (!frame) {
+      frame = document.createElement('iframe')
+      frame.title = entry.title
+      frame.className = 'absolute inset-0 block h-full w-full border-0 bg-base'
+      frame.hidden = true
+      frame.src = entry.url
+      el.stage.appendChild(frame)
+      iframes.set(key, frame)
+      // Hand the element to the client host so its frame-nav adapter can attach
+      // to a `subTabs` anchor.
       const state = docksCtx.getStateById(entry.id)
       if (state) {
-        state.domElements.iframe = el
-        state.events.emit('dom:iframe:mounted', el)
+        state.domElements.iframe = frame
+        state.events.emit('dom:iframe:mounted', frame)
       }
     }
-    return el
+    return frame
   }
 
-  async function showSelection(list: DevframeDockEntry[]): Promise<void> {
-    const entry = docksCtx.selectedId
-      ? list.find(d => d.id === docksCtx.selectedId) ?? null
-      : null
+  // The currently mounted renderer-dock (json-render, …), so we dispose it
+  // before mounting another.
+  let mounted: { id: string, dispose: () => void } | null = null
 
-    if (!entry || isIframeDock(entry)) {
-      if (mountedRendererId) {
-        disposePanel?.()
-        disposePanel = null
-        mountedRendererId = null
-      }
-      panelEl.hidden = true
+  async function mountRenderer(entry: DevframeDockEntry): Promise<void> {
+    if (mounted?.id === entry.id)
+      return
+    mounted?.dispose()
+    mounted = null
+    el.panel.hidden = false
+    el.panel.innerHTML = ''
+    // A fresh container per mount — a self-styling renderer may attach a shadow
+    // root to it.
+    const container = document.createElement('div')
+    container.className = 'h-full w-full'
+    el.panel.append(container)
+
+    const result = await host.context.renderers.mount(entry, container)
+    if (result.status === 'mounted') {
+      mounted = { id: entry.id, dispose: result.dispose }
+      return
     }
+    // The typed mount result carries the fallback states: a type nothing
+    // covers, or a renderer module that failed to load (re-select to retry).
+    container.remove()
+    const message = result.status === 'missing-renderer'
+      ? `No renderer for “${entry.type}” in the current environment`
+      : `The renderer for “${entry.type}” failed to load`
+    const hint = result.status === 'missing-renderer'
+      ? 'The host has not registered a renderer for this dock type.'
+      : 'Check the console, then re-select the dock to retry.'
+    el.panel.innerHTML = `<div class="h-full w-full flex flex-col items-center justify-center gap-2 p6 text-center">
+      <div class="text-sm op-fade">${message}</div><div class="text-xs op-mute">${hint}</div>
+    </div>`
+  }
 
-    if (entry && isIframeDock(entry)) {
-      const active = ensureIframe(entry)
-      for (const el of iframePool.values()) el.hidden = el !== active
-    }
-    else {
-      for (const el of iframePool.values()) el.hidden = true
-    }
+  function showSelection(list: DevframeDockEntry[]): void {
+    const entry = docksCtx.selectedId ? list.find(d => d.id === docksCtx.selectedId) ?? null : null
 
-    if (entry && !isIframeDock(entry) && mountedRendererId !== entry.id) {
-      // A renderer dock (e.g. json-render): mount it into the panel via the
-      // client host's renderer registry — a locally-registered renderer, or
-      // the prebuilt module the registry lazy-imports from the hub's
-      // renderer manifest. Each mount gets a fresh container element (a
-      // self-styling renderer may attach a shadow root to it).
-      disposePanel?.()
-      disposePanel = null
-      panelEl.hidden = false
-      panelEl.innerHTML = ''
-      mountedRendererId = entry.id
-      const container = document.createElement('div')
-      container.className = 'h-full w-full'
-      panelEl.append(container)
-      const result = await host.context.renderers.mount(entry, container)
-      if (result.status === 'mounted') {
-        disposePanel = result.dispose
-      }
-      else if (mountedRendererId === entry.id) {
-        // The typed mount result carries the fallback states: a type nothing
-        // covers, or a renderer module that failed to load (retry by
-        // re-selecting the dock).
-        container.remove()
-        const message = result.status === 'missing-renderer'
-          ? `No renderer for “${entry.type}” in the current environment`
-          : `The renderer for “${entry.type}” failed to load`
-        panelEl.innerHTML = `<div class="h-full w-full flex flex-col items-center justify-center gap-2 p6 text-center">
-          <div class="text-sm op-fade">${message}</div>
-          <div class="text-xs op-mute">${result.status === 'missing-renderer' ? 'The host has not registered a renderer for this dock type.' : 'Check the console, then re-select the dock to retry.'}</div>
-        </div>`
-      }
+    // A renderer dock (json-render, …) owns the panel; anything else (an
+    // iframe dock, or no selection) hides the panel and disposes any mount.
+    if (entry && !isIframeDock(entry)) {
+      for (const frame of iframes.values()) frame.hidden = true
+      void mountRenderer(entry)
+      return
     }
-  }
 
-  // Subscribe each dock's state once, so a selection change (from a click, or
-  // from the frame-nav adapter reacting to in-frame navigation) re-renders.
-  const wired = new Set<string>()
-  function wireSelection(list: DevframeDockEntry[]): void {
-    for (const entry of list) {
-      if (wired.has(entry.id))
-        continue
-      const state = docksCtx.getStateById(entry.id)
-      if (!state)
-        continue
-      wired.add(entry.id)
-      state.events.on('entry:activated', render)
+    if (mounted) {
+      mounted.dispose()
+      mounted = null
     }
+    el.panel.hidden = true
+    const active = entry && isIframeDock(entry) ? ensureIframe(entry) : null
+    for (const frame of iframes.values()) frame.hidden = frame !== active
   }
 
+  // Re-render when the merged dock list changes and when the selection flips
+  // (a click, or the frame-nav adapter reacting to in-frame navigation).
+  const wired = new Set<string>()
   function render(): void {
     const list = docksCtx.entries.filter(isRenderableDock)
-
     if (!docksCtx.selectedId && list.length > 0)
       void docksCtx.switchEntry(list[0].id)
 
-    wireSelection(list)
-
-    if (!list.length) {
-      docksEl.innerHTML = '<li class="op-mute px2 text-sm">No docks</li>'
-      void showSelection(list)
-      return
+    for (const entry of list) {
+      if (wired.has(entry.id))
+        continue
+      wired.add(entry.id)
+      docksCtx.getStateById(entry.id)?.events.on('entry:activated', render)
     }
 
-    renderList(docksEl, list, d =>
-      `<li><button type="button" data-dock-id="${d.id}" class="relative inline-flex items-center gap-1.5 max-w-52 px-2 py-1 rounded-md border border-transparent text-sm op-fade select-none cursor-pointer transition hover:op100 hover:bg-active w-full! max-w-none! gap-2.5!${d.id === docksCtx.selectedId ? ' op100! bg-active border-base! color-base' : ''}" title="${d.title}">${dockIcon(d)}<span class="truncate">${d.title}</span>${d.badge ? `<span class="ml-auto shrink-0 rounded bg-active px1 py0.5 text-[0.6rem] font-mono color-base">${d.badge}</span>` : ''}</button></li>`)
-    void hydrateDockIcons(list)
-
-    void showSelection(list)
+    renderList(el.docks, list, entry => dockButton(entry, docksCtx.selectedId))
+    paintDockIcons(list)
+    showSelection(list)
   }
 
-  docksEl.addEventListener('click', (event) => {
-    const target = (event.target as HTMLElement).closest<HTMLButtonElement>('button[data-dock-id]')
-    if (!target)
-      return
-    const id = target.dataset.dockId
-    if (!id || id === docksCtx.selectedId)
-      return
-    void docksCtx.switchEntry(id)
+  el.docks.addEventListener('click', (event) => {
+    const button = (event.target as HTMLElement).closest<HTMLButtonElement>('button[data-dock-id]')
+    const id = button?.dataset.dockId
+    if (id && id !== docksCtx.selectedId)
+      void docksCtx.switchEntry(id)
   })
 
-  docks.on('updated', render)
-  // The frame-nav adapter registers/updates client-only member docks in
-  // response to the anchor iframe's manifest; re-render (after the adapter has
-  // reconciled, hence the microtask) so those docks appear in the list.
+  void host.context.rpc.sharedState
+    .get<DevframeDockEntry[]>('devframe:docks', { initialValue: [] })
+    .then(docks => docks.on('updated', render))
+  // The frame-nav adapter registers client-only member docks in response to a
+  // shared-frame anchor's manifest; re-render after it reconciles (microtask).
   window.addEventListener('message', (event) => {
     const data = event.data as { channel?: string, from?: string } | undefined
     if (data?.channel === FRAME_NAV_CHANNEL && data.from === 'frame')
       queueMicrotask(render)
   })
   render()
+}
+
+// ── the subsystem drawer (commands / messages / terminals) ──────────────────
 
-  // 2. Commands — read from `devframe:commands` shared state.
-  const commands = await rpc.sharedState.get<DevframeCommandEntry[]>(
-    'devframe:commands',
-    { initialValue: [] },
-  )
-  const renderCommands = () => renderList(commandsEl, commands.value() ?? [], c =>
+async function wireDrawer(rpc: Awaited<ReturnType<typeof connectDevframe>>): Promise<void> {
+  // Commands — read straight from `devframe:commands` shared state.
+  const commands = await rpc.sharedState.get<DevframeCommandEntry[]>('devframe:commands', { initialValue: [] })
+  const renderCommands = (): void => renderList(el.commands, commands.value() ?? [], c =>
     `<li class="rounded-lg border border-base bg-base px2.5 py1.5 text-xs font-mono">${c.title} <code class="op-fade">${c.id}</code></li>`)
   commands.on('updated', renderCommands)
   renderCommands()
 
-  // 3. Messages — pulled via a kit-local RPC. A fuller kit would also
-  //    register a client-side RPC handler for `devframe:messages:updated`
-  //    to refresh on broadcast; this minimal example polls instead.
-  const refreshMessages = async () => {
-    const entries = await rpc.call(
-      'example:vite-devframe-hub:messages:list' as any,
-    ) as DevframeMessageEntry[]
-    renderList(messagesEl, entries, m =>
+  // Messages + terminals — polled through kit-local RPCs (a fuller kit would
+  // register a client handler for the hub's `*:updated` broadcasts instead).
+  const refreshMessages = async (): Promise<void> => {
+    const entries = await rpc.call('example:vite-devframe-hub:messages:list' as any) as DevframeMessageEntry[]
+    renderList(el.messages, entries, m =>
       `<li class="rounded-lg border border-base bg-base px2.5 py1.5 text-xs font-mono"><span class="op-fade">[${m.level}]</span> ${m.message}</li>`)
   }
-  await refreshMessages()
-
-  // 4. Terminals — same pattern as messages.
-  const refreshTerminals = async () => {
-    const sessions = await rpc.call(
-      'example:vite-devframe-hub:terminals:list' as any,
-    ) as Pick<DevframeTerminalSession, 'id' | 'title' | 'status' | 'description'>[]
-    renderList(terminalsEl, sessions, t =>
+  const refreshTerminals = async (): Promise<void> => {
+    const sessions = await rpc.call('example:vite-devframe-hub:terminals:list' as any) as Pick<DevframeTerminalSession, 'id' | 'title' | 'status'>[]
+    renderList(el.terminals, sessions, t =>
       `<li class="rounded-lg border border-base bg-base px2.5 py1.5 text-xs font-mono">${t.title} <code class="op-fade">${t.id}</code> · ${t.status}</li>`)
   }
-  await refreshTerminals()
-
+  await Promise.all([refreshMessages(), refreshTerminals()])
   setInterval(() => {
     void refreshMessages()
     void refreshTerminals()
   }, 2000)
 
-  // 5. Exercise the hub:commands:execute built-in by dispatching the
-  //    sample ping command registered server-side.
-  pingBtn.addEventListener('click', async () => {
+  // Dispatch the server-registered sample command through the built-in RPC.
+  el.ping.addEventListener('click', async () => {
     try {
-      const result = await rpc.call(
-        'hub:commands:execute' as any,
-        'example:vite-devframe-hub:ping',
-      )
-      pingBtn.textContent = `Ping returned ${JSON.stringify(result)}`
+      const result = await rpc.call('hub:commands:execute' as any, 'example:vite-devframe-hub:ping')
+      el.ping.textContent = `Ping returned ${JSON.stringify(result)}`
     }
     catch (err) {
-      pingBtn.textContent = `Error: ${(err as Error).message}`
+      el.ping.textContent = `Error: ${(err as Error).message}`
     }
   })
 }
diff --git a/examples/hub-vite/src/devframe-b.ts b/examples/hub-vite/src/devframe-b.ts
deleted file mode 100644
index 59b23ce8..00000000
--- a/examples/hub-vite/src/devframe-b.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import type { DevframeHubContext } from '@devframes/hub/node'
-import { fileURLToPath } from 'node:url'
-import { defineDevframe } from 'devframe'
-import pkg from '../package.json' with { type: 'json' }
-
-export default defineDevframe({
-  // Colon-free: the hub instance derives the mount path (`/__devframes/<id>/`)
-  // from the id, and `:` is a route-param marker to the router underneath.
-  id: 'demo-tool-b',
-  name: 'Demo Tool B',
-  version: pkg.version,
-  packageName: pkg.name,
-  homepage: pkg.homepage,
-  description: 'A second demo devframe — proves the dock switcher has more than one option.',
-  icon: 'ph:wrench-duotone',
-  basePath: '/__demo-tool-b/',
-  cli: {
-    distDir: fileURLToPath(new URL('../spa/demo-tool-b/', import.meta.url)),
-  },
-  async setup(rawCtx) {
-    const ctx = rawCtx as unknown as DevframeHubContext
-
-    ctx.commands.register({
-      id: 'example:demo-tool-b:say-hello',
-      title: 'Demo B · Say Hello',
-      icon: 'ph:hand-waving-duotone',
-      category: 'demo',
-      handler: () => 'Hello from demo-tool-b!',
-    })
-
-    await ctx.messages.add({
-      level: 'info',
-      message: 'Second demo devframe loaded',
-      description: 'A second devframe in the hub `devframes` list — proves the switcher has more than one option.',
-    })
-  },
-})
diff --git a/examples/hub-vite/vite.config.ts b/examples/hub-vite/vite.config.ts
index 7ff6c9d4..0e8cf460 100644
--- a/examples/hub-vite/vite.config.ts
+++ b/examples/hub-vite/vite.config.ts
@@ -15,7 +15,6 @@ import UnoCSS from 'unocss/vite'
 import { defineConfig } from 'vite'
 import { alias } from '../../alias'
 import demoDevframe from './src/devframe'
-import demoDevframeB from './src/devframe-b'
 import tabbedToolDevframe from './src/tabbed-tool'
 import { unrenderedDockEntry } from './src/unrendered-dock'
 import { viteDevframeHub } from './src/vite-devframe-hub'
@@ -64,7 +63,6 @@ export default defineConfig({
     viteDevframeHub({
       devframes: [
         demoDevframe,
-        demoDevframeB,
         // Every built-in plugin, dogfooded end-to-end through the hub mount
         // path — the same set a full viewer like vite-devtools would surface.
         gitDevframe,

From cc987b2399a879218dcd3838bfb9a955093b43a6 Mon Sep 17 00:00:00 2001
From: "Anthony Fu (via agent)" <reg-github-bot@antfu.me>
Date: Thu, 13 Aug 2026 06:02:57 +0000
Subject: [PATCH 06/11] fix(hub-ui,json-render-ui): keep Wind4, scope its theme
 to the shadow root
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The earlier Wind3 switch was the wrong remedy: @antfu/design is Wind4-native,
and under Wind3 its core semantic utilities (`bg-base`, `color-base`,
`bg-primary`, `color-white`) aren't generated at all — so the dock / renderer
surfaces lost their background and text colors, which is what made borders
look wrong in context.

The real Wind4 shadow-DOM problem was narrower: Wind4 emits @antfu/design's
theme (`--colors-*`) in one `:root {}` block, and `:root` matches only the
top-level document, never a shadow host — so `color-mix(var(--colors-*))`
utilities resolved to nothing inside the dock's / renderer module's shadow
root. Fix it at the source: revert both packages to Wind4 and have their
`build-css` scripts retarget that theme block at `:root, :host`, so the
variables cascade into the shadow tree (`@property` opacity defaults are
document-global already). Regenerated both shadow-root stylesheets.

Reverts the Wind3 change in 3ee8155; the standalone json-render SPA (light
DOM) stays on plain Wind4.
---
 design/uno.config.ts                          | 82 +++++++------------
 packages/hub-ui/scripts/build-css.ts          | 19 ++++-
 packages/hub-ui/src/client/.generated/css.ts  |  2 +-
 packages/hub-ui/uno.config.ts                 | 16 ++--
 packages/json-render-ui/scripts/build-css.ts  | 15 +++-
 packages/json-render-ui/src/.generated/css.ts |  2 +-
 packages/json-render-ui/src/spa/uno.config.ts | 11 ++-
 packages/json-render-ui/uno.config.ts         | 14 ++--
 8 files changed, 83 insertions(+), 78 deletions(-)

diff --git a/design/uno.config.ts b/design/uno.config.ts
index a7be2528..f94e7972 100644
--- a/design/uno.config.ts
+++ b/design/uno.config.ts
@@ -1,4 +1,3 @@
-import type { Preset } from 'unocss'
 import { fileURLToPath } from 'node:url'
 import { presetAnthonyDesign } from '@antfu/design/unocss'
 import {
@@ -9,21 +8,8 @@ import {
   transformerVariantGroup,
 } from 'unocss'
 
-export interface CreateDesignConfigOptions {
-  /**
-   * The base utility preset the `@antfu/design` preset layers on top of.
-   * Defaults to {@link presetWind4}. Pass `presetWind3()` for surfaces
-   * rendered inside a **web-component shadow root** (the hub-ui dock and the
-   * json-render renderer module): Wind4 emits its theme as `@property`
-   * registrations and cascade layers on the document root, which don't apply
-   * reliably to adopted-stylesheet content inside a shadow tree — Wind3's
-   * plain utility output does.
-   */
-  base?: Preset<any> | Preset<any>[]
-}
-
 // Shared devframe UnoCSS base. Every plugin and example composes `@antfu/design`
-// the same way — its preset (tuned to devframe's sage green) over a Wind base,
+// the same way — its preset (tuned to devframe's sage green) over a Wind4 base,
 // Phosphor icons, DM Sans/Mono web fonts, and the directive/variant-group
 // transformers — so the surfaces look and feel like one product across
 // frameworks. Each app extends this via `mergeConfigs([designConfig, { … }])`
@@ -33,39 +19,33 @@ export interface CreateDesignConfigOptions {
 // navbar height live here so every surface shares one font stack, one z-index
 // scale and one fixed navbar height. The `@antfu/design` preset blocks plain
 // `z-<number>`, so the layers are named on purpose.
-export function createDesignConfig(options: CreateDesignConfigOptions = {}) {
-  const base = options.base ?? presetWind4()
-  return defineConfig({
-    presets: [
-      presetAnthonyDesign({ primary: '#3a6a45' }),
-      ...(Array.isArray(base) ? base : [base]),
-      presetIcons({ scale: 1.1 }),
-    ],
-    transformers: [transformerDirectives(), transformerVariantGroup()],
-    // The shared class-helper builders (`design/design.ts`) assemble their class
-    // chains at runtime, so every app scans that one file (it carries
-    // `@unocss-include`) for extraction regardless of its own framework globs.
-    content: {
-      filesystem: [fileURLToPath(new URL('./design.ts', import.meta.url))],
-    },
-    // Wind leaves bare `border`/`border-b` at currentColor; restore the subtle
-    // shared border color (matching `border-base`) for unqualified borders.
-    preflights: [{ getCSS: () => '*,::before,::after{border-color:#8882}' }],
-    shortcuts: {
-      // Fixed navbar height, shared by every surface's top nav.
-      'h-nav': 'h-10',
-      // Named z-index layers, shared across every surface.
-      'z-nav': 'z-[30]',
-      'z-dropdown': 'z-[40]',
-      'z-tooltip': 'z-[45]',
-      'z-toast': 'z-[50]',
-      'z-modal-backdrop': 'z-[60]',
-      'z-modal-content': 'z-[70]',
-      'z-drawer-backdrop': 'z-[80]',
-      'z-drawer-content': 'z-[90]',
-    },
-  })
-}
-
-// The default shared base (Wind4), consumed by every plugin and example.
-export const designConfig = createDesignConfig()
+export const designConfig = defineConfig({
+  presets: [
+    presetAnthonyDesign({ primary: '#3a6a45' }),
+    presetWind4(),
+    presetIcons({ scale: 1.1 }),
+  ],
+  transformers: [transformerDirectives(), transformerVariantGroup()],
+  // The shared class-helper builders (`design/design.ts`) assemble their class
+  // chains at runtime, so every app scans that one file (it carries
+  // `@unocss-include`) for extraction regardless of its own framework globs.
+  content: {
+    filesystem: [fileURLToPath(new URL('./design.ts', import.meta.url))],
+  },
+  // Wind4 leaves bare `border`/`border-b` at currentColor; restore the subtle
+  // shared border color (matching `border-base`) for unqualified borders.
+  preflights: [{ getCSS: () => '*,::before,::after{border-color:#8882}' }],
+  shortcuts: {
+    // Fixed navbar height, shared by every surface's top nav.
+    'h-nav': 'h-10',
+    // Named z-index layers, shared across every surface.
+    'z-nav': 'z-[30]',
+    'z-dropdown': 'z-[40]',
+    'z-tooltip': 'z-[45]',
+    'z-toast': 'z-[50]',
+    'z-modal-backdrop': 'z-[60]',
+    'z-modal-content': 'z-[70]',
+    'z-drawer-backdrop': 'z-[80]',
+    'z-drawer-content': 'z-[90]',
+  },
+})
diff --git a/packages/hub-ui/scripts/build-css.ts b/packages/hub-ui/scripts/build-css.ts
index ce1116c1..ae3b0c3b 100644
--- a/packages/hub-ui/scripts/build-css.ts
+++ b/packages/hub-ui/scripts/build-css.ts
@@ -24,6 +24,16 @@ const USER_STYLE = join(SRC_DIR, 'style.css')
 const PRIMARY_RAMP = join(SRC_DIR, 'primary-ramp.css')
 const GENERATED_CSS = join(SRC_DIR, '.generated/css.ts')
 
+/**
+ * Retarget Wind4's theme `:root {}` block at `:root, :host` so its
+ * `--colors-*` (and other design tokens) cascade into the shadow root the
+ * stylesheet is adopted into — a `:root` selector matches only the top-level
+ * document, never the shadow host.
+ */
+function shadowScopeTheme(css: string): string {
+  return css.replaceAll(':root {', ':root, :host {').replaceAll(':root{', ':root, :host{')
+}
+
 export async function buildCSS(): Promise<void> {
   const require = createRequire(import.meta.url)
   const reset = await fs.readFile(require.resolve('@unocss/reset/tailwind.css'), 'utf-8')
@@ -65,7 +75,14 @@ export async function buildCSS(): Promise<void> {
   const css = [
     reset,
     userStyle.toString(),
-    unoResult.css,
+    // The dock's stylesheet is adopted into a custom element's shadow root,
+    // where a `:root` selector matches nothing (the shadow host is `:host`).
+    // Wind4 emits `@antfu/design`'s theme (`--colors-*`, spacing, …) in one
+    // `:root {}` block, so retarget it at `:root, :host` to make those
+    // variables cascade into the shadow tree — otherwise every `bg-base` /
+    // `color-base` / `color-mix(var(--colors-*))` utility resolves to nothing
+    // inside the dock. (`@property` registrations are document-global already.)
+    shadowScopeTheme(unoResult.css),
     primaryRamp,
   ].join('\n')
 
diff --git a/packages/hub-ui/src/client/.generated/css.ts b/packages/hub-ui/src/client/.generated/css.ts
index 8a59f00b..5902f3a7 100644
--- a/packages/hub-ui/src/client/.generated/css.ts
+++ b/packages/hub-ui/src/client/.generated/css.ts
@@ -1,3 +1,3 @@
 /* eslint-disable eslint-comments/no-unlimited-disable */
 /* eslint-disable */
-export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n:root {\n  --un-text-opacity: 100%;\n}\n\n/*\n * Thin/transparent scrollbar, matching packages/ui/src/styles/global.css —\n * that stylesheet only reaches the Nuxt plugin apps, not this injected\n * webcomponents shell, which otherwise falls back to the browser default\n * (thick, opaque-gutter) scrollbar clashing with the translucent dock.\n * `:host`, not `:root` — this stylesheet is adopted into the dock's shadow\n * root (`defineCustomElement(..., { shadowRoot: true, styles: [css] })`),\n * where `:root` only ever matches the top-level document's <html>.\n * Rules below are unscoped (not `#devframes-anchor ...`) since the\n * shadow boundary already keeps them from leaking onto the host page, and\n * scoping under the anchor's id would miss edge-docked mode entirely\n * (`DockEmbedded.vue` renders `DockEdge`/`#devframes-edge-panel` and\n * `Dock`/`#devframes-anchor` as mutually exclusive siblings).\n */\n:host {\n  --app-scrollbar-size: 6px;\n  --app-scrollbar-radius: 1px;\n  --app-scrollbar-thumb: #8884;\n  --app-scrollbar-thumb-hover: #8885;\n}\n\n::-webkit-scrollbar {\n  width: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar:horizontal {\n  height: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--app-scrollbar-thumb);\n  transition: background 0.2s ease;\n  border-radius: var(--app-scrollbar-radius);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--app-scrollbar-thumb-hover);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: var(--app-scrollbar-radius);\n  background: transparent;\n}\n\n#devframes-anchor {\n  position:fixed;z-index:2147483644;box-sizing:border-box;width:0;transform-origin:center;font-size:15px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";\n  transform: translate(-50%, -50%) rotate(0);\n}\n\n#devframes-anchor #devframes-dock-container {\n  position:absolute;left:0;top:0;width:max-content;display:flex;\n  height: var(--devframes-dock-height, 40px);\n  min-width: var(--devframes-dock-min-width, 100px);\n  transform: translate(-50%, -50%);\n}\n\n#devframes-anchor.devframes-vertical #devframes-dock-container {\n  transform: translate(-50%, -50%) rotate(90deg);\n  transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n}\n\n#devframes-anchor #devframes-dock {\n  margin:auto;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9999px;\n  ;background-color:rgb(255 255 255 / 1);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);--un-text-opacity:1;color:rgb(51 51 51 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);\n  transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n  height: var(--devframes-dock-height, 40px);\n  width: calc-size(max-content, size);\n}.dark #devframes-anchor #devframes-dock{background-color:rgb(17 17 17 / 0.8);--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}\n\n#devframes-anchor.devframes-minimized #devframes-dock {\n  padding-left:0;padding-right:0;padding-top:2px;padding-bottom:2px;\n  width: var(--devframes-dock-minimized-size, 22px);\n  height: var(--devframes-dock-minimized-size, 22px);\n}\n\n#devframes-anchor:hover #devframes-glowing {\n  opacity:0.6;\n}\n\n#devframes-anchor #devframes-glowing {\n  pointer-events:none;position:absolute;left:0;top:0;border-radius:9999px;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:1000ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);\n  width: var(--devframes-dock-glow-size, 160px);\n  height: var(--devframes-dock-glow-size, 160px);\n  filter: blur(var(--devframes-dock-glow-blur, 60px));\n  transform: translate(-50%, -50%);\n  /* Follows the brand: derived from the primary ramp (overridable via\n     --devframe-primary), so a rebrand retints the glow automatically. */\n  background-image: linear-gradient(\n    45deg,\n    var(--colors-primary-300, #adc77f),\n    var(--colors-primary-500, #517158),\n    var(--colors-primary-DEFAULT, #486954)\n  );\n}\n\n@media print {\n  #devframes-anchor {\n    display:none;\n  }\n}\n\n.devframes-resize-handle-horizontal {\n  position:absolute;left:6px;right:6px;margin-top:-5px;margin-bottom:-5px;height:10px;cursor:ns-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-vertical {\n  position:absolute;top:6px;bottom:0;margin-left:-5px;margin-right:-5px;width:10px;cursor:ew-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-corner {\n  position:absolute;margin:-6px;width:14px;height:14px;border-radius:0.375rem;\n}\n.devframes-resize-handle {\n  z-index:30;\n}\n.devframes-resize-handle:hover {\n  background-color:rgb(156 163 175 / 0.1);\n}\n\n@keyframes devframes-shake {\n  0%, 100% { transform: translateX(0); }\n  20%, 60% { transform: translateX(-5px); }\n  40%, 80% { transform: translateX(5px); }\n}\n.devframes-shake {\n  animation: devframes-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n@media (prefers-reduced-motion: reduce) {\n  .devframes-shake {\n    animation: none;\n  }\n}\n\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-counter-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-square-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 80v128a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-counter-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M88 104H40a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v28.69l14.63-14.63A95.43 95.43 0 0 1 130 33.94h.53a95.36 95.36 0 0 1 67.07 27.33a8 8 0 0 1-11.18 11.44a79.52 79.52 0 0 0-55.89-22.77h-.45a79.56 79.56 0 0 0-56.14 23.43L59.31 88H88a8 8 0 0 1 0 16m128 48h-48a8 8 0 0 0 0 16h28.69l-14.63 14.63a79.56 79.56 0 0 1-56.13 23.43h-.45a79.52 79.52 0 0 1-55.89-22.77a8 8 0 1 0-11.18 11.44a95.36 95.36 0 0 0 67.07 27.33h.52a95.43 95.43 0 0 0 67.36-28.12L208 179.31V208a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 48v160H48V48Z' opacity='.2'/%3E%3Cpath d='M216 48v48a8 8 0 0 1-16 0V67.31l-42.34 42.35a8 8 0 0 1-11.32-11.32L188.69 56H160a8 8 0 0 1 0-16h48a8 8 0 0 1 8 8M98.34 146.34L56 188.69V160a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16H67.31l42.35-42.34a8 8 0 0 0-11.32-11.32M208 152a8 8 0 0 0-8 8v28.69l-42.34-42.35a8 8 0 0 0-11.32 11.32L188.69 200H160a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8M67.31 56H96a8 8 0 0 0 0-16H48a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0V67.31l42.34 42.35a8 8 0 0 0 11.32-11.32Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-cards-three-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 104v96a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-96a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 88H48a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16m0 112H48v-96h160zM48 64a8 8 0 0 1 8-8h144a8 8 0 0 1 0 16H56a8 8 0 0 1-8-8m16-32a8 8 0 0 1 8-8h112a8 8 0 0 1 0 16H72a8 8 0 0 1-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-down,\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-left,\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-right,\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-up{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-check-bold,\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-circle-notch{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-six-vertical{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M104 60a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60 12a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-72 44a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-72 68a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-three-outline-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M152 128a24 24 0 1 1-24-24a24 24 0 0 1 24 24M48 104a24 24 0 1 0 24 24a24 24 0 0 0-24-24m160 0a24 24 0 1 0 24 24a24 24 0 0 0-24-24' opacity='.2'/%3E%3Cpath d='M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16M48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16m160-48a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-globe{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.12 104.12 0 0 0 128 24m88 104a87.6 87.6 0 0 1-3.33 24h-38.51a157.4 157.4 0 0 0 0-48h38.51a87.6 87.6 0 0 1 3.33 24m-114 40h52a115.1 115.1 0 0 1-26 45a115.3 115.3 0 0 1-26-45m-3.9-16a140.8 140.8 0 0 1 0-48h59.88a140.8 140.8 0 0 1 0 48ZM40 128a87.6 87.6 0 0 1 3.33-24h38.51a157.4 157.4 0 0 0 0 48H43.33A87.6 87.6 0 0 1 40 128m114-40h-52a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45m52.33 0h-35.62a135.3 135.3 0 0 0-22.3-45.6A88.29 88.29 0 0 1 206.37 88Zm-98.74-45.6A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6M49.63 168h35.66a135.3 135.3 0 0 0 22.3 45.6A88.29 88.29 0 0 1 49.63 168m98.78 45.6a135.3 135.3 0 0 0 22.3-45.6h35.66a88.29 88.29 0 0 1-57.96 45.6'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-keyboard-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M232 64v128a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h192a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 48H32a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m0 144H32V64h192zm-16-64a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8m0-32a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8M72 160a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8m96 0a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m40 0a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-laptop-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 72v104H40V72a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M232 168h-8V72a24 24 0 0 0-24-24H56a24 24 0 0 0-24 24v96h-8a8 8 0 0 0-8 8v16a24 24 0 0 0 24 24h176a24 24 0 0 0 24-24v-16a8 8 0 0 0-8-8M48 72a8 8 0 0 1 8-8h144a8 8 0 0 1 8 8v96H48Zm176 120a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-8h192ZM152 88a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-layout-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M104 104v104H40a8 8 0 0 1-8-8v-96Z' opacity='.2'/%3E%3Cpath d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v40H40V56ZM40 112h56v88H40Zm176 88H112v-88h104z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-magnifying-glass-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 112a80 80 0 1 1-80-80a80 80 0 0 1 80 80' opacity='.2'/%3E%3Cpath d='m229.66 218.34l-50.06-50.06a88.21 88.21 0 1 0-11.32 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-moon-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78' opacity='.2'/%3E%3Cpath d='M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-paint-brush-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 32c0 32.81-31.64 67.43-58.64 91.05A84.4 84.4 0 0 0 133 90.64c23.57-27 58.19-58.64 91-58.64' opacity='.2'/%3E%3Cpath d='M232 32a8 8 0 0 0-8-8c-44.08 0-89.31 49.71-114.43 82.63A60 60 0 0 0 32 164c0 30.88-19.54 44.73-20.47 45.37A8 8 0 0 0 16 224h76a60 60 0 0 0 57.37-77.57C182.3 121.31 232 76.08 232 32M92 208H34.63C41.38 198.41 48 183.92 48 164a44 44 0 1 1 44 44m32.42-94.45q5.14-6.66 10.09-12.55A76.2 76.2 0 0 1 155 121.49q-5.9 4.94-12.55 10.09a60.5 60.5 0 0 0-18.03-18.03m42.7-2.68a92.6 92.6 0 0 0-22-22c31.78-34.53 55.75-45 69.9-47.91c-2.85 14.16-13.37 38.13-47.9 69.91'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.32 81.37l-60.69-60.68a16 16 0 0 0-22.63 0l-53.63 53.8c-10.66-3.34-35-7.37-60.4 13.14a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33c19.64-26.1 17.75-47.32 13.19-60L235.33 104a16 16 0 0 0-.01-22.63M224 92.69l-57.27 57.46a8 8 0 0 0-1.49 9.22c9.46 18.93-1.8 38.59-9.34 48.62L48 100.08c12.08-9.74 23.64-12.31 32.48-12.31A40.1 40.1 0 0 1 96.81 91a8 8 0 0 0 9.25-1.51L163.32 32L224 92.68Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.33 104l-53.47 53.65c4.56 12.67 6.45 33.89-13.19 60A15.93 15.93 0 0 1 157 224h-1.13a16 16 0 0 1-11.32-4.69L96.29 171l-42.63 42.66a8 8 0 0 1-11.32-11.32L85 159.71l-48.3-48.3A16 16 0 0 1 38 87.63c25.42-20.51 49.75-16.48 60.4-13.14L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 .01 22.62'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-rocket-launch-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 120v61.65a8 8 0 0 1-2.34 5.65l-34.35 34.35a8 8 0 0 1-13.57-4.53L128 176Zm-48-48H74.35a8 8 0 0 0-5.65 2.34l-34.35 34.35a8 8 0 0 0 4.53 13.57L80 128ZM40 216c37.65 0 50.69-19.69 54.56-28.18l-26.38-26.38C59.69 165.31 40 178.35 40 216' opacity='.2'/%3E%3Cpath d='M223.85 47.12a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.41 27.07L132.69 64H74.36A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a15.9 15.9 0 0 0 4.68-11.36v-58.33l4.77-4.77c26.68-26.68 27.83-58.83 27.08-71.42M74.36 80h42.33l-39.53 39.52L40 114.34Zm74.41-9.45a76.65 76.65 0 0 1 59.11-22.47a76.46 76.46 0 0 1-22.42 59.16L128 164.68L91.32 128ZM176 181.64L141.67 216l-5.19-37.17L176 139.31Zm-74.16 9.5C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-shield-check-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 56v56c0 96-88 120-88 120s-88-24-88-120V56a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 40H48a16 16 0 0 0-16 16v56c0 52.72 25.52 84.67 46.93 102.19c23.06 18.86 46 25.26 47 25.53a8 8 0 0 0 4.2 0c1-.27 23.91-6.67 47-25.53C198.48 196.67 224 164.72 224 112V56a16 16 0 0 0-16-16m0 72c0 37.07-13.66 67.16-40.6 89.42a129.3 129.3 0 0 1-39.4 22.2a128.3 128.3 0 0 1-38.92-21.81C61.82 179.51 48 149.3 48 112V56h160ZM82.34 141.66a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32l-56 56a8 8 0 0 1-11.32 0Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sign-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 56v144a16 16 0 0 1-16 16H48V40h160a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M120 216a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H56v160h56a8 8 0 0 1 8 8m109.66-93.66l-40-40a8 8 0 0 0-11.32 11.32L204.69 120H112a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-spinner-gap-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0m88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-50.91-16.4l-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31M72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8m-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-square-half-bottom-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v72a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8v-72Z' opacity='.2'/%3E%3Cpath d='M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v64H56V56Zm0 144H56v-64h144z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sun-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 128a56 56 0 1 1-56-56a56 56 0 0 1 56 56' opacity='.2'/%3E%3Cpath d='M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0m72 88a64 64 0 1 1-64-64a64.07 64.07 0 0 1 64 64m-16 0a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48M58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68l-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8m112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-duotone,\n.i-ph\\:warning-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72M120 104a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm8 88a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-wrench-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 96a64 64 0 0 1-94.94 56L73 217a24 24 0 0 1-34-34l65-56.06a64 64 0 0 1 80-90.29L144 80l5.66 26.34L176 112l43.35-40A63.8 63.8 0 0 1 224 96' opacity='.2'/%3E%3Cpath d='M226.76 69a8 8 0 0 0-12.84-2.88l-40.3 37.19l-17.23-3.7l-3.7-17.23l37.19-40.3A8 8 0 0 0 187 29.24A72 72 0 0 0 88 96a72.3 72.3 0 0 0 6 28.94L33.79 177c-.15.12-.29.26-.43.39a32 32 0 0 0 45.26 45.26c.13-.13.27-.28.39-.42L131.06 162A72 72 0 0 0 232 96a71.6 71.6 0 0 0-5.24-27M160 152a56.14 56.14 0 0 1-27.07-7a8 8 0 0 0-9.92 1.77l-55.9 64.74a16 16 0 0 1-22.62-22.62L109.18 133a8 8 0 0 0 1.77-9.93a56 56 0 0 1 58.36-82.31l-31.2 33.81a8 8 0 0 0-1.94 7.1l5.66 26.33a8 8 0 0 0 6.14 6.14l26.35 5.66a8 8 0 0 0 7.1-1.94l33.81-31.2A56.06 56.06 0 0 1 160 152'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-x,\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:bug-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v16a80 80 0 0 1-160 0v-16Z' opacity='.2'/%3E%3Cpath d='M144 92a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-44-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m116 64a87.8 87.8 0 0 1-3 23l22.24 9.72A8 8 0 0 1 232 192a7.9 7.9 0 0 1-3.2-.67L207.38 182a88 88 0 0 1-158.76 0l-21.42 9.33a7.9 7.9 0 0 1-3.2.67a8 8 0 0 1-3.2-15.33L43 167a87.8 87.8 0 0 1-3-23v-8H16a8 8 0 0 1 0-16h24v-8a87.8 87.8 0 0 1 3-23l-22.2-9.67a8 8 0 1 1 6.4-14.66L48.62 74a88 88 0 0 1 158.76 0l21.42-9.36a8 8 0 0 1 6.4 14.66L213 89.05a87.8 87.8 0 0 1 3 23v8h24a8 8 0 0 1 0 16h-24ZM56 120h144v-8a72 72 0 0 0-144 0Zm64 95.54V136H56v8a72.08 72.08 0 0 0 64 71.54M200 144v-8h-64v79.54A72.08 72.08 0 0 0 200 144'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:info-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M144 176a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m88-48A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88m-92-32a12 12 0 1 0-12-12a12 12 0 0 0 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:puzzle-piece-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M204 168a28 28 0 0 0 12-2.69V208a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-42.69a28 28 0 1 1 0-50.62V72a8 8 0 0 1 8-8h46.69a28 28 0 1 1 50.61 0H208a8 8 0 0 1 8 8v42.69A28 28 0 1 0 204 168' opacity='.2'/%3E%3Cpath d='M220.27 158.54a8 8 0 0 0-7.7-.46a20 20 0 1 1 0-36.16a8 8 0 0 0 11.43-7.23V72a16 16 0 0 0-16-16h-36.22a35 35 0 0 0 .22-4a36.15 36.15 0 0 0-11.36-26.25a36 36 0 0 0-60.55 23.63a36.6 36.6 0 0 0 .14 6.62H64a16 16 0 0 0-16 16v32.22a35 35 0 0 0-4-.22a36.12 36.12 0 0 0-26.24 11.36a35.7 35.7 0 0 0-9.69 27a36.08 36.08 0 0 0 33.31 33.6a36.6 36.6 0 0 0 6.62-.14V208a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16v-42.69a8 8 0 0 0-3.73-6.77M208 208H64v-42.69a8 8 0 0 0-11.43-7.23a20 20 0 1 1 0-36.16A8 8 0 0 0 64 114.69V72h46.69a8 8 0 0 0 7.23-11.43a20 20 0 1 1 36.16 0A8 8 0 0 0 161.31 72H208v32.23a35.7 35.7 0 0 0-6.62-.14A36 36 0 0 0 204 176a35 35 0 0 0 4-.22Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M165.66 101.66L139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-command-palette{z-index:2147483646;}\n.z-dock-confirm,\n.z-dock-toast{z-index:2147483647;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-floating-anchor{z-index:2147483644;}\n.z-floating-tooltip{z-index:2147483645;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.border-mute{--un-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));opacity:1 !important;}\n.hover\\:border-base:hover{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-glass\\:80{background-color:rgb(255 255 255 / 1);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass\\:80{background-color:rgb(17 17 17 / 0.8);}\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.dark .hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.15);}\n.hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.1);}\n.hover\\:bg-hover:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.btn-action:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-bg-opacity:1;background-color:rgb(64 112 75 / var(--un-bg-opacity));}\n.bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}\n.dark .bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(17 17 17 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(17 17 17 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(17 17 17 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(17 17 17 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n.dark .hover\\:color-active:hover{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.hover\\:color-active:hover{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .hover\\:color-base:hover{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.hover\\:color-base:hover{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--un-brightness:brightness(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0);}\n.icon-catppuccin{--un-brightness:brightness(0.8);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.invisible{visibility:hidden;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.bottom-4px{bottom:4px;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.left-5px{left:5px;}\n.right--1px{right:-1px;}\n.right-0{right:0;}\n.right-0\\.5{right:0.125rem;}\n.right-2{right:0.5rem;}\n.right-4{right:1rem;}\n.top--32px{top:-32px;}\n.top-0{top:0;}\n.top-0\\.5{top:0.125rem;}\n.top-1{top:0.25rem;}\n.top-1\\/2{top:50%;}\n.top-4{top:1rem;}\n.top-4px{top:4px;}\n.z--1{z-index:-1;}\n.grid{display:grid;}\n.cols-\\[max-content_1fr\\]{grid-template-columns:max-content 1fr;}\n.m-auto,\n.ma{margin:auto;}\n.m1{margin:0.25rem;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx--2{margin-left:-0.5rem;margin-right:-0.5rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.mx-auto{margin-left:auto;margin-right:auto;}\n.my-1,\n.my1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.my0\\.5{margin-top:0.125rem;margin-bottom:0.125rem;}\n.-mb-px{margin-bottom:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb-1\\.5{margin-bottom:0.375rem;}\n.mb-3{margin-bottom:0.75rem;}\n.mb-4{margin-bottom:1rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ml-2{margin-left:0.5rem;}\n.ml-6{margin-left:1.5rem;}\n.mr-1{margin-right:0.25rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2,\n.mt2{margin-top:0.5rem;}\n.mt-4,\n.mt4{margin-top:1rem;}\n.mt-6,\n.mt6{margin-top:1.5rem;}\n.mt-auto{margin-top:auto;}\n.box-border{box-sizing:border-box;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.contents{display:contents;}\n.dark .dark-hidden,\n.hidden,\n.light .light-hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-10{height:2.5rem;}\n.h-14{height:3.5rem;}\n.h-16{height:4rem;}\n.h-2{height:0.5rem;}\n.h-20px{height:20px;}\n.h-24{height:6rem;}\n.h-3{height:0.75rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-4\\.5{height:1.125rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h-screen{height:100vh;}\n.max-h-\\[60vh\\]{max-height:60vh;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-100{max-width:25rem;}\n.max-w-108{max-width:27rem;}\n.max-w-200{max-width:50rem;}\n.max-w-220px{max-width:220px;}\n.max-w-64{max-width:16rem;}\n.max-w-92{max-width:23rem;}\n.max-w-96,\n.max-w-sm{max-width:24rem;}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-xs{max-width:20rem;}\n.min-h-0{min-height:0;}\n.min-h-16{min-height:4rem;}\n.min-h-40{min-height:10rem;}\n.min-h-5{min-height:1.25rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-28{min-width:7rem;}\n.min-w-36{min-width:9rem;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-\\[40px\\]{width:40px;}\n.w-1\\.5{width:0.375rem;}\n.w-10{width:2.5rem;}\n.w-11{width:2.75rem;}\n.w-12{width:3rem;}\n.w-16{width:4rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-20px{width:20px;}\n.w-24{width:6rem;}\n.w-2px{width:2px;}\n.w-3{width:0.75rem;}\n.w-3\\.5{width:0.875rem;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-4\\.5{width:1.125rem;}\n.w-5{width:1.25rem;}\n.w-6{width:1.5rem;}\n.w-64{width:16rem;}\n.w-7{width:1.75rem;}\n.w-72{width:18rem;}\n.w-8{width:2rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-96{width:24rem;}\n.w-auto\\!{width:auto !important;}\n.w-fit{width:fit-content;}\n.w-full{width:100%;}\n.w-lg{width:32rem;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.w-screen{width:100vw;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.flex-auto{flex:1 1 auto;}\n.flex-none{flex:none;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-row-reverse{flex-direction:row-reverse;}\n.flex-col{flex-direction:column;}\n.flex-col-reverse{flex-direction:column-reverse;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2,\n.translate-x--1\\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.-translate-y-2{--un-translate-y:-0.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked],\n.translate-x-4{--un-translate-x:1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-0\\.5{--un-translate-x:0.125rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-1{--un-translate-x:0.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-5{--un-translate-x:1.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y--1\\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y-0{--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y-2{--un-translate-y:0.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.-rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate-0{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:0deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate-270{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:270deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-100{--un-scale-x:1;--un-scale-y:1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-120{--un-scale-x:1.2;--un-scale-y:1.2;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-98{--un-scale-x:0.98;--un-scale-y:0.98;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.hover\\:scale-110:hover{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.cursor-not-allowed{cursor:not-allowed;}\n.cursor-grab{cursor:grab;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0{gap:0;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-6{gap:1.5rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-0\\.5{row-gap:0.125rem;}\n.space-y-0\\.5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.125rem * var(--un-space-y-reverse));}\n.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-divide-opacity));}\n.of-hidden,\n.overflow-hidden{overflow:hidden;}\n.overflow-auto{overflow:auto;}\n.of-x-hidden{overflow-x:hidden;}\n.of-y-auto{overflow-y:auto;}\n.of-y-hidden{overflow-y:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-pre-wrap{white-space:pre-wrap;}\n.ws-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.b,\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-0{border-bottom-width:0px;}\n.border-b-1\\.5{border-bottom-width:1.5px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-1\\.5{border-right-width:1.5px;}\n.border-t{border-top-width:1px;}\n.border-t-0{border-top-width:0px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.last\\:border-b-0:last-child{border-bottom-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-amber\\/20{border-color:rgb(251 191 36 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-error\\!{--un-border-opacity:1 !important;border-color:rgb(246 61 104 / var(--un-border-opacity)) !important;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-primary-400\\/60{border-color:rgb(117 166 126 / 0.6);}\n.border-primary\\/30{border-color:rgb(58 106 69 / 0.3);}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red-500\\/70{border-color:rgb(239 68 68 / 0.7);}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400\\/50{border-color:rgb(117 166 126 / 0.5);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-border-opacity:1;border-color:rgb(117 166 126 / var(--un-border-opacity));}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-border-opacity:1;border-color:rgb(87 136 97 / var(--un-border-opacity));}\n.focus-within\\:border-gray\\/15:focus-within{border-color:rgb(156 163 175 / 0.15);}\n.hover\\:border-gray\\/10:hover{border-color:rgb(156 163 175 / 0.1);}\n.focus\\:border-primary-500:focus{--un-border-opacity:1;border-color:rgb(87 136 97 / var(--un-border-opacity));}\n.focus\\:border-primary\\/40:focus{border-color:rgb(58 106 69 / 0.4);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.rounded-r{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}\n.rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;}\n.rounded-tr-md{border-top-right-radius:0.375rem;}\n.bg-\\[\\#8881\\],\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8882{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8885{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-amber{--un-bg-opacity:1;background-color:rgb(251 191 36 / var(--un-bg-opacity));}\n.bg-amber-400\\/10,\n.bg-amber\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-black\\/30,\n.dark .dark\\:bg-black\\/30{background-color:rgb(0 0 0 / 0.3);}\n.bg-blue{--un-bg-opacity:1;background-color:rgb(96 165 250 / var(--un-bg-opacity));}\n.bg-blue-400\\/10,\n.bg-blue\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-error\\!{--un-bg-opacity:1 !important;background-color:rgb(246 61 104 / var(--un-bg-opacity)) !important;}\n.bg-gray{--un-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-bg-opacity));}\n.bg-gray-6{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity));}\n.bg-gray\\/10{background-color:rgb(156 163 175 / 0.1);}\n.bg-gray\\/20{background-color:rgb(156 163 175 / 0.2);}\n.bg-gray\\/3{background-color:rgb(156 163 175 / 0.03);}\n.bg-gray\\/30{background-color:rgb(156 163 175 / 0.3);}\n.bg-gray\\/5{background-color:rgb(156 163 175 / 0.05);}\n.bg-green{--un-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-bg-opacity));}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\/10{background-color:rgb(251 146 60 / 0.1);}\n.bg-primary{--un-bg-opacity:1;background-color:rgb(58 106 69 / var(--un-bg-opacity));}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));}\n.bg-primary-500\\/20{background-color:rgb(87 136 97 / 0.2);}\n.bg-primary\\/10{background-color:rgb(58 106 69 / 0.1);}\n.bg-primary\\/15{background-color:rgb(58 106 69 / 0.15);}\n.bg-primary\\/20{background-color:rgb(58 106 69 / 0.2);}\n.bg-red{--un-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\/10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.bg-white\\/50{background-color:rgb(255 255 255 / 0.5);}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.dark .dark\\:bg-black\\/45{background-color:rgb(0 0 0 / 0.45);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\[\\#8881\\]:hover{--un-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-\\[\\#8882\\]:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-\\#8888:hover{--un-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-gray\\/10:hover{background-color:rgb(156 163 175 / 0.1);}\n.hover\\:bg-gray\\/15:hover{background-color:rgb(156 163 175 / 0.15);}\n.hover\\:bg-gray\\/20:hover{background-color:rgb(156 163 175 / 0.2);}\n.hover\\:bg-gray\\/5:hover{background-color:rgb(156 163 175 / 0.05);}\n.hover\\:bg-orange\\/20:hover{background-color:rgb(251 146 60 / 0.2);}\n.hover\\:bg-primary\\/25:hover{background-color:rgb(58 106 69 / 0.25);}\n.hover\\:bg-red-600\\!:hover{--un-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-bg-opacity)) !important;}\n.hover\\:bg-red\\/20:hover{background-color:rgb(248 113 113 / 0.2);}\n.stroke-current{stroke:currentColor;}\n.object-contain{object-fit:contain;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1,\n.p1{padding:0.25rem;}\n.p-1\\.5,\n.p1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4{padding:1rem;}\n.p-5{padding:1.25rem;}\n.p6{padding:1.5rem;}\n.p8{padding:2rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-0\\.5{padding-left:0.125rem;padding-right:0.125rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3,\n.px3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0{padding-top:0;padding-bottom:0;}\n.py-0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2,\n.py2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-2\\!{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}\n.py-2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}\n.py-8{padding-top:2rem;padding-bottom:2rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pb2\\.5{padding-bottom:0.625rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-\\[20vh\\]{padding-top:20vh;}\n.pt-1\\.5{padding-top:0.375rem;}\n.pt-6{padding-top:1.5rem;}\n.pt2{padding-top:0.5rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.indent{text-indent:1.5rem;}\n.text-balance{text-wrap:balance;}\n.text-\\[10px\\]{font-size:10px;}\n.text-\\[15px\\]{font-size:15px;}\n.text-0\\.6em{font-size:0.6em;}\n.text-2\\.75{font-size:0.6875rem;}\n.text-2xl{font-size:1.5rem;line-height:2rem;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xl{font-size:1.25rem;line-height:1.75rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.dark .dark\\:text-amber-400,\n.text-amber{--un-text-opacity:1;color:rgb(251 191 36 / var(--un-text-opacity));}\n.dark .dark\\:text-blue-300{--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .dark\\:text-green-300{--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.dark .dark\\:text-green-400,\n.text-green{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity));}\n.dark .dark\\:text-primary-300{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.dark .dark\\:text-red-300{--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.dark .dark\\:text-red-400,\n.text-red{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}\n.text-amber-600{--un-text-opacity:1;color:rgb(217 119 6 / var(--un-text-opacity));}\n.text-amber-700{--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.text-blue{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity));}\n.text-blue-700{--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.text-gray{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}\n.text-green-600{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity));}\n.text-green-700{--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.text-orange{--un-text-opacity:1;color:rgb(251 146 60 / var(--un-text-opacity));}\n.text-primary,\n.text-primary\\/bg-active{--un-text-opacity:1;color:rgb(58 106 69 / var(--un-text-opacity));}\n.text-primary-600{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));}\n.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));}\n.text-red-700{--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.leading-4{line-height:1rem;}\n.leading-5{line-height:1.25rem;}\n.leading-none{line-height:1;}\n.leading-relaxed{line-height:1.625;}\n.tracking-tight{letter-spacing:-0.025em;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}\n.line-through{text-decoration-line:line-through;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.caret-primary-500{--un-caret-opacity:1;caret-color:rgb(87 136 97 / var(--un-caret-opacity));}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50,\n.group:hover .group-hover\\:op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100,\n.opacity-100,\n.group:hover .group-hover\\:opacity-100{opacity:1;}\n.op0,\n.opacity-0{opacity:0;}\n.op25{opacity:0.25;}\n.op30{opacity:0.3;}\n.op40{opacity:0.4;}\n.op60{opacity:0.6;}\n.op60\\!{opacity:0.6 !important;}\n.op70{opacity:0.7;}\n.op75{opacity:0.75;}\n.op80{opacity:0.8;}\n.hover\\:op100:hover{opacity:1;}\n.hover\\:op60:hover{opacity:0.6;}\n.hover\\:op70:hover{opacity:0.7;}\n.hover\\:op80:hover{opacity:0.8;}\n.disabled\\:op40:disabled{opacity:0.4;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.outline{outline-style:solid;}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.ring-1\\.5{--un-ring-width:1.5px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-2:focus-within{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-1:focus{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-3:focus{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-3:focus-visible{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.ring-purple\\/50{--un-ring-color:rgb(192 132 252 / 0.5);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/25:focus{--un-ring-color:rgb(87 136 97 / 0.25);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-primary\\/30:focus{--un-ring-color:rgb(58 106 69 / 0.3);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-ring-color:rgb(87 136 97 / 0.3);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-0{--un-backdrop-blur:blur(0);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.backdrop-blur-1{--un-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.blur-2xl{--un-blur:blur(40px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.saturate-0{--un-saturate:saturate(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-150{transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.delay-200{transition-delay:200ms;}\n.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:gap-2\\.5{gap:0.625rem;}\n.sm\\:p-6{padding:1.5rem;}\n}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations, and imported after\n * `virtual:uno.css` in the Storybook preview for the same reason.\n *\n * Each Wind4 stop (`--colors-primary-*`) is derived from `--devframe-primary`\n * via `color-mix`. When `--devframe-primary` is unset, the intermediate\n * `--devframe-primary-<stop>` vars become guaranteed-invalid (their `color-mix`\n * references an unset var with no fallback), so each `--colors-primary-<stop>`\n * falls back to the exact devframe default hex — the default look is preserved,\n * and only an explicit override derives a new ramp. The vars inherit through\n * the tree, so setting `--devframe-primary` on the dock host retints\n * everything, and setting it on a group's chrome container retints just that\n * group (the group-accent mechanism).\n *\n * `:host` is the effective selector inside the dock's shadow root; `:root` is\n * for the light-DOM Storybook preview (it matches nothing in the shadow root).\n *\n * `.devframes-accent-scope` re-declares the whole block on a group's chrome\n * container: because custom properties inherit as computed values, a descendant\n * that only overrides `--devframe-primary` would keep the `:host`-computed\n * stops — re-running the derivation here recomputes them from the container's\n * own `--devframe-primary` (a group's `accentColor`), retinting just that group.\n */\n:root,\n:host,\n.devframes-accent-scope {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
+export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n@property --un-ease{syntax:\"*\";inherits:false;}@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}@property --un-backdrop-blur{syntax:\"*\";inherits:false;}@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}@property --un-backdrop-invert{syntax:\"*\";inherits:false;}@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}@property --un-inset-ring-color{syntax:\"*\";inherits:false;}@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}@property --un-ring-color{syntax:\"*\";inherits:false;}@property --un-ring-inset{syntax:\"*\";inherits:false;}@property --un-ring-offset-color{syntax:\"*\";inherits:false;}@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:\"*\";inherits:false;}@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}:root {\n  --un-text-opacity: 100%;\n}\n\n/*\n * Thin/transparent scrollbar, matching packages/ui/src/styles/global.css —\n * that stylesheet only reaches the Nuxt plugin apps, not this injected\n * webcomponents shell, which otherwise falls back to the browser default\n * (thick, opaque-gutter) scrollbar clashing with the translucent dock.\n * `:host`, not `:root` — this stylesheet is adopted into the dock's shadow\n * root (`defineCustomElement(..., { shadowRoot: true, styles: [css] })`),\n * where `:root` only ever matches the top-level document's <html>.\n * Rules below are unscoped (not `#devframes-anchor ...`) since the\n * shadow boundary already keeps them from leaking onto the host page, and\n * scoping under the anchor's id would miss edge-docked mode entirely\n * (`DockEmbedded.vue` renders `DockEdge`/`#devframes-edge-panel` and\n * `Dock`/`#devframes-anchor` as mutually exclusive siblings).\n */\n:host {\n  --app-scrollbar-size: 6px;\n  --app-scrollbar-radius: 1px;\n  --app-scrollbar-thumb: #8884;\n  --app-scrollbar-thumb-hover: #8885;\n}\n\n::-webkit-scrollbar {\n  width: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar:horizontal {\n  height: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--app-scrollbar-thumb);\n  transition: background 0.2s ease;\n  border-radius: var(--app-scrollbar-radius);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--app-scrollbar-thumb-hover);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: var(--app-scrollbar-radius);\n  background: transparent;\n}\n\n#devframes-anchor {\n  font-size:15px;font-family:var(--font-sans);width:calc(var(--spacing) * 0);transform-origin:center;box-sizing:border-box;position:fixed;z-index:2147483644;\n  transform: translate(-50%, -50%) rotate(0);\n}\n\n#devframes-anchor #devframes-dock-container {\n  display:flex;width:max-content;left:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);position:absolute;\n  height: var(--devframes-dock-height, 40px);\n  min-width: var(--devframes-dock-min-width, 100px);\n  transform: translate(-50%, -50%);\n}\n\n#devframes-anchor.devframes-vertical #devframes-dock-container {\n  transform: translate(-50%, -50%) rotate(90deg);\n  transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:500ms;transition-duration:500ms;\n}\n\n#devframes-anchor #devframes-dock {\n  margin:auto;border-radius:calc(infinity * 1px);height:100%;-webkit-user-select:none;user-select:none;touch-action:none;\n  ;color:color-mix(in oklab, #333 var(--un-text-opacity), transparent);background-color:color-mix(in srgb, var(--colors-white) 100%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);\n  transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:500ms;transition-duration:500ms;\n  height: var(--devframes-dock-height, 40px);\n  width: calc-size(max-content, size);\n}.dark #devframes-anchor #devframes-dock{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, #111 80%, transparent);}@supports (color: color-mix(in lab, red, red)){.dark #devframes-anchor #devframes-dock{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}}@supports (color: color-mix(in lab, red, red)){#devframes-anchor #devframes-dock{background-color:color-mix(in oklab, var(--colors-white) 100%, transparent);}}\n\n#devframes-anchor.devframes-minimized #devframes-dock {\n  padding-inline:calc(var(--spacing) * 0);padding-block:2px;\n  width: var(--devframes-dock-minimized-size, 22px);\n  height: var(--devframes-dock-minimized-size, 22px);\n}\n\n#devframes-anchor:hover #devframes-glowing {\n  opacity:60%;\n}\n\n#devframes-anchor #devframes-glowing {\n  border-radius:calc(infinity * 1px);opacity:0%;pointer-events:none;transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:1000ms;transition-duration:1000ms;--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);left:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);position:absolute;\n  width: var(--devframes-dock-glow-size, 160px);\n  height: var(--devframes-dock-glow-size, 160px);\n  filter: blur(var(--devframes-dock-glow-blur, 60px));\n  transform: translate(-50%, -50%);\n  /* Follows the brand: derived from the primary ramp (overridable via\n     --devframe-primary), so a rebrand retints the glow automatically. */\n  background-image: linear-gradient(\n    45deg,\n    var(--colors-primary-300, #adc77f),\n    var(--colors-primary-500, #517158),\n    var(--colors-primary-DEFAULT, #486954)\n  );\n}\n\n@media print {\n  #devframes-anchor {\n    display:none;\n  }\n}\n\n.devframes-resize-handle-horizontal {\n  margin-block:-5px;border-radius:var(--radius-md);height:10px;cursor:ns-resize;left:6px;right:6px;position:absolute;\n}\n.devframes-resize-handle-vertical {\n  margin-inline:-5px;border-radius:var(--radius-md);width:10px;cursor:ew-resize;top:6px;bottom:calc(var(--spacing) * 0);position:absolute;\n}\n.devframes-resize-handle-corner {\n  margin:-6px;border-radius:var(--radius-md);width:14px;height:14px;position:absolute;\n}\n.devframes-resize-handle {\n  z-index:30;\n}\n.devframes-resize-handle:hover {\n  ;background-color:color-mix(in srgb, var(--colors-gray-400) 10%, transparent);\n}@supports (color: color-mix(in lab, red, red)){.devframes-resize-handle:hover{background-color:color-mix(in oklab, var(--colors-gray-400) 10%, transparent);}}\n\n@keyframes devframes-shake {\n  0%, 100% { transform: translateX(0); }\n  20%, 60% { transform: translateX(-5px); }\n  40%, 80% { transform: translateX(5px); }\n}\n.devframes-shake {\n  animation: devframes-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n@media (prefers-reduced-motion: reduce) {\n  .devframes-shake {\n    animation: none;\n  }\n}\n\n/* layer: properties */\n@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{--un-bg-opacity:100%;--un-border-opacity:100%;--un-border-style:solid;--un-caret-opacity:100%;--un-divide-opacity:100%;--un-divide-y-reverse:initial;--un-ease:initial;--un-from-opacity:100%;--un-leading:initial;--un-ring-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-space-y-reverse:initial;--un-text-opacity:100%;--un-to-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-via-opacity:100%;}}\n@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-leading{syntax:\"*\";inherits:false;}\n@property --un-outline-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-caret-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-ring-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-inset-ring-color{syntax:\"*\";inherits:false;}\n@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-ring-color{syntax:\"*\";inherits:false;}\n@property --un-ring-inset{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-color{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}\n@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-translate-x{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-y{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-z{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-scale-x{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-y{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-z{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-ease{syntax:\"*\";inherits:false;}\n@property --un-from-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%;}\n@property --un-gradient-position{syntax:\"*\";inherits:false;}\n@property --un-gradient-stops{syntax:\"*\";inherits:false;}\n@property --un-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%;}\n@property --un-gradient-via-stops{syntax:\"*\";inherits:false;}\n@property --un-to-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-via-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-backdrop-blur{syntax:\"*\";inherits:false;}\n@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}\n@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}\n@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}\n@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-invert{syntax:\"*\";inherits:false;}\n@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}\n@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}\n@property --un-blur{syntax:\"*\";inherits:false;}\n@property --un-brightness{syntax:\"*\";inherits:false;}\n@property --un-contrast{syntax:\"*\";inherits:false;}\n@property --un-drop-shadow{syntax:\"*\";inherits:false;}\n@property --un-grayscale{syntax:\"*\";inherits:false;}\n@property --un-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-invert{syntax:\"*\";inherits:false;}\n@property --un-saturate{syntax:\"*\";inherits:false;}\n@property --un-sepia{syntax:\"*\";inherits:false;}\n@property --un-numeric-figure{syntax:\"*\";inherits:false;}\n@property --un-numeric-fraction{syntax:\"*\";inherits:false;}\n@property --un-numeric-spacing{syntax:\"*\";inherits:false;}\n@property --un-ordinal{syntax:\"*\";inherits:false;}\n@property --un-slashed-zero{syntax:\"*\";inherits:false;}\n@property --un-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-divide-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n/* layer: theme */\n:root, :host { --spacing: 0.25rem; --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --ease-out: cubic-bezier(0, 0, 0.2, 1); --radius-md: 0.375rem; --colors-gray-400: oklch(70.7% 0.022 261.325); --colors-white: #fff; --container-lg: 32rem; --radius-lg: 0.5rem; --radius-DEFAULT: 0.25rem; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace; --colors-primary-DEFAULT: #3a6a45; --colors-blue-DEFAULT: oklch(70.7% 0.165 254.624); --colors-black: #000; --fontWeight-medium: 500; --radius-xl: 0.75rem; --colors-primary-500: #578861; --ease-in: cubic-bezier(0.4, 0, 1, 1); --colors-red-500: oklch(63.7% 0.237 25.331); --colors-primary-400: #75a67e; --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-2xl-fontSize: 1.5rem; --text-2xl-lineHeight: 2rem; --leading-none: 1; --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --fontWeight-bold: 700; --tracking-wide: 0.025em; --tracking-tight: -0.025em; --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-gray-DEFAULT: oklch(70.7% 0.022 261.325); --colors-orange-DEFAULT: oklch(75% 0.183 55.934); --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --colors-purple-DEFAULT: oklch(71.4% 0.203 305.504); --leading-relaxed: 1.625; --container-prose: 65ch; --colors-blue-400: oklch(70.7% 0.165 254.624); --colors-green-400: oklch(79.2% 0.209 151.711); --colors-amber-400: oklch(82.8% 0.189 84.429); --colors-red-400: oklch(70.4% 0.191 22.216); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-primary-600: #40704b; --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-blue-700: oklch(48.8% 0.243 264.376); --colors-green-500: oklch(72.3% 0.219 149.579); --colors-green-700: oklch(52.7% 0.154 150.069); --colors-amber-500: oklch(76.9% 0.188 70.08); --colors-amber-700: oklch(55.5% 0.163 48.998); --colors-red-700: oklch(50.5% 0.213 27.518); --colors-green-600: oklch(62.7% 0.194 149.214); --colors-amber-600: oklch(66.6% 0.179 58.318); --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-xl-fontSize: 1.25rem; --text-xl-lineHeight: 1.75rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --colors-error-DEFAULT: #f63d68; --colors-primary-300: #93c69d; --colors-blue-300: oklch(80.9% 0.105 251.813); --colors-green-300: oklch(87.1% 0.15 154.449); --colors-amber-300: oklch(87.9% 0.169 91.605); --colors-red-300: oklch(80.8% 0.114 19.571); --colors-neutral-500: oklch(55.6% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-neutral-400: oklch(70.8% 0 0); --container-sm: 24rem; --container-xs: 20rem; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }\n/* layer: base */\n *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  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-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, 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; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.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 { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :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: 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }\n/* layer: preflights */\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-counter-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-square-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 80v128a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-counter-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M88 104H40a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v28.69l14.63-14.63A95.43 95.43 0 0 1 130 33.94h.53a95.36 95.36 0 0 1 67.07 27.33a8 8 0 0 1-11.18 11.44a79.52 79.52 0 0 0-55.89-22.77h-.45a79.56 79.56 0 0 0-56.14 23.43L59.31 88H88a8 8 0 0 1 0 16m128 48h-48a8 8 0 0 0 0 16h28.69l-14.63 14.63a79.56 79.56 0 0 1-56.13 23.43h-.45a79.52 79.52 0 0 1-55.89-22.77a8 8 0 1 0-11.18 11.44a95.36 95.36 0 0 0 67.07 27.33h.52a95.43 95.43 0 0 0 67.36-28.12L208 179.31V208a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 48v160H48V48Z' opacity='.2'/%3E%3Cpath d='M216 48v48a8 8 0 0 1-16 0V67.31l-42.34 42.35a8 8 0 0 1-11.32-11.32L188.69 56H160a8 8 0 0 1 0-16h48a8 8 0 0 1 8 8M98.34 146.34L56 188.69V160a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16H67.31l42.35-42.34a8 8 0 0 0-11.32-11.32M208 152a8 8 0 0 0-8 8v28.69l-42.34-42.35a8 8 0 0 0-11.32 11.32L188.69 200H160a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8M67.31 56H96a8 8 0 0 0 0-16H48a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0V67.31l42.34 42.35a8 8 0 0 0 11.32-11.32Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-cards-three-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 104v96a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-96a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 88H48a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16m0 112H48v-96h160zM48 64a8 8 0 0 1 8-8h144a8 8 0 0 1 0 16H56a8 8 0 0 1-8-8m16-32a8 8 0 0 1 8-8h112a8 8 0 0 1 0 16H72a8 8 0 0 1-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-down,\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-left,\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-right,\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-up{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-check-bold,\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-circle-notch{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-six-vertical{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M104 60a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60 12a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-72 44a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-72 68a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-three-outline-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M152 128a24 24 0 1 1-24-24a24 24 0 0 1 24 24M48 104a24 24 0 1 0 24 24a24 24 0 0 0-24-24m160 0a24 24 0 1 0 24 24a24 24 0 0 0-24-24' opacity='.2'/%3E%3Cpath d='M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16M48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16m160-48a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-globe{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.12 104.12 0 0 0 128 24m88 104a87.6 87.6 0 0 1-3.33 24h-38.51a157.4 157.4 0 0 0 0-48h38.51a87.6 87.6 0 0 1 3.33 24m-114 40h52a115.1 115.1 0 0 1-26 45a115.3 115.3 0 0 1-26-45m-3.9-16a140.8 140.8 0 0 1 0-48h59.88a140.8 140.8 0 0 1 0 48ZM40 128a87.6 87.6 0 0 1 3.33-24h38.51a157.4 157.4 0 0 0 0 48H43.33A87.6 87.6 0 0 1 40 128m114-40h-52a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45m52.33 0h-35.62a135.3 135.3 0 0 0-22.3-45.6A88.29 88.29 0 0 1 206.37 88Zm-98.74-45.6A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6M49.63 168h35.66a135.3 135.3 0 0 0 22.3 45.6A88.29 88.29 0 0 1 49.63 168m98.78 45.6a135.3 135.3 0 0 0 22.3-45.6h35.66a88.29 88.29 0 0 1-57.96 45.6'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-keyboard-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M232 64v128a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h192a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 48H32a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m0 144H32V64h192zm-16-64a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8m0-32a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8M72 160a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8m96 0a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m40 0a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-laptop-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 72v104H40V72a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M232 168h-8V72a24 24 0 0 0-24-24H56a24 24 0 0 0-24 24v96h-8a8 8 0 0 0-8 8v16a24 24 0 0 0 24 24h176a24 24 0 0 0 24-24v-16a8 8 0 0 0-8-8M48 72a8 8 0 0 1 8-8h144a8 8 0 0 1 8 8v96H48Zm176 120a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-8h192ZM152 88a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-layout-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M104 104v104H40a8 8 0 0 1-8-8v-96Z' opacity='.2'/%3E%3Cpath d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v40H40V56ZM40 112h56v88H40Zm176 88H112v-88h104z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-magnifying-glass-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 112a80 80 0 1 1-80-80a80 80 0 0 1 80 80' opacity='.2'/%3E%3Cpath d='m229.66 218.34l-50.06-50.06a88.21 88.21 0 1 0-11.32 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-moon-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78' opacity='.2'/%3E%3Cpath d='M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-paint-brush-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 32c0 32.81-31.64 67.43-58.64 91.05A84.4 84.4 0 0 0 133 90.64c23.57-27 58.19-58.64 91-58.64' opacity='.2'/%3E%3Cpath d='M232 32a8 8 0 0 0-8-8c-44.08 0-89.31 49.71-114.43 82.63A60 60 0 0 0 32 164c0 30.88-19.54 44.73-20.47 45.37A8 8 0 0 0 16 224h76a60 60 0 0 0 57.37-77.57C182.3 121.31 232 76.08 232 32M92 208H34.63C41.38 198.41 48 183.92 48 164a44 44 0 1 1 44 44m32.42-94.45q5.14-6.66 10.09-12.55A76.2 76.2 0 0 1 155 121.49q-5.9 4.94-12.55 10.09a60.5 60.5 0 0 0-18.03-18.03m42.7-2.68a92.6 92.6 0 0 0-22-22c31.78-34.53 55.75-45 69.9-47.91c-2.85 14.16-13.37 38.13-47.9 69.91'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.32 81.37l-60.69-60.68a16 16 0 0 0-22.63 0l-53.63 53.8c-10.66-3.34-35-7.37-60.4 13.14a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33c19.64-26.1 17.75-47.32 13.19-60L235.33 104a16 16 0 0 0-.01-22.63M224 92.69l-57.27 57.46a8 8 0 0 0-1.49 9.22c9.46 18.93-1.8 38.59-9.34 48.62L48 100.08c12.08-9.74 23.64-12.31 32.48-12.31A40.1 40.1 0 0 1 96.81 91a8 8 0 0 0 9.25-1.51L163.32 32L224 92.68Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.33 104l-53.47 53.65c4.56 12.67 6.45 33.89-13.19 60A15.93 15.93 0 0 1 157 224h-1.13a16 16 0 0 1-11.32-4.69L96.29 171l-42.63 42.66a8 8 0 0 1-11.32-11.32L85 159.71l-48.3-48.3A16 16 0 0 1 38 87.63c25.42-20.51 49.75-16.48 60.4-13.14L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 .01 22.62'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-rocket-launch-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 120v61.65a8 8 0 0 1-2.34 5.65l-34.35 34.35a8 8 0 0 1-13.57-4.53L128 176Zm-48-48H74.35a8 8 0 0 0-5.65 2.34l-34.35 34.35a8 8 0 0 0 4.53 13.57L80 128ZM40 216c37.65 0 50.69-19.69 54.56-28.18l-26.38-26.38C59.69 165.31 40 178.35 40 216' opacity='.2'/%3E%3Cpath d='M223.85 47.12a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.41 27.07L132.69 64H74.36A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a15.9 15.9 0 0 0 4.68-11.36v-58.33l4.77-4.77c26.68-26.68 27.83-58.83 27.08-71.42M74.36 80h42.33l-39.53 39.52L40 114.34Zm74.41-9.45a76.65 76.65 0 0 1 59.11-22.47a76.46 76.46 0 0 1-22.42 59.16L128 164.68L91.32 128ZM176 181.64L141.67 216l-5.19-37.17L176 139.31Zm-74.16 9.5C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-shield-check-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 56v56c0 96-88 120-88 120s-88-24-88-120V56a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 40H48a16 16 0 0 0-16 16v56c0 52.72 25.52 84.67 46.93 102.19c23.06 18.86 46 25.26 47 25.53a8 8 0 0 0 4.2 0c1-.27 23.91-6.67 47-25.53C198.48 196.67 224 164.72 224 112V56a16 16 0 0 0-16-16m0 72c0 37.07-13.66 67.16-40.6 89.42a129.3 129.3 0 0 1-39.4 22.2a128.3 128.3 0 0 1-38.92-21.81C61.82 179.51 48 149.3 48 112V56h160ZM82.34 141.66a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32l-56 56a8 8 0 0 1-11.32 0Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sign-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 56v144a16 16 0 0 1-16 16H48V40h160a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M120 216a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H56v160h56a8 8 0 0 1 8 8m109.66-93.66l-40-40a8 8 0 0 0-11.32 11.32L204.69 120H112a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-spinner-gap-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0m88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-50.91-16.4l-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31M72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8m-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-square-half-bottom-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v72a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8v-72Z' opacity='.2'/%3E%3Cpath d='M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v64H56V56Zm0 144H56v-64h144z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sun-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 128a56 56 0 1 1-56-56a56 56 0 0 1 56 56' opacity='.2'/%3E%3Cpath d='M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0m72 88a64 64 0 1 1-64-64a64.07 64.07 0 0 1 64 64m-16 0a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48M58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68l-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8m112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-duotone,\n.i-ph\\:warning-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72M120 104a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm8 88a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-wrench-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 96a64 64 0 0 1-94.94 56L73 217a24 24 0 0 1-34-34l65-56.06a64 64 0 0 1 80-90.29L144 80l5.66 26.34L176 112l43.35-40A63.8 63.8 0 0 1 224 96' opacity='.2'/%3E%3Cpath d='M226.76 69a8 8 0 0 0-12.84-2.88l-40.3 37.19l-17.23-3.7l-3.7-17.23l37.19-40.3A8 8 0 0 0 187 29.24A72 72 0 0 0 88 96a72.3 72.3 0 0 0 6 28.94L33.79 177c-.15.12-.29.26-.43.39a32 32 0 0 0 45.26 45.26c.13-.13.27-.28.39-.42L131.06 162A72 72 0 0 0 232 96a71.6 71.6 0 0 0-5.24-27M160 152a56.14 56.14 0 0 1-27.07-7a8 8 0 0 0-9.92 1.77l-55.9 64.74a16 16 0 0 1-22.62-22.62L109.18 133a8 8 0 0 0 1.77-9.93a56 56 0 0 1 58.36-82.31l-31.2 33.81a8 8 0 0 0-1.94 7.1l5.66 26.33a8 8 0 0 0 6.14 6.14l26.35 5.66a8 8 0 0 0 7.1-1.94l33.81-31.2A56.06 56.06 0 0 1 160 152'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-x,\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:bug-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v16a80 80 0 0 1-160 0v-16Z' opacity='.2'/%3E%3Cpath d='M144 92a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-44-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m116 64a87.8 87.8 0 0 1-3 23l22.24 9.72A8 8 0 0 1 232 192a7.9 7.9 0 0 1-3.2-.67L207.38 182a88 88 0 0 1-158.76 0l-21.42 9.33a7.9 7.9 0 0 1-3.2.67a8 8 0 0 1-3.2-15.33L43 167a87.8 87.8 0 0 1-3-23v-8H16a8 8 0 0 1 0-16h24v-8a87.8 87.8 0 0 1 3-23l-22.2-9.67a8 8 0 1 1 6.4-14.66L48.62 74a88 88 0 0 1 158.76 0l21.42-9.36a8 8 0 0 1 6.4 14.66L213 89.05a87.8 87.8 0 0 1 3 23v8h24a8 8 0 0 1 0 16h-24ZM56 120h144v-8a72 72 0 0 0-144 0Zm64 95.54V136H56v8a72.08 72.08 0 0 0 64 71.54M200 144v-8h-64v79.54A72.08 72.08 0 0 0 200 144'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:info-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M144 176a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m88-48A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88m-92-32a12 12 0 1 0-12-12a12 12 0 0 0 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:puzzle-piece-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M204 168a28 28 0 0 0 12-2.69V208a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-42.69a28 28 0 1 1 0-50.62V72a8 8 0 0 1 8-8h46.69a28 28 0 1 1 50.61 0H208a8 8 0 0 1 8 8v42.69A28 28 0 1 0 204 168' opacity='.2'/%3E%3Cpath d='M220.27 158.54a8 8 0 0 0-7.7-.46a20 20 0 1 1 0-36.16a8 8 0 0 0 11.43-7.23V72a16 16 0 0 0-16-16h-36.22a35 35 0 0 0 .22-4a36.15 36.15 0 0 0-11.36-26.25a36 36 0 0 0-60.55 23.63a36.6 36.6 0 0 0 .14 6.62H64a16 16 0 0 0-16 16v32.22a35 35 0 0 0-4-.22a36.12 36.12 0 0 0-26.24 11.36a35.7 35.7 0 0 0-9.69 27a36.08 36.08 0 0 0 33.31 33.6a36.6 36.6 0 0 0 6.62-.14V208a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16v-42.69a8 8 0 0 0-3.73-6.77M208 208H64v-42.69a8 8 0 0 0-11.43-7.23a20 20 0 1 1 0-36.16A8 8 0 0 0 64 114.69V72h46.69a8 8 0 0 0 7.23-11.43a20 20 0 1 1 36.16 0A8 8 0 0 0 161.31 72H208v32.23a35.7 35.7 0 0 0-6.62-.14A36 36 0 0 0 204 176a35 35 0 0 0 4-.22Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M165.66 101.66L139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.badge{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));--un-leading:var(--leading-none);line-height:var(--leading-none);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 0.5);border-radius:var(--radius-md);display:inline-flex;gap:calc(var(--spacing) * 1);align-items:center;}\n.btn-action-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.text-micro{font-size:10px;--un-leading:1.4;line-height:1.4;}\n.btn-primary{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);opacity:100% !important;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.color-faint,\n.dark .color-faint{color:color-mix(in srgb, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in srgb, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.btn-action{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.btn-icon{--un-outline-style:none;outline-style:none;border-radius:calc(infinity * 1px);opacity:65%;display:flex;width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.btn-icon-compact{--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);opacity:65%;display:flex;width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.border-base{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.border-mute{border-color:color-mix(in oklab, #8881 var(--un-border-opacity), transparent);}\n.hover\\:border-base:hover{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-ambient{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, #111 var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in srgb, var(--colors-white) 65%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass{background-color:color-mix(in oklab, #111 50%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in srgb, var(--colors-white) 98%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:75{background-color:color-mix(in oklab, #111 75%, transparent);}\n.bg-glass\\:80{background-color:color-mix(in srgb, var(--colors-white) 100%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:80{background-color:color-mix(in oklab, #111 80%, transparent);}\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-secondary{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.dark .bg-secondary{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.dark .hover\\:bg-active:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.hover\\:bg-active:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.hover\\:bg-hover:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.btn-action:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-action-sm:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon-compact:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-primary:hover{background-color:color-mix(in srgb, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:55%;}\n.op-fade{opacity:65%;}\n.dark .op-mute{opacity:25%;}\n.op-mute{opacity:30%;}\n.btn-action:disabled{opacity:30% !important;pointer-events:none;}\n.btn-action-sm:disabled{opacity:30% !important;pointer-events:none;}\n.btn-icon:disabled{opacity:30%;pointer-events:none;}\n.btn-icon-compact:disabled{opacity:30%;pointer-events:none;}\n.btn-primary:disabled{opacity:50%;pointer-events:none;}\n.dark .disabled\\:op-mute:disabled{opacity:25%;}\n.disabled\\:op-mute:disabled{opacity:30%;}\n.dark .placeholder\\:op-mute::placeholder{opacity:25%;}\n.placeholder\\:op-mute::placeholder{opacity:30%;}\n.container{width:100%;}\n.btn-action:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.z-command-palette{z-index:2147483646;}\n.z-dock-confirm,\n.z-dock-toast{z-index:2147483647;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-floating-anchor{z-index:2147483644;}\n.z-floating-tooltip{z-index:2147483645;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.bg-gradient-more{--un-gradient-from:color-mix(in oklab, var(--colors-white) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, var(--colors-white) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, var(--colors-white) var(--un-to-opacity), transparent);--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops));}\n.dark .bg-gradient-more{--un-gradient-from:color-mix(in oklab, #111 var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, #111 var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, #111 var(--un-to-opacity), transparent);}\n.dark .icon-catppuccin{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0%);}\n.icon-catppuccin{--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(100%);}\n@supports (color: color-mix(in lab, red, red)){\n.btn-primary{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.color-active{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.color-base{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.dark .color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in oklab, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-base{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=active\\]\\:bg-base[data-state=active]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in oklab, var(--colors-white) 65%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in oklab, var(--colors-white) 98%, transparent);}\n.bg-glass\\:80{background-color:color-mix(in oklab, var(--colors-white) 100%, transparent);}\n.dark .hover\\:bg-active:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.hover\\:bg-active:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.btn-primary:hover{background-color:color-mix(in oklab, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.btn-action:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.container{max-width:40rem;}\n}\n@media (min-width: 48rem){\n.container{max-width:48rem;}\n}\n@media (min-width: 64rem){\n.container{max-width:64rem;}\n}\n@media (min-width: 80rem){\n.container{max-width:80rem;}\n}\n@media (min-width: 96rem){\n.container{max-width:96rem;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.text-\\[10px\\]{font-size:10px;}\n.text-\\[15px\\]{font-size:15px;}\n.text-0\\.6em{font-size:0.6em;}\n.text-2\\.75{font-size:0.6875rem;}\n.text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));}\n.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}\n.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}\n.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}\n.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}\n.text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}\n.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}\n.dark .dark\\:text-amber-300{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in srgb, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-primary-300{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in srgb, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber{color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in srgb, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue{color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-gray{color:color-mix(in srgb, var(--colors-gray-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green{color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in srgb, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in srgb, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary,\n.text-primary\\/bg-active{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary-600{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.text-red{color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in srgb, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}\n.leading-4{--un-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4);}\n.leading-5{--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);}\n.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}\n.leading-relaxed{--un-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);}\n.tracking-tight{--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);}\n.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}\n.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}\n.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}\n.font-mono{font-family:var(--font-mono);}\n.font-sans{font-family:var(--font-sans);}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.m-auto,\n.ma{margin:auto;}\n.m1{margin:calc(var(--spacing) * 1);}\n.mx--1{margin-inline:calc(var(--spacing) * -1);}\n.mx--2{margin-inline:calc(var(--spacing) * -2);}\n.mx-1{margin-inline:calc(var(--spacing) * 1);}\n.mx-2{margin-inline:calc(var(--spacing) * 2);}\n.mx-auto{margin-inline:auto;}\n.my-1,\n.my1{margin-block:calc(var(--spacing) * 1);}\n.my-2{margin-block:calc(var(--spacing) * 2);}\n.my0\\.5{margin-block:calc(var(--spacing) * 0.5);}\n.-mb-px{margin-bottom:-1px;}\n.mb-1{margin-bottom:calc(var(--spacing) * 1);}\n.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5);}\n.mb-3{margin-bottom:calc(var(--spacing) * 3);}\n.mb-4{margin-bottom:calc(var(--spacing) * 4);}\n.ml-0\\.5{margin-left:calc(var(--spacing) * 0.5);}\n.ml-1{margin-left:calc(var(--spacing) * 1);}\n.ml-1\\.5{margin-left:calc(var(--spacing) * 1.5);}\n.ml-2{margin-left:calc(var(--spacing) * 2);}\n.ml-6{margin-left:calc(var(--spacing) * 6);}\n.mr-1{margin-right:calc(var(--spacing) * 1);}\n.ms{margin-inline-start:calc(var(--spacing) * 4);}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:calc(var(--spacing) * 0.5);}\n.mt-1{margin-top:calc(var(--spacing) * 1);}\n.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5);}\n.mt-2,\n.mt2{margin-top:calc(var(--spacing) * 2);}\n.mt-4,\n.mt4{margin-top:calc(var(--spacing) * 4);}\n.mt-6,\n.mt6{margin-top:calc(var(--spacing) * 6);}\n.mt-auto{margin-top:auto;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:calc(var(--spacing) * 0.5);}\n.p-1,\n.p1{padding:calc(var(--spacing) * 1);}\n.p-1\\.5,\n.p1\\.5{padding:calc(var(--spacing) * 1.5);}\n.p-2,\n.p2{padding:calc(var(--spacing) * 2);}\n.p-3{padding:calc(var(--spacing) * 3);}\n.p-4{padding:calc(var(--spacing) * 4);}\n.p-5{padding:calc(var(--spacing) * 5);}\n.p6{padding:calc(var(--spacing) * 6);}\n.p8{padding:calc(var(--spacing) * 8);}\n.px,\n.px-4,\n.px4{padding-inline:calc(var(--spacing) * 4);}\n.px-0\\.5{padding-inline:calc(var(--spacing) * 0.5);}\n.px-1,\n.px1{padding-inline:calc(var(--spacing) * 1);}\n.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5);}\n.px-2,\n.px2{padding-inline:calc(var(--spacing) * 2);}\n.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5);}\n.px-2\\.5\\!{padding-inline:calc(var(--spacing) * 2.5) !important;}\n.px-3,\n.px3{padding-inline:calc(var(--spacing) * 3);}\n.px-6{padding-inline:calc(var(--spacing) * 6);}\n.py-0{padding-block:calc(var(--spacing) * 0);}\n.py-0\\.5{padding-block:calc(var(--spacing) * 0.5);}\n.py-1,\n.py1{padding-block:calc(var(--spacing) * 1);}\n.py-1\\!{padding-block:calc(var(--spacing) * 1) !important;}\n.py-1\\.5,\n.py1\\.5{padding-block:calc(var(--spacing) * 1.5);}\n.py-10{padding-block:calc(var(--spacing) * 10);}\n.py-12{padding-block:calc(var(--spacing) * 12);}\n.py-2,\n.py2{padding-block:calc(var(--spacing) * 2);}\n.py-2\\!{padding-block:calc(var(--spacing) * 2) !important;}\n.py-2\\.5{padding-block:calc(var(--spacing) * 2.5);}\n.py-3{padding-block:calc(var(--spacing) * 3);}\n.py-4{padding-block:calc(var(--spacing) * 4);}\n.py-6{padding-block:calc(var(--spacing) * 6);}\n.py-8{padding-block:calc(var(--spacing) * 8);}\n.pb-1{padding-bottom:calc(var(--spacing) * 1);}\n.pb2\\.5{padding-bottom:calc(var(--spacing) * 2.5);}\n.pl-4{padding-left:calc(var(--spacing) * 4);}\n.pl-5{padding-left:calc(var(--spacing) * 5);}\n.pl-7{padding-left:calc(var(--spacing) * 7);}\n.pr-2{padding-right:calc(var(--spacing) * 2);}\n.pt-\\[20vh\\]{padding-top:20vh;}\n.pt-1\\.5{padding-top:calc(var(--spacing) * 1.5);}\n.pt-6{padding-top:calc(var(--spacing) * 6);}\n.pt2{padding-top:calc(var(--spacing) * 2);}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.outline{outline-style:var(--un-outline-style);outline-width:1px;}\n.outline-none{--un-outline-style:none;outline-style:none;}\n.caret-primary-500{caret-color:color-mix(in srgb, var(--colors-primary-500) var(--un-caret-opacity), transparent);}\n.b,\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-0{border-bottom-width:0px;}\n.border-b-1\\.5{border-bottom-width:1.5px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-1\\.5{border-right-width:1.5px;}\n.border-t{border-top-width:1px;}\n.border-t-0{border-top-width:0px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.last\\:border-b-0:last-child{border-bottom-width:0px;}\n.border-amber-500\\/20{border-color:color-mix(in srgb, var(--colors-amber-500) 20%, transparent);}\n.border-amber\\/20{border-color:color-mix(in srgb, var(--colors-amber-DEFAULT) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in srgb, var(--colors-blue-500) 20%, transparent);}\n.border-current{border-color:currentColor;}\n.border-error\\!{border-color:color-mix(in srgb, var(--colors-error-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-green-500\\/20{border-color:color-mix(in srgb, var(--colors-green-500) 20%, transparent);}\n.border-primary-400\\/60{border-color:color-mix(in srgb, var(--colors-primary-400) 60%, transparent);}\n.border-primary\\/30{border-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 30%, transparent);}\n.border-red-500\\/20{border-color:color-mix(in srgb, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in srgb, var(--colors-red-500) 60%, transparent);}\n.border-red-500\\/70{border-color:color-mix(in srgb, var(--colors-red-500) 70%, transparent);}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400\\/50{border-color:color-mix(in srgb, var(--colors-primary-400) 50%, transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in srgb, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus-within\\:border-gray\\/15:focus-within{border-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:border-gray\\/10:hover{border-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 10%, transparent);}\n.focus\\:border-primary-500:focus{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus\\:border-primary\\/40:focus{border-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 40%, transparent);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:var(--radius-DEFAULT);}\n.rounded-full{border-radius:calc(infinity * 1px);}\n.rounded-lg{border-radius:var(--radius-lg);}\n.rounded-md{border-radius:var(--radius-md);}\n.rounded-xl{border-radius:var(--radius-xl);}\n.rounded-r{border-top-right-radius:var(--radius-DEFAULT);border-bottom-right-radius:var(--radius-DEFAULT);}\n.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);}\n.rounded-tr-md{border-top-right-radius:var(--radius-md);}\n.bg-\\[\\#8881\\],\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.bg-\\[\\#ddd\\]\\/40{background-color:color-mix(in oklab, #ddd 40%, transparent);}\n.bg-\\#8882{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-\\#8885{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-amber{background-color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.bg-amber\\/10{background-color:color-mix(in srgb, var(--colors-amber-DEFAULT) 10%, transparent);}\n.bg-black\\/30,\n.dark .dark\\:bg-black\\/30{background-color:color-mix(in srgb, var(--colors-black) 30%, transparent);}\n.bg-blue{background-color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.bg-blue\\/10{background-color:color-mix(in srgb, var(--colors-blue-DEFAULT) 10%, transparent);}\n.bg-current{background-color:currentColor;}\n.bg-error\\!{background-color:color-mix(in srgb, var(--colors-error-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-gray{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-gray\\/10{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 10%, transparent);}\n.bg-gray\\/20{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 20%, transparent);}\n.bg-gray\\/3{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 3%, transparent);}\n.bg-gray\\/30{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 30%, transparent);}\n.bg-gray\\/5{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 5%, transparent);}\n.bg-green{background-color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-green-400\\/10{background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\/10{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 10%, transparent);}\n.bg-primary{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-primary-500\\/20{background-color:color-mix(in srgb, var(--colors-primary-500) 20%, transparent);}\n.bg-primary\\/10{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-primary\\/15{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-primary\\/20{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 20%, transparent);}\n.bg-red{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\/10{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-transparent{background-color:transparent;}\n.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-white\\/50{background-color:color-mix(in srgb, var(--colors-white) 50%, transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in srgb, var(--colors-black) 40%, transparent);}\n.dark .dark\\:bg-black\\/45{background-color:color-mix(in srgb, var(--colors-black) 45%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in srgb, var(--colors-red-500) 10%, transparent);}\n.hover\\:bg-\\[\\#8881\\]:hover{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.hover\\:bg-\\[\\#8882\\]:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.hover\\:bg-\\#8888:hover{background-color:color-mix(in oklab, #8888 var(--un-bg-opacity), transparent);}\n.hover\\:bg-gray\\/10:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 10%, transparent);}\n.hover\\:bg-gray\\/15:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:bg-gray\\/20:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 20%, transparent);}\n.hover\\:bg-gray\\/5:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 5%, transparent);}\n.hover\\:bg-orange\\/20:hover{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 20%, transparent);}\n.hover\\:bg-primary\\/25:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 25%, transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in srgb, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/20:hover{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 20%, transparent);}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50,\n.group:hover .group-hover\\:op50{opacity:50%;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100,\n.opacity-100,\n.group:hover .group-hover\\:opacity-100{opacity:100%;}\n.op0,\n.opacity-0{opacity:0%;}\n.op25{opacity:25%;}\n.op30{opacity:30%;}\n.op40{opacity:40%;}\n.op60{opacity:60%;}\n.op60\\!{opacity:60% !important;}\n.op70{opacity:70%;}\n.op75{opacity:75%;}\n.op80{opacity:80%;}\n.hover\\:op100:hover{opacity:100%;}\n.hover\\:op60:hover{opacity:60%;}\n.hover\\:op70:hover{opacity:70%;}\n.hover\\:op80:hover{opacity:80%;}\n.disabled\\:op40:disabled{opacity:40%;}\n.disabled\\:op50:disabled{opacity:50%;}\n.line-through{text-decoration-line:line-through;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.flex-auto{flex:1 1 auto;}\n.flex-none{flex:none;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-row-reverse{flex-direction:row-reverse;}\n.flex-col{flex-direction:column;}\n.flex-col-reverse{flex-direction:column-reverse;}\n.flex-wrap{flex-wrap:wrap;}\n.gap-0{gap:calc(var(--spacing) * 0);}\n.gap-0\\.5{gap:calc(var(--spacing) * 0.5);}\n.gap-1{gap:calc(var(--spacing) * 1);}\n.gap-1\\.5{gap:calc(var(--spacing) * 1.5);}\n.gap-2{gap:calc(var(--spacing) * 2);}\n.gap-3{gap:calc(var(--spacing) * 3);}\n.gap-4{gap:calc(var(--spacing) * 4);}\n.gap-6{gap:calc(var(--spacing) * 6);}\n.gap-x-2{column-gap:calc(var(--spacing) * 2);}\n.gap-y-0\\.5{row-gap:calc(var(--spacing) * 0.5);}\n.grid{display:grid;}\n.cols-\\[max-content_1fr\\]{grid-template-columns:max-content 1fr;}\n.h-0\\.5{height:calc(var(--spacing) * 0.5);}\n.h-1{height:calc(var(--spacing) * 1);}\n.h-1\\.5{height:calc(var(--spacing) * 1.5);}\n.h-1\\/3{height:33.3333333333%;}\n.h-10{height:calc(var(--spacing) * 10);}\n.h-14{height:calc(var(--spacing) * 14);}\n.h-16{height:calc(var(--spacing) * 16);}\n.h-2{height:calc(var(--spacing) * 2);}\n.h-20px{height:20px;}\n.h-24{height:calc(var(--spacing) * 24);}\n.h-3{height:calc(var(--spacing) * 3);}\n.h-3\\.5{height:calc(var(--spacing) * 3.5);}\n.h-4{height:calc(var(--spacing) * 4);}\n.h-4\\.5{height:calc(var(--spacing) * 4.5);}\n.h-5{height:calc(var(--spacing) * 5);}\n.h-6{height:calc(var(--spacing) * 6);}\n.h-7{height:calc(var(--spacing) * 7);}\n.h-8{height:calc(var(--spacing) * 8);}\n.h-9{height:calc(var(--spacing) * 9);}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h-screen{height:100vh;}\n.max-h-\\[60vh\\]{max-height:60vh;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-100{max-width:calc(var(--spacing) * 100);}\n.max-w-108{max-width:calc(var(--spacing) * 108);}\n.max-w-200{max-width:calc(var(--spacing) * 200);}\n.max-w-220px{max-width:220px;}\n.max-w-64{max-width:calc(var(--spacing) * 64);}\n.max-w-92{max-width:calc(var(--spacing) * 92);}\n.max-w-96{max-width:calc(var(--spacing) * 96);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:var(--container-lg);}\n.max-w-prose{max-width:var(--container-prose);}\n.max-w-sm{max-width:var(--container-sm);}\n.max-w-xs{max-width:var(--container-xs);}\n.min-h-0{min-height:calc(var(--spacing) * 0);}\n.min-h-16{min-height:calc(var(--spacing) * 16);}\n.min-h-40{min-height:calc(var(--spacing) * 40);}\n.min-h-5{min-height:calc(var(--spacing) * 5);}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:calc(var(--spacing) * 0);}\n.min-w-28{min-width:calc(var(--spacing) * 28);}\n.min-w-36{min-width:calc(var(--spacing) * 36);}\n.min-w-40{min-width:calc(var(--spacing) * 40);}\n.min-w-44{min-width:calc(var(--spacing) * 44);}\n.min-w-5{min-width:calc(var(--spacing) * 5);}\n.min-w-6{min-width:calc(var(--spacing) * 6);}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-\\[40px\\]{width:40px;}\n.w-1\\.5{width:calc(var(--spacing) * 1.5);}\n.w-10{width:calc(var(--spacing) * 10);}\n.w-11{width:calc(var(--spacing) * 11);}\n.w-12{width:calc(var(--spacing) * 12);}\n.w-16{width:calc(var(--spacing) * 16);}\n.w-2{width:calc(var(--spacing) * 2);}\n.w-2\\/5{width:40%;}\n.w-20px{width:20px;}\n.w-24{width:calc(var(--spacing) * 24);}\n.w-2px{width:2px;}\n.w-3{width:calc(var(--spacing) * 3);}\n.w-3\\.5{width:calc(var(--spacing) * 3.5);}\n.w-3\\/5{width:60%;}\n.w-4{width:calc(var(--spacing) * 4);}\n.w-4\\.5{width:calc(var(--spacing) * 4.5);}\n.w-5{width:calc(var(--spacing) * 5);}\n.w-6{width:calc(var(--spacing) * 6);}\n.w-64{width:calc(var(--spacing) * 64);}\n.w-7{width:calc(var(--spacing) * 7);}\n.w-72{width:calc(var(--spacing) * 72);}\n.w-8{width:calc(var(--spacing) * 8);}\n.w-8\\.5{width:calc(var(--spacing) * 8.5);}\n.w-80{width:calc(var(--spacing) * 80);}\n.w-96{width:calc(var(--spacing) * 96);}\n.w-auto\\!{width:auto !important;}\n.w-fit{width:fit-content;}\n.w-full{width:100%;}\n.w-lg{width:var(--container-lg);}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.w-screen{width:100vw;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.contents{display:contents;}\n.dark .dark-hidden,\n.hidden,\n.light .light-hidden{display:none;}\n.visible{visibility:visible;}\n.invisible{visibility:hidden;}\n.collapse{visibility:collapse;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.cursor-not-allowed{cursor:not-allowed;}\n.cursor-grab{cursor:grab;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.whitespace-pre-wrap{white-space:pre-wrap;}\n.ws-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.text-balance{text-wrap:balance;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.ring-1\\.5{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1.5px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-2:focus-within{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-1:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-3:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-3:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.ring-purple\\/50{--un-ring-color:color-mix(in srgb, var(--colors-purple-DEFAULT) 50%, transparent);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/25:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 25%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-primary\\/30:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 30%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 30%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow,\n.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.-translate-x-1\\/2,\n.translate-x--1\\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.-translate-y-2{--un-translate-y:calc(var(--spacing) * -2);translate:var(--un-translate-x) var(--un-translate-y);}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked],\n.translate-x-4{--un-translate-x:calc(var(--spacing) * 4);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-0\\.5{--un-translate-x:calc(var(--spacing) * 0.5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-1{--un-translate-x:calc(var(--spacing) * 1);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-5{--un-translate-x:calc(var(--spacing) * 5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y--1\\/2{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-0{--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-2{--un-translate-y:calc(var(--spacing) * 2);translate:var(--un-translate-x) var(--un-translate-y);}\n.-rotate-90{rotate:-90deg;}\n.rotate--45{rotate:-45deg;}\n.rotate-0{rotate:0deg;}\n.rotate-180{rotate:180deg;}\n.rotate-270{rotate:270deg;}\n.rotate-90{rotate:90deg;}\n.scale-100{--un-scale-x:100%;--un-scale-y:100%;scale:var(--un-scale-x) var(--un-scale-y);}\n.scale-120{--un-scale-x:120%;--un-scale-y:120%;scale:var(--un-scale-x) var(--un-scale-y);}\n.scale-98{--un-scale-x:98%;--un-scale-y:98%;scale:var(--un-scale-x) var(--un-scale-y);}\n.hover\\:scale-110:hover{--un-scale-x:110%;--un-scale-y:110%;scale:var(--un-scale-x) var(--un-scale-y);}\n.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-opacity{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.duration-150{--un-duration:150ms;transition-duration:150ms;}\n.duration-200{--un-duration:200ms;transition-duration:200ms;}\n.duration-250{--un-duration:250ms;transition-duration:250ms;}\n.duration-300{--un-duration:300ms;transition-duration:300ms;}\n.delay-200{transition-delay:200ms;}\n.ease-in{--un-ease:var(--ease-in);transition-timing-function:var(--ease-in);}\n.ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}\n.ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.box-border{box-sizing:border-box;}\n.inset-0{inset:calc(var(--spacing) * 0);}\n.inset-x-0{inset-inline:calc(var(--spacing) * 0);}\n.bottom-0{bottom:calc(var(--spacing) * 0);}\n.bottom-4{bottom:calc(var(--spacing) * 4);}\n.bottom-4px{bottom:4px;}\n.left-0{left:calc(var(--spacing) * 0);}\n.left-1\\.5{left:calc(var(--spacing) * 1.5);}\n.left-1\\/2{left:50%;}\n.left-2{left:calc(var(--spacing) * 2);}\n.left-2\\.5{left:calc(var(--spacing) * 2.5);}\n.left-4{left:calc(var(--spacing) * 4);}\n.left-5px{left:5px;}\n.right--1px{right:-1px;}\n.right-0{right:calc(var(--spacing) * 0);}\n.right-0\\.5{right:calc(var(--spacing) * 0.5);}\n.right-2{right:calc(var(--spacing) * 2);}\n.right-4{right:calc(var(--spacing) * 4);}\n.top--32px{top:-32px;}\n.top-0{top:calc(var(--spacing) * 0);}\n.top-0\\.5{top:calc(var(--spacing) * 0.5);}\n.top-1{top:calc(var(--spacing) * 1);}\n.top-1\\/2{top:50%;}\n.top-4{top:calc(var(--spacing) * 4);}\n.top-4px{top:4px;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.z--1{z-index:-1;}\n.of-hidden,\n.overflow-hidden{overflow:hidden;}\n.overflow-auto{overflow:auto;}\n.of-x-hidden{overflow-x:hidden;}\n.of-y-auto{overflow-y:auto;}\n.of-y-hidden{overflow-y:hidden;}\n.stroke-current{stroke:currentColor;}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.object-contain{object-fit:contain;}\n.backdrop-blur-0{--un-backdrop-blur:blur(0px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.backdrop-blur-1{--un-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.backdrop-blur-sm{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.blur-2xl{--un-blur:blur(40px);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.invert{--un-invert:invert(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.saturate-0{--un-saturate:saturate(0%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.touch-none{touch-action:none;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}\n.divide-\\#8882{\n:where(&>:not(:last-child)){border-color:color-mix(in oklab, #8882 var(--un-divide-opacity), transparent);}\n}\n.divide-y{\n:where(&>:not(:last-child)){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}\n}\n.group-data-\\[state\\=open\\]\\:rotate-90{\n&:is(:where(.group)[data-state=open] *){rotate:90deg;}\n}\n.space-y-0\\.5{\n:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0.5) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0.5) * calc(1 - var(--un-space-y-reverse)));}\n}\n@supports (color: color-mix(in lab, red, red)){\n.dark .dark\\:text-amber-300{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in oklab, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-primary-300{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in oklab, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber{color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in oklab, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue{color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-gray{color:color-mix(in oklab, var(--colors-gray-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green{color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in oklab, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in oklab, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary-600{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.text-primary\\/bg-active{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red{color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in oklab, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}\n.caret-primary-500{caret-color:color-mix(in oklab, var(--colors-primary-500) var(--un-caret-opacity), transparent);}\n.border-amber-500\\/20{border-color:color-mix(in oklab, var(--colors-amber-500) 20%, transparent);}\n.border-amber\\/20{border-color:color-mix(in oklab, var(--colors-amber-DEFAULT) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in oklab, var(--colors-blue-500) 20%, transparent);}\n.border-error\\!{border-color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-green-500\\/20{border-color:color-mix(in oklab, var(--colors-green-500) 20%, transparent);}\n.border-primary-400\\/60{border-color:color-mix(in oklab, var(--colors-primary-400) 60%, transparent);}\n.border-primary\\/30{border-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 30%, transparent);}\n.border-red-500\\/20{border-color:color-mix(in oklab, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in oklab, var(--colors-red-500) 60%, transparent);}\n.border-red-500\\/70{border-color:color-mix(in oklab, var(--colors-red-500) 70%, transparent);}\n.dark .dark\\:border-primary-400\\/50{border-color:color-mix(in oklab, var(--colors-primary-400) 50%, transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus-within\\:border-gray\\/15:focus-within{border-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:border-gray\\/10:hover{border-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 10%, transparent);}\n.focus\\:border-primary-500:focus{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus\\:border-primary\\/40:focus{border-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 40%, transparent);}\n.bg-amber{background-color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.bg-amber\\/10{background-color:color-mix(in oklab, var(--colors-amber-DEFAULT) 10%, transparent);}\n.bg-black\\/30{background-color:color-mix(in oklab, var(--colors-black) 30%, transparent);}\n.bg-blue{background-color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.bg-blue\\/10{background-color:color-mix(in oklab, var(--colors-blue-DEFAULT) 10%, transparent);}\n.bg-error\\!{background-color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-gray{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-gray\\/10{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 10%, transparent);}\n.bg-gray\\/20{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 20%, transparent);}\n.bg-gray\\/3{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 3%, transparent);}\n.bg-gray\\/30{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 30%, transparent);}\n.bg-gray\\/5{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 5%, transparent);}\n.bg-green{background-color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-green-400\\/10{background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\/10{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 10%, transparent);}\n.bg-primary{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-primary-500{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-primary-500\\/20{background-color:color-mix(in oklab, var(--colors-primary-500) 20%, transparent);}\n.bg-primary\\/10{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-primary\\/15{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-primary\\/20{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 20%, transparent);}\n.bg-red{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\/10{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-white\\/50{background-color:color-mix(in oklab, var(--colors-white) 50%, transparent);}\n.dark .dark\\:bg-black\\/30{background-color:color-mix(in oklab, var(--colors-black) 30%, transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in oklab, var(--colors-black) 40%, transparent);}\n.dark .dark\\:bg-black\\/45{background-color:color-mix(in oklab, var(--colors-black) 45%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in oklab, var(--colors-red-500) 10%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.hover\\:bg-gray\\/10:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 10%, transparent);}\n.hover\\:bg-gray\\/15:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:bg-gray\\/20:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 20%, transparent);}\n.hover\\:bg-gray\\/5:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 5%, transparent);}\n.hover\\:bg-orange\\/20:hover{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 20%, transparent);}\n.hover\\:bg-primary\\/25:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 25%, transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in oklab, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/20:hover{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 20%, transparent);}\n.ring-purple\\/50{--un-ring-color:color-mix(in oklab, var(--colors-purple-DEFAULT) 50%, transparent);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/25:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 25%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-primary\\/30:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 30%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 30%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.sm\\:p-6{padding:calc(var(--spacing) * 6);}\n.sm\\:gap-2\\.5{gap:calc(var(--spacing) * 2.5);}\n}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations, and imported after\n * `virtual:uno.css` in the Storybook preview for the same reason.\n *\n * Each Wind4 stop (`--colors-primary-*`) is derived from `--devframe-primary`\n * via `color-mix`. When `--devframe-primary` is unset, the intermediate\n * `--devframe-primary-<stop>` vars become guaranteed-invalid (their `color-mix`\n * references an unset var with no fallback), so each `--colors-primary-<stop>`\n * falls back to the exact devframe default hex — the default look is preserved,\n * and only an explicit override derives a new ramp. The vars inherit through\n * the tree, so setting `--devframe-primary` on the dock host retints\n * everything, and setting it on a group's chrome container retints just that\n * group (the group-accent mechanism).\n *\n * `:host` is the effective selector inside the dock's shadow root; `:root` is\n * for the light-DOM Storybook preview (it matches nothing in the shadow root).\n *\n * `.devframes-accent-scope` re-declares the whole block on a group's chrome\n * container: because custom properties inherit as computed values, a descendant\n * that only overrides `--devframe-primary` would keep the `:host`-computed\n * stops — re-running the derivation here recomputes them from the container's\n * own `--devframe-primary` (a group's `accentColor`), retinting just that group.\n */\n:root,\n:host,\n.devframes-accent-scope {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
diff --git a/packages/hub-ui/uno.config.ts b/packages/hub-ui/uno.config.ts
index bc5b75c8..f610aa6f 100644
--- a/packages/hub-ui/uno.config.ts
+++ b/packages/hub-ui/uno.config.ts
@@ -1,20 +1,16 @@
-import { mergeConfigs, presetWind3 } from 'unocss'
-import { createDesignConfig } from '../../design/uno.config'
+import { mergeConfigs } from 'unocss'
+import { designConfig } from '../../design/uno.config'
 
 // The shared devframe design base (see `design/uno.config.ts` and the root
 // AGENTS.md "Design system" section) plus this package's own extraction
 // globs and the dock-shell z-layers. The generated stylesheet is compiled
 // ahead of time by `scripts/build-css.ts` into
 // `src/client/.generated/css.ts` and injected into each custom element's
-// shadow root, so the components stay styled in any host page without a
-// global stylesheet.
-//
-// Composed on a **Wind3** base rather than the shared default's Wind4: the
-// dock renders inside a custom element's shadow root, and Wind4's
-// `@property`/cascade-layer theme output doesn't apply reliably to the
-// stylesheet adopted into that shadow tree — Wind3's plain utility output does.
+// shadow root — `build-css.ts` rewrites the theme's `:root` selector to
+// `:root, :host` so `@antfu/design`'s `--colors-*` variables cascade into
+// that shadow tree (they otherwise only apply to the top-level document).
 export default mergeConfigs([
-  createDesignConfig({ base: presetWind3() }),
+  designConfig,
   {
     content: {
       pipeline: {
diff --git a/packages/json-render-ui/scripts/build-css.ts b/packages/json-render-ui/scripts/build-css.ts
index e0dcb1ed..1da06d9e 100644
--- a/packages/json-render-ui/scripts/build-css.ts
+++ b/packages/json-render-ui/scripts/build-css.ts
@@ -25,6 +25,16 @@ const IGNORE = ['**/*.stories.*', '**/__tests__/**']
 const PRIMARY_RAMP = join(SRC_DIR, 'renderer-module/primary-ramp.css')
 const GENERATED_CSS = join(SRC_DIR, '.generated/css.ts')
 
+/**
+ * Retarget Wind4's theme `:root {}` block at `:root, :host` so its
+ * `--colors-*` (and other design tokens) cascade into the shadow root the
+ * renderer module adopts the stylesheet into — a `:root` selector matches
+ * only the top-level document, never the shadow host.
+ */
+function shadowScopeTheme(css: string): string {
+  return css.replaceAll(':root {', ':root, :host {').replaceAll(':root{', ':root, :host{')
+}
+
 export async function buildCSS(): Promise<void> {
   const require = createRequire(import.meta.url)
   const reset = await fs.readFile(require.resolve('@unocss/reset/tailwind.css'), 'utf-8')
@@ -57,7 +67,10 @@ export async function buildCSS(): Promise<void> {
   const unoResult = await generator.generate(tokens)
   const css = [
     reset,
-    unoResult.css,
+    // Make Wind4's `:root {}` theme block apply inside the renderer module's
+    // shadow root (see `shadowScopeTheme`) — otherwise `bg-base` / `color-base`
+    // and every `color-mix(var(--colors-*))` utility resolve to nothing there.
+    shadowScopeTheme(unoResult.css),
     primaryRamp,
   ].join('\n')
 
diff --git a/packages/json-render-ui/src/.generated/css.ts b/packages/json-render-ui/src/.generated/css.ts
index 8295b8b8..300b8d0f 100644
--- a/packages/json-render-ui/src/.generated/css.ts
+++ b/packages/json-render-ui/src/.generated/css.ts
@@ -1,3 +1,3 @@
 /* eslint-disable eslint-comments/no-unlimited-disable */
 /* eslint-disable */
-export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.border-mute{--un-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));opacity:1 !important;}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.hover\\:bg-hover:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.dark .hover\\:bg-secondary:hover{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.hover\\:bg-secondary:hover{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.btn-action:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-bg-opacity:1;background-color:rgb(64 112 75 / var(--un-bg-opacity));}\n.bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}\n.dark .bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(17 17 17 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(17 17 17 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(17 17 17 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(17 17 17 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n.dark .hover\\:color-active:hover{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.hover\\:color-active:hover{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .hover\\:color-base:hover{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.hover\\:color-base:hover{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--un-brightness:brightness(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0);}\n.icon-catppuccin{--un-brightness:brightness(0.8);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.right-0{right:0;}\n.right-4{right:1rem;}\n.top-0{top:0;}\n.top-4{top:1rem;}\n.grid{display:grid;}\n.m-auto{margin:auto;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb2{margin-bottom:0.5rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1,\n.ml1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2{margin-top:0.5rem;}\n.mt-4{margin-top:1rem;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:0.5rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:0.75rem;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-sm{max-width:24rem;}\n.max-w-xs{max-width:20rem;}\n.min-h-40{min-height:10rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:0.375rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-7{width:1.75rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--un-translate-x:1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-0\\.5{--un-translate-x:0.125rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y-2{--un-translate-y:0.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.-rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-98{--un-scale-x:0.98;--un-scale-y:0.98;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.list-none{list-style-type:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-1{row-gap:0.25rem;}\n.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-divide-opacity));}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-orange\\:50{border-color:rgb(251 146 60 / 0.5);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-border-opacity:1;border-color:rgb(87 136 97 / var(--un-border-opacity));}\n.border-red{--un-border-opacity:1;border-color:rgb(248 113 113 / var(--un-border-opacity));}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red\\!{--un-border-opacity:1 !important;border-color:rgb(248 113 113 / var(--un-border-opacity)) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-border-opacity:1;border-color:rgb(117 166 126 / var(--un-border-opacity));}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.border-dashed{border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8882{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8885{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-amber-400\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-blue-400\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\:5{background-color:rgb(251 146 60 / 0.05);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\:10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-bg-opacity)) !important;}\n.bg-red\\!{--un-bg-opacity:1 !important;background-color:rgb(248 113 113 / var(--un-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\#8888:hover{--un-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-red-600\\!:hover{--un-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-bg-opacity)) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:rgb(248 113 113 / 0.9) !important;}\n.stroke-current{stroke:currentColor;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1{padding:0.25rem;}\n.p-1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4,\n.p4{padding:1rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0\\.5,\n.py0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pl3{padding-left:0.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-1\\.5{padding-top:0.375rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.color-amber,\n.dark .dark\\:text-amber-400{--un-text-opacity:1;color:rgb(251 191 36 / var(--un-text-opacity));}\n.dark .dark\\:text-blue-300{--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .dark\\:text-green-300{--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.color-green,\n.dark .dark\\:text-green-400{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity));}\n.dark .dark\\:text-red-300{--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.color-red,\n.dark .dark\\:text-red-400{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}\n.text-amber-600{--un-text-opacity:1;color:rgb(217 119 6 / var(--un-text-opacity));}\n.text-amber-700{--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.text-blue-700{--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.text-green-600{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity));}\n.text-green-700{--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.text-orange{--un-text-opacity:1;color:rgb(251 146 60 / var(--un-text-opacity));}\n.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));}\n.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));}\n.text-red-700{--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}\n.color-primary{--un-text-opacity:1;color:rgb(58 106 69 / var(--un-text-opacity));}\n.color-white\\!{--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity)) !important;}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.font-semibold{font-weight:600;}\n.leading-none{line-height:1;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:1;}\n.op0{opacity:0;}\n.op75{opacity:0.75;}\n.hover\\:op100:hover{opacity:1;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.focus-within\\:ring-2:focus-within{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.saturate-0{--un-saturate:saturate(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:p-6{padding:1.5rem;}\n}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
+export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n/* layer: properties */\n@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{--un-bg-opacity:100%;--un-border-opacity:100%;--un-border-style:solid;--un-divide-opacity:100%;--un-divide-y-reverse:initial;--un-ease:initial;--un-from-opacity:100%;--un-leading:initial;--un-ring-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-text-opacity:100%;--un-to-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-via-opacity:100%;}}\n@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-leading{syntax:\"*\";inherits:false;}\n@property --un-border-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-ring-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-inset-ring-color{syntax:\"*\";inherits:false;}\n@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-ring-color{syntax:\"*\";inherits:false;}\n@property --un-ring-inset{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-color{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}\n@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-translate-x{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-y{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-z{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-scale-x{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-y{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-z{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-ease{syntax:\"*\";inherits:false;}\n@property --un-from-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%;}\n@property --un-gradient-position{syntax:\"*\";inherits:false;}\n@property --un-gradient-stops{syntax:\"*\";inherits:false;}\n@property --un-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%;}\n@property --un-gradient-via-stops{syntax:\"*\";inherits:false;}\n@property --un-to-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-via-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-backdrop-blur{syntax:\"*\";inherits:false;}\n@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}\n@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}\n@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}\n@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-invert{syntax:\"*\";inherits:false;}\n@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}\n@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}\n@property --un-blur{syntax:\"*\";inherits:false;}\n@property --un-brightness{syntax:\"*\";inherits:false;}\n@property --un-contrast{syntax:\"*\";inherits:false;}\n@property --un-drop-shadow{syntax:\"*\";inherits:false;}\n@property --un-grayscale{syntax:\"*\";inherits:false;}\n@property --un-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-invert{syntax:\"*\";inherits:false;}\n@property --un-saturate{syntax:\"*\";inherits:false;}\n@property --un-sepia{syntax:\"*\";inherits:false;}\n@property --un-numeric-figure{syntax:\"*\";inherits:false;}\n@property --un-numeric-fraction{syntax:\"*\";inherits:false;}\n@property --un-numeric-spacing{syntax:\"*\";inherits:false;}\n@property --un-ordinal{syntax:\"*\";inherits:false;}\n@property --un-slashed-zero{syntax:\"*\";inherits:false;}\n@property --un-divide-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n/* layer: theme */\n:root, :host { --spacing: 0.25rem; --radius-DEFAULT: 0.25rem; --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"; --fontWeight-medium: 500; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --fontWeight-semibold: 600; --fontWeight-bold: 700; --colors-orange-DEFAULT: oklch(75% 0.183 55.934); --container-prose: 65ch; --colors-blue-400: oklch(70.7% 0.165 254.624); --colors-green-400: oklch(79.2% 0.209 151.711); --colors-amber-400: oklch(82.8% 0.189 84.429); --colors-red-400: oklch(70.4% 0.191 22.216); --radius-lg: 0.5rem; --ease-out: cubic-bezier(0, 0, 0.2, 1); --radius-md: 0.375rem; --leading-none: 1; --tracking-wide: 0.025em; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --radius-xl: 0.75rem; --container-sm: 24rem; --colors-primary-500: #578861; --colors-primary-DEFAULT: #3a6a45; --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-blue-700: oklch(48.8% 0.243 264.376); --colors-green-500: oklch(72.3% 0.219 149.579); --colors-green-700: oklch(52.7% 0.154 150.069); --colors-amber-500: oklch(76.9% 0.188 70.08); --colors-amber-700: oklch(55.5% 0.163 48.998); --colors-red-500: oklch(63.7% 0.237 25.331); --colors-red-700: oklch(50.5% 0.213 27.518); --colors-green-600: oklch(62.7% 0.194 149.214); --colors-amber-600: oklch(66.6% 0.179 58.318); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-white: #fff; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --colors-black: #000; --colors-primary-400: #75a67e; --colors-blue-300: oklch(80.9% 0.105 251.813); --colors-green-300: oklch(87.1% 0.15 154.449); --colors-amber-300: oklch(87.9% 0.169 91.605); --colors-red-300: oklch(80.8% 0.114 19.571); --colors-neutral-500: oklch(55.6% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-primary-600: #40704b; --colors-neutral-400: oklch(70.8% 0 0); --colors-primary-300: #93c69d; --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --container-xs: 20rem; --container-lg: 32rem; --colors-blue-600: oklch(54.6% 0.245 262.881); --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }\n/* layer: base */\n *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  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-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, 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; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.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 { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :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: 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }\n/* layer: preflights */\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.badge{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));--un-leading:var(--leading-none);line-height:var(--leading-none);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 0.5);border-radius:var(--radius-md);display:inline-flex;gap:calc(var(--spacing) * 1);align-items:center;}\n.btn-action-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.text-micro{font-size:10px;--un-leading:1.4;line-height:1.4;}\n.badge-color-amber{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-amber-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-amber-400) 20%, transparent);}\n.dark .badge-color-amber{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-amber-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.badge-color-blue{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-blue-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-blue-400) 20%, transparent);}\n.dark .badge-color-blue{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-blue-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.badge-color-green{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-green-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-green-400) 20%, transparent);}\n.dark .badge-color-green{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-green-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.badge-color-red{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-red-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-red-400) 20%, transparent);}\n.dark .badge-color-red{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-red-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.btn-primary{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);opacity:100% !important;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.color-faint,\n.dark .color-faint{color:color-mix(in srgb, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in srgb, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.btn-action{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.btn-icon{--un-outline-style:none;outline-style:none;border-radius:calc(infinity * 1px);opacity:65%;display:flex;width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.btn-icon-compact{--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);opacity:65%;display:flex;width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.border-base{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.border-mute{border-color:color-mix(in oklab, #8881 var(--un-border-opacity), transparent);}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-ambient{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, #111 var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in srgb, var(--colors-white) 65%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass{background-color:color-mix(in oklab, #111 50%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in srgb, var(--colors-white) 98%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:75{background-color:color-mix(in oklab, #111 75%, transparent);}\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-secondary{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.dark .bg-secondary{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.hover\\:bg-hover:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.dark .hover\\:bg-secondary:hover{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.hover\\:bg-secondary:hover{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.btn-action:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-action-sm:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon-compact:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-primary:hover{background-color:color-mix(in srgb, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:55%;}\n.op-fade{opacity:65%;}\n.dark .op-mute{opacity:25%;}\n.op-mute{opacity:30%;}\n.btn-action:disabled{opacity:30% !important;pointer-events:none;}\n.btn-action-sm:disabled{opacity:30% !important;pointer-events:none;}\n.btn-icon:disabled{opacity:30%;pointer-events:none;}\n.btn-icon-compact:disabled{opacity:30%;pointer-events:none;}\n.btn-primary:disabled{opacity:50%;pointer-events:none;}\n.dark .disabled\\:op-mute:disabled{opacity:25%;}\n.disabled\\:op-mute:disabled{opacity:30%;}\n.dark .placeholder\\:op-mute::placeholder{opacity:25%;}\n.placeholder\\:op-mute::placeholder{opacity:30%;}\n.container{width:100%;}\n.btn-action:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.bg-gradient-more{--un-gradient-from:color-mix(in oklab, var(--colors-white) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, var(--colors-white) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, var(--colors-white) var(--un-to-opacity), transparent);--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops));}\n.dark .bg-gradient-more{--un-gradient-from:color-mix(in oklab, #111 var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, #111 var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, #111 var(--un-to-opacity), transparent);}\n.dark .icon-catppuccin{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0%);}\n.icon-catppuccin{--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(100%);}\n@supports (color: color-mix(in lab, red, red)){\n.badge-color-amber{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-amber-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-amber-400) 20%, transparent);}\n.dark .badge-color-amber{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-amber-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.badge-color-blue{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-blue-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-blue-400) 20%, transparent);}\n.dark .badge-color-blue{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-blue-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.badge-color-green{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-green-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-green-400) 20%, transparent);}\n.dark .badge-color-green{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-green-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.badge-color-red{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-red-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-red-400) 20%, transparent);}\n.dark .badge-color-red{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-red-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.btn-primary{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.color-active{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.color-base{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.dark .color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in oklab, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-base{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=active\\]\\:bg-base[data-state=active]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in oklab, var(--colors-white) 65%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in oklab, var(--colors-white) 98%, transparent);}\n.btn-primary:hover{background-color:color-mix(in oklab, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.btn-action:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.container{max-width:40rem;}\n}\n@media (min-width: 48rem){\n.container{max-width:48rem;}\n}\n@media (min-width: 64rem){\n.container{max-width:64rem;}\n}\n@media (min-width: 80rem){\n.container{max-width:80rem;}\n}\n@media (min-width: 96rem){\n.container{max-width:96rem;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}\n.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}\n.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}\n.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}\n.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}\n.dark .dark\\:text-amber-300{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in srgb, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in srgb, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in srgb, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in srgb, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in srgb, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in srgb, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}\n.color-amber{color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.color-green{color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.color-primary{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.color-red{color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.color-white\\!{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) !important;}\n.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}\n.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}\n.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}\n.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}\n.font-mono{font-family:var(--font-mono);}\n.font-sans{font-family:var(--font-sans);}\n.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.m-auto{margin:auto;}\n.mx--1{margin-inline:calc(var(--spacing) * -1);}\n.mx-1{margin-inline:calc(var(--spacing) * 1);}\n.mx-2{margin-inline:calc(var(--spacing) * 2);}\n.my-1{margin-block:calc(var(--spacing) * 1);}\n.my-2{margin-block:calc(var(--spacing) * 2);}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:calc(var(--spacing) * 1);}\n.mb2{margin-bottom:calc(var(--spacing) * 2);}\n.ml-0\\.5{margin-left:calc(var(--spacing) * 0.5);}\n.ml-1,\n.ml1{margin-left:calc(var(--spacing) * 1);}\n.ml-1\\.5{margin-left:calc(var(--spacing) * 1.5);}\n.ms{margin-inline-start:calc(var(--spacing) * 4);}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:calc(var(--spacing) * 0.5);}\n.mt-1{margin-top:calc(var(--spacing) * 1);}\n.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5);}\n.mt-2{margin-top:calc(var(--spacing) * 2);}\n.mt-4{margin-top:calc(var(--spacing) * 4);}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:calc(var(--spacing) * 0.5);}\n.p-1{padding:calc(var(--spacing) * 1);}\n.p-1\\.5{padding:calc(var(--spacing) * 1.5);}\n.p-2,\n.p2{padding:calc(var(--spacing) * 2);}\n.p-3{padding:calc(var(--spacing) * 3);}\n.p-4,\n.p4{padding:calc(var(--spacing) * 4);}\n.px,\n.px-4,\n.px4{padding-inline:calc(var(--spacing) * 4);}\n.px-1,\n.px1{padding-inline:calc(var(--spacing) * 1);}\n.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5);}\n.px-2,\n.px2{padding-inline:calc(var(--spacing) * 2);}\n.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5);}\n.px-2\\.5\\!{padding-inline:calc(var(--spacing) * 2.5) !important;}\n.px-3{padding-inline:calc(var(--spacing) * 3);}\n.px-6{padding-inline:calc(var(--spacing) * 6);}\n.py-0\\.5,\n.py0\\.5{padding-block:calc(var(--spacing) * 0.5);}\n.py-1,\n.py1{padding-block:calc(var(--spacing) * 1);}\n.py-1\\!{padding-block:calc(var(--spacing) * 1) !important;}\n.py-1\\.5,\n.py1\\.5{padding-block:calc(var(--spacing) * 1.5);}\n.py-10{padding-block:calc(var(--spacing) * 10);}\n.py-12{padding-block:calc(var(--spacing) * 12);}\n.py-2{padding-block:calc(var(--spacing) * 2);}\n.py-3{padding-block:calc(var(--spacing) * 3);}\n.py-4{padding-block:calc(var(--spacing) * 4);}\n.py2\\.5{padding-block:calc(var(--spacing) * 2.5);}\n.pb-1{padding-bottom:calc(var(--spacing) * 1);}\n.pl-4{padding-left:calc(var(--spacing) * 4);}\n.pl-5{padding-left:calc(var(--spacing) * 5);}\n.pl-7{padding-left:calc(var(--spacing) * 7);}\n.pl3{padding-left:calc(var(--spacing) * 3);}\n.pr-2{padding-right:calc(var(--spacing) * 2);}\n.pt-1\\.5{padding-top:calc(var(--spacing) * 1.5);}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.outline-none{--un-outline-style:none;outline-style:none;}\n.list-none{list-style-type:none;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:color-mix(in srgb, var(--colors-amber-500) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in srgb, var(--colors-blue-500) 20%, transparent);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:color-mix(in srgb, var(--colors-green-500) 20%, transparent);}\n.border-orange\\:50{border-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 50%, transparent);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.border-red{border-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent);}\n.border-red-500\\/20{border-color:color-mix(in srgb, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in srgb, var(--colors-red-500) 60%, transparent);}\n.border-red\\!{border-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in srgb, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:var(--radius-DEFAULT);}\n.rounded-full{border-radius:calc(infinity * 1px);}\n.rounded-lg{border-radius:var(--radius-lg);}\n.rounded-md{border-radius:var(--radius-md);}\n.rounded-xl{border-radius:var(--radius-xl);}\n.border-dashed{--un-border-style:dashed;border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:color-mix(in oklab, #ddd 40%, transparent);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.bg-\\#8882{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-\\#8885{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\:5{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 5%, transparent);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\:10{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-red\\!{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in srgb, var(--colors-black) 40%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in srgb, var(--colors-red-500) 10%, transparent);}\n.hover\\:bg-\\#8888:hover{background-color:color-mix(in oklab, #8888 var(--un-bg-opacity), transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in srgb, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 90%, transparent) !important;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:50%;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:100%;}\n.op0{opacity:0%;}\n.op75{opacity:75%;}\n.hover\\:op100:hover{opacity:100%;}\n.disabled\\:op50:disabled{opacity:50%;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.gap-0\\.5{gap:calc(var(--spacing) * 0.5);}\n.gap-1{gap:calc(var(--spacing) * 1);}\n.gap-1\\.5{gap:calc(var(--spacing) * 1.5);}\n.gap-2{gap:calc(var(--spacing) * 2);}\n.gap-3{gap:calc(var(--spacing) * 3);}\n.gap-4{gap:calc(var(--spacing) * 4);}\n.gap-x-2{column-gap:calc(var(--spacing) * 2);}\n.gap-y-1{row-gap:calc(var(--spacing) * 1);}\n.grid{display:grid;}\n.h-0\\.5{height:calc(var(--spacing) * 0.5);}\n.h-1{height:calc(var(--spacing) * 1);}\n.h-1\\.5{height:calc(var(--spacing) * 1.5);}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:calc(var(--spacing) * 2);}\n.h-3\\.5{height:calc(var(--spacing) * 3.5);}\n.h-4{height:calc(var(--spacing) * 4);}\n.h-5{height:calc(var(--spacing) * 5);}\n.h-6{height:calc(var(--spacing) * 6);}\n.h-7{height:calc(var(--spacing) * 7);}\n.h-8{height:calc(var(--spacing) * 8);}\n.h-9{height:calc(var(--spacing) * 9);}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:calc(var(--spacing) * 3);}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:var(--container-lg);}\n.max-w-prose{max-width:var(--container-prose);}\n.max-w-sm{max-width:var(--container-sm);}\n.max-w-xs{max-width:var(--container-xs);}\n.min-h-40{min-height:calc(var(--spacing) * 40);}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:calc(var(--spacing) * 0);}\n.min-w-40{min-width:calc(var(--spacing) * 40);}\n.min-w-44{min-width:calc(var(--spacing) * 44);}\n.min-w-5{min-width:calc(var(--spacing) * 5);}\n.min-w-6{min-width:calc(var(--spacing) * 6);}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:calc(var(--spacing) * 1.5);}\n.w-2{width:calc(var(--spacing) * 2);}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:calc(var(--spacing) * 4);}\n.w-7{width:calc(var(--spacing) * 7);}\n.w-8\\.5{width:calc(var(--spacing) * 8.5);}\n.w-80{width:calc(var(--spacing) * 80);}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.visible{visibility:visible;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.focus-within\\:ring-2:focus-within{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow,\n.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.-translate-x-1\\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--un-translate-x:calc(var(--spacing) * 4);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-0\\.5{--un-translate-x:calc(var(--spacing) * 0.5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-2{--un-translate-y:calc(var(--spacing) * 2);translate:var(--un-translate-x) var(--un-translate-y);}\n.-rotate-90{rotate:-90deg;}\n.rotate-90{rotate:90deg;}\n.scale-98{--un-scale-x:98%;--un-scale-y:98%;scale:var(--un-scale-x) var(--un-scale-y);}\n.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.duration-200{--un-duration:200ms;transition-duration:200ms;}\n.duration-250{--un-duration:250ms;transition-duration:250ms;}\n.duration-300{--un-duration:300ms;transition-duration:300ms;}\n.ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}\n.ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.inset-0{inset:calc(var(--spacing) * 0);}\n.inset-x-0{inset-inline:calc(var(--spacing) * 0);}\n.bottom-0{bottom:calc(var(--spacing) * 0);}\n.bottom-4{bottom:calc(var(--spacing) * 4);}\n.left-0{left:calc(var(--spacing) * 0);}\n.left-1\\.5{left:calc(var(--spacing) * 1.5);}\n.left-1\\/2{left:50%;}\n.left-2{left:calc(var(--spacing) * 2);}\n.left-2\\.5{left:calc(var(--spacing) * 2.5);}\n.left-4{left:calc(var(--spacing) * 4);}\n.right-0{right:calc(var(--spacing) * 0);}\n.right-4{right:calc(var(--spacing) * 4);}\n.top-0{top:calc(var(--spacing) * 0);}\n.top-4{top:calc(var(--spacing) * 4);}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.stroke-current{stroke:currentColor;}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.backdrop-blur-sm{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.invert{--un-invert:invert(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.saturate-0{--un-saturate:saturate(0%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.touch-none{touch-action:none;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}\n.divide-\\#8882{\n:where(&>:not(:last-child)){border-color:color-mix(in oklab, #8882 var(--un-divide-opacity), transparent);}\n}\n.divide-y{\n:where(&>:not(:last-child)){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}\n}\n.group-data-\\[state\\=open\\]\\:rotate-90{\n&:is(:where(.group)[data-state=open] *){rotate:90deg;}\n}\n@supports (color: color-mix(in lab, red, red)){\n.dark .dark\\:text-amber-300{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in oklab, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in oklab, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in oklab, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in oklab, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in oklab, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in oklab, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}\n.color-amber{color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.color-green{color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.color-primary{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.color-red{color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.color-white\\!{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) !important;}\n.border-amber-500\\/20{border-color:color-mix(in oklab, var(--colors-amber-500) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in oklab, var(--colors-blue-500) 20%, transparent);}\n.border-green-500\\/20{border-color:color-mix(in oklab, var(--colors-green-500) 20%, transparent);}\n.border-orange\\:50{border-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 50%, transparent);}\n.border-primary-500{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.border-red{border-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent);}\n.border-red-500\\/20{border-color:color-mix(in oklab, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in oklab, var(--colors-red-500) 60%, transparent);}\n.border-red\\!{border-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.dark .dark\\:border-primary-400{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.bg-green-400\\/10{background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\:5{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 5%, transparent);}\n.bg-primary-500{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\:10{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-red\\!{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in oklab, var(--colors-black) 40%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in oklab, var(--colors-red-500) 10%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in oklab, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 90%, transparent) !important;}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.sm\\:p-6{padding:calc(var(--spacing) * 6);}\n}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
diff --git a/packages/json-render-ui/src/spa/uno.config.ts b/packages/json-render-ui/src/spa/uno.config.ts
index b85eaf72..6a4005e8 100644
--- a/packages/json-render-ui/src/spa/uno.config.ts
+++ b/packages/json-render-ui/src/spa/uno.config.ts
@@ -2,21 +2,20 @@ import { presetAnthonyDesign } from '@antfu/design/unocss'
 import {
   defineConfig,
   presetIcons,
-  presetWind3,
+  presetWind4,
   transformerDirectives,
   transformerVariantGroup,
 } from 'unocss'
 
 // The prebuilt SPA renders `@devframes/json-render-ui`, whose components author
 // class strings in `.ts` render functions — so `.ts` is opted into extraction.
-// Same `@antfu/design` stack (sage-green preset, Phosphor, DM Sans/Mono) as
-// every other devframe surface, on the **Wind3** base the package's renderer
-// module uses (`../../uno.config.ts`) so the components render identically in
-// the standalone SPA and inside the shadow-root renderer module.
+// Same `@antfu/design` stack (sage-green preset, Wind4, Phosphor, DM Sans/Mono)
+// as every other devframe surface. This SPA renders into the page's light DOM,
+// so it needs no shadow-root theme rewrite (unlike the renderer module).
 export default defineConfig({
   presets: [
     presetAnthonyDesign({ primary: '#3a6a45' }),
-    presetWind3(),
+    presetWind4(),
     presetIcons({ scale: 1.1 }),
   ],
   transformers: [transformerDirectives(), transformerVariantGroup()],
diff --git a/packages/json-render-ui/uno.config.ts b/packages/json-render-ui/uno.config.ts
index a68ea864..4d964014 100644
--- a/packages/json-render-ui/uno.config.ts
+++ b/packages/json-render-ui/uno.config.ts
@@ -2,25 +2,25 @@ import { presetAnthonyDesign } from '@antfu/design/unocss'
 import {
   defineConfig,
   presetIcons,
-  presetWind3,
+  presetWind4,
   transformerDirectives,
   transformerVariantGroup,
 } from 'unocss'
 
 // The reference frontend uses `@antfu/design` directly: its preset (tuned to
-// devframe's sage green) over a Wind3 base, Phosphor icons, DM Sans/Mono and
+// devframe's sage green) over a Wind4 base, Phosphor icons, DM Sans/Mono and
 // the directive/variant-group transformers. Component class strings are
 // authored in `.ts` render functions, so `.ts` is opted into extraction. The
 // named `z-*` layers are the app's to own (the preset blocks plain `z-<number>`).
 //
-// Wind3, not the Wind4 the other devframe surfaces use: this stylesheet is
-// injected into the renderer module's own shadow root, and Wind4's
-// `@property`/cascade-layer theme output doesn't apply reliably to
-// adopted-stylesheet content inside a shadow tree — Wind3's plain utilities do.
+// The prebuilt renderer module injects its compiled stylesheet into its own
+// shadow root; `scripts/build-css.ts` rewrites the theme's `:root` selector to
+// `:root, :host` so `@antfu/design`'s `--colors-*` variables cascade into that
+// shadow tree (they otherwise only apply to the top-level document).
 export default defineConfig({
   presets: [
     presetAnthonyDesign({ primary: '#3a6a45' }),
-    presetWind3(),
+    presetWind4(),
     presetIcons({ scale: 1.1 }),
   ],
   transformers: [transformerDirectives(), transformerVariantGroup()],

From f04423742f7f3ef434ea80493b4a5c925ddc9c2e Mon Sep 17 00:00:00 2001
From: "Anthony Fu (via agent)" <reg-github-bot@antfu.me>
Date: Thu, 13 Aug 2026 06:22:48 +0000
Subject: [PATCH 07/11] fix(hub-ui,json-render-ui): Wind3 for web components +
 emit the plain surface tokens
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Per the web-component constraint, both shadow-root packages build on Wind3
(not Wind4): @antfu/design's semantic utilities compile to concrete rgb() +
.dark variants under Wind3, self-contained inside a shadow tree, whereas Wind4
keeps its theme/--un-* behind a document :root {} block and
@property { inherits: false } that never reach the shadow root.

The remaining breakage was a Wind3 shortcut+variant interaction: when a
semantic shortcut also appears variant-prefixed in the sources (@antfu/design's
Tabs emits data-[state=active]:bg-base), the single-pass build-css generate
dropped the *plain* .bg-base / .color-base rules — so the dock / renderer
surfaces lost their background and text colors, which is what made borders look
wrong in context. Fix: generate the shadow-surface tokens (shadowSurfaceSafelist,
shared from design/uno.config) in a dedicated pass and append them, so the plain
(and .dark) rules are always present. The standalone SPA (Vite unocss path)
isn't affected and keeps the tokens via safelist.

- design/uno.config: reintroduce createDesignConfig({ base }) + export
  shadowSurfaceSafelist; the shared designConfig stays Wind4 for every other
  (non-web-component) surface.
- hub-ui / json-render-ui: Wind3 base + safelist; build-css appends the
  dedicated surface pass. Regenerated both shadow-root stylesheets.

Reverts the Wind4 :root->:host attempt in cc987b2.
---
 design/uno.config.ts                          | 107 +++++++++++++-----
 packages/hub-ui/scripts/build-css.ts          |  27 ++---
 packages/hub-ui/src/client/.generated/css.ts  |   2 +-
 packages/hub-ui/uno.config.ts                 |  22 ++--
 packages/json-render-ui/scripts/build-css.ts  |  23 ++--
 packages/json-render-ui/src/.generated/css.ts |   2 +-
 packages/json-render-ui/src/spa/uno.config.ts |  11 +-
 packages/json-render-ui/uno.config.ts         |  24 ++--
 8 files changed, 131 insertions(+), 87 deletions(-)

diff --git a/design/uno.config.ts b/design/uno.config.ts
index f94e7972..df22a58a 100644
--- a/design/uno.config.ts
+++ b/design/uno.config.ts
@@ -1,3 +1,4 @@
+import type { Preset } from 'unocss'
 import { fileURLToPath } from 'node:url'
 import { presetAnthonyDesign } from '@antfu/design/unocss'
 import {
@@ -8,8 +9,24 @@ import {
   transformerVariantGroup,
 } from 'unocss'
 
+export interface CreateDesignConfigOptions {
+  /**
+   * The base utility preset `@antfu/design` layers on top of. Defaults to
+   * {@link presetWind4} (what every plugin and example uses). Surfaces that
+   * render inside a **web-component shadow root** (the hub-ui dock, the
+   * json-render renderer module) pass `presetWind3()` instead: Wind4 registers
+   * its theme + `--un-*` custom properties via `@property { inherits: false }`
+   * and keeps them in a document `:root {}` block, neither of which reaches a
+   * shadow tree — so its `color-mix(var(--colors-*))` utilities resolve to
+   * nothing there. Wind3 bakes the same `@antfu/design` semantic utilities to
+   * concrete `rgb()` + `.dark` variants, which are self-contained inside a
+   * shadow root.
+   */
+  base?: Preset<any> | Preset<any>[]
+}
+
 // Shared devframe UnoCSS base. Every plugin and example composes `@antfu/design`
-// the same way — its preset (tuned to devframe's sage green) over a Wind4 base,
+// the same way — its preset (tuned to devframe's sage green) over a Wind base,
 // Phosphor icons, DM Sans/Mono web fonts, and the directive/variant-group
 // transformers — so the surfaces look and feel like one product across
 // frameworks. Each app extends this via `mergeConfigs([designConfig, { … }])`
@@ -19,33 +36,61 @@ import {
 // navbar height live here so every surface shares one font stack, one z-index
 // scale and one fixed navbar height. The `@antfu/design` preset blocks plain
 // `z-<number>`, so the layers are named on purpose.
-export const designConfig = defineConfig({
-  presets: [
-    presetAnthonyDesign({ primary: '#3a6a45' }),
-    presetWind4(),
-    presetIcons({ scale: 1.1 }),
-  ],
-  transformers: [transformerDirectives(), transformerVariantGroup()],
-  // The shared class-helper builders (`design/design.ts`) assemble their class
-  // chains at runtime, so every app scans that one file (it carries
-  // `@unocss-include`) for extraction regardless of its own framework globs.
-  content: {
-    filesystem: [fileURLToPath(new URL('./design.ts', import.meta.url))],
-  },
-  // Wind4 leaves bare `border`/`border-b` at currentColor; restore the subtle
-  // shared border color (matching `border-base`) for unqualified borders.
-  preflights: [{ getCSS: () => '*,::before,::after{border-color:#8882}' }],
-  shortcuts: {
-    // Fixed navbar height, shared by every surface's top nav.
-    'h-nav': 'h-10',
-    // Named z-index layers, shared across every surface.
-    'z-nav': 'z-[30]',
-    'z-dropdown': 'z-[40]',
-    'z-tooltip': 'z-[45]',
-    'z-toast': 'z-[50]',
-    'z-modal-backdrop': 'z-[60]',
-    'z-modal-content': 'z-[70]',
-    'z-drawer-backdrop': 'z-[80]',
-    'z-drawer-content': 'z-[90]',
-  },
-})
+export function createDesignConfig(options: CreateDesignConfigOptions = {}) {
+  const base = options.base ?? presetWind4()
+  return defineConfig({
+    presets: [
+      presetAnthonyDesign({ primary: '#3a6a45' }),
+      ...(Array.isArray(base) ? base : [base]),
+      presetIcons({ scale: 1.1 }),
+    ],
+    transformers: [transformerDirectives(), transformerVariantGroup()],
+    // The shared class-helper builders (`design/design.ts`) assemble their class
+    // chains at runtime, so every app scans that one file (it carries
+    // `@unocss-include`) for extraction regardless of its own framework globs.
+    content: {
+      filesystem: [fileURLToPath(new URL('./design.ts', import.meta.url))],
+    },
+    // Wind leaves bare `border`/`border-b` at currentColor; restore the subtle
+    // shared border color (matching `border-base`) for unqualified borders.
+    preflights: [{ getCSS: () => '*,::before,::after{border-color:#8882}' }],
+    shortcuts: {
+      // Fixed navbar height, shared by every surface's top nav.
+      'h-nav': 'h-10',
+      // Named z-index layers, shared across every surface.
+      'z-nav': 'z-[30]',
+      'z-dropdown': 'z-[40]',
+      'z-tooltip': 'z-[45]',
+      'z-toast': 'z-[50]',
+      'z-modal-backdrop': 'z-[60]',
+      'z-modal-content': 'z-[70]',
+      'z-drawer-backdrop': 'z-[80]',
+      'z-drawer-content': 'z-[90]',
+    },
+  })
+}
+
+// The default shared base (Wind4), consumed by every plugin and example.
+export const designConfig = createDesignConfig()
+
+/**
+ * The `@antfu/design` semantic surface/text tokens a shadow-root surface
+ * (hub-ui dock, json-render renderer module) needs guaranteed in its compiled
+ * stylesheet. Each is a shortcut that expands to a base utility plus a
+ * `.dark:` variant; safelisting the shortcut name makes the generator emit
+ * both variants even when the class only reaches the extractor through a
+ * `.dark`-prefixed or dynamically-assembled string it can't see. Wind3 bakes
+ * these to concrete `rgb()`, so they stay self-contained inside the shadow
+ * tree.
+ */
+export const shadowSurfaceSafelist: string[] = [
+  'bg-base',
+  'bg-secondary',
+  'bg-active',
+  'bg-hover',
+  'color-base',
+  'color-muted',
+  'color-faint',
+  'color-active',
+  'border-base',
+]
diff --git a/packages/hub-ui/scripts/build-css.ts b/packages/hub-ui/scripts/build-css.ts
index ae3b0c3b..0e094cf6 100644
--- a/packages/hub-ui/scripts/build-css.ts
+++ b/packages/hub-ui/scripts/build-css.ts
@@ -6,6 +6,7 @@ import { colors as c } from 'devframe/utils/colors'
 import MagicString from 'magic-string'
 import { glob } from 'tinyglobby'
 import { createGenerator } from 'unocss'
+import { shadowSurfaceSafelist } from '../../../design/uno.config'
 import config from '../uno.config'
 
 // Compile the components' UnoCSS output ahead of time into a plain string
@@ -24,16 +25,6 @@ const USER_STYLE = join(SRC_DIR, 'style.css')
 const PRIMARY_RAMP = join(SRC_DIR, 'primary-ramp.css')
 const GENERATED_CSS = join(SRC_DIR, '.generated/css.ts')
 
-/**
- * Retarget Wind4's theme `:root {}` block at `:root, :host` so its
- * `--colors-*` (and other design tokens) cascade into the shadow root the
- * stylesheet is adopted into — a `:root` selector matches only the top-level
- * document, never the shadow host.
- */
-function shadowScopeTheme(css: string): string {
-  return css.replaceAll(':root {', ':root, :host {').replaceAll(':root{', ':root, :host{')
-}
-
 export async function buildCSS(): Promise<void> {
   const require = createRequire(import.meta.url)
   const reset = await fs.readFile(require.resolve('@unocss/reset/tailwind.css'), 'utf-8')
@@ -72,17 +63,17 @@ export async function buildCSS(): Promise<void> {
 
   const primaryRamp = await fs.readFile(PRIMARY_RAMP, 'utf-8')
   const unoResult = await generator.generate(tokens)
+  // Wind3 drops a *plain* semantic shortcut (`.bg-base` / `.color-base`) from
+  // the main pass when the same shortcut also appears variant-prefixed in the
+  // sources (e.g. `@antfu/design`'s Tabs emits `data-[state=active]:bg-base`) —
+  // a shortcut+variant interaction. Generate the shadow-surface tokens in a
+  // dedicated pass so their plain (and `.dark`) rules are always present.
+  const surfaces = await generator.generate(shadowSurfaceSafelist.join(' '))
   const css = [
     reset,
     userStyle.toString(),
-    // The dock's stylesheet is adopted into a custom element's shadow root,
-    // where a `:root` selector matches nothing (the shadow host is `:host`).
-    // Wind4 emits `@antfu/design`'s theme (`--colors-*`, spacing, …) in one
-    // `:root {}` block, so retarget it at `:root, :host` to make those
-    // variables cascade into the shadow tree — otherwise every `bg-base` /
-    // `color-base` / `color-mix(var(--colors-*))` utility resolves to nothing
-    // inside the dock. (`@property` registrations are document-global already.)
-    shadowScopeTheme(unoResult.css),
+    unoResult.css,
+    surfaces.css,
     primaryRamp,
   ].join('\n')
 
diff --git a/packages/hub-ui/src/client/.generated/css.ts b/packages/hub-ui/src/client/.generated/css.ts
index 5902f3a7..78af4bd3 100644
--- a/packages/hub-ui/src/client/.generated/css.ts
+++ b/packages/hub-ui/src/client/.generated/css.ts
@@ -1,3 +1,3 @@
 /* eslint-disable eslint-comments/no-unlimited-disable */
 /* eslint-disable */
-export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n@property --un-ease{syntax:\"*\";inherits:false;}@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}@property --un-backdrop-blur{syntax:\"*\";inherits:false;}@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}@property --un-backdrop-invert{syntax:\"*\";inherits:false;}@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}@property --un-inset-ring-color{syntax:\"*\";inherits:false;}@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}@property --un-ring-color{syntax:\"*\";inherits:false;}@property --un-ring-inset{syntax:\"*\";inherits:false;}@property --un-ring-offset-color{syntax:\"*\";inherits:false;}@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:\"*\";inherits:false;}@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}:root {\n  --un-text-opacity: 100%;\n}\n\n/*\n * Thin/transparent scrollbar, matching packages/ui/src/styles/global.css —\n * that stylesheet only reaches the Nuxt plugin apps, not this injected\n * webcomponents shell, which otherwise falls back to the browser default\n * (thick, opaque-gutter) scrollbar clashing with the translucent dock.\n * `:host`, not `:root` — this stylesheet is adopted into the dock's shadow\n * root (`defineCustomElement(..., { shadowRoot: true, styles: [css] })`),\n * where `:root` only ever matches the top-level document's <html>.\n * Rules below are unscoped (not `#devframes-anchor ...`) since the\n * shadow boundary already keeps them from leaking onto the host page, and\n * scoping under the anchor's id would miss edge-docked mode entirely\n * (`DockEmbedded.vue` renders `DockEdge`/`#devframes-edge-panel` and\n * `Dock`/`#devframes-anchor` as mutually exclusive siblings).\n */\n:host {\n  --app-scrollbar-size: 6px;\n  --app-scrollbar-radius: 1px;\n  --app-scrollbar-thumb: #8884;\n  --app-scrollbar-thumb-hover: #8885;\n}\n\n::-webkit-scrollbar {\n  width: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar:horizontal {\n  height: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--app-scrollbar-thumb);\n  transition: background 0.2s ease;\n  border-radius: var(--app-scrollbar-radius);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--app-scrollbar-thumb-hover);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: var(--app-scrollbar-radius);\n  background: transparent;\n}\n\n#devframes-anchor {\n  font-size:15px;font-family:var(--font-sans);width:calc(var(--spacing) * 0);transform-origin:center;box-sizing:border-box;position:fixed;z-index:2147483644;\n  transform: translate(-50%, -50%) rotate(0);\n}\n\n#devframes-anchor #devframes-dock-container {\n  display:flex;width:max-content;left:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);position:absolute;\n  height: var(--devframes-dock-height, 40px);\n  min-width: var(--devframes-dock-min-width, 100px);\n  transform: translate(-50%, -50%);\n}\n\n#devframes-anchor.devframes-vertical #devframes-dock-container {\n  transform: translate(-50%, -50%) rotate(90deg);\n  transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:500ms;transition-duration:500ms;\n}\n\n#devframes-anchor #devframes-dock {\n  margin:auto;border-radius:calc(infinity * 1px);height:100%;-webkit-user-select:none;user-select:none;touch-action:none;\n  ;color:color-mix(in oklab, #333 var(--un-text-opacity), transparent);background-color:color-mix(in srgb, var(--colors-white) 100%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);\n  transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:500ms;transition-duration:500ms;\n  height: var(--devframes-dock-height, 40px);\n  width: calc-size(max-content, size);\n}.dark #devframes-anchor #devframes-dock{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, #111 80%, transparent);}@supports (color: color-mix(in lab, red, red)){.dark #devframes-anchor #devframes-dock{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}}@supports (color: color-mix(in lab, red, red)){#devframes-anchor #devframes-dock{background-color:color-mix(in oklab, var(--colors-white) 100%, transparent);}}\n\n#devframes-anchor.devframes-minimized #devframes-dock {\n  padding-inline:calc(var(--spacing) * 0);padding-block:2px;\n  width: var(--devframes-dock-minimized-size, 22px);\n  height: var(--devframes-dock-minimized-size, 22px);\n}\n\n#devframes-anchor:hover #devframes-glowing {\n  opacity:60%;\n}\n\n#devframes-anchor #devframes-glowing {\n  border-radius:calc(infinity * 1px);opacity:0%;pointer-events:none;transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:1000ms;transition-duration:1000ms;--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);left:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);position:absolute;\n  width: var(--devframes-dock-glow-size, 160px);\n  height: var(--devframes-dock-glow-size, 160px);\n  filter: blur(var(--devframes-dock-glow-blur, 60px));\n  transform: translate(-50%, -50%);\n  /* Follows the brand: derived from the primary ramp (overridable via\n     --devframe-primary), so a rebrand retints the glow automatically. */\n  background-image: linear-gradient(\n    45deg,\n    var(--colors-primary-300, #adc77f),\n    var(--colors-primary-500, #517158),\n    var(--colors-primary-DEFAULT, #486954)\n  );\n}\n\n@media print {\n  #devframes-anchor {\n    display:none;\n  }\n}\n\n.devframes-resize-handle-horizontal {\n  margin-block:-5px;border-radius:var(--radius-md);height:10px;cursor:ns-resize;left:6px;right:6px;position:absolute;\n}\n.devframes-resize-handle-vertical {\n  margin-inline:-5px;border-radius:var(--radius-md);width:10px;cursor:ew-resize;top:6px;bottom:calc(var(--spacing) * 0);position:absolute;\n}\n.devframes-resize-handle-corner {\n  margin:-6px;border-radius:var(--radius-md);width:14px;height:14px;position:absolute;\n}\n.devframes-resize-handle {\n  z-index:30;\n}\n.devframes-resize-handle:hover {\n  ;background-color:color-mix(in srgb, var(--colors-gray-400) 10%, transparent);\n}@supports (color: color-mix(in lab, red, red)){.devframes-resize-handle:hover{background-color:color-mix(in oklab, var(--colors-gray-400) 10%, transparent);}}\n\n@keyframes devframes-shake {\n  0%, 100% { transform: translateX(0); }\n  20%, 60% { transform: translateX(-5px); }\n  40%, 80% { transform: translateX(5px); }\n}\n.devframes-shake {\n  animation: devframes-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n@media (prefers-reduced-motion: reduce) {\n  .devframes-shake {\n    animation: none;\n  }\n}\n\n/* layer: properties */\n@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{--un-bg-opacity:100%;--un-border-opacity:100%;--un-border-style:solid;--un-caret-opacity:100%;--un-divide-opacity:100%;--un-divide-y-reverse:initial;--un-ease:initial;--un-from-opacity:100%;--un-leading:initial;--un-ring-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-space-y-reverse:initial;--un-text-opacity:100%;--un-to-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-via-opacity:100%;}}\n@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-leading{syntax:\"*\";inherits:false;}\n@property --un-outline-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-caret-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-ring-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-inset-ring-color{syntax:\"*\";inherits:false;}\n@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-ring-color{syntax:\"*\";inherits:false;}\n@property --un-ring-inset{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-color{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}\n@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-translate-x{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-y{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-z{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-scale-x{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-y{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-z{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-ease{syntax:\"*\";inherits:false;}\n@property --un-from-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%;}\n@property --un-gradient-position{syntax:\"*\";inherits:false;}\n@property --un-gradient-stops{syntax:\"*\";inherits:false;}\n@property --un-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%;}\n@property --un-gradient-via-stops{syntax:\"*\";inherits:false;}\n@property --un-to-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-via-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-backdrop-blur{syntax:\"*\";inherits:false;}\n@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}\n@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}\n@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}\n@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-invert{syntax:\"*\";inherits:false;}\n@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}\n@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}\n@property --un-blur{syntax:\"*\";inherits:false;}\n@property --un-brightness{syntax:\"*\";inherits:false;}\n@property --un-contrast{syntax:\"*\";inherits:false;}\n@property --un-drop-shadow{syntax:\"*\";inherits:false;}\n@property --un-grayscale{syntax:\"*\";inherits:false;}\n@property --un-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-invert{syntax:\"*\";inherits:false;}\n@property --un-saturate{syntax:\"*\";inherits:false;}\n@property --un-sepia{syntax:\"*\";inherits:false;}\n@property --un-numeric-figure{syntax:\"*\";inherits:false;}\n@property --un-numeric-fraction{syntax:\"*\";inherits:false;}\n@property --un-numeric-spacing{syntax:\"*\";inherits:false;}\n@property --un-ordinal{syntax:\"*\";inherits:false;}\n@property --un-slashed-zero{syntax:\"*\";inherits:false;}\n@property --un-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-divide-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n/* layer: theme */\n:root, :host { --spacing: 0.25rem; --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --ease-out: cubic-bezier(0, 0, 0.2, 1); --radius-md: 0.375rem; --colors-gray-400: oklch(70.7% 0.022 261.325); --colors-white: #fff; --container-lg: 32rem; --radius-lg: 0.5rem; --radius-DEFAULT: 0.25rem; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace; --colors-primary-DEFAULT: #3a6a45; --colors-blue-DEFAULT: oklch(70.7% 0.165 254.624); --colors-black: #000; --fontWeight-medium: 500; --radius-xl: 0.75rem; --colors-primary-500: #578861; --ease-in: cubic-bezier(0.4, 0, 1, 1); --colors-red-500: oklch(63.7% 0.237 25.331); --colors-primary-400: #75a67e; --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-2xl-fontSize: 1.5rem; --text-2xl-lineHeight: 2rem; --leading-none: 1; --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --fontWeight-bold: 700; --tracking-wide: 0.025em; --tracking-tight: -0.025em; --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-gray-DEFAULT: oklch(70.7% 0.022 261.325); --colors-orange-DEFAULT: oklch(75% 0.183 55.934); --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --colors-purple-DEFAULT: oklch(71.4% 0.203 305.504); --leading-relaxed: 1.625; --container-prose: 65ch; --colors-blue-400: oklch(70.7% 0.165 254.624); --colors-green-400: oklch(79.2% 0.209 151.711); --colors-amber-400: oklch(82.8% 0.189 84.429); --colors-red-400: oklch(70.4% 0.191 22.216); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-primary-600: #40704b; --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-blue-700: oklch(48.8% 0.243 264.376); --colors-green-500: oklch(72.3% 0.219 149.579); --colors-green-700: oklch(52.7% 0.154 150.069); --colors-amber-500: oklch(76.9% 0.188 70.08); --colors-amber-700: oklch(55.5% 0.163 48.998); --colors-red-700: oklch(50.5% 0.213 27.518); --colors-green-600: oklch(62.7% 0.194 149.214); --colors-amber-600: oklch(66.6% 0.179 58.318); --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-xl-fontSize: 1.25rem; --text-xl-lineHeight: 1.75rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --colors-error-DEFAULT: #f63d68; --colors-primary-300: #93c69d; --colors-blue-300: oklch(80.9% 0.105 251.813); --colors-green-300: oklch(87.1% 0.15 154.449); --colors-amber-300: oklch(87.9% 0.169 91.605); --colors-red-300: oklch(80.8% 0.114 19.571); --colors-neutral-500: oklch(55.6% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-neutral-400: oklch(70.8% 0 0); --container-sm: 24rem; --container-xs: 20rem; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }\n/* layer: base */\n *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  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-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, 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; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.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 { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :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: 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }\n/* layer: preflights */\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-counter-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-square-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 80v128a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-counter-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M88 104H40a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v28.69l14.63-14.63A95.43 95.43 0 0 1 130 33.94h.53a95.36 95.36 0 0 1 67.07 27.33a8 8 0 0 1-11.18 11.44a79.52 79.52 0 0 0-55.89-22.77h-.45a79.56 79.56 0 0 0-56.14 23.43L59.31 88H88a8 8 0 0 1 0 16m128 48h-48a8 8 0 0 0 0 16h28.69l-14.63 14.63a79.56 79.56 0 0 1-56.13 23.43h-.45a79.52 79.52 0 0 1-55.89-22.77a8 8 0 1 0-11.18 11.44a95.36 95.36 0 0 0 67.07 27.33h.52a95.43 95.43 0 0 0 67.36-28.12L208 179.31V208a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 48v160H48V48Z' opacity='.2'/%3E%3Cpath d='M216 48v48a8 8 0 0 1-16 0V67.31l-42.34 42.35a8 8 0 0 1-11.32-11.32L188.69 56H160a8 8 0 0 1 0-16h48a8 8 0 0 1 8 8M98.34 146.34L56 188.69V160a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16H67.31l42.35-42.34a8 8 0 0 0-11.32-11.32M208 152a8 8 0 0 0-8 8v28.69l-42.34-42.35a8 8 0 0 0-11.32 11.32L188.69 200H160a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8M67.31 56H96a8 8 0 0 0 0-16H48a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0V67.31l42.34 42.35a8 8 0 0 0 11.32-11.32Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-cards-three-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 104v96a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-96a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 88H48a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16m0 112H48v-96h160zM48 64a8 8 0 0 1 8-8h144a8 8 0 0 1 0 16H56a8 8 0 0 1-8-8m16-32a8 8 0 0 1 8-8h112a8 8 0 0 1 0 16H72a8 8 0 0 1-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-down,\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-left,\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-right,\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-up{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-check-bold,\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-circle-notch{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-six-vertical{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M104 60a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60 12a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-72 44a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-72 68a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-three-outline-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M152 128a24 24 0 1 1-24-24a24 24 0 0 1 24 24M48 104a24 24 0 1 0 24 24a24 24 0 0 0-24-24m160 0a24 24 0 1 0 24 24a24 24 0 0 0-24-24' opacity='.2'/%3E%3Cpath d='M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16M48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16m160-48a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-globe{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.12 104.12 0 0 0 128 24m88 104a87.6 87.6 0 0 1-3.33 24h-38.51a157.4 157.4 0 0 0 0-48h38.51a87.6 87.6 0 0 1 3.33 24m-114 40h52a115.1 115.1 0 0 1-26 45a115.3 115.3 0 0 1-26-45m-3.9-16a140.8 140.8 0 0 1 0-48h59.88a140.8 140.8 0 0 1 0 48ZM40 128a87.6 87.6 0 0 1 3.33-24h38.51a157.4 157.4 0 0 0 0 48H43.33A87.6 87.6 0 0 1 40 128m114-40h-52a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45m52.33 0h-35.62a135.3 135.3 0 0 0-22.3-45.6A88.29 88.29 0 0 1 206.37 88Zm-98.74-45.6A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6M49.63 168h35.66a135.3 135.3 0 0 0 22.3 45.6A88.29 88.29 0 0 1 49.63 168m98.78 45.6a135.3 135.3 0 0 0 22.3-45.6h35.66a88.29 88.29 0 0 1-57.96 45.6'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-keyboard-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M232 64v128a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h192a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 48H32a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m0 144H32V64h192zm-16-64a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8m0-32a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8M72 160a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8m96 0a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m40 0a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-laptop-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 72v104H40V72a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M232 168h-8V72a24 24 0 0 0-24-24H56a24 24 0 0 0-24 24v96h-8a8 8 0 0 0-8 8v16a24 24 0 0 0 24 24h176a24 24 0 0 0 24-24v-16a8 8 0 0 0-8-8M48 72a8 8 0 0 1 8-8h144a8 8 0 0 1 8 8v96H48Zm176 120a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-8h192ZM152 88a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-layout-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M104 104v104H40a8 8 0 0 1-8-8v-96Z' opacity='.2'/%3E%3Cpath d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v40H40V56ZM40 112h56v88H40Zm176 88H112v-88h104z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-magnifying-glass-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 112a80 80 0 1 1-80-80a80 80 0 0 1 80 80' opacity='.2'/%3E%3Cpath d='m229.66 218.34l-50.06-50.06a88.21 88.21 0 1 0-11.32 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-moon-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78' opacity='.2'/%3E%3Cpath d='M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-paint-brush-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 32c0 32.81-31.64 67.43-58.64 91.05A84.4 84.4 0 0 0 133 90.64c23.57-27 58.19-58.64 91-58.64' opacity='.2'/%3E%3Cpath d='M232 32a8 8 0 0 0-8-8c-44.08 0-89.31 49.71-114.43 82.63A60 60 0 0 0 32 164c0 30.88-19.54 44.73-20.47 45.37A8 8 0 0 0 16 224h76a60 60 0 0 0 57.37-77.57C182.3 121.31 232 76.08 232 32M92 208H34.63C41.38 198.41 48 183.92 48 164a44 44 0 1 1 44 44m32.42-94.45q5.14-6.66 10.09-12.55A76.2 76.2 0 0 1 155 121.49q-5.9 4.94-12.55 10.09a60.5 60.5 0 0 0-18.03-18.03m42.7-2.68a92.6 92.6 0 0 0-22-22c31.78-34.53 55.75-45 69.9-47.91c-2.85 14.16-13.37 38.13-47.9 69.91'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.32 81.37l-60.69-60.68a16 16 0 0 0-22.63 0l-53.63 53.8c-10.66-3.34-35-7.37-60.4 13.14a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33c19.64-26.1 17.75-47.32 13.19-60L235.33 104a16 16 0 0 0-.01-22.63M224 92.69l-57.27 57.46a8 8 0 0 0-1.49 9.22c9.46 18.93-1.8 38.59-9.34 48.62L48 100.08c12.08-9.74 23.64-12.31 32.48-12.31A40.1 40.1 0 0 1 96.81 91a8 8 0 0 0 9.25-1.51L163.32 32L224 92.68Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.33 104l-53.47 53.65c4.56 12.67 6.45 33.89-13.19 60A15.93 15.93 0 0 1 157 224h-1.13a16 16 0 0 1-11.32-4.69L96.29 171l-42.63 42.66a8 8 0 0 1-11.32-11.32L85 159.71l-48.3-48.3A16 16 0 0 1 38 87.63c25.42-20.51 49.75-16.48 60.4-13.14L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 .01 22.62'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-rocket-launch-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 120v61.65a8 8 0 0 1-2.34 5.65l-34.35 34.35a8 8 0 0 1-13.57-4.53L128 176Zm-48-48H74.35a8 8 0 0 0-5.65 2.34l-34.35 34.35a8 8 0 0 0 4.53 13.57L80 128ZM40 216c37.65 0 50.69-19.69 54.56-28.18l-26.38-26.38C59.69 165.31 40 178.35 40 216' opacity='.2'/%3E%3Cpath d='M223.85 47.12a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.41 27.07L132.69 64H74.36A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a15.9 15.9 0 0 0 4.68-11.36v-58.33l4.77-4.77c26.68-26.68 27.83-58.83 27.08-71.42M74.36 80h42.33l-39.53 39.52L40 114.34Zm74.41-9.45a76.65 76.65 0 0 1 59.11-22.47a76.46 76.46 0 0 1-22.42 59.16L128 164.68L91.32 128ZM176 181.64L141.67 216l-5.19-37.17L176 139.31Zm-74.16 9.5C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-shield-check-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 56v56c0 96-88 120-88 120s-88-24-88-120V56a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 40H48a16 16 0 0 0-16 16v56c0 52.72 25.52 84.67 46.93 102.19c23.06 18.86 46 25.26 47 25.53a8 8 0 0 0 4.2 0c1-.27 23.91-6.67 47-25.53C198.48 196.67 224 164.72 224 112V56a16 16 0 0 0-16-16m0 72c0 37.07-13.66 67.16-40.6 89.42a129.3 129.3 0 0 1-39.4 22.2a128.3 128.3 0 0 1-38.92-21.81C61.82 179.51 48 149.3 48 112V56h160ZM82.34 141.66a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32l-56 56a8 8 0 0 1-11.32 0Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sign-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 56v144a16 16 0 0 1-16 16H48V40h160a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M120 216a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H56v160h56a8 8 0 0 1 8 8m109.66-93.66l-40-40a8 8 0 0 0-11.32 11.32L204.69 120H112a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-spinner-gap-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0m88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-50.91-16.4l-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31M72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8m-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-square-half-bottom-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v72a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8v-72Z' opacity='.2'/%3E%3Cpath d='M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v64H56V56Zm0 144H56v-64h144z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sun-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 128a56 56 0 1 1-56-56a56 56 0 0 1 56 56' opacity='.2'/%3E%3Cpath d='M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0m72 88a64 64 0 1 1-64-64a64.07 64.07 0 0 1 64 64m-16 0a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48M58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68l-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8m112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-duotone,\n.i-ph\\:warning-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72M120 104a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm8 88a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-wrench-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 96a64 64 0 0 1-94.94 56L73 217a24 24 0 0 1-34-34l65-56.06a64 64 0 0 1 80-90.29L144 80l5.66 26.34L176 112l43.35-40A63.8 63.8 0 0 1 224 96' opacity='.2'/%3E%3Cpath d='M226.76 69a8 8 0 0 0-12.84-2.88l-40.3 37.19l-17.23-3.7l-3.7-17.23l37.19-40.3A8 8 0 0 0 187 29.24A72 72 0 0 0 88 96a72.3 72.3 0 0 0 6 28.94L33.79 177c-.15.12-.29.26-.43.39a32 32 0 0 0 45.26 45.26c.13-.13.27-.28.39-.42L131.06 162A72 72 0 0 0 232 96a71.6 71.6 0 0 0-5.24-27M160 152a56.14 56.14 0 0 1-27.07-7a8 8 0 0 0-9.92 1.77l-55.9 64.74a16 16 0 0 1-22.62-22.62L109.18 133a8 8 0 0 0 1.77-9.93a56 56 0 0 1 58.36-82.31l-31.2 33.81a8 8 0 0 0-1.94 7.1l5.66 26.33a8 8 0 0 0 6.14 6.14l26.35 5.66a8 8 0 0 0 7.1-1.94l33.81-31.2A56.06 56.06 0 0 1 160 152'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-x,\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:bug-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v16a80 80 0 0 1-160 0v-16Z' opacity='.2'/%3E%3Cpath d='M144 92a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-44-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m116 64a87.8 87.8 0 0 1-3 23l22.24 9.72A8 8 0 0 1 232 192a7.9 7.9 0 0 1-3.2-.67L207.38 182a88 88 0 0 1-158.76 0l-21.42 9.33a7.9 7.9 0 0 1-3.2.67a8 8 0 0 1-3.2-15.33L43 167a87.8 87.8 0 0 1-3-23v-8H16a8 8 0 0 1 0-16h24v-8a87.8 87.8 0 0 1 3-23l-22.2-9.67a8 8 0 1 1 6.4-14.66L48.62 74a88 88 0 0 1 158.76 0l21.42-9.36a8 8 0 0 1 6.4 14.66L213 89.05a87.8 87.8 0 0 1 3 23v8h24a8 8 0 0 1 0 16h-24ZM56 120h144v-8a72 72 0 0 0-144 0Zm64 95.54V136H56v8a72.08 72.08 0 0 0 64 71.54M200 144v-8h-64v79.54A72.08 72.08 0 0 0 200 144'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:info-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M144 176a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m88-48A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88m-92-32a12 12 0 1 0-12-12a12 12 0 0 0 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:puzzle-piece-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M204 168a28 28 0 0 0 12-2.69V208a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-42.69a28 28 0 1 1 0-50.62V72a8 8 0 0 1 8-8h46.69a28 28 0 1 1 50.61 0H208a8 8 0 0 1 8 8v42.69A28 28 0 1 0 204 168' opacity='.2'/%3E%3Cpath d='M220.27 158.54a8 8 0 0 0-7.7-.46a20 20 0 1 1 0-36.16a8 8 0 0 0 11.43-7.23V72a16 16 0 0 0-16-16h-36.22a35 35 0 0 0 .22-4a36.15 36.15 0 0 0-11.36-26.25a36 36 0 0 0-60.55 23.63a36.6 36.6 0 0 0 .14 6.62H64a16 16 0 0 0-16 16v32.22a35 35 0 0 0-4-.22a36.12 36.12 0 0 0-26.24 11.36a35.7 35.7 0 0 0-9.69 27a36.08 36.08 0 0 0 33.31 33.6a36.6 36.6 0 0 0 6.62-.14V208a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16v-42.69a8 8 0 0 0-3.73-6.77M208 208H64v-42.69a8 8 0 0 0-11.43-7.23a20 20 0 1 1 0-36.16A8 8 0 0 0 64 114.69V72h46.69a8 8 0 0 0 7.23-11.43a20 20 0 1 1 36.16 0A8 8 0 0 0 161.31 72H208v32.23a35.7 35.7 0 0 0-6.62-.14A36 36 0 0 0 204 176a35 35 0 0 0 4-.22Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M165.66 101.66L139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.badge{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));--un-leading:var(--leading-none);line-height:var(--leading-none);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 0.5);border-radius:var(--radius-md);display:inline-flex;gap:calc(var(--spacing) * 1);align-items:center;}\n.btn-action-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.text-micro{font-size:10px;--un-leading:1.4;line-height:1.4;}\n.btn-primary{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);opacity:100% !important;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.color-faint,\n.dark .color-faint{color:color-mix(in srgb, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in srgb, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.btn-action{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.btn-icon{--un-outline-style:none;outline-style:none;border-radius:calc(infinity * 1px);opacity:65%;display:flex;width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.btn-icon-compact{--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);opacity:65%;display:flex;width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.border-base{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.border-mute{border-color:color-mix(in oklab, #8881 var(--un-border-opacity), transparent);}\n.hover\\:border-base:hover{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-ambient{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, #111 var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in srgb, var(--colors-white) 65%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass{background-color:color-mix(in oklab, #111 50%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in srgb, var(--colors-white) 98%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:75{background-color:color-mix(in oklab, #111 75%, transparent);}\n.bg-glass\\:80{background-color:color-mix(in srgb, var(--colors-white) 100%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:80{background-color:color-mix(in oklab, #111 80%, transparent);}\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-secondary{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.dark .bg-secondary{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.dark .hover\\:bg-active:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.hover\\:bg-active:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.hover\\:bg-hover:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.btn-action:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-action-sm:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon-compact:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-primary:hover{background-color:color-mix(in srgb, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:55%;}\n.op-fade{opacity:65%;}\n.dark .op-mute{opacity:25%;}\n.op-mute{opacity:30%;}\n.btn-action:disabled{opacity:30% !important;pointer-events:none;}\n.btn-action-sm:disabled{opacity:30% !important;pointer-events:none;}\n.btn-icon:disabled{opacity:30%;pointer-events:none;}\n.btn-icon-compact:disabled{opacity:30%;pointer-events:none;}\n.btn-primary:disabled{opacity:50%;pointer-events:none;}\n.dark .disabled\\:op-mute:disabled{opacity:25%;}\n.disabled\\:op-mute:disabled{opacity:30%;}\n.dark .placeholder\\:op-mute::placeholder{opacity:25%;}\n.placeholder\\:op-mute::placeholder{opacity:30%;}\n.container{width:100%;}\n.btn-action:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.z-command-palette{z-index:2147483646;}\n.z-dock-confirm,\n.z-dock-toast{z-index:2147483647;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-floating-anchor{z-index:2147483644;}\n.z-floating-tooltip{z-index:2147483645;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.bg-gradient-more{--un-gradient-from:color-mix(in oklab, var(--colors-white) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, var(--colors-white) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, var(--colors-white) var(--un-to-opacity), transparent);--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops));}\n.dark .bg-gradient-more{--un-gradient-from:color-mix(in oklab, #111 var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, #111 var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, #111 var(--un-to-opacity), transparent);}\n.dark .icon-catppuccin{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0%);}\n.icon-catppuccin{--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(100%);}\n@supports (color: color-mix(in lab, red, red)){\n.btn-primary{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.color-active{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.color-base{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.dark .color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in oklab, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-base{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=active\\]\\:bg-base[data-state=active]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in oklab, var(--colors-white) 65%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in oklab, var(--colors-white) 98%, transparent);}\n.bg-glass\\:80{background-color:color-mix(in oklab, var(--colors-white) 100%, transparent);}\n.dark .hover\\:bg-active:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.hover\\:bg-active:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.btn-primary:hover{background-color:color-mix(in oklab, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.btn-action:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.container{max-width:40rem;}\n}\n@media (min-width: 48rem){\n.container{max-width:48rem;}\n}\n@media (min-width: 64rem){\n.container{max-width:64rem;}\n}\n@media (min-width: 80rem){\n.container{max-width:80rem;}\n}\n@media (min-width: 96rem){\n.container{max-width:96rem;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.text-\\[10px\\]{font-size:10px;}\n.text-\\[15px\\]{font-size:15px;}\n.text-0\\.6em{font-size:0.6em;}\n.text-2\\.75{font-size:0.6875rem;}\n.text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));}\n.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}\n.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}\n.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}\n.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}\n.text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}\n.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}\n.dark .dark\\:text-amber-300{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in srgb, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-primary-300{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in srgb, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber{color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in srgb, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue{color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-gray{color:color-mix(in srgb, var(--colors-gray-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green{color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in srgb, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in srgb, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary,\n.text-primary\\/bg-active{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary-600{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.text-red{color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in srgb, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}\n.leading-4{--un-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4);}\n.leading-5{--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);}\n.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}\n.leading-relaxed{--un-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);}\n.tracking-tight{--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);}\n.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}\n.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}\n.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}\n.font-mono{font-family:var(--font-mono);}\n.font-sans{font-family:var(--font-sans);}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.m-auto,\n.ma{margin:auto;}\n.m1{margin:calc(var(--spacing) * 1);}\n.mx--1{margin-inline:calc(var(--spacing) * -1);}\n.mx--2{margin-inline:calc(var(--spacing) * -2);}\n.mx-1{margin-inline:calc(var(--spacing) * 1);}\n.mx-2{margin-inline:calc(var(--spacing) * 2);}\n.mx-auto{margin-inline:auto;}\n.my-1,\n.my1{margin-block:calc(var(--spacing) * 1);}\n.my-2{margin-block:calc(var(--spacing) * 2);}\n.my0\\.5{margin-block:calc(var(--spacing) * 0.5);}\n.-mb-px{margin-bottom:-1px;}\n.mb-1{margin-bottom:calc(var(--spacing) * 1);}\n.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5);}\n.mb-3{margin-bottom:calc(var(--spacing) * 3);}\n.mb-4{margin-bottom:calc(var(--spacing) * 4);}\n.ml-0\\.5{margin-left:calc(var(--spacing) * 0.5);}\n.ml-1{margin-left:calc(var(--spacing) * 1);}\n.ml-1\\.5{margin-left:calc(var(--spacing) * 1.5);}\n.ml-2{margin-left:calc(var(--spacing) * 2);}\n.ml-6{margin-left:calc(var(--spacing) * 6);}\n.mr-1{margin-right:calc(var(--spacing) * 1);}\n.ms{margin-inline-start:calc(var(--spacing) * 4);}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:calc(var(--spacing) * 0.5);}\n.mt-1{margin-top:calc(var(--spacing) * 1);}\n.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5);}\n.mt-2,\n.mt2{margin-top:calc(var(--spacing) * 2);}\n.mt-4,\n.mt4{margin-top:calc(var(--spacing) * 4);}\n.mt-6,\n.mt6{margin-top:calc(var(--spacing) * 6);}\n.mt-auto{margin-top:auto;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:calc(var(--spacing) * 0.5);}\n.p-1,\n.p1{padding:calc(var(--spacing) * 1);}\n.p-1\\.5,\n.p1\\.5{padding:calc(var(--spacing) * 1.5);}\n.p-2,\n.p2{padding:calc(var(--spacing) * 2);}\n.p-3{padding:calc(var(--spacing) * 3);}\n.p-4{padding:calc(var(--spacing) * 4);}\n.p-5{padding:calc(var(--spacing) * 5);}\n.p6{padding:calc(var(--spacing) * 6);}\n.p8{padding:calc(var(--spacing) * 8);}\n.px,\n.px-4,\n.px4{padding-inline:calc(var(--spacing) * 4);}\n.px-0\\.5{padding-inline:calc(var(--spacing) * 0.5);}\n.px-1,\n.px1{padding-inline:calc(var(--spacing) * 1);}\n.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5);}\n.px-2,\n.px2{padding-inline:calc(var(--spacing) * 2);}\n.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5);}\n.px-2\\.5\\!{padding-inline:calc(var(--spacing) * 2.5) !important;}\n.px-3,\n.px3{padding-inline:calc(var(--spacing) * 3);}\n.px-6{padding-inline:calc(var(--spacing) * 6);}\n.py-0{padding-block:calc(var(--spacing) * 0);}\n.py-0\\.5{padding-block:calc(var(--spacing) * 0.5);}\n.py-1,\n.py1{padding-block:calc(var(--spacing) * 1);}\n.py-1\\!{padding-block:calc(var(--spacing) * 1) !important;}\n.py-1\\.5,\n.py1\\.5{padding-block:calc(var(--spacing) * 1.5);}\n.py-10{padding-block:calc(var(--spacing) * 10);}\n.py-12{padding-block:calc(var(--spacing) * 12);}\n.py-2,\n.py2{padding-block:calc(var(--spacing) * 2);}\n.py-2\\!{padding-block:calc(var(--spacing) * 2) !important;}\n.py-2\\.5{padding-block:calc(var(--spacing) * 2.5);}\n.py-3{padding-block:calc(var(--spacing) * 3);}\n.py-4{padding-block:calc(var(--spacing) * 4);}\n.py-6{padding-block:calc(var(--spacing) * 6);}\n.py-8{padding-block:calc(var(--spacing) * 8);}\n.pb-1{padding-bottom:calc(var(--spacing) * 1);}\n.pb2\\.5{padding-bottom:calc(var(--spacing) * 2.5);}\n.pl-4{padding-left:calc(var(--spacing) * 4);}\n.pl-5{padding-left:calc(var(--spacing) * 5);}\n.pl-7{padding-left:calc(var(--spacing) * 7);}\n.pr-2{padding-right:calc(var(--spacing) * 2);}\n.pt-\\[20vh\\]{padding-top:20vh;}\n.pt-1\\.5{padding-top:calc(var(--spacing) * 1.5);}\n.pt-6{padding-top:calc(var(--spacing) * 6);}\n.pt2{padding-top:calc(var(--spacing) * 2);}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.outline{outline-style:var(--un-outline-style);outline-width:1px;}\n.outline-none{--un-outline-style:none;outline-style:none;}\n.caret-primary-500{caret-color:color-mix(in srgb, var(--colors-primary-500) var(--un-caret-opacity), transparent);}\n.b,\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-0{border-bottom-width:0px;}\n.border-b-1\\.5{border-bottom-width:1.5px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-1\\.5{border-right-width:1.5px;}\n.border-t{border-top-width:1px;}\n.border-t-0{border-top-width:0px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.last\\:border-b-0:last-child{border-bottom-width:0px;}\n.border-amber-500\\/20{border-color:color-mix(in srgb, var(--colors-amber-500) 20%, transparent);}\n.border-amber\\/20{border-color:color-mix(in srgb, var(--colors-amber-DEFAULT) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in srgb, var(--colors-blue-500) 20%, transparent);}\n.border-current{border-color:currentColor;}\n.border-error\\!{border-color:color-mix(in srgb, var(--colors-error-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-green-500\\/20{border-color:color-mix(in srgb, var(--colors-green-500) 20%, transparent);}\n.border-primary-400\\/60{border-color:color-mix(in srgb, var(--colors-primary-400) 60%, transparent);}\n.border-primary\\/30{border-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 30%, transparent);}\n.border-red-500\\/20{border-color:color-mix(in srgb, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in srgb, var(--colors-red-500) 60%, transparent);}\n.border-red-500\\/70{border-color:color-mix(in srgb, var(--colors-red-500) 70%, transparent);}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400\\/50{border-color:color-mix(in srgb, var(--colors-primary-400) 50%, transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in srgb, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus-within\\:border-gray\\/15:focus-within{border-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:border-gray\\/10:hover{border-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 10%, transparent);}\n.focus\\:border-primary-500:focus{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus\\:border-primary\\/40:focus{border-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 40%, transparent);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:var(--radius-DEFAULT);}\n.rounded-full{border-radius:calc(infinity * 1px);}\n.rounded-lg{border-radius:var(--radius-lg);}\n.rounded-md{border-radius:var(--radius-md);}\n.rounded-xl{border-radius:var(--radius-xl);}\n.rounded-r{border-top-right-radius:var(--radius-DEFAULT);border-bottom-right-radius:var(--radius-DEFAULT);}\n.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);}\n.rounded-tr-md{border-top-right-radius:var(--radius-md);}\n.bg-\\[\\#8881\\],\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.bg-\\[\\#ddd\\]\\/40{background-color:color-mix(in oklab, #ddd 40%, transparent);}\n.bg-\\#8882{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-\\#8885{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-amber{background-color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.bg-amber\\/10{background-color:color-mix(in srgb, var(--colors-amber-DEFAULT) 10%, transparent);}\n.bg-black\\/30,\n.dark .dark\\:bg-black\\/30{background-color:color-mix(in srgb, var(--colors-black) 30%, transparent);}\n.bg-blue{background-color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.bg-blue\\/10{background-color:color-mix(in srgb, var(--colors-blue-DEFAULT) 10%, transparent);}\n.bg-current{background-color:currentColor;}\n.bg-error\\!{background-color:color-mix(in srgb, var(--colors-error-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-gray{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-gray\\/10{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 10%, transparent);}\n.bg-gray\\/20{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 20%, transparent);}\n.bg-gray\\/3{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 3%, transparent);}\n.bg-gray\\/30{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 30%, transparent);}\n.bg-gray\\/5{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 5%, transparent);}\n.bg-green{background-color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-green-400\\/10{background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\/10{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 10%, transparent);}\n.bg-primary{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-primary-500\\/20{background-color:color-mix(in srgb, var(--colors-primary-500) 20%, transparent);}\n.bg-primary\\/10{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-primary\\/15{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-primary\\/20{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 20%, transparent);}\n.bg-red{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\/10{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-transparent{background-color:transparent;}\n.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-white\\/50{background-color:color-mix(in srgb, var(--colors-white) 50%, transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in srgb, var(--colors-black) 40%, transparent);}\n.dark .dark\\:bg-black\\/45{background-color:color-mix(in srgb, var(--colors-black) 45%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in srgb, var(--colors-red-500) 10%, transparent);}\n.hover\\:bg-\\[\\#8881\\]:hover{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.hover\\:bg-\\[\\#8882\\]:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.hover\\:bg-\\#8888:hover{background-color:color-mix(in oklab, #8888 var(--un-bg-opacity), transparent);}\n.hover\\:bg-gray\\/10:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 10%, transparent);}\n.hover\\:bg-gray\\/15:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:bg-gray\\/20:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 20%, transparent);}\n.hover\\:bg-gray\\/5:hover{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 5%, transparent);}\n.hover\\:bg-orange\\/20:hover{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 20%, transparent);}\n.hover\\:bg-primary\\/25:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 25%, transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in srgb, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/20:hover{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 20%, transparent);}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50,\n.group:hover .group-hover\\:op50{opacity:50%;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100,\n.opacity-100,\n.group:hover .group-hover\\:opacity-100{opacity:100%;}\n.op0,\n.opacity-0{opacity:0%;}\n.op25{opacity:25%;}\n.op30{opacity:30%;}\n.op40{opacity:40%;}\n.op60{opacity:60%;}\n.op60\\!{opacity:60% !important;}\n.op70{opacity:70%;}\n.op75{opacity:75%;}\n.op80{opacity:80%;}\n.hover\\:op100:hover{opacity:100%;}\n.hover\\:op60:hover{opacity:60%;}\n.hover\\:op70:hover{opacity:70%;}\n.hover\\:op80:hover{opacity:80%;}\n.disabled\\:op40:disabled{opacity:40%;}\n.disabled\\:op50:disabled{opacity:50%;}\n.line-through{text-decoration-line:line-through;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.flex-auto{flex:1 1 auto;}\n.flex-none{flex:none;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-row-reverse{flex-direction:row-reverse;}\n.flex-col{flex-direction:column;}\n.flex-col-reverse{flex-direction:column-reverse;}\n.flex-wrap{flex-wrap:wrap;}\n.gap-0{gap:calc(var(--spacing) * 0);}\n.gap-0\\.5{gap:calc(var(--spacing) * 0.5);}\n.gap-1{gap:calc(var(--spacing) * 1);}\n.gap-1\\.5{gap:calc(var(--spacing) * 1.5);}\n.gap-2{gap:calc(var(--spacing) * 2);}\n.gap-3{gap:calc(var(--spacing) * 3);}\n.gap-4{gap:calc(var(--spacing) * 4);}\n.gap-6{gap:calc(var(--spacing) * 6);}\n.gap-x-2{column-gap:calc(var(--spacing) * 2);}\n.gap-y-0\\.5{row-gap:calc(var(--spacing) * 0.5);}\n.grid{display:grid;}\n.cols-\\[max-content_1fr\\]{grid-template-columns:max-content 1fr;}\n.h-0\\.5{height:calc(var(--spacing) * 0.5);}\n.h-1{height:calc(var(--spacing) * 1);}\n.h-1\\.5{height:calc(var(--spacing) * 1.5);}\n.h-1\\/3{height:33.3333333333%;}\n.h-10{height:calc(var(--spacing) * 10);}\n.h-14{height:calc(var(--spacing) * 14);}\n.h-16{height:calc(var(--spacing) * 16);}\n.h-2{height:calc(var(--spacing) * 2);}\n.h-20px{height:20px;}\n.h-24{height:calc(var(--spacing) * 24);}\n.h-3{height:calc(var(--spacing) * 3);}\n.h-3\\.5{height:calc(var(--spacing) * 3.5);}\n.h-4{height:calc(var(--spacing) * 4);}\n.h-4\\.5{height:calc(var(--spacing) * 4.5);}\n.h-5{height:calc(var(--spacing) * 5);}\n.h-6{height:calc(var(--spacing) * 6);}\n.h-7{height:calc(var(--spacing) * 7);}\n.h-8{height:calc(var(--spacing) * 8);}\n.h-9{height:calc(var(--spacing) * 9);}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h-screen{height:100vh;}\n.max-h-\\[60vh\\]{max-height:60vh;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-100{max-width:calc(var(--spacing) * 100);}\n.max-w-108{max-width:calc(var(--spacing) * 108);}\n.max-w-200{max-width:calc(var(--spacing) * 200);}\n.max-w-220px{max-width:220px;}\n.max-w-64{max-width:calc(var(--spacing) * 64);}\n.max-w-92{max-width:calc(var(--spacing) * 92);}\n.max-w-96{max-width:calc(var(--spacing) * 96);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:var(--container-lg);}\n.max-w-prose{max-width:var(--container-prose);}\n.max-w-sm{max-width:var(--container-sm);}\n.max-w-xs{max-width:var(--container-xs);}\n.min-h-0{min-height:calc(var(--spacing) * 0);}\n.min-h-16{min-height:calc(var(--spacing) * 16);}\n.min-h-40{min-height:calc(var(--spacing) * 40);}\n.min-h-5{min-height:calc(var(--spacing) * 5);}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:calc(var(--spacing) * 0);}\n.min-w-28{min-width:calc(var(--spacing) * 28);}\n.min-w-36{min-width:calc(var(--spacing) * 36);}\n.min-w-40{min-width:calc(var(--spacing) * 40);}\n.min-w-44{min-width:calc(var(--spacing) * 44);}\n.min-w-5{min-width:calc(var(--spacing) * 5);}\n.min-w-6{min-width:calc(var(--spacing) * 6);}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-\\[40px\\]{width:40px;}\n.w-1\\.5{width:calc(var(--spacing) * 1.5);}\n.w-10{width:calc(var(--spacing) * 10);}\n.w-11{width:calc(var(--spacing) * 11);}\n.w-12{width:calc(var(--spacing) * 12);}\n.w-16{width:calc(var(--spacing) * 16);}\n.w-2{width:calc(var(--spacing) * 2);}\n.w-2\\/5{width:40%;}\n.w-20px{width:20px;}\n.w-24{width:calc(var(--spacing) * 24);}\n.w-2px{width:2px;}\n.w-3{width:calc(var(--spacing) * 3);}\n.w-3\\.5{width:calc(var(--spacing) * 3.5);}\n.w-3\\/5{width:60%;}\n.w-4{width:calc(var(--spacing) * 4);}\n.w-4\\.5{width:calc(var(--spacing) * 4.5);}\n.w-5{width:calc(var(--spacing) * 5);}\n.w-6{width:calc(var(--spacing) * 6);}\n.w-64{width:calc(var(--spacing) * 64);}\n.w-7{width:calc(var(--spacing) * 7);}\n.w-72{width:calc(var(--spacing) * 72);}\n.w-8{width:calc(var(--spacing) * 8);}\n.w-8\\.5{width:calc(var(--spacing) * 8.5);}\n.w-80{width:calc(var(--spacing) * 80);}\n.w-96{width:calc(var(--spacing) * 96);}\n.w-auto\\!{width:auto !important;}\n.w-fit{width:fit-content;}\n.w-full{width:100%;}\n.w-lg{width:var(--container-lg);}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.w-screen{width:100vw;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.contents{display:contents;}\n.dark .dark-hidden,\n.hidden,\n.light .light-hidden{display:none;}\n.visible{visibility:visible;}\n.invisible{visibility:hidden;}\n.collapse{visibility:collapse;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.cursor-not-allowed{cursor:not-allowed;}\n.cursor-grab{cursor:grab;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.whitespace-pre-wrap{white-space:pre-wrap;}\n.ws-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.text-balance{text-wrap:balance;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.ring-1\\.5{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1.5px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-2:focus-within{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-1:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-3:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-3:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.ring-purple\\/50{--un-ring-color:color-mix(in srgb, var(--colors-purple-DEFAULT) 50%, transparent);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/25:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 25%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-primary\\/30:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 30%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 30%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow,\n.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.-translate-x-1\\/2,\n.translate-x--1\\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.-translate-y-2{--un-translate-y:calc(var(--spacing) * -2);translate:var(--un-translate-x) var(--un-translate-y);}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked],\n.translate-x-4{--un-translate-x:calc(var(--spacing) * 4);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-0\\.5{--un-translate-x:calc(var(--spacing) * 0.5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-1{--un-translate-x:calc(var(--spacing) * 1);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-5{--un-translate-x:calc(var(--spacing) * 5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y--1\\/2{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-0{--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-2{--un-translate-y:calc(var(--spacing) * 2);translate:var(--un-translate-x) var(--un-translate-y);}\n.-rotate-90{rotate:-90deg;}\n.rotate--45{rotate:-45deg;}\n.rotate-0{rotate:0deg;}\n.rotate-180{rotate:180deg;}\n.rotate-270{rotate:270deg;}\n.rotate-90{rotate:90deg;}\n.scale-100{--un-scale-x:100%;--un-scale-y:100%;scale:var(--un-scale-x) var(--un-scale-y);}\n.scale-120{--un-scale-x:120%;--un-scale-y:120%;scale:var(--un-scale-x) var(--un-scale-y);}\n.scale-98{--un-scale-x:98%;--un-scale-y:98%;scale:var(--un-scale-x) var(--un-scale-y);}\n.hover\\:scale-110:hover{--un-scale-x:110%;--un-scale-y:110%;scale:var(--un-scale-x) var(--un-scale-y);}\n.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-opacity{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.duration-150{--un-duration:150ms;transition-duration:150ms;}\n.duration-200{--un-duration:200ms;transition-duration:200ms;}\n.duration-250{--un-duration:250ms;transition-duration:250ms;}\n.duration-300{--un-duration:300ms;transition-duration:300ms;}\n.delay-200{transition-delay:200ms;}\n.ease-in{--un-ease:var(--ease-in);transition-timing-function:var(--ease-in);}\n.ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}\n.ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.box-border{box-sizing:border-box;}\n.inset-0{inset:calc(var(--spacing) * 0);}\n.inset-x-0{inset-inline:calc(var(--spacing) * 0);}\n.bottom-0{bottom:calc(var(--spacing) * 0);}\n.bottom-4{bottom:calc(var(--spacing) * 4);}\n.bottom-4px{bottom:4px;}\n.left-0{left:calc(var(--spacing) * 0);}\n.left-1\\.5{left:calc(var(--spacing) * 1.5);}\n.left-1\\/2{left:50%;}\n.left-2{left:calc(var(--spacing) * 2);}\n.left-2\\.5{left:calc(var(--spacing) * 2.5);}\n.left-4{left:calc(var(--spacing) * 4);}\n.left-5px{left:5px;}\n.right--1px{right:-1px;}\n.right-0{right:calc(var(--spacing) * 0);}\n.right-0\\.5{right:calc(var(--spacing) * 0.5);}\n.right-2{right:calc(var(--spacing) * 2);}\n.right-4{right:calc(var(--spacing) * 4);}\n.top--32px{top:-32px;}\n.top-0{top:calc(var(--spacing) * 0);}\n.top-0\\.5{top:calc(var(--spacing) * 0.5);}\n.top-1{top:calc(var(--spacing) * 1);}\n.top-1\\/2{top:50%;}\n.top-4{top:calc(var(--spacing) * 4);}\n.top-4px{top:4px;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.z--1{z-index:-1;}\n.of-hidden,\n.overflow-hidden{overflow:hidden;}\n.overflow-auto{overflow:auto;}\n.of-x-hidden{overflow-x:hidden;}\n.of-y-auto{overflow-y:auto;}\n.of-y-hidden{overflow-y:hidden;}\n.stroke-current{stroke:currentColor;}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.object-contain{object-fit:contain;}\n.backdrop-blur-0{--un-backdrop-blur:blur(0px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.backdrop-blur-1{--un-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.backdrop-blur-sm{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.blur-2xl{--un-blur:blur(40px);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.invert{--un-invert:invert(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.saturate-0{--un-saturate:saturate(0%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.touch-none{touch-action:none;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}\n.divide-\\#8882{\n:where(&>:not(:last-child)){border-color:color-mix(in oklab, #8882 var(--un-divide-opacity), transparent);}\n}\n.divide-y{\n:where(&>:not(:last-child)){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}\n}\n.group-data-\\[state\\=open\\]\\:rotate-90{\n&:is(:where(.group)[data-state=open] *){rotate:90deg;}\n}\n.space-y-0\\.5{\n:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0.5) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0.5) * calc(1 - var(--un-space-y-reverse)));}\n}\n@supports (color: color-mix(in lab, red, red)){\n.dark .dark\\:text-amber-300{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in oklab, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-primary-300{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in oklab, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber{color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in oklab, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue{color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-gray{color:color-mix(in oklab, var(--colors-gray-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green{color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in oklab, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in oklab, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.text-primary-600{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.text-primary\\/bg-active{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red{color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in oklab, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}\n.caret-primary-500{caret-color:color-mix(in oklab, var(--colors-primary-500) var(--un-caret-opacity), transparent);}\n.border-amber-500\\/20{border-color:color-mix(in oklab, var(--colors-amber-500) 20%, transparent);}\n.border-amber\\/20{border-color:color-mix(in oklab, var(--colors-amber-DEFAULT) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in oklab, var(--colors-blue-500) 20%, transparent);}\n.border-error\\!{border-color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-green-500\\/20{border-color:color-mix(in oklab, var(--colors-green-500) 20%, transparent);}\n.border-primary-400\\/60{border-color:color-mix(in oklab, var(--colors-primary-400) 60%, transparent);}\n.border-primary\\/30{border-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 30%, transparent);}\n.border-red-500\\/20{border-color:color-mix(in oklab, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in oklab, var(--colors-red-500) 60%, transparent);}\n.border-red-500\\/70{border-color:color-mix(in oklab, var(--colors-red-500) 70%, transparent);}\n.dark .dark\\:border-primary-400\\/50{border-color:color-mix(in oklab, var(--colors-primary-400) 50%, transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus-within\\:border-gray\\/15:focus-within{border-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:border-gray\\/10:hover{border-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 10%, transparent);}\n.focus\\:border-primary-500:focus{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.focus\\:border-primary\\/40:focus{border-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 40%, transparent);}\n.bg-amber{background-color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.bg-amber\\/10{background-color:color-mix(in oklab, var(--colors-amber-DEFAULT) 10%, transparent);}\n.bg-black\\/30{background-color:color-mix(in oklab, var(--colors-black) 30%, transparent);}\n.bg-blue{background-color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.bg-blue\\/10{background-color:color-mix(in oklab, var(--colors-blue-DEFAULT) 10%, transparent);}\n.bg-error\\!{background-color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-gray{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-gray\\/10{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 10%, transparent);}\n.bg-gray\\/20{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 20%, transparent);}\n.bg-gray\\/3{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 3%, transparent);}\n.bg-gray\\/30{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 30%, transparent);}\n.bg-gray\\/5{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 5%, transparent);}\n.bg-green{background-color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-green-400\\/10{background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\/10{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 10%, transparent);}\n.bg-primary{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-primary-500{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-primary-500\\/20{background-color:color-mix(in oklab, var(--colors-primary-500) 20%, transparent);}\n.bg-primary\\/10{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-primary\\/15{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-primary\\/20{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 20%, transparent);}\n.bg-red{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\/10{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-white\\/50{background-color:color-mix(in oklab, var(--colors-white) 50%, transparent);}\n.dark .dark\\:bg-black\\/30{background-color:color-mix(in oklab, var(--colors-black) 30%, transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in oklab, var(--colors-black) 40%, transparent);}\n.dark .dark\\:bg-black\\/45{background-color:color-mix(in oklab, var(--colors-black) 45%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in oklab, var(--colors-red-500) 10%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.hover\\:bg-gray\\/10:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 10%, transparent);}\n.hover\\:bg-gray\\/15:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 15%, transparent);}\n.hover\\:bg-gray\\/20:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 20%, transparent);}\n.hover\\:bg-gray\\/5:hover{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 5%, transparent);}\n.hover\\:bg-orange\\/20:hover{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 20%, transparent);}\n.hover\\:bg-primary\\/25:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 25%, transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in oklab, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/20:hover{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 20%, transparent);}\n.ring-purple\\/50{--un-ring-color:color-mix(in oklab, var(--colors-purple-DEFAULT) 50%, transparent);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/25:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 25%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-primary\\/30:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 30%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 30%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.sm\\:p-6{padding:calc(var(--spacing) * 6);}\n.sm\\:gap-2\\.5{gap:calc(var(--spacing) * 2.5);}\n}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations, and imported after\n * `virtual:uno.css` in the Storybook preview for the same reason.\n *\n * Each Wind4 stop (`--colors-primary-*`) is derived from `--devframe-primary`\n * via `color-mix`. When `--devframe-primary` is unset, the intermediate\n * `--devframe-primary-<stop>` vars become guaranteed-invalid (their `color-mix`\n * references an unset var with no fallback), so each `--colors-primary-<stop>`\n * falls back to the exact devframe default hex — the default look is preserved,\n * and only an explicit override derives a new ramp. The vars inherit through\n * the tree, so setting `--devframe-primary` on the dock host retints\n * everything, and setting it on a group's chrome container retints just that\n * group (the group-accent mechanism).\n *\n * `:host` is the effective selector inside the dock's shadow root; `:root` is\n * for the light-DOM Storybook preview (it matches nothing in the shadow root).\n *\n * `.devframes-accent-scope` re-declares the whole block on a group's chrome\n * container: because custom properties inherit as computed values, a descendant\n * that only overrides `--devframe-primary` would keep the `:host`-computed\n * stops — re-running the derivation here recomputes them from the container's\n * own `--devframe-primary` (a group's `accentColor`), retinting just that group.\n */\n:root,\n:host,\n.devframes-accent-scope {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
+export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n:root {\n  --un-text-opacity: 100%;\n}\n\n/*\n * Thin/transparent scrollbar, matching packages/ui/src/styles/global.css —\n * that stylesheet only reaches the Nuxt plugin apps, not this injected\n * webcomponents shell, which otherwise falls back to the browser default\n * (thick, opaque-gutter) scrollbar clashing with the translucent dock.\n * `:host`, not `:root` — this stylesheet is adopted into the dock's shadow\n * root (`defineCustomElement(..., { shadowRoot: true, styles: [css] })`),\n * where `:root` only ever matches the top-level document's <html>.\n * Rules below are unscoped (not `#devframes-anchor ...`) since the\n * shadow boundary already keeps them from leaking onto the host page, and\n * scoping under the anchor's id would miss edge-docked mode entirely\n * (`DockEmbedded.vue` renders `DockEdge`/`#devframes-edge-panel` and\n * `Dock`/`#devframes-anchor` as mutually exclusive siblings).\n */\n:host {\n  --app-scrollbar-size: 6px;\n  --app-scrollbar-radius: 1px;\n  --app-scrollbar-thumb: #8884;\n  --app-scrollbar-thumb-hover: #8885;\n}\n\n::-webkit-scrollbar {\n  width: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar:horizontal {\n  height: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--app-scrollbar-thumb);\n  transition: background 0.2s ease;\n  border-radius: var(--app-scrollbar-radius);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--app-scrollbar-thumb-hover);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: var(--app-scrollbar-radius);\n  background: transparent;\n}\n\n#devframes-anchor {\n  position:fixed;z-index:2147483644;box-sizing:border-box;width:0;transform-origin:center;font-size:15px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";\n  transform: translate(-50%, -50%) rotate(0);\n}\n\n#devframes-anchor #devframes-dock-container {\n  position:absolute;left:0;top:0;width:max-content;display:flex;\n  height: var(--devframes-dock-height, 40px);\n  min-width: var(--devframes-dock-min-width, 100px);\n  transform: translate(-50%, -50%);\n}\n\n#devframes-anchor.devframes-vertical #devframes-dock-container {\n  transform: translate(-50%, -50%) rotate(90deg);\n  transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n}\n\n#devframes-anchor #devframes-dock {\n  margin:auto;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9999px;\n  ;background-color:rgb(255 255 255 / 1);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);--un-text-opacity:1;color:rgb(51 51 51 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);\n  transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n  height: var(--devframes-dock-height, 40px);\n  width: calc-size(max-content, size);\n}.dark #devframes-anchor #devframes-dock{background-color:rgb(17 17 17 / 0.8);--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}\n\n#devframes-anchor.devframes-minimized #devframes-dock {\n  padding-left:0;padding-right:0;padding-top:2px;padding-bottom:2px;\n  width: var(--devframes-dock-minimized-size, 22px);\n  height: var(--devframes-dock-minimized-size, 22px);\n}\n\n#devframes-anchor:hover #devframes-glowing {\n  opacity:0.6;\n}\n\n#devframes-anchor #devframes-glowing {\n  pointer-events:none;position:absolute;left:0;top:0;border-radius:9999px;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:1000ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);\n  width: var(--devframes-dock-glow-size, 160px);\n  height: var(--devframes-dock-glow-size, 160px);\n  filter: blur(var(--devframes-dock-glow-blur, 60px));\n  transform: translate(-50%, -50%);\n  /* Follows the brand: derived from the primary ramp (overridable via\n     --devframe-primary), so a rebrand retints the glow automatically. */\n  background-image: linear-gradient(\n    45deg,\n    var(--colors-primary-300, #adc77f),\n    var(--colors-primary-500, #517158),\n    var(--colors-primary-DEFAULT, #486954)\n  );\n}\n\n@media print {\n  #devframes-anchor {\n    display:none;\n  }\n}\n\n.devframes-resize-handle-horizontal {\n  position:absolute;left:6px;right:6px;margin-top:-5px;margin-bottom:-5px;height:10px;cursor:ns-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-vertical {\n  position:absolute;top:6px;bottom:0;margin-left:-5px;margin-right:-5px;width:10px;cursor:ew-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-corner {\n  position:absolute;margin:-6px;width:14px;height:14px;border-radius:0.375rem;\n}\n.devframes-resize-handle {\n  z-index:30;\n}\n.devframes-resize-handle:hover {\n  background-color:rgb(156 163 175 / 0.1);\n}\n\n@keyframes devframes-shake {\n  0%, 100% { transform: translateX(0); }\n  20%, 60% { transform: translateX(-5px); }\n  40%, 80% { transform: translateX(5px); }\n}\n.devframes-shake {\n  animation: devframes-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n@media (prefers-reduced-motion: reduce) {\n  .devframes-shake {\n    animation: none;\n  }\n}\n\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-counter-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-square-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 80v128a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-counter-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M88 104H40a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v28.69l14.63-14.63A95.43 95.43 0 0 1 130 33.94h.53a95.36 95.36 0 0 1 67.07 27.33a8 8 0 0 1-11.18 11.44a79.52 79.52 0 0 0-55.89-22.77h-.45a79.56 79.56 0 0 0-56.14 23.43L59.31 88H88a8 8 0 0 1 0 16m128 48h-48a8 8 0 0 0 0 16h28.69l-14.63 14.63a79.56 79.56 0 0 1-56.13 23.43h-.45a79.52 79.52 0 0 1-55.89-22.77a8 8 0 1 0-11.18 11.44a95.36 95.36 0 0 0 67.07 27.33h.52a95.43 95.43 0 0 0 67.36-28.12L208 179.31V208a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 48v160H48V48Z' opacity='.2'/%3E%3Cpath d='M216 48v48a8 8 0 0 1-16 0V67.31l-42.34 42.35a8 8 0 0 1-11.32-11.32L188.69 56H160a8 8 0 0 1 0-16h48a8 8 0 0 1 8 8M98.34 146.34L56 188.69V160a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16H67.31l42.35-42.34a8 8 0 0 0-11.32-11.32M208 152a8 8 0 0 0-8 8v28.69l-42.34-42.35a8 8 0 0 0-11.32 11.32L188.69 200H160a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8M67.31 56H96a8 8 0 0 0 0-16H48a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0V67.31l42.34 42.35a8 8 0 0 0 11.32-11.32Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-cards-three-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 104v96a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-96a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 88H48a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16m0 112H48v-96h160zM48 64a8 8 0 0 1 8-8h144a8 8 0 0 1 0 16H56a8 8 0 0 1-8-8m16-32a8 8 0 0 1 8-8h112a8 8 0 0 1 0 16H72a8 8 0 0 1-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-down,\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-left,\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-right,\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-up{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-check-bold,\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-circle-notch{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-six-vertical{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M104 60a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60 12a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-72 44a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-72 68a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-three-outline-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M152 128a24 24 0 1 1-24-24a24 24 0 0 1 24 24M48 104a24 24 0 1 0 24 24a24 24 0 0 0-24-24m160 0a24 24 0 1 0 24 24a24 24 0 0 0-24-24' opacity='.2'/%3E%3Cpath d='M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16M48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16m160-48a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-globe{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.12 104.12 0 0 0 128 24m88 104a87.6 87.6 0 0 1-3.33 24h-38.51a157.4 157.4 0 0 0 0-48h38.51a87.6 87.6 0 0 1 3.33 24m-114 40h52a115.1 115.1 0 0 1-26 45a115.3 115.3 0 0 1-26-45m-3.9-16a140.8 140.8 0 0 1 0-48h59.88a140.8 140.8 0 0 1 0 48ZM40 128a87.6 87.6 0 0 1 3.33-24h38.51a157.4 157.4 0 0 0 0 48H43.33A87.6 87.6 0 0 1 40 128m114-40h-52a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45m52.33 0h-35.62a135.3 135.3 0 0 0-22.3-45.6A88.29 88.29 0 0 1 206.37 88Zm-98.74-45.6A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6M49.63 168h35.66a135.3 135.3 0 0 0 22.3 45.6A88.29 88.29 0 0 1 49.63 168m98.78 45.6a135.3 135.3 0 0 0 22.3-45.6h35.66a88.29 88.29 0 0 1-57.96 45.6'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-keyboard-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M232 64v128a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h192a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 48H32a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m0 144H32V64h192zm-16-64a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8m0-32a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8M72 160a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8m96 0a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m40 0a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-laptop-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 72v104H40V72a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M232 168h-8V72a24 24 0 0 0-24-24H56a24 24 0 0 0-24 24v96h-8a8 8 0 0 0-8 8v16a24 24 0 0 0 24 24h176a24 24 0 0 0 24-24v-16a8 8 0 0 0-8-8M48 72a8 8 0 0 1 8-8h144a8 8 0 0 1 8 8v96H48Zm176 120a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-8h192ZM152 88a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-layout-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M104 104v104H40a8 8 0 0 1-8-8v-96Z' opacity='.2'/%3E%3Cpath d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v40H40V56ZM40 112h56v88H40Zm176 88H112v-88h104z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-magnifying-glass-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 112a80 80 0 1 1-80-80a80 80 0 0 1 80 80' opacity='.2'/%3E%3Cpath d='m229.66 218.34l-50.06-50.06a88.21 88.21 0 1 0-11.32 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-moon-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78' opacity='.2'/%3E%3Cpath d='M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-paint-brush-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 32c0 32.81-31.64 67.43-58.64 91.05A84.4 84.4 0 0 0 133 90.64c23.57-27 58.19-58.64 91-58.64' opacity='.2'/%3E%3Cpath d='M232 32a8 8 0 0 0-8-8c-44.08 0-89.31 49.71-114.43 82.63A60 60 0 0 0 32 164c0 30.88-19.54 44.73-20.47 45.37A8 8 0 0 0 16 224h76a60 60 0 0 0 57.37-77.57C182.3 121.31 232 76.08 232 32M92 208H34.63C41.38 198.41 48 183.92 48 164a44 44 0 1 1 44 44m32.42-94.45q5.14-6.66 10.09-12.55A76.2 76.2 0 0 1 155 121.49q-5.9 4.94-12.55 10.09a60.5 60.5 0 0 0-18.03-18.03m42.7-2.68a92.6 92.6 0 0 0-22-22c31.78-34.53 55.75-45 69.9-47.91c-2.85 14.16-13.37 38.13-47.9 69.91'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.32 81.37l-60.69-60.68a16 16 0 0 0-22.63 0l-53.63 53.8c-10.66-3.34-35-7.37-60.4 13.14a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33c19.64-26.1 17.75-47.32 13.19-60L235.33 104a16 16 0 0 0-.01-22.63M224 92.69l-57.27 57.46a8 8 0 0 0-1.49 9.22c9.46 18.93-1.8 38.59-9.34 48.62L48 100.08c12.08-9.74 23.64-12.31 32.48-12.31A40.1 40.1 0 0 1 96.81 91a8 8 0 0 0 9.25-1.51L163.32 32L224 92.68Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.33 104l-53.47 53.65c4.56 12.67 6.45 33.89-13.19 60A15.93 15.93 0 0 1 157 224h-1.13a16 16 0 0 1-11.32-4.69L96.29 171l-42.63 42.66a8 8 0 0 1-11.32-11.32L85 159.71l-48.3-48.3A16 16 0 0 1 38 87.63c25.42-20.51 49.75-16.48 60.4-13.14L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 .01 22.62'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-rocket-launch-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 120v61.65a8 8 0 0 1-2.34 5.65l-34.35 34.35a8 8 0 0 1-13.57-4.53L128 176Zm-48-48H74.35a8 8 0 0 0-5.65 2.34l-34.35 34.35a8 8 0 0 0 4.53 13.57L80 128ZM40 216c37.65 0 50.69-19.69 54.56-28.18l-26.38-26.38C59.69 165.31 40 178.35 40 216' opacity='.2'/%3E%3Cpath d='M223.85 47.12a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.41 27.07L132.69 64H74.36A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a15.9 15.9 0 0 0 4.68-11.36v-58.33l4.77-4.77c26.68-26.68 27.83-58.83 27.08-71.42M74.36 80h42.33l-39.53 39.52L40 114.34Zm74.41-9.45a76.65 76.65 0 0 1 59.11-22.47a76.46 76.46 0 0 1-22.42 59.16L128 164.68L91.32 128ZM176 181.64L141.67 216l-5.19-37.17L176 139.31Zm-74.16 9.5C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-shield-check-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 56v56c0 96-88 120-88 120s-88-24-88-120V56a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 40H48a16 16 0 0 0-16 16v56c0 52.72 25.52 84.67 46.93 102.19c23.06 18.86 46 25.26 47 25.53a8 8 0 0 0 4.2 0c1-.27 23.91-6.67 47-25.53C198.48 196.67 224 164.72 224 112V56a16 16 0 0 0-16-16m0 72c0 37.07-13.66 67.16-40.6 89.42a129.3 129.3 0 0 1-39.4 22.2a128.3 128.3 0 0 1-38.92-21.81C61.82 179.51 48 149.3 48 112V56h160ZM82.34 141.66a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32l-56 56a8 8 0 0 1-11.32 0Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sign-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 56v144a16 16 0 0 1-16 16H48V40h160a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M120 216a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H56v160h56a8 8 0 0 1 8 8m109.66-93.66l-40-40a8 8 0 0 0-11.32 11.32L204.69 120H112a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-spinner-gap-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0m88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-50.91-16.4l-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31M72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8m-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-square-half-bottom-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v72a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8v-72Z' opacity='.2'/%3E%3Cpath d='M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v64H56V56Zm0 144H56v-64h144z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sun-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 128a56 56 0 1 1-56-56a56 56 0 0 1 56 56' opacity='.2'/%3E%3Cpath d='M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0m72 88a64 64 0 1 1-64-64a64.07 64.07 0 0 1 64 64m-16 0a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48M58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68l-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8m112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-duotone,\n.i-ph\\:warning-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72M120 104a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm8 88a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-wrench-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 96a64 64 0 0 1-94.94 56L73 217a24 24 0 0 1-34-34l65-56.06a64 64 0 0 1 80-90.29L144 80l5.66 26.34L176 112l43.35-40A63.8 63.8 0 0 1 224 96' opacity='.2'/%3E%3Cpath d='M226.76 69a8 8 0 0 0-12.84-2.88l-40.3 37.19l-17.23-3.7l-3.7-17.23l37.19-40.3A8 8 0 0 0 187 29.24A72 72 0 0 0 88 96a72.3 72.3 0 0 0 6 28.94L33.79 177c-.15.12-.29.26-.43.39a32 32 0 0 0 45.26 45.26c.13-.13.27-.28.39-.42L131.06 162A72 72 0 0 0 232 96a71.6 71.6 0 0 0-5.24-27M160 152a56.14 56.14 0 0 1-27.07-7a8 8 0 0 0-9.92 1.77l-55.9 64.74a16 16 0 0 1-22.62-22.62L109.18 133a8 8 0 0 0 1.77-9.93a56 56 0 0 1 58.36-82.31l-31.2 33.81a8 8 0 0 0-1.94 7.1l5.66 26.33a8 8 0 0 0 6.14 6.14l26.35 5.66a8 8 0 0 0 7.1-1.94l33.81-31.2A56.06 56.06 0 0 1 160 152'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-x,\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:bug-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v16a80 80 0 0 1-160 0v-16Z' opacity='.2'/%3E%3Cpath d='M144 92a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-44-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m116 64a87.8 87.8 0 0 1-3 23l22.24 9.72A8 8 0 0 1 232 192a7.9 7.9 0 0 1-3.2-.67L207.38 182a88 88 0 0 1-158.76 0l-21.42 9.33a7.9 7.9 0 0 1-3.2.67a8 8 0 0 1-3.2-15.33L43 167a87.8 87.8 0 0 1-3-23v-8H16a8 8 0 0 1 0-16h24v-8a87.8 87.8 0 0 1 3-23l-22.2-9.67a8 8 0 1 1 6.4-14.66L48.62 74a88 88 0 0 1 158.76 0l21.42-9.36a8 8 0 0 1 6.4 14.66L213 89.05a87.8 87.8 0 0 1 3 23v8h24a8 8 0 0 1 0 16h-24ZM56 120h144v-8a72 72 0 0 0-144 0Zm64 95.54V136H56v8a72.08 72.08 0 0 0 64 71.54M200 144v-8h-64v79.54A72.08 72.08 0 0 0 200 144'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:info-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M144 176a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m88-48A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88m-92-32a12 12 0 1 0-12-12a12 12 0 0 0 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:puzzle-piece-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M204 168a28 28 0 0 0 12-2.69V208a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-42.69a28 28 0 1 1 0-50.62V72a8 8 0 0 1 8-8h46.69a28 28 0 1 1 50.61 0H208a8 8 0 0 1 8 8v42.69A28 28 0 1 0 204 168' opacity='.2'/%3E%3Cpath d='M220.27 158.54a8 8 0 0 0-7.7-.46a20 20 0 1 1 0-36.16a8 8 0 0 0 11.43-7.23V72a16 16 0 0 0-16-16h-36.22a35 35 0 0 0 .22-4a36.15 36.15 0 0 0-11.36-26.25a36 36 0 0 0-60.55 23.63a36.6 36.6 0 0 0 .14 6.62H64a16 16 0 0 0-16 16v32.22a35 35 0 0 0-4-.22a36.12 36.12 0 0 0-26.24 11.36a35.7 35.7 0 0 0-9.69 27a36.08 36.08 0 0 0 33.31 33.6a36.6 36.6 0 0 0 6.62-.14V208a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16v-42.69a8 8 0 0 0-3.73-6.77M208 208H64v-42.69a8 8 0 0 0-11.43-7.23a20 20 0 1 1 0-36.16A8 8 0 0 0 64 114.69V72h46.69a8 8 0 0 0 7.23-11.43a20 20 0 1 1 36.16 0A8 8 0 0 0 161.31 72H208v32.23a35.7 35.7 0 0 0-6.62-.14A36 36 0 0 0 204 176a35 35 0 0 0 4-.22Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M165.66 101.66L139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-command-palette{z-index:2147483646;}\n.z-dock-confirm,\n.z-dock-toast{z-index:2147483647;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-floating-anchor{z-index:2147483644;}\n.z-floating-tooltip{z-index:2147483645;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.border-mute{--un-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));opacity:1 !important;}\n.hover\\:border-base:hover{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-glass\\:80{background-color:rgb(255 255 255 / 1);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass\\:80{background-color:rgb(17 17 17 / 0.8);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.dark .hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.15);}\n.hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.1);}\n.hover\\:bg-hover:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.btn-action:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-bg-opacity:1;background-color:rgb(64 112 75 / var(--un-bg-opacity));}\n.bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}\n.dark .bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(17 17 17 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(17 17 17 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(17 17 17 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(17 17 17 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n.dark .hover\\:color-active:hover{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.hover\\:color-active:hover{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .hover\\:color-base:hover{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.hover\\:color-base:hover{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--un-brightness:brightness(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0);}\n.icon-catppuccin{--un-brightness:brightness(0.8);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.invisible{visibility:hidden;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.bottom-4px{bottom:4px;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.left-5px{left:5px;}\n.right--1px{right:-1px;}\n.right-0{right:0;}\n.right-0\\.5{right:0.125rem;}\n.right-2{right:0.5rem;}\n.right-4{right:1rem;}\n.top--32px{top:-32px;}\n.top-0{top:0;}\n.top-0\\.5{top:0.125rem;}\n.top-1{top:0.25rem;}\n.top-1\\/2{top:50%;}\n.top-4{top:1rem;}\n.top-4px{top:4px;}\n.z--1{z-index:-1;}\n.grid{display:grid;}\n.cols-\\[max-content_1fr\\]{grid-template-columns:max-content 1fr;}\n.m-auto,\n.ma{margin:auto;}\n.m1{margin:0.25rem;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx--2{margin-left:-0.5rem;margin-right:-0.5rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.mx-auto{margin-left:auto;margin-right:auto;}\n.my-1,\n.my1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.my0\\.5{margin-top:0.125rem;margin-bottom:0.125rem;}\n.-mb-px{margin-bottom:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb-1\\.5{margin-bottom:0.375rem;}\n.mb-3{margin-bottom:0.75rem;}\n.mb-4{margin-bottom:1rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ml-2{margin-left:0.5rem;}\n.ml-6{margin-left:1.5rem;}\n.mr-1{margin-right:0.25rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2,\n.mt2{margin-top:0.5rem;}\n.mt-4,\n.mt4{margin-top:1rem;}\n.mt-6,\n.mt6{margin-top:1.5rem;}\n.mt-auto{margin-top:auto;}\n.box-border{box-sizing:border-box;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.contents{display:contents;}\n.dark .dark-hidden,\n.hidden,\n.light .light-hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-10{height:2.5rem;}\n.h-14{height:3.5rem;}\n.h-16{height:4rem;}\n.h-2{height:0.5rem;}\n.h-20px{height:20px;}\n.h-24{height:6rem;}\n.h-3{height:0.75rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-4\\.5{height:1.125rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h-screen{height:100vh;}\n.max-h-\\[60vh\\]{max-height:60vh;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-100{max-width:25rem;}\n.max-w-108{max-width:27rem;}\n.max-w-200{max-width:50rem;}\n.max-w-220px{max-width:220px;}\n.max-w-64{max-width:16rem;}\n.max-w-92{max-width:23rem;}\n.max-w-96,\n.max-w-sm{max-width:24rem;}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-xs{max-width:20rem;}\n.min-h-0{min-height:0;}\n.min-h-16{min-height:4rem;}\n.min-h-40{min-height:10rem;}\n.min-h-5{min-height:1.25rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-28{min-width:7rem;}\n.min-w-36{min-width:9rem;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-\\[40px\\]{width:40px;}\n.w-1\\.5{width:0.375rem;}\n.w-10{width:2.5rem;}\n.w-11{width:2.75rem;}\n.w-12{width:3rem;}\n.w-16{width:4rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-20px{width:20px;}\n.w-24{width:6rem;}\n.w-2px{width:2px;}\n.w-3{width:0.75rem;}\n.w-3\\.5{width:0.875rem;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-4\\.5{width:1.125rem;}\n.w-5{width:1.25rem;}\n.w-6{width:1.5rem;}\n.w-64{width:16rem;}\n.w-7{width:1.75rem;}\n.w-72{width:18rem;}\n.w-8{width:2rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-96{width:24rem;}\n.w-auto\\!{width:auto !important;}\n.w-fit{width:fit-content;}\n.w-full{width:100%;}\n.w-lg{width:32rem;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.w-screen{width:100vw;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.flex-auto{flex:1 1 auto;}\n.flex-none{flex:none;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-row-reverse{flex-direction:row-reverse;}\n.flex-col{flex-direction:column;}\n.flex-col-reverse{flex-direction:column-reverse;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2,\n.translate-x--1\\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.-translate-y-2{--un-translate-y:-0.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked],\n.translate-x-4{--un-translate-x:1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-0\\.5{--un-translate-x:0.125rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-1{--un-translate-x:0.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-5{--un-translate-x:1.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y--1\\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y-0{--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y-2{--un-translate-y:0.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.-rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate-0{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:0deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate-270{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:270deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-100{--un-scale-x:1;--un-scale-y:1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-120{--un-scale-x:1.2;--un-scale-y:1.2;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-98{--un-scale-x:0.98;--un-scale-y:0.98;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.hover\\:scale-110:hover{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.cursor-not-allowed{cursor:not-allowed;}\n.cursor-grab{cursor:grab;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0{gap:0;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-6{gap:1.5rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-0\\.5{row-gap:0.125rem;}\n.space-y-0\\.5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.125rem * var(--un-space-y-reverse));}\n.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-divide-opacity));}\n.of-hidden,\n.overflow-hidden{overflow:hidden;}\n.overflow-auto{overflow:auto;}\n.of-x-hidden{overflow-x:hidden;}\n.of-y-auto{overflow-y:auto;}\n.of-y-hidden{overflow-y:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-pre-wrap{white-space:pre-wrap;}\n.ws-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.b,\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-0{border-bottom-width:0px;}\n.border-b-1\\.5{border-bottom-width:1.5px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-1\\.5{border-right-width:1.5px;}\n.border-t{border-top-width:1px;}\n.border-t-0{border-top-width:0px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.last\\:border-b-0:last-child{border-bottom-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-amber\\/20{border-color:rgb(251 191 36 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-error\\!{--un-border-opacity:1 !important;border-color:rgb(246 61 104 / var(--un-border-opacity)) !important;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-primary-400\\/60{border-color:rgb(117 166 126 / 0.6);}\n.border-primary\\/30{border-color:rgb(58 106 69 / 0.3);}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red-500\\/70{border-color:rgb(239 68 68 / 0.7);}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400\\/50{border-color:rgb(117 166 126 / 0.5);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-border-opacity:1;border-color:rgb(117 166 126 / var(--un-border-opacity));}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-border-opacity:1;border-color:rgb(87 136 97 / var(--un-border-opacity));}\n.focus-within\\:border-gray\\/15:focus-within{border-color:rgb(156 163 175 / 0.15);}\n.hover\\:border-gray\\/10:hover{border-color:rgb(156 163 175 / 0.1);}\n.focus\\:border-primary-500:focus{--un-border-opacity:1;border-color:rgb(87 136 97 / var(--un-border-opacity));}\n.focus\\:border-primary\\/40:focus{border-color:rgb(58 106 69 / 0.4);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.rounded-r{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}\n.rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;}\n.rounded-tr-md{border-top-right-radius:0.375rem;}\n.bg-\\[\\#8881\\],\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8882{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8885{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-amber{--un-bg-opacity:1;background-color:rgb(251 191 36 / var(--un-bg-opacity));}\n.bg-amber-400\\/10,\n.bg-amber\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-black\\/30,\n.dark .dark\\:bg-black\\/30{background-color:rgb(0 0 0 / 0.3);}\n.bg-blue{--un-bg-opacity:1;background-color:rgb(96 165 250 / var(--un-bg-opacity));}\n.bg-blue-400\\/10,\n.bg-blue\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-error\\!{--un-bg-opacity:1 !important;background-color:rgb(246 61 104 / var(--un-bg-opacity)) !important;}\n.bg-gray{--un-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-bg-opacity));}\n.bg-gray-6{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity));}\n.bg-gray\\/10{background-color:rgb(156 163 175 / 0.1);}\n.bg-gray\\/20{background-color:rgb(156 163 175 / 0.2);}\n.bg-gray\\/3{background-color:rgb(156 163 175 / 0.03);}\n.bg-gray\\/30{background-color:rgb(156 163 175 / 0.3);}\n.bg-gray\\/5{background-color:rgb(156 163 175 / 0.05);}\n.bg-green{--un-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-bg-opacity));}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\/10{background-color:rgb(251 146 60 / 0.1);}\n.bg-primary{--un-bg-opacity:1;background-color:rgb(58 106 69 / var(--un-bg-opacity));}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));}\n.bg-primary-500\\/20{background-color:rgb(87 136 97 / 0.2);}\n.bg-primary\\/10{background-color:rgb(58 106 69 / 0.1);}\n.bg-primary\\/15{background-color:rgb(58 106 69 / 0.15);}\n.bg-primary\\/20{background-color:rgb(58 106 69 / 0.2);}\n.bg-red{--un-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\/10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.bg-white\\/50{background-color:rgb(255 255 255 / 0.5);}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.dark .dark\\:bg-black\\/45{background-color:rgb(0 0 0 / 0.45);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\[\\#8881\\]:hover{--un-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-\\[\\#8882\\]:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-\\#8888:hover{--un-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-gray\\/10:hover{background-color:rgb(156 163 175 / 0.1);}\n.hover\\:bg-gray\\/15:hover{background-color:rgb(156 163 175 / 0.15);}\n.hover\\:bg-gray\\/20:hover{background-color:rgb(156 163 175 / 0.2);}\n.hover\\:bg-gray\\/5:hover{background-color:rgb(156 163 175 / 0.05);}\n.hover\\:bg-orange\\/20:hover{background-color:rgb(251 146 60 / 0.2);}\n.hover\\:bg-primary\\/25:hover{background-color:rgb(58 106 69 / 0.25);}\n.hover\\:bg-red-600\\!:hover{--un-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-bg-opacity)) !important;}\n.hover\\:bg-red\\/20:hover{background-color:rgb(248 113 113 / 0.2);}\n.stroke-current{stroke:currentColor;}\n.object-contain{object-fit:contain;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1,\n.p1{padding:0.25rem;}\n.p-1\\.5,\n.p1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4{padding:1rem;}\n.p-5{padding:1.25rem;}\n.p6{padding:1.5rem;}\n.p8{padding:2rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-0\\.5{padding-left:0.125rem;padding-right:0.125rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3,\n.px3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0{padding-top:0;padding-bottom:0;}\n.py-0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2,\n.py2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-2\\!{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}\n.py-2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}\n.py-8{padding-top:2rem;padding-bottom:2rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pb2\\.5{padding-bottom:0.625rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-\\[20vh\\]{padding-top:20vh;}\n.pt-1\\.5{padding-top:0.375rem;}\n.pt-6{padding-top:1.5rem;}\n.pt2{padding-top:0.5rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.indent{text-indent:1.5rem;}\n.text-balance{text-wrap:balance;}\n.text-\\[10px\\]{font-size:10px;}\n.text-\\[15px\\]{font-size:15px;}\n.text-0\\.6em{font-size:0.6em;}\n.text-2\\.75{font-size:0.6875rem;}\n.text-2xl{font-size:1.5rem;line-height:2rem;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xl{font-size:1.25rem;line-height:1.75rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.dark .dark\\:text-amber-400,\n.text-amber{--un-text-opacity:1;color:rgb(251 191 36 / var(--un-text-opacity));}\n.dark .dark\\:text-blue-300{--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .dark\\:text-green-300{--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.dark .dark\\:text-green-400,\n.text-green{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity));}\n.dark .dark\\:text-primary-300{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.dark .dark\\:text-red-300{--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.dark .dark\\:text-red-400,\n.text-red{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}\n.text-amber-600{--un-text-opacity:1;color:rgb(217 119 6 / var(--un-text-opacity));}\n.text-amber-700{--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.text-blue{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity));}\n.text-blue-700{--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.text-gray{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}\n.text-green-600{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity));}\n.text-green-700{--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.text-orange{--un-text-opacity:1;color:rgb(251 146 60 / var(--un-text-opacity));}\n.text-primary,\n.text-primary\\/bg-active{--un-text-opacity:1;color:rgb(58 106 69 / var(--un-text-opacity));}\n.text-primary-600{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));}\n.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));}\n.text-red-700{--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.leading-4{line-height:1rem;}\n.leading-5{line-height:1.25rem;}\n.leading-none{line-height:1;}\n.leading-relaxed{line-height:1.625;}\n.tracking-tight{letter-spacing:-0.025em;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}\n.line-through{text-decoration-line:line-through;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.caret-primary-500{--un-caret-opacity:1;caret-color:rgb(87 136 97 / var(--un-caret-opacity));}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50,\n.group:hover .group-hover\\:op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100,\n.opacity-100,\n.group:hover .group-hover\\:opacity-100{opacity:1;}\n.op0,\n.opacity-0{opacity:0;}\n.op25{opacity:0.25;}\n.op30{opacity:0.3;}\n.op40{opacity:0.4;}\n.op60{opacity:0.6;}\n.op60\\!{opacity:0.6 !important;}\n.op70{opacity:0.7;}\n.op75{opacity:0.75;}\n.op80{opacity:0.8;}\n.hover\\:op100:hover{opacity:1;}\n.hover\\:op60:hover{opacity:0.6;}\n.hover\\:op70:hover{opacity:0.7;}\n.hover\\:op80:hover{opacity:0.8;}\n.disabled\\:op40:disabled{opacity:0.4;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.outline{outline-style:solid;}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.ring-1\\.5{--un-ring-width:1.5px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-2:focus-within{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-1:focus{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-3:focus{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-3:focus-visible{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.ring-purple\\/50{--un-ring-color:rgb(192 132 252 / 0.5);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/25:focus{--un-ring-color:rgb(87 136 97 / 0.25);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-primary\\/30:focus{--un-ring-color:rgb(58 106 69 / 0.3);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-ring-color:rgb(87 136 97 / 0.3);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-0{--un-backdrop-blur:blur(0);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.backdrop-blur-1{--un-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.blur-2xl{--un-blur:blur(40px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.saturate-0{--un-saturate:saturate(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-150{transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.delay-200{transition-delay:200ms;}\n.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:gap-2\\.5{gap:0.625rem;}\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: shortcuts */\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.bg-active{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active{background-color:rgb(58 106 69 / 0.15);}\n.bg-base{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.color-active{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations, and imported after\n * `virtual:uno.css` in the Storybook preview for the same reason.\n *\n * Each Wind4 stop (`--colors-primary-*`) is derived from `--devframe-primary`\n * via `color-mix`. When `--devframe-primary` is unset, the intermediate\n * `--devframe-primary-<stop>` vars become guaranteed-invalid (their `color-mix`\n * references an unset var with no fallback), so each `--colors-primary-<stop>`\n * falls back to the exact devframe default hex — the default look is preserved,\n * and only an explicit override derives a new ramp. The vars inherit through\n * the tree, so setting `--devframe-primary` on the dock host retints\n * everything, and setting it on a group's chrome container retints just that\n * group (the group-accent mechanism).\n *\n * `:host` is the effective selector inside the dock's shadow root; `:root` is\n * for the light-DOM Storybook preview (it matches nothing in the shadow root).\n *\n * `.devframes-accent-scope` re-declares the whole block on a group's chrome\n * container: because custom properties inherit as computed values, a descendant\n * that only overrides `--devframe-primary` would keep the `:host`-computed\n * stops — re-running the derivation here recomputes them from the container's\n * own `--devframe-primary` (a group's `accentColor`), retinting just that group.\n */\n:root,\n:host,\n.devframes-accent-scope {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
diff --git a/packages/hub-ui/uno.config.ts b/packages/hub-ui/uno.config.ts
index f610aa6f..c21eee0b 100644
--- a/packages/hub-ui/uno.config.ts
+++ b/packages/hub-ui/uno.config.ts
@@ -1,17 +1,23 @@
-import { mergeConfigs } from 'unocss'
-import { designConfig } from '../../design/uno.config'
+import { mergeConfigs, presetWind3 } from 'unocss'
+import { createDesignConfig, shadowSurfaceSafelist } from '../../design/uno.config'
 
 // The shared devframe design base (see `design/uno.config.ts` and the root
 // AGENTS.md "Design system" section) plus this package's own extraction
 // globs and the dock-shell z-layers. The generated stylesheet is compiled
-// ahead of time by `scripts/build-css.ts` into
-// `src/client/.generated/css.ts` and injected into each custom element's
-// shadow root — `build-css.ts` rewrites the theme's `:root` selector to
-// `:root, :host` so `@antfu/design`'s `--colors-*` variables cascade into
-// that shadow tree (they otherwise only apply to the top-level document).
+// ahead of time by `scripts/build-css.ts` into `src/client/.generated/css.ts`
+// and injected into the dock custom element's **shadow root**.
+//
+// Composed on a **Wind3** base rather than the shared default's Wind4:
+// `@antfu/design`'s semantic utilities compile to concrete `rgb()` + `.dark`
+// variants under Wind3, which are self-contained inside a shadow tree — Wind4
+// keeps its theme/`--un-*` behind a document `:root {}` block and
+// `@property { inherits: false }`, neither of which reaches the shadow root.
+// The `safelist` guarantees the surface/text tokens ship even if a shortcut
+// class only appears via a `.dark:` variant the extractor misses.
 export default mergeConfigs([
-  designConfig,
+  createDesignConfig({ base: presetWind3() }),
   {
+    safelist: shadowSurfaceSafelist,
     content: {
       pipeline: {
         include: [/\.vue($|\?)/, /\.ts$/],
diff --git a/packages/json-render-ui/scripts/build-css.ts b/packages/json-render-ui/scripts/build-css.ts
index 1da06d9e..7554c85a 100644
--- a/packages/json-render-ui/scripts/build-css.ts
+++ b/packages/json-render-ui/scripts/build-css.ts
@@ -5,6 +5,7 @@ import { fileURLToPath } from 'node:url'
 import { colors as c } from 'devframe/utils/colors'
 import { glob } from 'tinyglobby'
 import { createGenerator } from 'unocss'
+import { shadowSurfaceSafelist } from '../../../design/uno.config'
 import config from '../uno.config'
 
 // Compile the renderer's UnoCSS output ahead of time into a plain string
@@ -25,16 +26,6 @@ const IGNORE = ['**/*.stories.*', '**/__tests__/**']
 const PRIMARY_RAMP = join(SRC_DIR, 'renderer-module/primary-ramp.css')
 const GENERATED_CSS = join(SRC_DIR, '.generated/css.ts')
 
-/**
- * Retarget Wind4's theme `:root {}` block at `:root, :host` so its
- * `--colors-*` (and other design tokens) cascade into the shadow root the
- * renderer module adopts the stylesheet into — a `:root` selector matches
- * only the top-level document, never the shadow host.
- */
-function shadowScopeTheme(css: string): string {
-  return css.replaceAll(':root {', ':root, :host {').replaceAll(':root{', ':root, :host{')
-}
-
 export async function buildCSS(): Promise<void> {
   const require = createRequire(import.meta.url)
   const reset = await fs.readFile(require.resolve('@unocss/reset/tailwind.css'), 'utf-8')
@@ -65,12 +56,16 @@ export async function buildCSS(): Promise<void> {
 
   const primaryRamp = await fs.readFile(PRIMARY_RAMP, 'utf-8')
   const unoResult = await generator.generate(tokens)
+  // Wind3 drops a *plain* semantic shortcut (`.bg-base` / `.color-base`) from
+  // the main pass when the same shortcut also appears variant-prefixed in the
+  // sources (e.g. `@antfu/design`'s Tabs emits `data-[state=active]:bg-base`) —
+  // a shortcut+variant interaction. Generate the shadow-surface tokens in a
+  // dedicated pass so their plain (and `.dark`) rules are always present.
+  const surfaces = await generator.generate(shadowSurfaceSafelist.join(' '))
   const css = [
     reset,
-    // Make Wind4's `:root {}` theme block apply inside the renderer module's
-    // shadow root (see `shadowScopeTheme`) — otherwise `bg-base` / `color-base`
-    // and every `color-mix(var(--colors-*))` utility resolve to nothing there.
-    shadowScopeTheme(unoResult.css),
+    unoResult.css,
+    surfaces.css,
     primaryRamp,
   ].join('\n')
 
diff --git a/packages/json-render-ui/src/.generated/css.ts b/packages/json-render-ui/src/.generated/css.ts
index 300b8d0f..0effd7d8 100644
--- a/packages/json-render-ui/src/.generated/css.ts
+++ b/packages/json-render-ui/src/.generated/css.ts
@@ -1,3 +1,3 @@
 /* eslint-disable eslint-comments/no-unlimited-disable */
 /* eslint-disable */
-export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n/* layer: properties */\n@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{--un-bg-opacity:100%;--un-border-opacity:100%;--un-border-style:solid;--un-divide-opacity:100%;--un-divide-y-reverse:initial;--un-ease:initial;--un-from-opacity:100%;--un-leading:initial;--un-ring-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-text-opacity:100%;--un-to-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-via-opacity:100%;}}\n@property --un-text-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-leading{syntax:\"*\";inherits:false;}\n@property --un-border-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-bg-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-ring-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-inset-ring-color{syntax:\"*\";inherits:false;}\n@property --un-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-inset-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-ring-color{syntax:\"*\";inherits:false;}\n@property --un-ring-inset{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-color{syntax:\"*\";inherits:false;}\n@property --un-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0px;}\n@property --un-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000;}\n@property --un-shadow-color{syntax:\"*\";inherits:false;}\n@property --un-translate-x{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-y{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-translate-z{syntax:\"*\";inherits:false;initial-value:0;}\n@property --un-scale-x{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-y{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-scale-z{syntax:\"*\";inherits:false;initial-value:1;}\n@property --un-ease{syntax:\"*\";inherits:false;}\n@property --un-from-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%;}\n@property --un-gradient-position{syntax:\"*\";inherits:false;}\n@property --un-gradient-stops{syntax:\"*\";inherits:false;}\n@property --un-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%;}\n@property --un-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000;}\n@property --un-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%;}\n@property --un-gradient-via-stops{syntax:\"*\";inherits:false;}\n@property --un-to-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-via-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-backdrop-blur{syntax:\"*\";inherits:false;}\n@property --un-backdrop-brightness{syntax:\"*\";inherits:false;}\n@property --un-backdrop-contrast{syntax:\"*\";inherits:false;}\n@property --un-backdrop-grayscale{syntax:\"*\";inherits:false;}\n@property --un-backdrop-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-invert{syntax:\"*\";inherits:false;}\n@property --un-backdrop-opacity{syntax:\"*\";inherits:false;}\n@property --un-backdrop-saturate{syntax:\"*\";inherits:false;}\n@property --un-backdrop-sepia{syntax:\"*\";inherits:false;}\n@property --un-blur{syntax:\"*\";inherits:false;}\n@property --un-brightness{syntax:\"*\";inherits:false;}\n@property --un-contrast{syntax:\"*\";inherits:false;}\n@property --un-drop-shadow{syntax:\"*\";inherits:false;}\n@property --un-grayscale{syntax:\"*\";inherits:false;}\n@property --un-hue-rotate{syntax:\"*\";inherits:false;}\n@property --un-invert{syntax:\"*\";inherits:false;}\n@property --un-saturate{syntax:\"*\";inherits:false;}\n@property --un-sepia{syntax:\"*\";inherits:false;}\n@property --un-numeric-figure{syntax:\"*\";inherits:false;}\n@property --un-numeric-fraction{syntax:\"*\";inherits:false;}\n@property --un-numeric-spacing{syntax:\"*\";inherits:false;}\n@property --un-ordinal{syntax:\"*\";inherits:false;}\n@property --un-slashed-zero{syntax:\"*\";inherits:false;}\n@property --un-divide-opacity{syntax:\"<percentage>\";inherits:false;initial-value:100%;}\n@property --un-border-style{syntax:\"*\";inherits:false;initial-value:solid;}\n@property --un-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0;}\n/* layer: theme */\n:root, :host { --spacing: 0.25rem; --radius-DEFAULT: 0.25rem; --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"; --fontWeight-medium: 500; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --fontWeight-semibold: 600; --fontWeight-bold: 700; --colors-orange-DEFAULT: oklch(75% 0.183 55.934); --container-prose: 65ch; --colors-blue-400: oklch(70.7% 0.165 254.624); --colors-green-400: oklch(79.2% 0.209 151.711); --colors-amber-400: oklch(82.8% 0.189 84.429); --colors-red-400: oklch(70.4% 0.191 22.216); --radius-lg: 0.5rem; --ease-out: cubic-bezier(0, 0, 0.2, 1); --radius-md: 0.375rem; --leading-none: 1; --tracking-wide: 0.025em; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --radius-xl: 0.75rem; --container-sm: 24rem; --colors-primary-500: #578861; --colors-primary-DEFAULT: #3a6a45; --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-blue-700: oklch(48.8% 0.243 264.376); --colors-green-500: oklch(72.3% 0.219 149.579); --colors-green-700: oklch(52.7% 0.154 150.069); --colors-amber-500: oklch(76.9% 0.188 70.08); --colors-amber-700: oklch(55.5% 0.163 48.998); --colors-red-500: oklch(63.7% 0.237 25.331); --colors-red-700: oklch(50.5% 0.213 27.518); --colors-green-600: oklch(62.7% 0.194 149.214); --colors-amber-600: oklch(66.6% 0.179 58.318); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-white: #fff; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --colors-black: #000; --colors-primary-400: #75a67e; --colors-blue-300: oklch(80.9% 0.105 251.813); --colors-green-300: oklch(87.1% 0.15 154.449); --colors-amber-300: oklch(87.9% 0.169 91.605); --colors-red-300: oklch(80.8% 0.114 19.571); --colors-neutral-500: oklch(55.6% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-primary-600: #40704b; --colors-neutral-400: oklch(70.8% 0 0); --colors-primary-300: #93c69d; --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --container-xs: 20rem; --container-lg: 32rem; --colors-blue-600: oklch(54.6% 0.245 262.881); --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }\n/* layer: base */\n *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  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-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, 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; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.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 { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :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: 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }\n/* layer: preflights */\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.badge{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));--un-leading:var(--leading-none);line-height:var(--leading-none);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 0.5);border-radius:var(--radius-md);display:inline-flex;gap:calc(var(--spacing) * 1);align-items:center;}\n.btn-action-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.text-micro{font-size:10px;--un-leading:1.4;line-height:1.4;}\n.badge-color-amber{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-amber-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-amber-400) 20%, transparent);}\n.dark .badge-color-amber{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-amber-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.badge-color-blue{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-blue-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-blue-400) 20%, transparent);}\n.dark .badge-color-blue{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-blue-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.badge-color-green{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-green-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-green-400) 20%, transparent);}\n.dark .badge-color-green{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-green-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.badge-color-red{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-red-600) 15%, transparent);background-color:color-mix(in srgb, var(--colors-red-400) 20%, transparent);}\n.dark .badge-color-red{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-red-300) 15%, transparent);background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.btn-primary{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);opacity:100% !important;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.color-faint,\n.dark .color-faint{color:color-mix(in srgb, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in srgb, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in srgb, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.btn-action{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--un-outline-style:none;outline-style:none;border-width:1px;border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);opacity:75%;display:flex;gap:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}\n.btn-icon{--un-outline-style:none;outline-style:none;border-radius:calc(infinity * 1px);opacity:65%;display:flex;width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.btn-icon-compact{--un-outline-style:none;outline-style:none;border-radius:var(--radius-DEFAULT);opacity:65%;display:flex;width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}\n.border-base{border-color:color-mix(in oklab, #8882 var(--un-border-opacity), transparent);}\n.border-mute{border-color:color-mix(in oklab, #8881 var(--un-border-opacity), transparent);}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 15%, transparent);}\n.bg-ambient{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, #111 var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in srgb, var(--colors-white) 65%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass{background-color:color-mix(in oklab, #111 50%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in srgb, var(--colors-white) 98%, transparent);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.dark .bg-glass\\:75{background-color:color-mix(in oklab, #111 75%, transparent);}\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-secondary{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.dark .bg-secondary{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.hover\\:bg-hover:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.dark .hover\\:bg-secondary:hover{background-color:color-mix(in oklab, #101010 var(--un-bg-opacity), transparent);}\n.hover\\:bg-secondary:hover{background-color:color-mix(in oklab, #f6f6f6 var(--un-bg-opacity), transparent);}\n.btn-action:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-action-sm:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-icon-compact:hover{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);opacity:100%;}\n.btn-primary:hover{background-color:color-mix(in srgb, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:55%;}\n.op-fade{opacity:65%;}\n.dark .op-mute{opacity:25%;}\n.op-mute{opacity:30%;}\n.btn-action:disabled{opacity:30% !important;pointer-events:none;}\n.btn-action-sm:disabled{opacity:30% !important;pointer-events:none;}\n.btn-icon:disabled{opacity:30%;pointer-events:none;}\n.btn-icon-compact:disabled{opacity:30%;pointer-events:none;}\n.btn-primary:disabled{opacity:50%;pointer-events:none;}\n.dark .disabled\\:op-mute:disabled{opacity:25%;}\n.disabled\\:op-mute:disabled{opacity:30%;}\n.dark .placeholder\\:op-mute::placeholder{opacity:25%;}\n.placeholder\\:op-mute::placeholder{opacity:30%;}\n.container{width:100%;}\n.btn-action:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.bg-gradient-more{--un-gradient-from:color-mix(in oklab, var(--colors-white) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, var(--colors-white) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, var(--colors-white) var(--un-to-opacity), transparent);--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops));}\n.dark .bg-gradient-more{--un-gradient-from:color-mix(in oklab, #111 var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, #111 var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, #111 var(--un-to-opacity), transparent);}\n.dark .icon-catppuccin{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0%);}\n.icon-catppuccin{--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(100%);}\n@supports (color: color-mix(in lab, red, red)){\n.badge-color-amber{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-amber-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-amber-400) 20%, transparent);}\n.dark .badge-color-amber{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-amber-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.badge-color-blue{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-blue-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-blue-400) 20%, transparent);}\n.dark .badge-color-blue{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-blue-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.badge-color-green{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-green-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-green-400) 20%, transparent);}\n.dark .badge-color-green{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-green-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.badge-color-red{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-red-600) 15%, transparent);background-color:color-mix(in oklab, var(--colors-red-400) 20%, transparent);}\n.dark .badge-color-red{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-red-300) 15%, transparent);background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.btn-primary{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-400) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[selected\\]\\:btn-action-active[data-selected]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-primary-600) 25%, transparent) !important;background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.color-active{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .color-active{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-active[data-state=active]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.color-base{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.dark .color-base{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.data-\\[state\\=active\\]\\:color-base[data-state=active]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.dark .color-faint{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}\n.color-muted{color:color-mix(in oklab, var(--colors-neutral-600) var(--un-text-opacity), transparent);}\n.dark .color-muted{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-300) var(--un-text-opacity), transparent);}\n.hover\\:color-active:hover{color:color-mix(in oklab, var(--colors-primary-600) var(--un-text-opacity), transparent);}\n.dark .hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}\n.hover\\:color-base:hover{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}\n.bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.dark .bg-active{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 15%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent);}\n.bg-base{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=active\\]\\:bg-base[data-state=active]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.bg-glass{background-color:color-mix(in oklab, var(--colors-white) 65%, transparent);}\n.bg-glass\\:75{background-color:color-mix(in oklab, var(--colors-white) 98%, transparent);}\n.btn-primary:hover{background-color:color-mix(in oklab, var(--colors-primary-600) var(--un-bg-opacity), transparent);}\n.btn-action:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-action-sm:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-icon-compact:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.btn-primary:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.container{max-width:40rem;}\n}\n@media (min-width: 48rem){\n.container{max-width:48rem;}\n}\n@media (min-width: 64rem){\n.container{max-width:64rem;}\n}\n@media (min-width: 80rem){\n.container{max-width:80rem;}\n}\n@media (min-width: 96rem){\n.container{max-width:96rem;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}\n.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}\n.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}\n.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}\n.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}\n.dark .dark\\:text-amber-300{color:color-mix(in srgb, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in srgb, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in srgb, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in srgb, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in srgb, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in srgb, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in srgb, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in srgb, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}\n.color-amber{color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.color-green{color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.color-primary{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.color-red{color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.color-white\\!{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) !important;}\n.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}\n.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}\n.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}\n.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}\n.font-mono{font-family:var(--font-mono);}\n.font-sans{font-family:var(--font-sans);}\n.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.m-auto{margin:auto;}\n.mx--1{margin-inline:calc(var(--spacing) * -1);}\n.mx-1{margin-inline:calc(var(--spacing) * 1);}\n.mx-2{margin-inline:calc(var(--spacing) * 2);}\n.my-1{margin-block:calc(var(--spacing) * 1);}\n.my-2{margin-block:calc(var(--spacing) * 2);}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:calc(var(--spacing) * 1);}\n.mb2{margin-bottom:calc(var(--spacing) * 2);}\n.ml-0\\.5{margin-left:calc(var(--spacing) * 0.5);}\n.ml-1,\n.ml1{margin-left:calc(var(--spacing) * 1);}\n.ml-1\\.5{margin-left:calc(var(--spacing) * 1.5);}\n.ms{margin-inline-start:calc(var(--spacing) * 4);}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:calc(var(--spacing) * 0.5);}\n.mt-1{margin-top:calc(var(--spacing) * 1);}\n.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5);}\n.mt-2{margin-top:calc(var(--spacing) * 2);}\n.mt-4{margin-top:calc(var(--spacing) * 4);}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:calc(var(--spacing) * 0.5);}\n.p-1{padding:calc(var(--spacing) * 1);}\n.p-1\\.5{padding:calc(var(--spacing) * 1.5);}\n.p-2,\n.p2{padding:calc(var(--spacing) * 2);}\n.p-3{padding:calc(var(--spacing) * 3);}\n.p-4,\n.p4{padding:calc(var(--spacing) * 4);}\n.px,\n.px-4,\n.px4{padding-inline:calc(var(--spacing) * 4);}\n.px-1,\n.px1{padding-inline:calc(var(--spacing) * 1);}\n.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5);}\n.px-2,\n.px2{padding-inline:calc(var(--spacing) * 2);}\n.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5);}\n.px-2\\.5\\!{padding-inline:calc(var(--spacing) * 2.5) !important;}\n.px-3{padding-inline:calc(var(--spacing) * 3);}\n.px-6{padding-inline:calc(var(--spacing) * 6);}\n.py-0\\.5,\n.py0\\.5{padding-block:calc(var(--spacing) * 0.5);}\n.py-1,\n.py1{padding-block:calc(var(--spacing) * 1);}\n.py-1\\!{padding-block:calc(var(--spacing) * 1) !important;}\n.py-1\\.5,\n.py1\\.5{padding-block:calc(var(--spacing) * 1.5);}\n.py-10{padding-block:calc(var(--spacing) * 10);}\n.py-12{padding-block:calc(var(--spacing) * 12);}\n.py-2{padding-block:calc(var(--spacing) * 2);}\n.py-3{padding-block:calc(var(--spacing) * 3);}\n.py-4{padding-block:calc(var(--spacing) * 4);}\n.py2\\.5{padding-block:calc(var(--spacing) * 2.5);}\n.pb-1{padding-bottom:calc(var(--spacing) * 1);}\n.pl-4{padding-left:calc(var(--spacing) * 4);}\n.pl-5{padding-left:calc(var(--spacing) * 5);}\n.pl-7{padding-left:calc(var(--spacing) * 7);}\n.pl3{padding-left:calc(var(--spacing) * 3);}\n.pr-2{padding-right:calc(var(--spacing) * 2);}\n.pt-1\\.5{padding-top:calc(var(--spacing) * 1.5);}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.outline-none{--un-outline-style:none;outline-style:none;}\n.list-none{list-style-type:none;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:color-mix(in srgb, var(--colors-amber-500) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in srgb, var(--colors-blue-500) 20%, transparent);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:color-mix(in srgb, var(--colors-green-500) 20%, transparent);}\n.border-orange\\:50{border-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 50%, transparent);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in srgb, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.border-red{border-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent);}\n.border-red-500\\/20{border-color:color-mix(in srgb, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in srgb, var(--colors-red-500) 60%, transparent);}\n.border-red\\!{border-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in srgb, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:var(--radius-DEFAULT);}\n.rounded-full{border-radius:calc(infinity * 1px);}\n.rounded-lg{border-radius:var(--radius-lg);}\n.rounded-md{border-radius:var(--radius-md);}\n.rounded-xl{border-radius:var(--radius-xl);}\n.border-dashed{--un-border-style:dashed;border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:color-mix(in oklab, #ddd 40%, transparent);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{background-color:color-mix(in oklab, #8881 var(--un-bg-opacity), transparent);}\n.bg-\\#8882{background-color:color-mix(in oklab, #8882 var(--un-bg-opacity), transparent);}\n.bg-\\#8885{background-color:color-mix(in oklab, #8885 var(--un-bg-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in srgb, var(--colors-amber-400) 10%, transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in srgb, var(--colors-blue-400) 10%, transparent);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:color-mix(in srgb, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\:5{background-color:color-mix(in srgb, var(--colors-orange-DEFAULT) 5%, transparent);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in srgb, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in srgb, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\:10{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-red\\!{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in srgb, var(--colors-black) 40%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in srgb, var(--colors-red-500) 10%, transparent);}\n.hover\\:bg-\\#8888:hover{background-color:color-mix(in oklab, #8888 var(--un-bg-opacity), transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in srgb, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 90%, transparent) !important;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:50%;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:100%;}\n.op0{opacity:0%;}\n.op75{opacity:75%;}\n.hover\\:op100:hover{opacity:100%;}\n.disabled\\:op50:disabled{opacity:50%;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.gap-0\\.5{gap:calc(var(--spacing) * 0.5);}\n.gap-1{gap:calc(var(--spacing) * 1);}\n.gap-1\\.5{gap:calc(var(--spacing) * 1.5);}\n.gap-2{gap:calc(var(--spacing) * 2);}\n.gap-3{gap:calc(var(--spacing) * 3);}\n.gap-4{gap:calc(var(--spacing) * 4);}\n.gap-x-2{column-gap:calc(var(--spacing) * 2);}\n.gap-y-1{row-gap:calc(var(--spacing) * 1);}\n.grid{display:grid;}\n.h-0\\.5{height:calc(var(--spacing) * 0.5);}\n.h-1{height:calc(var(--spacing) * 1);}\n.h-1\\.5{height:calc(var(--spacing) * 1.5);}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:calc(var(--spacing) * 2);}\n.h-3\\.5{height:calc(var(--spacing) * 3.5);}\n.h-4{height:calc(var(--spacing) * 4);}\n.h-5{height:calc(var(--spacing) * 5);}\n.h-6{height:calc(var(--spacing) * 6);}\n.h-7{height:calc(var(--spacing) * 7);}\n.h-8{height:calc(var(--spacing) * 8);}\n.h-9{height:calc(var(--spacing) * 9);}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:calc(var(--spacing) * 3);}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:var(--container-lg);}\n.max-w-prose{max-width:var(--container-prose);}\n.max-w-sm{max-width:var(--container-sm);}\n.max-w-xs{max-width:var(--container-xs);}\n.min-h-40{min-height:calc(var(--spacing) * 40);}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:calc(var(--spacing) * 0);}\n.min-w-40{min-width:calc(var(--spacing) * 40);}\n.min-w-44{min-width:calc(var(--spacing) * 44);}\n.min-w-5{min-width:calc(var(--spacing) * 5);}\n.min-w-6{min-width:calc(var(--spacing) * 6);}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:calc(var(--spacing) * 1.5);}\n.w-2{width:calc(var(--spacing) * 2);}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:calc(var(--spacing) * 4);}\n.w-7{width:calc(var(--spacing) * 7);}\n.w-8\\.5{width:calc(var(--spacing) * 8.5);}\n.w-80{width:calc(var(--spacing) * 80);}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.visible{visibility:visible;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.focus-within\\:ring-2:focus-within{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in srgb, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-primary-500) 40%, transparent);}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow,\n.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.-translate-x-1\\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--un-translate-x:calc(var(--spacing) * 4);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-x-0\\.5{--un-translate-x:calc(var(--spacing) * 0.5);translate:var(--un-translate-x) var(--un-translate-y);}\n.translate-y-2{--un-translate-y:calc(var(--spacing) * 2);translate:var(--un-translate-x) var(--un-translate-y);}\n.-rotate-90{rotate:-90deg;}\n.rotate-90{rotate:90deg;}\n.scale-98{--un-scale-x:98%;--un-scale-y:98%;scale:var(--un-scale-x) var(--un-scale-y);}\n.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}\n.duration-200{--un-duration:200ms;transition-duration:200ms;}\n.duration-250{--un-duration:250ms;transition-duration:250ms;}\n.duration-300{--un-duration:300ms;transition-duration:300ms;}\n.ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}\n.ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.inset-0{inset:calc(var(--spacing) * 0);}\n.inset-x-0{inset-inline:calc(var(--spacing) * 0);}\n.bottom-0{bottom:calc(var(--spacing) * 0);}\n.bottom-4{bottom:calc(var(--spacing) * 4);}\n.left-0{left:calc(var(--spacing) * 0);}\n.left-1\\.5{left:calc(var(--spacing) * 1.5);}\n.left-1\\/2{left:50%;}\n.left-2{left:calc(var(--spacing) * 2);}\n.left-2\\.5{left:calc(var(--spacing) * 2.5);}\n.left-4{left:calc(var(--spacing) * 4);}\n.right-0{right:calc(var(--spacing) * 0);}\n.right-4{right:calc(var(--spacing) * 4);}\n.top-0{top:calc(var(--spacing) * 0);}\n.top-4{top:calc(var(--spacing) * 4);}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.stroke-current{stroke:currentColor;}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.backdrop-blur-sm{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}\n.invert{--un-invert:invert(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.saturate-0{--un-saturate:saturate(0%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.touch-none{touch-action:none;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}\n.divide-\\#8882{\n:where(&>:not(:last-child)){border-color:color-mix(in oklab, #8882 var(--un-divide-opacity), transparent);}\n}\n.divide-y{\n:where(&>:not(:last-child)){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}\n}\n.group-data-\\[state\\=open\\]\\:rotate-90{\n&:is(:where(.group)[data-state=open] *){rotate:90deg;}\n}\n@supports (color: color-mix(in lab, red, red)){\n.dark .dark\\:text-amber-300{color:color-mix(in oklab, var(--colors-amber-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-blue-300{color:color-mix(in oklab, var(--colors-blue-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-300{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-green-400{color:color-mix(in oklab, var(--colors-green-400) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-300{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);}\n.dark .dark\\:text-red-400{color:color-mix(in oklab, var(--colors-red-400) var(--un-text-opacity), transparent);}\n.text-amber-600{color:color-mix(in oklab, var(--colors-amber-600) var(--un-text-opacity), transparent);}\n.text-amber-700{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);}\n.text-blue-700{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);}\n.text-green-600{color:color-mix(in oklab, var(--colors-green-600) var(--un-text-opacity), transparent);}\n.text-green-700{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);}\n.text-orange{color:color-mix(in oklab, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent);}\n.text-red-500{color:color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent);}\n.text-red-600{color:color-mix(in oklab, var(--colors-red-600) var(--un-text-opacity), transparent);}\n.text-red-700{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);}\n.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}\n.color-amber{color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}\n.color-green{color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}\n.color-primary{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}\n.color-red{color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}\n.color-white\\!{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) !important;}\n.border-amber-500\\/20{border-color:color-mix(in oklab, var(--colors-amber-500) 20%, transparent);}\n.border-blue-500\\/20{border-color:color-mix(in oklab, var(--colors-blue-500) 20%, transparent);}\n.border-green-500\\/20{border-color:color-mix(in oklab, var(--colors-green-500) 20%, transparent);}\n.border-orange\\:50{border-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 50%, transparent);}\n.border-primary-500{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.border-red{border-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent);}\n.border-red-500\\/20{border-color:color-mix(in oklab, var(--colors-red-500) 20%, transparent);}\n.border-red-500\\/60{border-color:color-mix(in oklab, var(--colors-red-500) 60%, transparent);}\n.border-red\\!{border-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-border-opacity), transparent) !important;}\n.dark .dark\\:border-primary-400{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-400) var(--un-border-opacity), transparent);}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{border-color:color-mix(in oklab, var(--colors-primary-500) var(--un-border-opacity), transparent);}\n.bg-amber-400\\/10{background-color:color-mix(in oklab, var(--colors-amber-400) 10%, transparent);}\n.bg-blue-400\\/10{background-color:color-mix(in oklab, var(--colors-blue-400) 10%, transparent);}\n.bg-green-400\\/10{background-color:color-mix(in oklab, var(--colors-green-400) 10%, transparent);}\n.bg-orange\\:5{background-color:color-mix(in oklab, var(--colors-orange-DEFAULT) 5%, transparent);}\n.bg-primary-500{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.bg-red-400\\/10{background-color:color-mix(in oklab, var(--colors-red-400) 10%, transparent);}\n.bg-red-500\\!{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) !important;}\n.bg-red\\:10{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 10%, transparent);}\n.bg-red\\!{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) !important;}\n.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}\n.dark .dark\\:bg-black\\/40{background-color:color-mix(in oklab, var(--colors-black) 40%, transparent);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:color-mix(in oklab, var(--colors-red-500) 10%, transparent);}\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{background-color:color-mix(in oklab, var(--colors-primary-500) var(--un-bg-opacity), transparent);}\n.hover\\:bg-red-600\\!:hover{background-color:color-mix(in oklab, var(--colors-red-600) var(--un-bg-opacity), transparent) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 90%, transparent) !important;}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:color-mix(in oklab, var(--colors-red-500) 40%, transparent);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-primary-500) 40%, transparent);}\n}\n@media (min-width: 40rem){\n.sm\\:p-6{padding:calc(var(--spacing) * 6);}\n}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
+export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.border-mute{--un-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));opacity:1 !important;}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.hover\\:bg-hover:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.dark .hover\\:bg-secondary:hover{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.hover\\:bg-secondary:hover{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.btn-action:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-bg-opacity:1;background-color:rgb(64 112 75 / var(--un-bg-opacity));}\n.bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}\n.dark .bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(17 17 17 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(17 17 17 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(17 17 17 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(17 17 17 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n.dark .hover\\:color-active:hover{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.hover\\:color-active:hover{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .hover\\:color-base:hover{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.hover\\:color-base:hover{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--un-brightness:brightness(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0);}\n.icon-catppuccin{--un-brightness:brightness(0.8);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.right-0{right:0;}\n.right-4{right:1rem;}\n.top-0{top:0;}\n.top-4{top:1rem;}\n.grid{display:grid;}\n.m-auto{margin:auto;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb2{margin-bottom:0.5rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1,\n.ml1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2{margin-top:0.5rem;}\n.mt-4{margin-top:1rem;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:0.5rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:0.75rem;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-sm{max-width:24rem;}\n.max-w-xs{max-width:20rem;}\n.min-h-40{min-height:10rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:0.375rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-7{width:1.75rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--un-translate-x:1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-0\\.5{--un-translate-x:0.125rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y-2{--un-translate-y:0.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.-rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-98{--un-scale-x:0.98;--un-scale-y:0.98;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.list-none{list-style-type:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-1{row-gap:0.25rem;}\n.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-divide-opacity));}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-orange\\:50{border-color:rgb(251 146 60 / 0.5);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-border-opacity:1;border-color:rgb(87 136 97 / var(--un-border-opacity));}\n.border-red{--un-border-opacity:1;border-color:rgb(248 113 113 / var(--un-border-opacity));}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red\\!{--un-border-opacity:1 !important;border-color:rgb(248 113 113 / var(--un-border-opacity)) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-border-opacity:1;border-color:rgb(117 166 126 / var(--un-border-opacity));}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.border-dashed{border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8882{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8885{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-amber-400\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-blue-400\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\:5{background-color:rgb(251 146 60 / 0.05);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\:10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-bg-opacity)) !important;}\n.bg-red\\!{--un-bg-opacity:1 !important;background-color:rgb(248 113 113 / var(--un-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\#8888:hover{--un-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-red-600\\!:hover{--un-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-bg-opacity)) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:rgb(248 113 113 / 0.9) !important;}\n.stroke-current{stroke:currentColor;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1{padding:0.25rem;}\n.p-1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4,\n.p4{padding:1rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0\\.5,\n.py0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pl3{padding-left:0.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-1\\.5{padding-top:0.375rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.color-amber,\n.dark .dark\\:text-amber-400{--un-text-opacity:1;color:rgb(251 191 36 / var(--un-text-opacity));}\n.dark .dark\\:text-blue-300{--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .dark\\:text-green-300{--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.color-green,\n.dark .dark\\:text-green-400{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity));}\n.dark .dark\\:text-red-300{--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.color-red,\n.dark .dark\\:text-red-400{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}\n.text-amber-600{--un-text-opacity:1;color:rgb(217 119 6 / var(--un-text-opacity));}\n.text-amber-700{--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.text-blue-700{--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.text-green-600{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity));}\n.text-green-700{--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.text-orange{--un-text-opacity:1;color:rgb(251 146 60 / var(--un-text-opacity));}\n.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));}\n.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));}\n.text-red-700{--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}\n.color-primary{--un-text-opacity:1;color:rgb(58 106 69 / var(--un-text-opacity));}\n.color-white\\!{--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity)) !important;}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.font-semibold{font-weight:600;}\n.leading-none{line-height:1;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:1;}\n.op0{opacity:0;}\n.op75{opacity:0.75;}\n.hover\\:op100:hover{opacity:1;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.focus-within\\:ring-2:focus-within{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.saturate-0{--un-saturate:saturate(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: shortcuts */\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.bg-active{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active{background-color:rgb(58 106 69 / 0.15);}\n.bg-base{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.color-active{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
diff --git a/packages/json-render-ui/src/spa/uno.config.ts b/packages/json-render-ui/src/spa/uno.config.ts
index 6a4005e8..b85eaf72 100644
--- a/packages/json-render-ui/src/spa/uno.config.ts
+++ b/packages/json-render-ui/src/spa/uno.config.ts
@@ -2,20 +2,21 @@ import { presetAnthonyDesign } from '@antfu/design/unocss'
 import {
   defineConfig,
   presetIcons,
-  presetWind4,
+  presetWind3,
   transformerDirectives,
   transformerVariantGroup,
 } from 'unocss'
 
 // The prebuilt SPA renders `@devframes/json-render-ui`, whose components author
 // class strings in `.ts` render functions — so `.ts` is opted into extraction.
-// Same `@antfu/design` stack (sage-green preset, Wind4, Phosphor, DM Sans/Mono)
-// as every other devframe surface. This SPA renders into the page's light DOM,
-// so it needs no shadow-root theme rewrite (unlike the renderer module).
+// Same `@antfu/design` stack (sage-green preset, Phosphor, DM Sans/Mono) as
+// every other devframe surface, on the **Wind3** base the package's renderer
+// module uses (`../../uno.config.ts`) so the components render identically in
+// the standalone SPA and inside the shadow-root renderer module.
 export default defineConfig({
   presets: [
     presetAnthonyDesign({ primary: '#3a6a45' }),
-    presetWind4(),
+    presetWind3(),
     presetIcons({ scale: 1.1 }),
   ],
   transformers: [transformerDirectives(), transformerVariantGroup()],
diff --git a/packages/json-render-ui/uno.config.ts b/packages/json-render-ui/uno.config.ts
index 4d964014..edff4e79 100644
--- a/packages/json-render-ui/uno.config.ts
+++ b/packages/json-render-ui/uno.config.ts
@@ -2,32 +2,38 @@ import { presetAnthonyDesign } from '@antfu/design/unocss'
 import {
   defineConfig,
   presetIcons,
-  presetWind4,
+  presetWind3,
   transformerDirectives,
   transformerVariantGroup,
 } from 'unocss'
+import { shadowSurfaceSafelist } from '../../design/uno.config'
 
 // The reference frontend uses `@antfu/design` directly: its preset (tuned to
-// devframe's sage green) over a Wind4 base, Phosphor icons, DM Sans/Mono and
+// devframe's sage green) over a Wind3 base, Phosphor icons, DM Sans/Mono and
 // the directive/variant-group transformers. Component class strings are
 // authored in `.ts` render functions, so `.ts` is opted into extraction. The
 // named `z-*` layers are the app's to own (the preset blocks plain `z-<number>`).
 //
-// The prebuilt renderer module injects its compiled stylesheet into its own
-// shadow root; `scripts/build-css.ts` rewrites the theme's `:root` selector to
-// `:root, :host` so `@antfu/design`'s `--colors-*` variables cascade into that
-// shadow tree (they otherwise only apply to the top-level document).
+// **Wind3**, not the Wind4 the other devframe surfaces use: the prebuilt
+// renderer module injects its compiled stylesheet into its own shadow root,
+// where Wind4's theme/`--un-*` custom properties (behind a document `:root {}`
+// block and `@property { inherits: false }`) don't reach. Wind3 bakes
+// `@antfu/design`'s semantic utilities to concrete `rgb()` + `.dark` variants,
+// self-contained inside the shadow tree; `shadowSurfaceSafelist` guarantees
+// the surface/text tokens ship even when a shortcut only appears via a `.dark:`
+// variant the extractor misses.
 export default defineConfig({
   presets: [
     presetAnthonyDesign({ primary: '#3a6a45' }),
-    presetWind4(),
+    presetWind3(),
     presetIcons({ scale: 1.1 }),
   ],
   transformers: [transformerDirectives(), transformerVariantGroup()],
   preflights: [{ getCSS: () => '*,::before,::after{border-color:#8882}' }],
   // `Badge` picks a `badge-color-<name>` at runtime from a fixed set, so those
-  // classes can't be found by static extraction — safelist them.
-  safelist: ['badge-color-green', 'badge-color-amber', 'badge-color-red', 'badge-color-blue'],
+  // classes can't be found by static extraction — safelist them, alongside the
+  // shadow-root surface/text tokens.
+  safelist: [...shadowSurfaceSafelist, 'badge-color-green', 'badge-color-amber', 'badge-color-red', 'badge-color-blue'],
   shortcuts: {
     'z-nav': 'z-[30]',
     'z-dropdown': 'z-[40]',

From 3d4dafcd28fa5056a752ae02625ae1be7e288f0a Mon Sep 17 00:00:00 2001
From: "Anthony Fu (via agent)" <reg-github-bot@antfu.me>
Date: Thu, 13 Aug 2026 06:26:05 +0000
Subject: [PATCH 08/11] docs(agents): note Wind4-default /
 Wind3-for-web-components in the design system

Record the shadow-root preset rule the two web-component packages follow:
Wind4 for ordinary surfaces, Wind3 for anything injected into a shadow root
(hub-ui dock, json-render-ui renderer module), plus the dedicated-pass
workaround for the Wind3 shortcut+variant gotcha and the shared
createDesignConfig({ base }) / shadowSurfaceSafelist helpers.
---
 AGENTS.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/AGENTS.md b/AGENTS.md
index 636126ee..9dd6077b 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -49,7 +49,8 @@ The `pnpm test` script intentionally runs `build` first so `tsnapi` snapshots co
 All five built-in plugins — and every example under `examples/` — share one design system, [`@antfu/design`](https://github.com/antfu/design), so they look and feel like one product across frameworks (Git is React/Next, terminals is Svelte, code-server is Vue, inspect is Vue, a11y is Solid, the examples are Preact/Next/vanilla). It's a dev dependency consumed at build time: its UnoCSS preset and shipped styles drive every surface, and its Vue components are the canonical reference every framework matches. There is no shared internal design package — each app wires the preset itself and owns its own component ports.
 
 - **Respect the skills.** This design system is built to the `antfu` and `antfu-design` skills (UnoCSS-first, class-based semantic tokens, dual light/dark, anti-slop) — load and follow them when building or changing any UI here. The surfaces deliberately echo the upstream devtools they descend from; reference their UI/UX when in doubt: [`antfu/node-modules-inspector`](https://github.com/antfu/node-modules-inspector), [`antfu/vite-plugin-inspect`](https://github.com/antfu/vite-plugin-inspect), [`eslint/config-inspector`](https://github.com/eslint/config-inspector), and [`vitejs/devtools` → `packages/rolldown`](https://github.com/vitejs/devtools/tree/main/packages/rolldown).
-- **One preset, wired per app.** Each consumer's `uno.config.ts` composes the same stack: `presetAnthonyDesign({ primary })` (from `@antfu/design/unocss`, tuned to devframe's sage green) + `presetWind4()` + `presetIcons()` (Phosphor) + `transformerDirectives()` + `transformerVariantGroup()`, plus the named `z-*` layers the nav/overlay surfaces reference (`z-nav`, `z-dropdown`, `z-tooltip`, `z-toast`, `z-modal-*`, `z-drawer-*`) — `presetAnthonyDesign` blocks plain `z-<number>` so every layer is named. Keep the block identical across apps so the surfaces stay consistent.
+- **One preset, wired per app.** Each consumer's `uno.config.ts` composes the same stack: `presetAnthonyDesign({ primary })` (from `@antfu/design/unocss`, tuned to devframe's sage green) + a Wind base + `presetIcons()` (Phosphor) + `transformerDirectives()` + `transformerVariantGroup()`, plus the named `z-*` layers the nav/overlay surfaces reference (`z-nav`, `z-dropdown`, `z-tooltip`, `z-toast`, `z-modal-*`, `z-drawer-*`) — `presetAnthonyDesign` blocks plain `z-<number>` so every layer is named. The shared `design/uno.config.ts` exposes this as `designConfig` (the default, on `presetWind4()`) and a `createDesignConfig({ base })` factory; keep the block identical across apps so the surfaces stay consistent.
+- **Wind4 by default, Wind3 for web components.** Ordinary surfaces (plugins served in iframes, examples in the page) use `presetWind4()`. A surface whose stylesheet is injected into a **shadow root** (`@devframes/hub-ui`'s dock custom element, `@devframes/json-render-ui`'s renderer module) must build on **`presetWind3()`** instead — pass it via `createDesignConfig({ base: presetWind3() })`, or `presetWind3()` directly. Wind4 keeps `@antfu/design`'s theme in a document `:root {}` block and registers its `--un-*` custom properties with `@property { inherits: false }`, neither of which reaches a shadow tree — so its `color-mix(var(--colors-*))` semantic utilities (`bg-base`, `color-base`, …) resolve to nothing inside a shadow root. Wind3 bakes the same shortcuts to concrete `rgb()` + `.dark` variants, self-contained in the shadow tree. One Wind3 gotcha to compensate for: when a semantic shortcut also appears **variant-prefixed** in the scanned sources (e.g. `@antfu/design`'s Tabs emits `data-[state=active]:bg-base`), a single-pass `generate(tokens)` drops the *plain* `.bg-base` / `.color-base` rule — so a shadow-root surface's ahead-of-time CSS builder must emit the surface tokens (`design/uno.config.ts`'s exported `shadowSurfaceSafelist`) in a **dedicated `generate()` pass** and append them. The Vite `unocss/vite` path (standalone SPAs, Storybook) is not affected.
 - **Tokens are semantic shortcuts.** Build UI from `@antfu/design`'s class vocabulary — surfaces `bg-base` / `bg-secondary` / `bg-active`, text `color-base` / `color-muted` / `color-faint` / `color-active`, `border-base`, `op-fade` / `op-mute` — never a hardcoded palette. Import `@antfu/design/styles.css` (or cherry-pick `@antfu/design/styles/base.css` + `scrollbar.css`) once per page; dark mode is the `.dark` class on `<html>`, flipped from the OS preference in the SPA entry.
 - **Vue uses the components directly; other frameworks port them.** The Vue surface (inspect) imports components straight from `@antfu/design/components/*` (`ActionButton`, `ActionIconButton`, `DisplayBadge`, `LayoutTabs`, `LayoutToolbar`, `LayoutCard`, …). Every non-Vue surface ports the components it needs into its own framework — React in git and the Next examples, Svelte in terminals, Solid in a11y, Preact in the Preact examples, vanilla DOM helpers in the Vite hub — mirroring the upstream component's markup, classes and behavior so it renders identically. Port on demand: recreate only what a surface uses, and keep each port faithful to its `@antfu/design` source.
 - **One nav, three buttons, one tab selector — strictly.** Every surface opens with the same top bar — a `LayoutToolbar`-style row led by a brand block (a primary-tinted `i-ph:*` icon + the product name). Buttons come in exactly three forms: a **text button** (`ActionButton` → `btn-action` / `btn-primary`), a **bordered icon button** (`ActionIconButton` → `btn-icon-square`), and a **borderless icon button** (round `btn-icon`). Multi-view tools (inspect, git) switch views with the one shared segmented selector (`LayoutTabs` `variant="segment"`: a `bg-secondary` track with `data-[state=active]:bg-base` triggers). Don't invent bespoke nav bars, button shapes, or tab styles.

From 849f7a693f11573df545197b076e0b01fb535bd2 Mon Sep 17 00:00:00 2001
From: Anthony Fu <github@antfu.me>
Date: Thu, 13 Aug 2026 15:30:53 +0900
Subject: [PATCH 09/11] chore: update

---
 packages/json-render-ui/package.json          | 1 -
 packages/json-render-ui/src/.generated/css.ts | 2 +-
 packages/json-render-ui/uno.config.ts         | 6 ++++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/json-render-ui/package.json b/packages/json-render-ui/package.json
index 44068e9a..7dde952e 100644
--- a/packages/json-render-ui/package.json
+++ b/packages/json-render-ui/package.json
@@ -41,7 +41,6 @@
     "prepack": "pnpm run build"
   },
   "peerDependencies": {
-    "@antfu/design": "^0.3.0",
     "@devframes/hub": "workspace:*",
     "@devframes/json-render": "workspace:*",
     "vue": "^3.5.0"
diff --git a/packages/json-render-ui/src/.generated/css.ts b/packages/json-render-ui/src/.generated/css.ts
index 0effd7d8..f6672dde 100644
--- a/packages/json-render-ui/src/.generated/css.ts
+++ b/packages/json-render-ui/src/.generated/css.ts
@@ -1,3 +1,3 @@
 /* eslint-disable eslint-comments/no-unlimited-disable */
 /* eslint-disable */
-export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.border-mute{--un-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));opacity:1 !important;}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.hover\\:bg-hover:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.dark .hover\\:bg-secondary:hover{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.hover\\:bg-secondary:hover{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.btn-action:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-bg-opacity:1;background-color:rgb(64 112 75 / var(--un-bg-opacity));}\n.bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}\n.dark .bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(17 17 17 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(17 17 17 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(17 17 17 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(17 17 17 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n.dark .hover\\:color-active:hover{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.hover\\:color-active:hover{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .hover\\:color-base:hover{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.hover\\:color-base:hover{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--un-brightness:brightness(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0);}\n.icon-catppuccin{--un-brightness:brightness(0.8);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.right-0{right:0;}\n.right-4{right:1rem;}\n.top-0{top:0;}\n.top-4{top:1rem;}\n.grid{display:grid;}\n.m-auto{margin:auto;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb2{margin-bottom:0.5rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1,\n.ml1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2{margin-top:0.5rem;}\n.mt-4{margin-top:1rem;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:0.5rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:0.75rem;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-sm{max-width:24rem;}\n.max-w-xs{max-width:20rem;}\n.min-h-40{min-height:10rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:0.375rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-7{width:1.75rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--un-translate-x:1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-0\\.5{--un-translate-x:0.125rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y-2{--un-translate-y:0.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.-rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-98{--un-scale-x:0.98;--un-scale-y:0.98;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.list-none{list-style-type:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-1{row-gap:0.25rem;}\n.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-divide-opacity));}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-orange\\:50{border-color:rgb(251 146 60 / 0.5);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-border-opacity:1;border-color:rgb(87 136 97 / var(--un-border-opacity));}\n.border-red{--un-border-opacity:1;border-color:rgb(248 113 113 / var(--un-border-opacity));}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red\\!{--un-border-opacity:1 !important;border-color:rgb(248 113 113 / var(--un-border-opacity)) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-border-opacity:1;border-color:rgb(117 166 126 / var(--un-border-opacity));}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.border-dashed{border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8882{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8885{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-amber-400\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-blue-400\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\:5{background-color:rgb(251 146 60 / 0.05);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\:10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-bg-opacity)) !important;}\n.bg-red\\!{--un-bg-opacity:1 !important;background-color:rgb(248 113 113 / var(--un-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\#8888:hover{--un-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-red-600\\!:hover{--un-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-bg-opacity)) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:rgb(248 113 113 / 0.9) !important;}\n.stroke-current{stroke:currentColor;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1{padding:0.25rem;}\n.p-1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4,\n.p4{padding:1rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0\\.5,\n.py0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pl3{padding-left:0.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-1\\.5{padding-top:0.375rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.color-amber,\n.dark .dark\\:text-amber-400{--un-text-opacity:1;color:rgb(251 191 36 / var(--un-text-opacity));}\n.dark .dark\\:text-blue-300{--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .dark\\:text-green-300{--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.color-green,\n.dark .dark\\:text-green-400{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity));}\n.dark .dark\\:text-red-300{--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.color-red,\n.dark .dark\\:text-red-400{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}\n.text-amber-600{--un-text-opacity:1;color:rgb(217 119 6 / var(--un-text-opacity));}\n.text-amber-700{--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.text-blue-700{--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.text-green-600{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity));}\n.text-green-700{--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.text-orange{--un-text-opacity:1;color:rgb(251 146 60 / var(--un-text-opacity));}\n.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));}\n.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));}\n.text-red-700{--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}\n.color-primary{--un-text-opacity:1;color:rgb(58 106 69 / var(--un-text-opacity));}\n.color-white\\!{--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity)) !important;}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.font-semibold{font-weight:600;}\n.leading-none{line-height:1;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:1;}\n.op0{opacity:0;}\n.op75{opacity:0.75;}\n.hover\\:op100:hover{opacity:1;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.focus-within\\:ring-2:focus-within{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.saturate-0{--un-saturate:saturate(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: shortcuts */\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.bg-active{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active{background-color:rgb(58 106 69 / 0.15);}\n.bg-base{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.color-active{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
+export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.border-mute{--un-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));opacity:1 !important;}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.hover\\:bg-hover:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.dark .hover\\:bg-secondary:hover{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.hover\\:bg-secondary:hover{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.btn-action:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-bg-opacity:1;background-color:rgb(64 112 75 / var(--un-bg-opacity));}\n.bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}\n.dark .bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(17 17 17 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(17 17 17 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(17 17 17 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(17 17 17 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n.dark .hover\\:color-active:hover{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.hover\\:color-active:hover{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .hover\\:color-base:hover{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.hover\\:color-base:hover{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--un-brightness:brightness(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0);}\n.icon-catppuccin{--un-brightness:brightness(0.8);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.right-0{right:0;}\n.right-4{right:1rem;}\n.top-0{top:0;}\n.top-4{top:1rem;}\n.grid{display:grid;}\n.m-auto{margin:auto;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb2{margin-bottom:0.5rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1,\n.ml1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2{margin-top:0.5rem;}\n.mt-4{margin-top:1rem;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:0.5rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:0.75rem;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-sm{max-width:24rem;}\n.max-w-xs{max-width:20rem;}\n.min-h-40{min-height:10rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:0.375rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-7{width:1.75rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--un-translate-x:1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-0\\.5{--un-translate-x:0.125rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y-2{--un-translate-y:0.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.-rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-98{--un-scale-x:0.98;--un-scale-y:0.98;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.list-none{list-style-type:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-1{row-gap:0.25rem;}\n.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-divide-opacity));}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-orange\\:50{border-color:rgb(251 146 60 / 0.5);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-border-opacity:1;border-color:rgb(87 136 97 / var(--un-border-opacity));}\n.border-red{--un-border-opacity:1;border-color:rgb(248 113 113 / var(--un-border-opacity));}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red\\!{--un-border-opacity:1 !important;border-color:rgb(248 113 113 / var(--un-border-opacity)) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-border-opacity:1;border-color:rgb(117 166 126 / var(--un-border-opacity));}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.border-dashed{border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8882{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8885{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-amber-400\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-blue-400\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\:5{background-color:rgb(251 146 60 / 0.05);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\:10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-bg-opacity)) !important;}\n.bg-red\\!{--un-bg-opacity:1 !important;background-color:rgb(248 113 113 / var(--un-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\#8888:hover{--un-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-red-600\\!:hover{--un-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-bg-opacity)) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:rgb(248 113 113 / 0.9) !important;}\n.stroke-current{stroke:currentColor;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1{padding:0.25rem;}\n.p-1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4,\n.p4{padding:1rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0\\.5,\n.py0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pl3{padding-left:0.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-1\\.5{padding-top:0.375rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.color-amber,\n.dark .dark\\:text-amber-400{--un-text-opacity:1;color:rgb(251 191 36 / var(--un-text-opacity));}\n.dark .dark\\:text-blue-300{--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .dark\\:text-green-300{--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.color-green,\n.dark .dark\\:text-green-400{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity));}\n.dark .dark\\:text-red-300{--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.color-red,\n.dark .dark\\:text-red-400{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}\n.text-amber-600{--un-text-opacity:1;color:rgb(217 119 6 / var(--un-text-opacity));}\n.text-amber-700{--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.text-blue-700{--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.text-green-600{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity));}\n.text-green-700{--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.text-orange{--un-text-opacity:1;color:rgb(251 146 60 / var(--un-text-opacity));}\n.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));}\n.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));}\n.text-red-700{--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}\n.color-primary{--un-text-opacity:1;color:rgb(58 106 69 / var(--un-text-opacity));}\n.color-white\\!{--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity)) !important;}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.font-semibold{font-weight:600;}\n.leading-none{line-height:1;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:1;}\n.op0{opacity:0;}\n.op75{opacity:0.75;}\n.hover\\:op100:hover{opacity:1;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.focus-within\\:ring-2:focus-within{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.saturate-0{--un-saturate:saturate(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n/* layer: shortcuts */\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.bg-active{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active{background-color:rgb(58 106 69 / 0.15);}\n.bg-base{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.color-active{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
diff --git a/packages/json-render-ui/uno.config.ts b/packages/json-render-ui/uno.config.ts
index edff4e79..758cf7d1 100644
--- a/packages/json-render-ui/uno.config.ts
+++ b/packages/json-render-ui/uno.config.ts
@@ -28,8 +28,10 @@ export default defineConfig({
     presetWind3(),
     presetIcons({ scale: 1.1 }),
   ],
-  transformers: [transformerDirectives(), transformerVariantGroup()],
-  preflights: [{ getCSS: () => '*,::before,::after{border-color:#8882}' }],
+  transformers: [
+    transformerDirectives(),
+    transformerVariantGroup(),
+  ],
   // `Badge` picks a `badge-color-<name>` at runtime from a fixed set, so those
   // classes can't be found by static extraction — safelist them, alongside the
   // shadow-root surface/text tokens.

From 4fdb328b7ff949a82b06302534edd9f0d8159da5 Mon Sep 17 00:00:00 2001
From: "Anthony Fu (via agent)" <reg-github-bot@antfu.me>
Date: Thu, 13 Aug 2026 06:36:33 +0000
Subject: [PATCH 10/11] fix(hub-ui,json-render-ui): namespace shadow-root
 --un-* vars to survive a Wind4 host
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The dock / renderer surfaces still rendered wrong colors because `@property`
registrations are document-global: a host page built on Wind4 (e.g. the
vite-hub example) registers `--un-border-opacity` / `--un-bg-opacity` /
`--un-text-opacity` as `@property { syntax: '<percentage>' }` for the whole
document — including our Wind3 shadow tree, where those vars are written
unitless (`--un-border-opacity: 0.13`). The global `<percentage>` registration
makes each declaration invalid ('Invalid property value, expected
<percentage>') and collapses the dependent `rgb(… / var(--un-*))` color.

Rename every `--un-` in the shadow-injected stylesheet to a private `--dfun-`
prefix (design/uno.config's `namespaceShadowCssVars`) so the self-contained
shadow CSS is immune to whatever the host registered. Regenerated both
stylesheets; the standalone SPAs (own the document) are untouched.

Also memoed both shadow-root gotchas (this one + the plain-vs-variant shortcut
drop) in AGENTS.md.
---
 AGENTS.md                                     |  4 +++-
 design/uno.config.ts                          | 24 +++++++++++++++++++
 packages/hub-ui/scripts/build-css.ts          |  8 ++++---
 packages/hub-ui/src/client/.generated/css.ts  |  2 +-
 packages/json-render-ui/scripts/build-css.ts  |  8 ++++---
 packages/json-render-ui/src/.generated/css.ts |  2 +-
 6 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/AGENTS.md b/AGENTS.md
index 9dd6077b..0a947758 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -50,7 +50,9 @@ All five built-in plugins — and every example under `examples/` — share one
 
 - **Respect the skills.** This design system is built to the `antfu` and `antfu-design` skills (UnoCSS-first, class-based semantic tokens, dual light/dark, anti-slop) — load and follow them when building or changing any UI here. The surfaces deliberately echo the upstream devtools they descend from; reference their UI/UX when in doubt: [`antfu/node-modules-inspector`](https://github.com/antfu/node-modules-inspector), [`antfu/vite-plugin-inspect`](https://github.com/antfu/vite-plugin-inspect), [`eslint/config-inspector`](https://github.com/eslint/config-inspector), and [`vitejs/devtools` → `packages/rolldown`](https://github.com/vitejs/devtools/tree/main/packages/rolldown).
 - **One preset, wired per app.** Each consumer's `uno.config.ts` composes the same stack: `presetAnthonyDesign({ primary })` (from `@antfu/design/unocss`, tuned to devframe's sage green) + a Wind base + `presetIcons()` (Phosphor) + `transformerDirectives()` + `transformerVariantGroup()`, plus the named `z-*` layers the nav/overlay surfaces reference (`z-nav`, `z-dropdown`, `z-tooltip`, `z-toast`, `z-modal-*`, `z-drawer-*`) — `presetAnthonyDesign` blocks plain `z-<number>` so every layer is named. The shared `design/uno.config.ts` exposes this as `designConfig` (the default, on `presetWind4()`) and a `createDesignConfig({ base })` factory; keep the block identical across apps so the surfaces stay consistent.
-- **Wind4 by default, Wind3 for web components.** Ordinary surfaces (plugins served in iframes, examples in the page) use `presetWind4()`. A surface whose stylesheet is injected into a **shadow root** (`@devframes/hub-ui`'s dock custom element, `@devframes/json-render-ui`'s renderer module) must build on **`presetWind3()`** instead — pass it via `createDesignConfig({ base: presetWind3() })`, or `presetWind3()` directly. Wind4 keeps `@antfu/design`'s theme in a document `:root {}` block and registers its `--un-*` custom properties with `@property { inherits: false }`, neither of which reaches a shadow tree — so its `color-mix(var(--colors-*))` semantic utilities (`bg-base`, `color-base`, …) resolve to nothing inside a shadow root. Wind3 bakes the same shortcuts to concrete `rgb()` + `.dark` variants, self-contained in the shadow tree. One Wind3 gotcha to compensate for: when a semantic shortcut also appears **variant-prefixed** in the scanned sources (e.g. `@antfu/design`'s Tabs emits `data-[state=active]:bg-base`), a single-pass `generate(tokens)` drops the *plain* `.bg-base` / `.color-base` rule — so a shadow-root surface's ahead-of-time CSS builder must emit the surface tokens (`design/uno.config.ts`'s exported `shadowSurfaceSafelist`) in a **dedicated `generate()` pass** and append them. The Vite `unocss/vite` path (standalone SPAs, Storybook) is not affected.
+- **Wind4 by default, Wind3 for web components.** Ordinary surfaces (plugins served in iframes, examples in the page) use `presetWind4()`. A surface whose stylesheet is injected into a **shadow root** (`@devframes/hub-ui`'s dock custom element, `@devframes/json-render-ui`'s renderer module) must build on **`presetWind3()`** instead — pass it via `createDesignConfig({ base: presetWind3() })`, or `presetWind3()` directly. Wind4 keeps `@antfu/design`'s theme in a document `:root {}` block and registers its `--un-*` custom properties with `@property { inherits: false }`, neither of which reaches a shadow tree — so its `color-mix(var(--colors-*))` semantic utilities (`bg-base`, `color-base`, …) resolve to nothing inside a shadow root. Wind3 bakes the same shortcuts to concrete `rgb()` + `.dark` variants, self-contained in the shadow tree. Two shadow-root gotchas the ahead-of-time CSS builder must compensate for (both handled in `packages/{hub-ui,json-render-ui}/scripts/build-css.ts`; the Vite `unocss/vite` path for standalone SPAs and Storybook is not affected):
+  - **Plain-vs-variant shortcut drop.** When a semantic shortcut also appears **variant-prefixed** in the scanned sources (e.g. `@antfu/design`'s Tabs emits `data-[state=active]:bg-base`), a single-pass `generate(tokens)` drops the *plain* `.bg-base` / `.color-base` rule — so emit the surface tokens (`design/uno.config.ts`'s exported `shadowSurfaceSafelist`) in a **dedicated `generate()` pass** and append them.
+  - **`--un-*` collision with a Wind4 host.** `@property` registrations are document-global, so a host page built on Wind4 registers `--un-bg-opacity` / `--un-border-opacity` / `--un-text-opacity` as `@property { syntax: '<percentage>' }` for the whole document, including our shadow tree — which invalidates the *unitless* values Wind3 writes (`--un-border-opacity: 0.13`) and collapses the dependent `rgb(… / var(--un-*))` color (a visibly wrong border/background). Rename every `--un-` in the shadow stylesheet to a private prefix with `design/uno.config.ts`'s exported `namespaceShadowCssVars()` so it's immune to whatever the host registered.
 - **Tokens are semantic shortcuts.** Build UI from `@antfu/design`'s class vocabulary — surfaces `bg-base` / `bg-secondary` / `bg-active`, text `color-base` / `color-muted` / `color-faint` / `color-active`, `border-base`, `op-fade` / `op-mute` — never a hardcoded palette. Import `@antfu/design/styles.css` (or cherry-pick `@antfu/design/styles/base.css` + `scrollbar.css`) once per page; dark mode is the `.dark` class on `<html>`, flipped from the OS preference in the SPA entry.
 - **Vue uses the components directly; other frameworks port them.** The Vue surface (inspect) imports components straight from `@antfu/design/components/*` (`ActionButton`, `ActionIconButton`, `DisplayBadge`, `LayoutTabs`, `LayoutToolbar`, `LayoutCard`, …). Every non-Vue surface ports the components it needs into its own framework — React in git and the Next examples, Svelte in terminals, Solid in a11y, Preact in the Preact examples, vanilla DOM helpers in the Vite hub — mirroring the upstream component's markup, classes and behavior so it renders identically. Port on demand: recreate only what a surface uses, and keep each port faithful to its `@antfu/design` source.
 - **One nav, three buttons, one tab selector — strictly.** Every surface opens with the same top bar — a `LayoutToolbar`-style row led by a brand block (a primary-tinted `i-ph:*` icon + the product name). Buttons come in exactly three forms: a **text button** (`ActionButton` → `btn-action` / `btn-primary`), a **bordered icon button** (`ActionIconButton` → `btn-icon-square`), and a **borderless icon button** (round `btn-icon`). Multi-view tools (inspect, git) switch views with the one shared segmented selector (`LayoutTabs` `variant="segment"`: a `bg-secondary` track with `data-[state=active]:bg-base` triggers). Don't invent bespoke nav bars, button shapes, or tab styles.
diff --git a/design/uno.config.ts b/design/uno.config.ts
index df22a58a..ef5cf5ba 100644
--- a/design/uno.config.ts
+++ b/design/uno.config.ts
@@ -83,6 +83,30 @@ export const designConfig = createDesignConfig()
  * these to concrete `rgb()`, so they stay self-contained inside the shadow
  * tree.
  */
+/**
+ * Rename Wind's internal `--un-*` custom properties to a private prefix in a
+ * stylesheet destined for a **shadow root**.
+ *
+ * `@property` registrations are document-global regardless of where they're
+ * declared, so a host page built with Wind4 registers `--un-bg-opacity` /
+ * `--un-border-opacity` / `--un-text-opacity` (et al.) as
+ * `@property { syntax: '<percentage>'; inherits: false }` for the whole
+ * document — including inside our shadow tree. Our shadow CSS is Wind3, which
+ * sets those same vars **unitless** (`--un-border-opacity: 0.13`), so the
+ * global `<percentage>` registration makes every such declaration invalid and
+ * the dependent `color-mix()` / `rgb(… / var(--un-*))` value collapses (a
+ * visibly wrong border/background/text color).
+ *
+ * The shadow stylesheet sets and reads these vars entirely within itself, so
+ * renaming every `--un-` to `--dfun-` keeps it self-consistent while making it
+ * immune to whatever the host page registered. Apply only to shadow-injected
+ * CSS (`hub-ui` dock, `json-render-ui` renderer module) — the Vite-served SPAs
+ * own their whole document and need no rename.
+ */
+export function namespaceShadowCssVars(css: string): string {
+  return css.replaceAll('--un-', '--dfun-')
+}
+
 export const shadowSurfaceSafelist: string[] = [
   'bg-base',
   'bg-secondary',
diff --git a/packages/hub-ui/scripts/build-css.ts b/packages/hub-ui/scripts/build-css.ts
index 0e094cf6..51dbc4e8 100644
--- a/packages/hub-ui/scripts/build-css.ts
+++ b/packages/hub-ui/scripts/build-css.ts
@@ -6,7 +6,7 @@ import { colors as c } from 'devframe/utils/colors'
 import MagicString from 'magic-string'
 import { glob } from 'tinyglobby'
 import { createGenerator } from 'unocss'
-import { shadowSurfaceSafelist } from '../../../design/uno.config'
+import { namespaceShadowCssVars, shadowSurfaceSafelist } from '../../../design/uno.config'
 import config from '../uno.config'
 
 // Compile the components' UnoCSS output ahead of time into a plain string
@@ -69,13 +69,15 @@ export async function buildCSS(): Promise<void> {
   // a shortcut+variant interaction. Generate the shadow-surface tokens in a
   // dedicated pass so their plain (and `.dark`) rules are always present.
   const surfaces = await generator.generate(shadowSurfaceSafelist.join(' '))
-  const css = [
+  // Namespace Wind's `--un-*` vars so this shadow-root stylesheet is immune to
+  // a host page's Wind4 `@property` registrations (see `namespaceShadowCssVars`).
+  const css = namespaceShadowCssVars([
     reset,
     userStyle.toString(),
     unoResult.css,
     surfaces.css,
     primaryRamp,
-  ].join('\n')
+  ].join('\n'))
 
   await fs.mkdir(join(SRC_DIR, '.generated'), { recursive: true })
   await fs.writeFile(GENERATED_CSS, [
diff --git a/packages/hub-ui/src/client/.generated/css.ts b/packages/hub-ui/src/client/.generated/css.ts
index 78af4bd3..0f1d5c3f 100644
--- a/packages/hub-ui/src/client/.generated/css.ts
+++ b/packages/hub-ui/src/client/.generated/css.ts
@@ -1,3 +1,3 @@
 /* eslint-disable eslint-comments/no-unlimited-disable */
 /* eslint-disable */
-export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n:root {\n  --un-text-opacity: 100%;\n}\n\n/*\n * Thin/transparent scrollbar, matching packages/ui/src/styles/global.css —\n * that stylesheet only reaches the Nuxt plugin apps, not this injected\n * webcomponents shell, which otherwise falls back to the browser default\n * (thick, opaque-gutter) scrollbar clashing with the translucent dock.\n * `:host`, not `:root` — this stylesheet is adopted into the dock's shadow\n * root (`defineCustomElement(..., { shadowRoot: true, styles: [css] })`),\n * where `:root` only ever matches the top-level document's <html>.\n * Rules below are unscoped (not `#devframes-anchor ...`) since the\n * shadow boundary already keeps them from leaking onto the host page, and\n * scoping under the anchor's id would miss edge-docked mode entirely\n * (`DockEmbedded.vue` renders `DockEdge`/`#devframes-edge-panel` and\n * `Dock`/`#devframes-anchor` as mutually exclusive siblings).\n */\n:host {\n  --app-scrollbar-size: 6px;\n  --app-scrollbar-radius: 1px;\n  --app-scrollbar-thumb: #8884;\n  --app-scrollbar-thumb-hover: #8885;\n}\n\n::-webkit-scrollbar {\n  width: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar:horizontal {\n  height: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--app-scrollbar-thumb);\n  transition: background 0.2s ease;\n  border-radius: var(--app-scrollbar-radius);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--app-scrollbar-thumb-hover);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: var(--app-scrollbar-radius);\n  background: transparent;\n}\n\n#devframes-anchor {\n  position:fixed;z-index:2147483644;box-sizing:border-box;width:0;transform-origin:center;font-size:15px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";\n  transform: translate(-50%, -50%) rotate(0);\n}\n\n#devframes-anchor #devframes-dock-container {\n  position:absolute;left:0;top:0;width:max-content;display:flex;\n  height: var(--devframes-dock-height, 40px);\n  min-width: var(--devframes-dock-min-width, 100px);\n  transform: translate(-50%, -50%);\n}\n\n#devframes-anchor.devframes-vertical #devframes-dock-container {\n  transform: translate(-50%, -50%) rotate(90deg);\n  transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n}\n\n#devframes-anchor #devframes-dock {\n  margin:auto;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9999px;\n  ;background-color:rgb(255 255 255 / 1);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);--un-text-opacity:1;color:rgb(51 51 51 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);\n  transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n  height: var(--devframes-dock-height, 40px);\n  width: calc-size(max-content, size);\n}.dark #devframes-anchor #devframes-dock{background-color:rgb(17 17 17 / 0.8);--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}\n\n#devframes-anchor.devframes-minimized #devframes-dock {\n  padding-left:0;padding-right:0;padding-top:2px;padding-bottom:2px;\n  width: var(--devframes-dock-minimized-size, 22px);\n  height: var(--devframes-dock-minimized-size, 22px);\n}\n\n#devframes-anchor:hover #devframes-glowing {\n  opacity:0.6;\n}\n\n#devframes-anchor #devframes-glowing {\n  pointer-events:none;position:absolute;left:0;top:0;border-radius:9999px;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:1000ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);\n  width: var(--devframes-dock-glow-size, 160px);\n  height: var(--devframes-dock-glow-size, 160px);\n  filter: blur(var(--devframes-dock-glow-blur, 60px));\n  transform: translate(-50%, -50%);\n  /* Follows the brand: derived from the primary ramp (overridable via\n     --devframe-primary), so a rebrand retints the glow automatically. */\n  background-image: linear-gradient(\n    45deg,\n    var(--colors-primary-300, #adc77f),\n    var(--colors-primary-500, #517158),\n    var(--colors-primary-DEFAULT, #486954)\n  );\n}\n\n@media print {\n  #devframes-anchor {\n    display:none;\n  }\n}\n\n.devframes-resize-handle-horizontal {\n  position:absolute;left:6px;right:6px;margin-top:-5px;margin-bottom:-5px;height:10px;cursor:ns-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-vertical {\n  position:absolute;top:6px;bottom:0;margin-left:-5px;margin-right:-5px;width:10px;cursor:ew-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-corner {\n  position:absolute;margin:-6px;width:14px;height:14px;border-radius:0.375rem;\n}\n.devframes-resize-handle {\n  z-index:30;\n}\n.devframes-resize-handle:hover {\n  background-color:rgb(156 163 175 / 0.1);\n}\n\n@keyframes devframes-shake {\n  0%, 100% { transform: translateX(0); }\n  20%, 60% { transform: translateX(-5px); }\n  40%, 80% { transform: translateX(5px); }\n}\n.devframes-shake {\n  animation: devframes-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n@media (prefers-reduced-motion: reduce) {\n  .devframes-shake {\n    animation: none;\n  }\n}\n\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-counter-clockwise{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-square-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 80v128a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-counter-clockwise-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M88 104H40a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v28.69l14.63-14.63A95.43 95.43 0 0 1 130 33.94h.53a95.36 95.36 0 0 1 67.07 27.33a8 8 0 0 1-11.18 11.44a79.52 79.52 0 0 0-55.89-22.77h-.45a79.56 79.56 0 0 0-56.14 23.43L59.31 88H88a8 8 0 0 1 0 16m128 48h-48a8 8 0 0 0 0 16h28.69l-14.63 14.63a79.56 79.56 0 0 1-56.13 23.43h-.45a79.52 79.52 0 0 1-55.89-22.77a8 8 0 1 0-11.18 11.44a95.36 95.36 0 0 0 67.07 27.33h.52a95.43 95.43 0 0 0 67.36-28.12L208 179.31V208a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 48v160H48V48Z' opacity='.2'/%3E%3Cpath d='M216 48v48a8 8 0 0 1-16 0V67.31l-42.34 42.35a8 8 0 0 1-11.32-11.32L188.69 56H160a8 8 0 0 1 0-16h48a8 8 0 0 1 8 8M98.34 146.34L56 188.69V160a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16H67.31l42.35-42.34a8 8 0 0 0-11.32-11.32M208 152a8 8 0 0 0-8 8v28.69l-42.34-42.35a8 8 0 0 0-11.32 11.32L188.69 200H160a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8M67.31 56H96a8 8 0 0 0 0-16H48a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0V67.31l42.34 42.35a8 8 0 0 0 11.32-11.32Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-cards-three-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 104v96a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-96a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 88H48a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16m0 112H48v-96h160zM48 64a8 8 0 0 1 8-8h144a8 8 0 0 1 0 16H56a8 8 0 0 1-8-8m16-32a8 8 0 0 1 8-8h112a8 8 0 0 1 0 16H72a8 8 0 0 1-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-down,\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-left,\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-right,\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-up{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-check-bold,\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-circle-notch{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-six-vertical{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M104 60a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60 12a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-72 44a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-72 68a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-three-outline-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M152 128a24 24 0 1 1-24-24a24 24 0 0 1 24 24M48 104a24 24 0 1 0 24 24a24 24 0 0 0-24-24m160 0a24 24 0 1 0 24 24a24 24 0 0 0-24-24' opacity='.2'/%3E%3Cpath d='M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16M48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16m160-48a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-globe{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.12 104.12 0 0 0 128 24m88 104a87.6 87.6 0 0 1-3.33 24h-38.51a157.4 157.4 0 0 0 0-48h38.51a87.6 87.6 0 0 1 3.33 24m-114 40h52a115.1 115.1 0 0 1-26 45a115.3 115.3 0 0 1-26-45m-3.9-16a140.8 140.8 0 0 1 0-48h59.88a140.8 140.8 0 0 1 0 48ZM40 128a87.6 87.6 0 0 1 3.33-24h38.51a157.4 157.4 0 0 0 0 48H43.33A87.6 87.6 0 0 1 40 128m114-40h-52a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45m52.33 0h-35.62a135.3 135.3 0 0 0-22.3-45.6A88.29 88.29 0 0 1 206.37 88Zm-98.74-45.6A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6M49.63 168h35.66a135.3 135.3 0 0 0 22.3 45.6A88.29 88.29 0 0 1 49.63 168m98.78 45.6a135.3 135.3 0 0 0 22.3-45.6h35.66a88.29 88.29 0 0 1-57.96 45.6'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-keyboard-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M232 64v128a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h192a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 48H32a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m0 144H32V64h192zm-16-64a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8m0-32a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8M72 160a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8m96 0a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m40 0a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-laptop-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 72v104H40V72a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M232 168h-8V72a24 24 0 0 0-24-24H56a24 24 0 0 0-24 24v96h-8a8 8 0 0 0-8 8v16a24 24 0 0 0 24 24h176a24 24 0 0 0 24-24v-16a8 8 0 0 0-8-8M48 72a8 8 0 0 1 8-8h144a8 8 0 0 1 8 8v96H48Zm176 120a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-8h192ZM152 88a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-layout-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M104 104v104H40a8 8 0 0 1-8-8v-96Z' opacity='.2'/%3E%3Cpath d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v40H40V56ZM40 112h56v88H40Zm176 88H112v-88h104z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-magnifying-glass-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 112a80 80 0 1 1-80-80a80 80 0 0 1 80 80' opacity='.2'/%3E%3Cpath d='m229.66 218.34l-50.06-50.06a88.21 88.21 0 1 0-11.32 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-moon-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78' opacity='.2'/%3E%3Cpath d='M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-paint-brush-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 32c0 32.81-31.64 67.43-58.64 91.05A84.4 84.4 0 0 0 133 90.64c23.57-27 58.19-58.64 91-58.64' opacity='.2'/%3E%3Cpath d='M232 32a8 8 0 0 0-8-8c-44.08 0-89.31 49.71-114.43 82.63A60 60 0 0 0 32 164c0 30.88-19.54 44.73-20.47 45.37A8 8 0 0 0 16 224h76a60 60 0 0 0 57.37-77.57C182.3 121.31 232 76.08 232 32M92 208H34.63C41.38 198.41 48 183.92 48 164a44 44 0 1 1 44 44m32.42-94.45q5.14-6.66 10.09-12.55A76.2 76.2 0 0 1 155 121.49q-5.9 4.94-12.55 10.09a60.5 60.5 0 0 0-18.03-18.03m42.7-2.68a92.6 92.6 0 0 0-22-22c31.78-34.53 55.75-45 69.9-47.91c-2.85 14.16-13.37 38.13-47.9 69.91'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.32 81.37l-60.69-60.68a16 16 0 0 0-22.63 0l-53.63 53.8c-10.66-3.34-35-7.37-60.4 13.14a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33c19.64-26.1 17.75-47.32 13.19-60L235.33 104a16 16 0 0 0-.01-22.63M224 92.69l-57.27 57.46a8 8 0 0 0-1.49 9.22c9.46 18.93-1.8 38.59-9.34 48.62L48 100.08c12.08-9.74 23.64-12.31 32.48-12.31A40.1 40.1 0 0 1 96.81 91a8 8 0 0 0 9.25-1.51L163.32 32L224 92.68Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.33 104l-53.47 53.65c4.56 12.67 6.45 33.89-13.19 60A15.93 15.93 0 0 1 157 224h-1.13a16 16 0 0 1-11.32-4.69L96.29 171l-42.63 42.66a8 8 0 0 1-11.32-11.32L85 159.71l-48.3-48.3A16 16 0 0 1 38 87.63c25.42-20.51 49.75-16.48 60.4-13.14L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 .01 22.62'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-rocket-launch-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 120v61.65a8 8 0 0 1-2.34 5.65l-34.35 34.35a8 8 0 0 1-13.57-4.53L128 176Zm-48-48H74.35a8 8 0 0 0-5.65 2.34l-34.35 34.35a8 8 0 0 0 4.53 13.57L80 128ZM40 216c37.65 0 50.69-19.69 54.56-28.18l-26.38-26.38C59.69 165.31 40 178.35 40 216' opacity='.2'/%3E%3Cpath d='M223.85 47.12a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.41 27.07L132.69 64H74.36A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a15.9 15.9 0 0 0 4.68-11.36v-58.33l4.77-4.77c26.68-26.68 27.83-58.83 27.08-71.42M74.36 80h42.33l-39.53 39.52L40 114.34Zm74.41-9.45a76.65 76.65 0 0 1 59.11-22.47a76.46 76.46 0 0 1-22.42 59.16L128 164.68L91.32 128ZM176 181.64L141.67 216l-5.19-37.17L176 139.31Zm-74.16 9.5C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-shield-check-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 56v56c0 96-88 120-88 120s-88-24-88-120V56a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 40H48a16 16 0 0 0-16 16v56c0 52.72 25.52 84.67 46.93 102.19c23.06 18.86 46 25.26 47 25.53a8 8 0 0 0 4.2 0c1-.27 23.91-6.67 47-25.53C198.48 196.67 224 164.72 224 112V56a16 16 0 0 0-16-16m0 72c0 37.07-13.66 67.16-40.6 89.42a129.3 129.3 0 0 1-39.4 22.2a128.3 128.3 0 0 1-38.92-21.81C61.82 179.51 48 149.3 48 112V56h160ZM82.34 141.66a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32l-56 56a8 8 0 0 1-11.32 0Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sign-out-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 56v144a16 16 0 0 1-16 16H48V40h160a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M120 216a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H56v160h56a8 8 0 0 1 8 8m109.66-93.66l-40-40a8 8 0 0 0-11.32 11.32L204.69 120H112a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-spinner-gap-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0m88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-50.91-16.4l-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31M72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8m-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-square-half-bottom-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v72a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8v-72Z' opacity='.2'/%3E%3Cpath d='M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v64H56V56Zm0 144H56v-64h144z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sun-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 128a56 56 0 1 1-56-56a56 56 0 0 1 56 56' opacity='.2'/%3E%3Cpath d='M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0m72 88a64 64 0 1 1-64-64a64.07 64.07 0 0 1 64 64m-16 0a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48M58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68l-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8m112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-duotone,\n.i-ph\\:warning-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72M120 104a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm8 88a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-wrench-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 96a64 64 0 0 1-94.94 56L73 217a24 24 0 0 1-34-34l65-56.06a64 64 0 0 1 80-90.29L144 80l5.66 26.34L176 112l43.35-40A63.8 63.8 0 0 1 224 96' opacity='.2'/%3E%3Cpath d='M226.76 69a8 8 0 0 0-12.84-2.88l-40.3 37.19l-17.23-3.7l-3.7-17.23l37.19-40.3A8 8 0 0 0 187 29.24A72 72 0 0 0 88 96a72.3 72.3 0 0 0 6 28.94L33.79 177c-.15.12-.29.26-.43.39a32 32 0 0 0 45.26 45.26c.13-.13.27-.28.39-.42L131.06 162A72 72 0 0 0 232 96a71.6 71.6 0 0 0-5.24-27M160 152a56.14 56.14 0 0 1-27.07-7a8 8 0 0 0-9.92 1.77l-55.9 64.74a16 16 0 0 1-22.62-22.62L109.18 133a8 8 0 0 0 1.77-9.93a56 56 0 0 1 58.36-82.31l-31.2 33.81a8 8 0 0 0-1.94 7.1l5.66 26.33a8 8 0 0 0 6.14 6.14l26.35 5.66a8 8 0 0 0 7.1-1.94l33.81-31.2A56.06 56.06 0 0 1 160 152'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-x,\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:bug-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v16a80 80 0 0 1-160 0v-16Z' opacity='.2'/%3E%3Cpath d='M144 92a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-44-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m116 64a87.8 87.8 0 0 1-3 23l22.24 9.72A8 8 0 0 1 232 192a7.9 7.9 0 0 1-3.2-.67L207.38 182a88 88 0 0 1-158.76 0l-21.42 9.33a7.9 7.9 0 0 1-3.2.67a8 8 0 0 1-3.2-15.33L43 167a87.8 87.8 0 0 1-3-23v-8H16a8 8 0 0 1 0-16h24v-8a87.8 87.8 0 0 1 3-23l-22.2-9.67a8 8 0 1 1 6.4-14.66L48.62 74a88 88 0 0 1 158.76 0l21.42-9.36a8 8 0 0 1 6.4 14.66L213 89.05a87.8 87.8 0 0 1 3 23v8h24a8 8 0 0 1 0 16h-24ZM56 120h144v-8a72 72 0 0 0-144 0Zm64 95.54V136H56v8a72.08 72.08 0 0 0 64 71.54M200 144v-8h-64v79.54A72.08 72.08 0 0 0 200 144'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:info-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M144 176a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m88-48A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88m-92-32a12 12 0 1 0-12-12a12 12 0 0 0 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:puzzle-piece-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M204 168a28 28 0 0 0 12-2.69V208a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-42.69a28 28 0 1 1 0-50.62V72a8 8 0 0 1 8-8h46.69a28 28 0 1 1 50.61 0H208a8 8 0 0 1 8 8v42.69A28 28 0 1 0 204 168' opacity='.2'/%3E%3Cpath d='M220.27 158.54a8 8 0 0 0-7.7-.46a20 20 0 1 1 0-36.16a8 8 0 0 0 11.43-7.23V72a16 16 0 0 0-16-16h-36.22a35 35 0 0 0 .22-4a36.15 36.15 0 0 0-11.36-26.25a36 36 0 0 0-60.55 23.63a36.6 36.6 0 0 0 .14 6.62H64a16 16 0 0 0-16 16v32.22a35 35 0 0 0-4-.22a36.12 36.12 0 0 0-26.24 11.36a35.7 35.7 0 0 0-9.69 27a36.08 36.08 0 0 0 33.31 33.6a36.6 36.6 0 0 0 6.62-.14V208a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16v-42.69a8 8 0 0 0-3.73-6.77M208 208H64v-42.69a8 8 0 0 0-11.43-7.23a20 20 0 1 1 0-36.16A8 8 0 0 0 64 114.69V72h46.69a8 8 0 0 0 7.23-11.43a20 20 0 1 1 36.16 0A8 8 0 0 0 161.31 72H208v32.23a35.7 35.7 0 0 0-6.62-.14A36 36 0 0 0 204 176a35 35 0 0 0 4-.22Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x-circle-duotone{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M165.66 101.66L139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-command-palette{z-index:2147483646;}\n.z-dock-confirm,\n.z-dock-toast{z-index:2147483647;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-floating-anchor{z-index:2147483644;}\n.z-floating-tooltip{z-index:2147483645;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.border-mute{--un-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));opacity:1 !important;}\n.hover\\:border-base:hover{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-glass\\:80{background-color:rgb(255 255 255 / 1);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass\\:80{background-color:rgb(17 17 17 / 0.8);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.dark .hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.15);}\n.hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.1);}\n.hover\\:bg-hover:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.btn-action:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-bg-opacity:1;background-color:rgb(64 112 75 / var(--un-bg-opacity));}\n.bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}\n.dark .bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(17 17 17 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(17 17 17 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(17 17 17 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(17 17 17 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n.dark .hover\\:color-active:hover{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.hover\\:color-active:hover{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .hover\\:color-base:hover{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.hover\\:color-base:hover{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--un-brightness:brightness(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0);}\n.icon-catppuccin{--un-brightness:brightness(0.8);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.invisible{visibility:hidden;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.bottom-4px{bottom:4px;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.left-5px{left:5px;}\n.right--1px{right:-1px;}\n.right-0{right:0;}\n.right-0\\.5{right:0.125rem;}\n.right-2{right:0.5rem;}\n.right-4{right:1rem;}\n.top--32px{top:-32px;}\n.top-0{top:0;}\n.top-0\\.5{top:0.125rem;}\n.top-1{top:0.25rem;}\n.top-1\\/2{top:50%;}\n.top-4{top:1rem;}\n.top-4px{top:4px;}\n.z--1{z-index:-1;}\n.grid{display:grid;}\n.cols-\\[max-content_1fr\\]{grid-template-columns:max-content 1fr;}\n.m-auto,\n.ma{margin:auto;}\n.m1{margin:0.25rem;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx--2{margin-left:-0.5rem;margin-right:-0.5rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.mx-auto{margin-left:auto;margin-right:auto;}\n.my-1,\n.my1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.my0\\.5{margin-top:0.125rem;margin-bottom:0.125rem;}\n.-mb-px{margin-bottom:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb-1\\.5{margin-bottom:0.375rem;}\n.mb-3{margin-bottom:0.75rem;}\n.mb-4{margin-bottom:1rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ml-2{margin-left:0.5rem;}\n.ml-6{margin-left:1.5rem;}\n.mr-1{margin-right:0.25rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2,\n.mt2{margin-top:0.5rem;}\n.mt-4,\n.mt4{margin-top:1rem;}\n.mt-6,\n.mt6{margin-top:1.5rem;}\n.mt-auto{margin-top:auto;}\n.box-border{box-sizing:border-box;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.contents{display:contents;}\n.dark .dark-hidden,\n.hidden,\n.light .light-hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-10{height:2.5rem;}\n.h-14{height:3.5rem;}\n.h-16{height:4rem;}\n.h-2{height:0.5rem;}\n.h-20px{height:20px;}\n.h-24{height:6rem;}\n.h-3{height:0.75rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-4\\.5{height:1.125rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h-screen{height:100vh;}\n.max-h-\\[60vh\\]{max-height:60vh;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-100{max-width:25rem;}\n.max-w-108{max-width:27rem;}\n.max-w-200{max-width:50rem;}\n.max-w-220px{max-width:220px;}\n.max-w-64{max-width:16rem;}\n.max-w-92{max-width:23rem;}\n.max-w-96,\n.max-w-sm{max-width:24rem;}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-xs{max-width:20rem;}\n.min-h-0{min-height:0;}\n.min-h-16{min-height:4rem;}\n.min-h-40{min-height:10rem;}\n.min-h-5{min-height:1.25rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-28{min-width:7rem;}\n.min-w-36{min-width:9rem;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-\\[40px\\]{width:40px;}\n.w-1\\.5{width:0.375rem;}\n.w-10{width:2.5rem;}\n.w-11{width:2.75rem;}\n.w-12{width:3rem;}\n.w-16{width:4rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-20px{width:20px;}\n.w-24{width:6rem;}\n.w-2px{width:2px;}\n.w-3{width:0.75rem;}\n.w-3\\.5{width:0.875rem;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-4\\.5{width:1.125rem;}\n.w-5{width:1.25rem;}\n.w-6{width:1.5rem;}\n.w-64{width:16rem;}\n.w-7{width:1.75rem;}\n.w-72{width:18rem;}\n.w-8{width:2rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-96{width:24rem;}\n.w-auto\\!{width:auto !important;}\n.w-fit{width:fit-content;}\n.w-full{width:100%;}\n.w-lg{width:32rem;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.w-screen{width:100vw;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.flex-auto{flex:1 1 auto;}\n.flex-none{flex:none;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-row-reverse{flex-direction:row-reverse;}\n.flex-col{flex-direction:column;}\n.flex-col-reverse{flex-direction:column-reverse;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2,\n.translate-x--1\\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.-translate-y-2{--un-translate-y:-0.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked],\n.translate-x-4{--un-translate-x:1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-0\\.5{--un-translate-x:0.125rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-1{--un-translate-x:0.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-5{--un-translate-x:1.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y--1\\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y-0{--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y-2{--un-translate-y:0.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.-rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate-0{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:0deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.rotate-270{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:270deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-100{--un-scale-x:1;--un-scale-y:1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-120{--un-scale-x:1.2;--un-scale-y:1.2;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-98{--un-scale-x:0.98;--un-scale-y:0.98;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.hover\\:scale-110:hover{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.cursor-not-allowed{cursor:not-allowed;}\n.cursor-grab{cursor:grab;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0{gap:0;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-6{gap:1.5rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-0\\.5{row-gap:0.125rem;}\n.space-y-0\\.5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.125rem * var(--un-space-y-reverse));}\n.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-divide-opacity));}\n.of-hidden,\n.overflow-hidden{overflow:hidden;}\n.overflow-auto{overflow:auto;}\n.of-x-hidden{overflow-x:hidden;}\n.of-y-auto{overflow-y:auto;}\n.of-y-hidden{overflow-y:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-pre-wrap{white-space:pre-wrap;}\n.ws-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.b,\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-0{border-bottom-width:0px;}\n.border-b-1\\.5{border-bottom-width:1.5px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-1\\.5{border-right-width:1.5px;}\n.border-t{border-top-width:1px;}\n.border-t-0{border-top-width:0px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.last\\:border-b-0:last-child{border-bottom-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-amber\\/20{border-color:rgb(251 191 36 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-error\\!{--un-border-opacity:1 !important;border-color:rgb(246 61 104 / var(--un-border-opacity)) !important;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-primary-400\\/60{border-color:rgb(117 166 126 / 0.6);}\n.border-primary\\/30{border-color:rgb(58 106 69 / 0.3);}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red-500\\/70{border-color:rgb(239 68 68 / 0.7);}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400\\/50{border-color:rgb(117 166 126 / 0.5);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-border-opacity:1;border-color:rgb(117 166 126 / var(--un-border-opacity));}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-border-opacity:1;border-color:rgb(87 136 97 / var(--un-border-opacity));}\n.focus-within\\:border-gray\\/15:focus-within{border-color:rgb(156 163 175 / 0.15);}\n.hover\\:border-gray\\/10:hover{border-color:rgb(156 163 175 / 0.1);}\n.focus\\:border-primary-500:focus{--un-border-opacity:1;border-color:rgb(87 136 97 / var(--un-border-opacity));}\n.focus\\:border-primary\\/40:focus{border-color:rgb(58 106 69 / 0.4);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.rounded-r{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}\n.rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;}\n.rounded-tr-md{border-top-right-radius:0.375rem;}\n.bg-\\[\\#8881\\],\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8882{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8885{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-amber{--un-bg-opacity:1;background-color:rgb(251 191 36 / var(--un-bg-opacity));}\n.bg-amber-400\\/10,\n.bg-amber\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-black\\/30,\n.dark .dark\\:bg-black\\/30{background-color:rgb(0 0 0 / 0.3);}\n.bg-blue{--un-bg-opacity:1;background-color:rgb(96 165 250 / var(--un-bg-opacity));}\n.bg-blue-400\\/10,\n.bg-blue\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-error\\!{--un-bg-opacity:1 !important;background-color:rgb(246 61 104 / var(--un-bg-opacity)) !important;}\n.bg-gray{--un-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-bg-opacity));}\n.bg-gray-6{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity));}\n.bg-gray\\/10{background-color:rgb(156 163 175 / 0.1);}\n.bg-gray\\/20{background-color:rgb(156 163 175 / 0.2);}\n.bg-gray\\/3{background-color:rgb(156 163 175 / 0.03);}\n.bg-gray\\/30{background-color:rgb(156 163 175 / 0.3);}\n.bg-gray\\/5{background-color:rgb(156 163 175 / 0.05);}\n.bg-green{--un-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-bg-opacity));}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\/10{background-color:rgb(251 146 60 / 0.1);}\n.bg-primary{--un-bg-opacity:1;background-color:rgb(58 106 69 / var(--un-bg-opacity));}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));}\n.bg-primary-500\\/20{background-color:rgb(87 136 97 / 0.2);}\n.bg-primary\\/10{background-color:rgb(58 106 69 / 0.1);}\n.bg-primary\\/15{background-color:rgb(58 106 69 / 0.15);}\n.bg-primary\\/20{background-color:rgb(58 106 69 / 0.2);}\n.bg-red{--un-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\/10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.bg-white\\/50{background-color:rgb(255 255 255 / 0.5);}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.dark .dark\\:bg-black\\/45{background-color:rgb(0 0 0 / 0.45);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\[\\#8881\\]:hover{--un-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-\\[\\#8882\\]:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-\\#8888:hover{--un-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-gray\\/10:hover{background-color:rgb(156 163 175 / 0.1);}\n.hover\\:bg-gray\\/15:hover{background-color:rgb(156 163 175 / 0.15);}\n.hover\\:bg-gray\\/20:hover{background-color:rgb(156 163 175 / 0.2);}\n.hover\\:bg-gray\\/5:hover{background-color:rgb(156 163 175 / 0.05);}\n.hover\\:bg-orange\\/20:hover{background-color:rgb(251 146 60 / 0.2);}\n.hover\\:bg-primary\\/25:hover{background-color:rgb(58 106 69 / 0.25);}\n.hover\\:bg-red-600\\!:hover{--un-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-bg-opacity)) !important;}\n.hover\\:bg-red\\/20:hover{background-color:rgb(248 113 113 / 0.2);}\n.stroke-current{stroke:currentColor;}\n.object-contain{object-fit:contain;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1,\n.p1{padding:0.25rem;}\n.p-1\\.5,\n.p1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4{padding:1rem;}\n.p-5{padding:1.25rem;}\n.p6{padding:1.5rem;}\n.p8{padding:2rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-0\\.5{padding-left:0.125rem;padding-right:0.125rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3,\n.px3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0{padding-top:0;padding-bottom:0;}\n.py-0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2,\n.py2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-2\\!{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}\n.py-2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}\n.py-8{padding-top:2rem;padding-bottom:2rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pb2\\.5{padding-bottom:0.625rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-\\[20vh\\]{padding-top:20vh;}\n.pt-1\\.5{padding-top:0.375rem;}\n.pt-6{padding-top:1.5rem;}\n.pt2{padding-top:0.5rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.indent{text-indent:1.5rem;}\n.text-balance{text-wrap:balance;}\n.text-\\[10px\\]{font-size:10px;}\n.text-\\[15px\\]{font-size:15px;}\n.text-0\\.6em{font-size:0.6em;}\n.text-2\\.75{font-size:0.6875rem;}\n.text-2xl{font-size:1.5rem;line-height:2rem;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xl{font-size:1.25rem;line-height:1.75rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.dark .dark\\:text-amber-400,\n.text-amber{--un-text-opacity:1;color:rgb(251 191 36 / var(--un-text-opacity));}\n.dark .dark\\:text-blue-300{--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .dark\\:text-green-300{--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.dark .dark\\:text-green-400,\n.text-green{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity));}\n.dark .dark\\:text-primary-300{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.dark .dark\\:text-red-300{--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.dark .dark\\:text-red-400,\n.text-red{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}\n.text-amber-600{--un-text-opacity:1;color:rgb(217 119 6 / var(--un-text-opacity));}\n.text-amber-700{--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.text-blue{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity));}\n.text-blue-700{--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.text-gray{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}\n.text-green-600{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity));}\n.text-green-700{--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.text-orange{--un-text-opacity:1;color:rgb(251 146 60 / var(--un-text-opacity));}\n.text-primary,\n.text-primary\\/bg-active{--un-text-opacity:1;color:rgb(58 106 69 / var(--un-text-opacity));}\n.text-primary-600{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));}\n.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));}\n.text-red-700{--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.leading-4{line-height:1rem;}\n.leading-5{line-height:1.25rem;}\n.leading-none{line-height:1;}\n.leading-relaxed{line-height:1.625;}\n.tracking-tight{letter-spacing:-0.025em;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}\n.line-through{text-decoration-line:line-through;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.caret-primary-500{--un-caret-opacity:1;caret-color:rgb(87 136 97 / var(--un-caret-opacity));}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50,\n.group:hover .group-hover\\:op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100,\n.opacity-100,\n.group:hover .group-hover\\:opacity-100{opacity:1;}\n.op0,\n.opacity-0{opacity:0;}\n.op25{opacity:0.25;}\n.op30{opacity:0.3;}\n.op40{opacity:0.4;}\n.op60{opacity:0.6;}\n.op60\\!{opacity:0.6 !important;}\n.op70{opacity:0.7;}\n.op75{opacity:0.75;}\n.op80{opacity:0.8;}\n.hover\\:op100:hover{opacity:1;}\n.hover\\:op60:hover{opacity:0.6;}\n.hover\\:op70:hover{opacity:0.7;}\n.hover\\:op80:hover{opacity:0.8;}\n.disabled\\:op40:disabled{opacity:0.4;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.outline{outline-style:solid;}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.ring-1\\.5{--un-ring-width:1.5px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-2:focus-within{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-1:focus{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-3:focus{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-3:focus-visible{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.ring-purple\\/50{--un-ring-color:rgb(192 132 252 / 0.5);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/25:focus{--un-ring-color:rgb(87 136 97 / 0.25);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-primary\\/30:focus{--un-ring-color:rgb(58 106 69 / 0.3);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-ring-color:rgb(87 136 97 / 0.3);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-0{--un-backdrop-blur:blur(0);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.backdrop-blur-1{--un-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.blur-2xl{--un-blur:blur(40px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.saturate-0{--un-saturate:saturate(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-150{transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.delay-200{transition-delay:200ms;}\n.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:gap-2\\.5{gap:0.625rem;}\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: shortcuts */\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.bg-active{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active{background-color:rgb(58 106 69 / 0.15);}\n.bg-base{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.color-active{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations, and imported after\n * `virtual:uno.css` in the Storybook preview for the same reason.\n *\n * Each Wind4 stop (`--colors-primary-*`) is derived from `--devframe-primary`\n * via `color-mix`. When `--devframe-primary` is unset, the intermediate\n * `--devframe-primary-<stop>` vars become guaranteed-invalid (their `color-mix`\n * references an unset var with no fallback), so each `--colors-primary-<stop>`\n * falls back to the exact devframe default hex — the default look is preserved,\n * and only an explicit override derives a new ramp. The vars inherit through\n * the tree, so setting `--devframe-primary` on the dock host retints\n * everything, and setting it on a group's chrome container retints just that\n * group (the group-accent mechanism).\n *\n * `:host` is the effective selector inside the dock's shadow root; `:root` is\n * for the light-DOM Storybook preview (it matches nothing in the shadow root).\n *\n * `.devframes-accent-scope` re-declares the whole block on a group's chrome\n * container: because custom properties inherit as computed values, a descendant\n * that only overrides `--devframe-primary` would keep the `:host`-computed\n * stops — re-running the derivation here recomputes them from the container's\n * own `--devframe-primary` (a group's `accentColor`), retinting just that group.\n */\n:root,\n:host,\n.devframes-accent-scope {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
+export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--dfun-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--dfun-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --dfun-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n:root {\n  --dfun-text-opacity: 100%;\n}\n\n/*\n * Thin/transparent scrollbar, matching packages/ui/src/styles/global.css —\n * that stylesheet only reaches the Nuxt plugin apps, not this injected\n * webcomponents shell, which otherwise falls back to the browser default\n * (thick, opaque-gutter) scrollbar clashing with the translucent dock.\n * `:host`, not `:root` — this stylesheet is adopted into the dock's shadow\n * root (`defineCustomElement(..., { shadowRoot: true, styles: [css] })`),\n * where `:root` only ever matches the top-level document's <html>.\n * Rules below are unscoped (not `#devframes-anchor ...`) since the\n * shadow boundary already keeps them from leaking onto the host page, and\n * scoping under the anchor's id would miss edge-docked mode entirely\n * (`DockEmbedded.vue` renders `DockEdge`/`#devframes-edge-panel` and\n * `Dock`/`#devframes-anchor` as mutually exclusive siblings).\n */\n:host {\n  --app-scrollbar-size: 6px;\n  --app-scrollbar-radius: 1px;\n  --app-scrollbar-thumb: #8884;\n  --app-scrollbar-thumb-hover: #8885;\n}\n\n::-webkit-scrollbar {\n  width: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar:horizontal {\n  height: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--app-scrollbar-thumb);\n  transition: background 0.2s ease;\n  border-radius: var(--app-scrollbar-radius);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--app-scrollbar-thumb-hover);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: var(--app-scrollbar-radius);\n  background: transparent;\n}\n\n#devframes-anchor {\n  position:fixed;z-index:2147483644;box-sizing:border-box;width:0;transform-origin:center;font-size:15px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";\n  transform: translate(-50%, -50%) rotate(0);\n}\n\n#devframes-anchor #devframes-dock-container {\n  position:absolute;left:0;top:0;width:max-content;display:flex;\n  height: var(--devframes-dock-height, 40px);\n  min-width: var(--devframes-dock-min-width, 100px);\n  transform: translate(-50%, -50%);\n}\n\n#devframes-anchor.devframes-vertical #devframes-dock-container {\n  transform: translate(-50%, -50%) rotate(90deg);\n  transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n}\n\n#devframes-anchor #devframes-dock {\n  margin:auto;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9999px;\n  ;background-color:rgb(255 255 255 / 1);--dfun-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);--dfun-text-opacity:1;color:rgb(51 51 51 / var(--dfun-text-opacity));--dfun-shadow:var(--dfun-shadow-inset) 0 1px 3px 0 var(--dfun-shadow-color, rgb(0 0 0 / 0.1)),var(--dfun-shadow-inset) 0 1px 2px -1px var(--dfun-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);\n  transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n  height: var(--devframes-dock-height, 40px);\n  width: calc-size(max-content, size);\n}.dark #devframes-anchor #devframes-dock{background-color:rgb(17 17 17 / 0.8);--dfun-text-opacity:1;color:rgb(255 255 255 / var(--dfun-text-opacity));}\n\n#devframes-anchor.devframes-minimized #devframes-dock {\n  padding-left:0;padding-right:0;padding-top:2px;padding-bottom:2px;\n  width: var(--devframes-dock-minimized-size, 22px);\n  height: var(--devframes-dock-minimized-size, 22px);\n}\n\n#devframes-anchor:hover #devframes-glowing {\n  opacity:0.6;\n}\n\n#devframes-anchor #devframes-glowing {\n  pointer-events:none;position:absolute;left:0;top:0;border-radius:9999px;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:1000ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);\n  width: var(--devframes-dock-glow-size, 160px);\n  height: var(--devframes-dock-glow-size, 160px);\n  filter: blur(var(--devframes-dock-glow-blur, 60px));\n  transform: translate(-50%, -50%);\n  /* Follows the brand: derived from the primary ramp (overridable via\n     --devframe-primary), so a rebrand retints the glow automatically. */\n  background-image: linear-gradient(\n    45deg,\n    var(--colors-primary-300, #adc77f),\n    var(--colors-primary-500, #517158),\n    var(--colors-primary-DEFAULT, #486954)\n  );\n}\n\n@media print {\n  #devframes-anchor {\n    display:none;\n  }\n}\n\n.devframes-resize-handle-horizontal {\n  position:absolute;left:6px;right:6px;margin-top:-5px;margin-bottom:-5px;height:10px;cursor:ns-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-vertical {\n  position:absolute;top:6px;bottom:0;margin-left:-5px;margin-right:-5px;width:10px;cursor:ew-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-corner {\n  position:absolute;margin:-6px;width:14px;height:14px;border-radius:0.375rem;\n}\n.devframes-resize-handle {\n  z-index:30;\n}\n.devframes-resize-handle:hover {\n  background-color:rgb(156 163 175 / 0.1);\n}\n\n@keyframes devframes-shake {\n  0%, 100% { transform: translateX(0); }\n  20%, 60% { transform: translateX(-5px); }\n  40%, 80% { transform: translateX(5px); }\n}\n.devframes-shake {\n  animation: devframes-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n@media (prefers-reduced-motion: reduce) {\n  .devframes-shake {\n    animation: none;\n  }\n}\n\n/* layer: preflights */\n*,::before,::after{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}::backdrop{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-counter-clockwise{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-square-out-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 80v128a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-counter-clockwise-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M88 104H40a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v28.69l14.63-14.63A95.43 95.43 0 0 1 130 33.94h.53a95.36 95.36 0 0 1 67.07 27.33a8 8 0 0 1-11.18 11.44a79.52 79.52 0 0 0-55.89-22.77h-.45a79.56 79.56 0 0 0-56.14 23.43L59.31 88H88a8 8 0 0 1 0 16m128 48h-48a8 8 0 0 0 0 16h28.69l-14.63 14.63a79.56 79.56 0 0 1-56.13 23.43h-.45a79.52 79.52 0 0 1-55.89-22.77a8 8 0 1 0-11.18 11.44a95.36 95.36 0 0 0 67.07 27.33h.52a95.43 95.43 0 0 0 67.36-28.12L208 179.31V208a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-out-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 48v160H48V48Z' opacity='.2'/%3E%3Cpath d='M216 48v48a8 8 0 0 1-16 0V67.31l-42.34 42.35a8 8 0 0 1-11.32-11.32L188.69 56H160a8 8 0 0 1 0-16h48a8 8 0 0 1 8 8M98.34 146.34L56 188.69V160a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16H67.31l42.35-42.34a8 8 0 0 0-11.32-11.32M208 152a8 8 0 0 0-8 8v28.69l-42.34-42.35a8 8 0 0 0-11.32 11.32L188.69 200H160a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8M67.31 56H96a8 8 0 0 0 0-16H48a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0V67.31l42.34 42.35a8 8 0 0 0 11.32-11.32Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-cards-three-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 104v96a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-96a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 88H48a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16m0 112H48v-96h160zM48 64a8 8 0 0 1 8-8h144a8 8 0 0 1 0 16H56a8 8 0 0 1-8-8m16-32a8 8 0 0 1 8-8h112a8 8 0 0 1 0 16H72a8 8 0 0 1-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-down,\n.i-ph\\:caret-down{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-left,\n.i-ph\\:caret-left{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-right,\n.i-ph\\:caret-right{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-up{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-check-bold,\n.i-ph\\:check-bold{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-circle-notch{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-six-vertical{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M104 60a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60 12a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-72 44a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-72 68a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-three-outline-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M152 128a24 24 0 1 1-24-24a24 24 0 0 1 24 24M48 104a24 24 0 1 0 24 24a24 24 0 0 0-24-24m160 0a24 24 0 1 0 24 24a24 24 0 0 0-24-24' opacity='.2'/%3E%3Cpath d='M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16M48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16m160-48a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-globe{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.12 104.12 0 0 0 128 24m88 104a87.6 87.6 0 0 1-3.33 24h-38.51a157.4 157.4 0 0 0 0-48h38.51a87.6 87.6 0 0 1 3.33 24m-114 40h52a115.1 115.1 0 0 1-26 45a115.3 115.3 0 0 1-26-45m-3.9-16a140.8 140.8 0 0 1 0-48h59.88a140.8 140.8 0 0 1 0 48ZM40 128a87.6 87.6 0 0 1 3.33-24h38.51a157.4 157.4 0 0 0 0 48H43.33A87.6 87.6 0 0 1 40 128m114-40h-52a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45m52.33 0h-35.62a135.3 135.3 0 0 0-22.3-45.6A88.29 88.29 0 0 1 206.37 88Zm-98.74-45.6A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6M49.63 168h35.66a135.3 135.3 0 0 0 22.3 45.6A88.29 88.29 0 0 1 49.63 168m98.78 45.6a135.3 135.3 0 0 0 22.3-45.6h35.66a88.29 88.29 0 0 1-57.96 45.6'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-keyboard-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M232 64v128a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h192a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 48H32a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m0 144H32V64h192zm-16-64a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8m0-32a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8M72 160a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8m96 0a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m40 0a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-laptop-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 72v104H40V72a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M232 168h-8V72a24 24 0 0 0-24-24H56a24 24 0 0 0-24 24v96h-8a8 8 0 0 0-8 8v16a24 24 0 0 0 24 24h176a24 24 0 0 0 24-24v-16a8 8 0 0 0-8-8M48 72a8 8 0 0 1 8-8h144a8 8 0 0 1 8 8v96H48Zm176 120a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-8h192ZM152 88a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-layout-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M104 104v104H40a8 8 0 0 1-8-8v-96Z' opacity='.2'/%3E%3Cpath d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v40H40V56ZM40 112h56v88H40Zm176 88H112v-88h104z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-magnifying-glass-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 112a80 80 0 1 1-80-80a80 80 0 0 1 80 80' opacity='.2'/%3E%3Cpath d='m229.66 218.34l-50.06-50.06a88.21 88.21 0 1 0-11.32 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-moon-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78' opacity='.2'/%3E%3Cpath d='M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-paint-brush-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 32c0 32.81-31.64 67.43-58.64 91.05A84.4 84.4 0 0 0 133 90.64c23.57-27 58.19-58.64 91-58.64' opacity='.2'/%3E%3Cpath d='M232 32a8 8 0 0 0-8-8c-44.08 0-89.31 49.71-114.43 82.63A60 60 0 0 0 32 164c0 30.88-19.54 44.73-20.47 45.37A8 8 0 0 0 16 224h76a60 60 0 0 0 57.37-77.57C182.3 121.31 232 76.08 232 32M92 208H34.63C41.38 198.41 48 183.92 48 164a44 44 0 1 1 44 44m32.42-94.45q5.14-6.66 10.09-12.55A76.2 76.2 0 0 1 155 121.49q-5.9 4.94-12.55 10.09a60.5 60.5 0 0 0-18.03-18.03m42.7-2.68a92.6 92.6 0 0 0-22-22c31.78-34.53 55.75-45 69.9-47.91c-2.85 14.16-13.37 38.13-47.9 69.91'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.32 81.37l-60.69-60.68a16 16 0 0 0-22.63 0l-53.63 53.8c-10.66-3.34-35-7.37-60.4 13.14a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33c19.64-26.1 17.75-47.32 13.19-60L235.33 104a16 16 0 0 0-.01-22.63M224 92.69l-57.27 57.46a8 8 0 0 0-1.49 9.22c9.46 18.93-1.8 38.59-9.34 48.62L48 100.08c12.08-9.74 23.64-12.31 32.48-12.31A40.1 40.1 0 0 1 96.81 91a8 8 0 0 0 9.25-1.51L163.32 32L224 92.68Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin-fill{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.33 104l-53.47 53.65c4.56 12.67 6.45 33.89-13.19 60A15.93 15.93 0 0 1 157 224h-1.13a16 16 0 0 1-11.32-4.69L96.29 171l-42.63 42.66a8 8 0 0 1-11.32-11.32L85 159.71l-48.3-48.3A16 16 0 0 1 38 87.63c25.42-20.51 49.75-16.48 60.4-13.14L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 .01 22.62'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-rocket-launch-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 120v61.65a8 8 0 0 1-2.34 5.65l-34.35 34.35a8 8 0 0 1-13.57-4.53L128 176Zm-48-48H74.35a8 8 0 0 0-5.65 2.34l-34.35 34.35a8 8 0 0 0 4.53 13.57L80 128ZM40 216c37.65 0 50.69-19.69 54.56-28.18l-26.38-26.38C59.69 165.31 40 178.35 40 216' opacity='.2'/%3E%3Cpath d='M223.85 47.12a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.41 27.07L132.69 64H74.36A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a15.9 15.9 0 0 0 4.68-11.36v-58.33l4.77-4.77c26.68-26.68 27.83-58.83 27.08-71.42M74.36 80h42.33l-39.53 39.52L40 114.34Zm74.41-9.45a76.65 76.65 0 0 1 59.11-22.47a76.46 76.46 0 0 1-22.42 59.16L128 164.68L91.32 128ZM176 181.64L141.67 216l-5.19-37.17L176 139.31Zm-74.16 9.5C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-shield-check-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 56v56c0 96-88 120-88 120s-88-24-88-120V56a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 40H48a16 16 0 0 0-16 16v56c0 52.72 25.52 84.67 46.93 102.19c23.06 18.86 46 25.26 47 25.53a8 8 0 0 0 4.2 0c1-.27 23.91-6.67 47-25.53C198.48 196.67 224 164.72 224 112V56a16 16 0 0 0-16-16m0 72c0 37.07-13.66 67.16-40.6 89.42a129.3 129.3 0 0 1-39.4 22.2a128.3 128.3 0 0 1-38.92-21.81C61.82 179.51 48 149.3 48 112V56h160ZM82.34 141.66a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32l-56 56a8 8 0 0 1-11.32 0Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sign-out-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 56v144a16 16 0 0 1-16 16H48V40h160a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M120 216a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H56v160h56a8 8 0 0 1 8 8m109.66-93.66l-40-40a8 8 0 0 0-11.32 11.32L204.69 120H112a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-spinner-gap-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0m88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-50.91-16.4l-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31M72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8m-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-square-half-bottom-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v72a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8v-72Z' opacity='.2'/%3E%3Cpath d='M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v64H56V56Zm0 144H56v-64h144z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sun-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 128a56 56 0 1 1-56-56a56 56 0 0 1 56 56' opacity='.2'/%3E%3Cpath d='M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0m72 88a64 64 0 1 1-64-64a64.07 64.07 0 0 1 64 64m-16 0a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48M58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68l-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8m112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-duotone,\n.i-ph\\:warning-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-fill{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72M120 104a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm8 88a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-wrench-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 96a64 64 0 0 1-94.94 56L73 217a24 24 0 0 1-34-34l65-56.06a64 64 0 0 1 80-90.29L144 80l5.66 26.34L176 112l43.35-40A63.8 63.8 0 0 1 224 96' opacity='.2'/%3E%3Cpath d='M226.76 69a8 8 0 0 0-12.84-2.88l-40.3 37.19l-17.23-3.7l-3.7-17.23l37.19-40.3A8 8 0 0 0 187 29.24A72 72 0 0 0 88 96a72.3 72.3 0 0 0 6 28.94L33.79 177c-.15.12-.29.26-.43.39a32 32 0 0 0 45.26 45.26c.13-.13.27-.28.39-.42L131.06 162A72 72 0 0 0 232 96a71.6 71.6 0 0 0-5.24-27M160 152a56.14 56.14 0 0 1-27.07-7a8 8 0 0 0-9.92 1.77l-55.9 64.74a16 16 0 0 1-22.62-22.62L109.18 133a8 8 0 0 0 1.77-9.93a56 56 0 0 1 58.36-82.31l-31.2 33.81a8 8 0 0 0-1.94 7.1l5.66 26.33a8 8 0 0 0 6.14 6.14l26.35 5.66a8 8 0 0 0 7.1-1.94l33.81-31.2A56.06 56.06 0 0 1 160 152'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-x,\n.i-ph\\:x{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:bug-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v16a80 80 0 0 1-160 0v-16Z' opacity='.2'/%3E%3Cpath d='M144 92a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-44-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m116 64a87.8 87.8 0 0 1-3 23l22.24 9.72A8 8 0 0 1 232 192a7.9 7.9 0 0 1-3.2-.67L207.38 182a88 88 0 0 1-158.76 0l-21.42 9.33a7.9 7.9 0 0 1-3.2.67a8 8 0 0 1-3.2-15.33L43 167a87.8 87.8 0 0 1-3-23v-8H16a8 8 0 0 1 0-16h24v-8a87.8 87.8 0 0 1 3-23l-22.2-9.67a8 8 0 1 1 6.4-14.66L48.62 74a88 88 0 0 1 158.76 0l21.42-9.36a8 8 0 0 1 6.4 14.66L213 89.05a87.8 87.8 0 0 1 3 23v8h24a8 8 0 0 1 0 16h-24ZM56 120h144v-8a72 72 0 0 0-144 0Zm64 95.54V136H56v8a72.08 72.08 0 0 0 64 71.54M200 144v-8h-64v79.54A72.08 72.08 0 0 0 200 144'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:info-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M144 176a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m88-48A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88m-92-32a12 12 0 1 0-12-12a12 12 0 0 0 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:puzzle-piece-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M204 168a28 28 0 0 0 12-2.69V208a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-42.69a28 28 0 1 1 0-50.62V72a8 8 0 0 1 8-8h46.69a28 28 0 1 1 50.61 0H208a8 8 0 0 1 8 8v42.69A28 28 0 1 0 204 168' opacity='.2'/%3E%3Cpath d='M220.27 158.54a8 8 0 0 0-7.7-.46a20 20 0 1 1 0-36.16a8 8 0 0 0 11.43-7.23V72a16 16 0 0 0-16-16h-36.22a35 35 0 0 0 .22-4a36.15 36.15 0 0 0-11.36-26.25a36 36 0 0 0-60.55 23.63a36.6 36.6 0 0 0 .14 6.62H64a16 16 0 0 0-16 16v32.22a35 35 0 0 0-4-.22a36.12 36.12 0 0 0-26.24 11.36a35.7 35.7 0 0 0-9.69 27a36.08 36.08 0 0 0 33.31 33.6a36.6 36.6 0 0 0 6.62-.14V208a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16v-42.69a8 8 0 0 0-3.73-6.77M208 208H64v-42.69a8 8 0 0 0-11.43-7.23a20 20 0 1 1 0-36.16A8 8 0 0 0 64 114.69V72h46.69a8 8 0 0 0 7.23-11.43a20 20 0 1 1 36.16 0A8 8 0 0 0 161.31 72H208v32.23a35.7 35.7 0 0 0-6.62-.14A36 36 0 0 0 204 176a35 35 0 0 0 4-.22Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x-circle-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M165.66 101.66L139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-command-palette{z-index:2147483646;}\n.z-dock-confirm,\n.z-dock-toast{z-index:2147483647;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-floating-anchor{z-index:2147483644;}\n.z-floating-tooltip{z-index:2147483645;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--dfun-bg-opacity:1;background-color:rgb(87 136 97 / var(--dfun-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--dfun-text-opacity:1;color:rgb(255 255 255 / var(--dfun-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.border-base{--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));}\n.border-mute{--dfun-border-opacity:0.07;border-color:rgb(136 136 136 / var(--dfun-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));opacity:1 !important;}\n.hover\\:border-base:hover{--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--dfun-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--dfun-bg-opacity:1;background-color:rgb(255 255 255 / var(--dfun-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--dfun-bg-opacity:1;background-color:rgb(17 17 17 / var(--dfun-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--dfun-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--dfun-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-glass\\:80{background-color:rgb(255 255 255 / 1);--dfun-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.dark .bg-glass\\:80{background-color:rgb(17 17 17 / 0.8);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-secondary{--dfun-bg-opacity:1;background-color:rgb(246 246 246 / var(--dfun-bg-opacity));}\n.dark .bg-secondary{--dfun-bg-opacity:1;background-color:rgb(16 16 16 / var(--dfun-bg-opacity));}\n.dark .hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.15);}\n.hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.1);}\n.hover\\:bg-hover:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.btn-action:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-icon:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-primary:hover{--dfun-bg-opacity:1;background-color:rgb(64 112 75 / var(--dfun-bg-opacity));}\n.bg-gradient-more{--dfun-gradient-from-position:0%;--dfun-gradient-from:rgb(255 255 255 / var(--dfun-from-opacity, 1)) var(--dfun-gradient-from-position);--dfun-gradient-to-position:100%;--dfun-gradient-to:rgb(255 255 255 / 0) var(--dfun-gradient-to-position);--dfun-gradient-stops:var(--dfun-gradient-from), var(--dfun-gradient-to);--dfun-gradient-via-position:50%;--dfun-gradient-to:rgb(255 255 255 / 0);--dfun-gradient-stops:var(--dfun-gradient-from), rgb(255 255 255 / 0.8) var(--dfun-gradient-via-position), var(--dfun-gradient-to);--dfun-gradient-shape:to top in oklch;--dfun-gradient:var(--dfun-gradient-shape), var(--dfun-gradient-stops);background-image:linear-gradient(var(--dfun-gradient));}\n.dark .bg-gradient-more{--dfun-gradient-from-position:0%;--dfun-gradient-from:rgb(17 17 17 / var(--dfun-from-opacity, 1)) var(--dfun-gradient-from-position);--dfun-gradient-to-position:100%;--dfun-gradient-to:rgb(17 17 17 / 0) var(--dfun-gradient-to-position);--dfun-gradient-stops:var(--dfun-gradient-from), var(--dfun-gradient-to);--dfun-gradient-via-position:50%;--dfun-gradient-to:rgb(17 17 17 / 0);--dfun-gradient-stops:var(--dfun-gradient-from), rgb(17 17 17 / 0.8) var(--dfun-gradient-via-position), var(--dfun-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--dfun-text-opacity:1;color:rgb(38 38 38 / var(--dfun-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--dfun-text-opacity:1;color:rgb(229 229 229 / var(--dfun-text-opacity));}\n.color-faint,\n.dark .color-faint{--dfun-text-opacity:1;color:rgb(115 115 115 / var(--dfun-text-opacity));}\n.color-muted{--dfun-text-opacity:1;color:rgb(82 82 82 / var(--dfun-text-opacity));}\n.dark .color-muted{--dfun-text-opacity:1;color:rgb(163 163 163 / var(--dfun-text-opacity));}\n.dark .hover\\:color-active:hover{--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.hover\\:color-active:hover{--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));}\n.dark .hover\\:color-base:hover{--dfun-text-opacity:1;color:rgb(229 229 229 / var(--dfun-text-opacity));}\n.hover\\:color-base:hover{--dfun-text-opacity:1;color:rgb(38 38 38 / var(--dfun-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--dfun-brightness:brightness(1);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);--dfun-hue-rotate:hue-rotate(0deg);--dfun-invert:invert(0);}\n.icon-catppuccin{--dfun-brightness:brightness(0.8);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);--dfun-hue-rotate:hue-rotate(180deg);--dfun-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.invisible{visibility:hidden;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.bottom-4px{bottom:4px;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.left-5px{left:5px;}\n.right--1px{right:-1px;}\n.right-0{right:0;}\n.right-0\\.5{right:0.125rem;}\n.right-2{right:0.5rem;}\n.right-4{right:1rem;}\n.top--32px{top:-32px;}\n.top-0{top:0;}\n.top-0\\.5{top:0.125rem;}\n.top-1{top:0.25rem;}\n.top-1\\/2{top:50%;}\n.top-4{top:1rem;}\n.top-4px{top:4px;}\n.z--1{z-index:-1;}\n.grid{display:grid;}\n.cols-\\[max-content_1fr\\]{grid-template-columns:max-content 1fr;}\n.m-auto,\n.ma{margin:auto;}\n.m1{margin:0.25rem;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx--2{margin-left:-0.5rem;margin-right:-0.5rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.mx-auto{margin-left:auto;margin-right:auto;}\n.my-1,\n.my1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.my0\\.5{margin-top:0.125rem;margin-bottom:0.125rem;}\n.-mb-px{margin-bottom:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb-1\\.5{margin-bottom:0.375rem;}\n.mb-3{margin-bottom:0.75rem;}\n.mb-4{margin-bottom:1rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ml-2{margin-left:0.5rem;}\n.ml-6{margin-left:1.5rem;}\n.mr-1{margin-right:0.25rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2,\n.mt2{margin-top:0.5rem;}\n.mt-4,\n.mt4{margin-top:1rem;}\n.mt-6,\n.mt6{margin-top:1.5rem;}\n.mt-auto{margin-top:auto;}\n.box-border{box-sizing:border-box;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.contents{display:contents;}\n.dark .dark-hidden,\n.hidden,\n.light .light-hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-10{height:2.5rem;}\n.h-14{height:3.5rem;}\n.h-16{height:4rem;}\n.h-2{height:0.5rem;}\n.h-20px{height:20px;}\n.h-24{height:6rem;}\n.h-3{height:0.75rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-4\\.5{height:1.125rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h-screen{height:100vh;}\n.max-h-\\[60vh\\]{max-height:60vh;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-100{max-width:25rem;}\n.max-w-108{max-width:27rem;}\n.max-w-200{max-width:50rem;}\n.max-w-220px{max-width:220px;}\n.max-w-64{max-width:16rem;}\n.max-w-92{max-width:23rem;}\n.max-w-96,\n.max-w-sm{max-width:24rem;}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-xs{max-width:20rem;}\n.min-h-0{min-height:0;}\n.min-h-16{min-height:4rem;}\n.min-h-40{min-height:10rem;}\n.min-h-5{min-height:1.25rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-28{min-width:7rem;}\n.min-w-36{min-width:9rem;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-\\[40px\\]{width:40px;}\n.w-1\\.5{width:0.375rem;}\n.w-10{width:2.5rem;}\n.w-11{width:2.75rem;}\n.w-12{width:3rem;}\n.w-16{width:4rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-20px{width:20px;}\n.w-24{width:6rem;}\n.w-2px{width:2px;}\n.w-3{width:0.75rem;}\n.w-3\\.5{width:0.875rem;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-4\\.5{width:1.125rem;}\n.w-5{width:1.25rem;}\n.w-6{width:1.5rem;}\n.w-64{width:16rem;}\n.w-7{width:1.75rem;}\n.w-72{width:18rem;}\n.w-8{width:2rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-96{width:24rem;}\n.w-auto\\!{width:auto !important;}\n.w-fit{width:fit-content;}\n.w-full{width:100%;}\n.w-lg{width:32rem;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.w-screen{width:100vw;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.flex-auto{flex:1 1 auto;}\n.flex-none{flex:none;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-row-reverse{flex-direction:row-reverse;}\n.flex-col{flex-direction:column;}\n.flex-col-reverse{flex-direction:column-reverse;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2,\n.translate-x--1\\/2{--dfun-translate-x:-50%;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.-translate-y-2{--dfun-translate-y:-0.5rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked],\n.translate-x-4{--dfun-translate-x:1rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--dfun-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-x-0\\.5{--dfun-translate-x:0.125rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-x-1{--dfun-translate-x:0.25rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-x-5{--dfun-translate-x:1.25rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-y--1\\/2{--dfun-translate-y:-50%;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-y-0{--dfun-translate-y:0;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-y-2{--dfun-translate-y:0.5rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.-rotate-90{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:-90deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:90deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.rotate--45{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:-45deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.rotate-0{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:0deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.rotate-180{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:180deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.rotate-270{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:270deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.scale-100{--dfun-scale-x:1;--dfun-scale-y:1;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.scale-120{--dfun-scale-x:1.2;--dfun-scale-y:1.2;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.scale-98{--dfun-scale-x:0.98;--dfun-scale-y:0.98;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.hover\\:scale-110:hover{--dfun-scale-x:1.1;--dfun-scale-y:1.1;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.transform{transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.cursor-not-allowed{cursor:not-allowed;}\n.cursor-grab{cursor:grab;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0{gap:0;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-6{gap:1.5rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-0\\.5{row-gap:0.125rem;}\n.space-y-0\\.5>:not([hidden])~:not([hidden]){--dfun-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--dfun-space-y-reverse)));margin-bottom:calc(0.125rem * var(--dfun-space-y-reverse));}\n.divide-y>:not([hidden])~:not([hidden]){--dfun-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--dfun-divide-y-reverse)));border-bottom-width:calc(1px * var(--dfun-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--dfun-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-divide-opacity));}\n.of-hidden,\n.overflow-hidden{overflow:hidden;}\n.overflow-auto{overflow:auto;}\n.of-x-hidden{overflow-x:hidden;}\n.of-y-auto{overflow-y:auto;}\n.of-y-hidden{overflow-y:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-pre-wrap{white-space:pre-wrap;}\n.ws-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.b,\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-0{border-bottom-width:0px;}\n.border-b-1\\.5{border-bottom-width:1.5px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-1\\.5{border-right-width:1.5px;}\n.border-t{border-top-width:1px;}\n.border-t-0{border-top-width:0px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.last\\:border-b-0:last-child{border-bottom-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-amber\\/20{border-color:rgb(251 191 36 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-error\\!{--dfun-border-opacity:1 !important;border-color:rgb(246 61 104 / var(--dfun-border-opacity)) !important;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-primary-400\\/60{border-color:rgb(117 166 126 / 0.6);}\n.border-primary\\/30{border-color:rgb(58 106 69 / 0.3);}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red-500\\/70{border-color:rgb(239 68 68 / 0.7);}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400\\/50{border-color:rgb(117 166 126 / 0.5);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--dfun-border-opacity:1;border-color:rgb(117 166 126 / var(--dfun-border-opacity));}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--dfun-border-opacity:1;border-color:rgb(87 136 97 / var(--dfun-border-opacity));}\n.focus-within\\:border-gray\\/15:focus-within{border-color:rgb(156 163 175 / 0.15);}\n.hover\\:border-gray\\/10:hover{border-color:rgb(156 163 175 / 0.1);}\n.focus\\:border-primary-500:focus{--dfun-border-opacity:1;border-color:rgb(87 136 97 / var(--dfun-border-opacity));}\n.focus\\:border-primary\\/40:focus{border-color:rgb(58 106 69 / 0.4);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.rounded-r{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}\n.rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;}\n.rounded-tr-md{border-top-right-radius:0.375rem;}\n.bg-\\[\\#8881\\],\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--dfun-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8882{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-\\#8885{--dfun-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-amber{--dfun-bg-opacity:1;background-color:rgb(251 191 36 / var(--dfun-bg-opacity));}\n.bg-amber-400\\/10,\n.bg-amber\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-black\\/30,\n.dark .dark\\:bg-black\\/30{background-color:rgb(0 0 0 / 0.3);}\n.bg-blue{--dfun-bg-opacity:1;background-color:rgb(96 165 250 / var(--dfun-bg-opacity));}\n.bg-blue-400\\/10,\n.bg-blue\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-error\\!{--dfun-bg-opacity:1 !important;background-color:rgb(246 61 104 / var(--dfun-bg-opacity)) !important;}\n.bg-gray{--dfun-bg-opacity:1;background-color:rgb(156 163 175 / var(--dfun-bg-opacity));}\n.bg-gray-6{--dfun-bg-opacity:1;background-color:rgb(75 85 99 / var(--dfun-bg-opacity));}\n.bg-gray\\/10{background-color:rgb(156 163 175 / 0.1);}\n.bg-gray\\/20{background-color:rgb(156 163 175 / 0.2);}\n.bg-gray\\/3{background-color:rgb(156 163 175 / 0.03);}\n.bg-gray\\/30{background-color:rgb(156 163 175 / 0.3);}\n.bg-gray\\/5{background-color:rgb(156 163 175 / 0.05);}\n.bg-green{--dfun-bg-opacity:1;background-color:rgb(74 222 128 / var(--dfun-bg-opacity));}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\/10{background-color:rgb(251 146 60 / 0.1);}\n.bg-primary{--dfun-bg-opacity:1;background-color:rgb(58 106 69 / var(--dfun-bg-opacity));}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--dfun-bg-opacity:1;background-color:rgb(87 136 97 / var(--dfun-bg-opacity));}\n.bg-primary-500\\/20{background-color:rgb(87 136 97 / 0.2);}\n.bg-primary\\/10{background-color:rgb(58 106 69 / 0.1);}\n.bg-primary\\/15{background-color:rgb(58 106 69 / 0.15);}\n.bg-primary\\/20{background-color:rgb(58 106 69 / 0.2);}\n.bg-red{--dfun-bg-opacity:1;background-color:rgb(248 113 113 / var(--dfun-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\/10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--dfun-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--dfun-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--dfun-bg-opacity:1;background-color:rgb(255 255 255 / var(--dfun-bg-opacity));}\n.bg-white\\/50{background-color:rgb(255 255 255 / 0.5);}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.dark .dark\\:bg-black\\/45{background-color:rgb(0 0 0 / 0.45);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\[\\#8881\\]:hover{--dfun-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.hover\\:bg-\\[\\#8882\\]:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.hover\\:bg-\\#8888:hover{--dfun-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.hover\\:bg-gray\\/10:hover{background-color:rgb(156 163 175 / 0.1);}\n.hover\\:bg-gray\\/15:hover{background-color:rgb(156 163 175 / 0.15);}\n.hover\\:bg-gray\\/20:hover{background-color:rgb(156 163 175 / 0.2);}\n.hover\\:bg-gray\\/5:hover{background-color:rgb(156 163 175 / 0.05);}\n.hover\\:bg-orange\\/20:hover{background-color:rgb(251 146 60 / 0.2);}\n.hover\\:bg-primary\\/25:hover{background-color:rgb(58 106 69 / 0.25);}\n.hover\\:bg-red-600\\!:hover{--dfun-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--dfun-bg-opacity)) !important;}\n.hover\\:bg-red\\/20:hover{background-color:rgb(248 113 113 / 0.2);}\n.stroke-current{stroke:currentColor;}\n.object-contain{object-fit:contain;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1,\n.p1{padding:0.25rem;}\n.p-1\\.5,\n.p1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4{padding:1rem;}\n.p-5{padding:1.25rem;}\n.p6{padding:1.5rem;}\n.p8{padding:2rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-0\\.5{padding-left:0.125rem;padding-right:0.125rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3,\n.px3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0{padding-top:0;padding-bottom:0;}\n.py-0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2,\n.py2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-2\\!{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}\n.py-2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}\n.py-8{padding-top:2rem;padding-bottom:2rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pb2\\.5{padding-bottom:0.625rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-\\[20vh\\]{padding-top:20vh;}\n.pt-1\\.5{padding-top:0.375rem;}\n.pt-6{padding-top:1.5rem;}\n.pt2{padding-top:0.5rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.indent{text-indent:1.5rem;}\n.text-balance{text-wrap:balance;}\n.text-\\[10px\\]{font-size:10px;}\n.text-\\[15px\\]{font-size:15px;}\n.text-0\\.6em{font-size:0.6em;}\n.text-2\\.75{font-size:0.6875rem;}\n.text-2xl{font-size:1.5rem;line-height:2rem;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xl{font-size:1.25rem;line-height:1.75rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--dfun-text-opacity:1;color:rgb(252 211 77 / var(--dfun-text-opacity));}\n.dark .dark\\:text-amber-400,\n.text-amber{--dfun-text-opacity:1;color:rgb(251 191 36 / var(--dfun-text-opacity));}\n.dark .dark\\:text-blue-300{--dfun-text-opacity:1;color:rgb(147 197 253 / var(--dfun-text-opacity));}\n.dark .dark\\:text-green-300{--dfun-text-opacity:1;color:rgb(134 239 172 / var(--dfun-text-opacity));}\n.dark .dark\\:text-green-400,\n.text-green{--dfun-text-opacity:1;color:rgb(74 222 128 / var(--dfun-text-opacity));}\n.dark .dark\\:text-primary-300{--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.dark .dark\\:text-red-300{--dfun-text-opacity:1;color:rgb(252 165 165 / var(--dfun-text-opacity));}\n.dark .dark\\:text-red-400,\n.text-red{--dfun-text-opacity:1;color:rgb(248 113 113 / var(--dfun-text-opacity));}\n.text-amber-600{--dfun-text-opacity:1;color:rgb(217 119 6 / var(--dfun-text-opacity));}\n.text-amber-700{--dfun-text-opacity:1;color:rgb(180 83 9 / var(--dfun-text-opacity));}\n.text-blue{--dfun-text-opacity:1;color:rgb(96 165 250 / var(--dfun-text-opacity));}\n.text-blue-700{--dfun-text-opacity:1;color:rgb(29 78 216 / var(--dfun-text-opacity));}\n.text-gray{--dfun-text-opacity:1;color:rgb(156 163 175 / var(--dfun-text-opacity));}\n.text-green-600{--dfun-text-opacity:1;color:rgb(22 163 74 / var(--dfun-text-opacity));}\n.text-green-700{--dfun-text-opacity:1;color:rgb(21 128 61 / var(--dfun-text-opacity));}\n.text-orange{--dfun-text-opacity:1;color:rgb(251 146 60 / var(--dfun-text-opacity));}\n.text-primary,\n.text-primary\\/bg-active{--dfun-text-opacity:1;color:rgb(58 106 69 / var(--dfun-text-opacity));}\n.text-primary-600{--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));}\n.text-red-500{--dfun-text-opacity:1;color:rgb(239 68 68 / var(--dfun-text-opacity));}\n.text-red-600{--dfun-text-opacity:1;color:rgb(220 38 38 / var(--dfun-text-opacity));}\n.text-red-700{--dfun-text-opacity:1;color:rgb(185 28 28 / var(--dfun-text-opacity));}\n.text-white{--dfun-text-opacity:1;color:rgb(255 255 255 / var(--dfun-text-opacity));}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.leading-4{line-height:1rem;}\n.leading-5{line-height:1.25rem;}\n.leading-none{line-height:1;}\n.leading-relaxed{line-height:1.625;}\n.tracking-tight{letter-spacing:-0.025em;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--dfun-numeric-spacing:tabular-nums;font-variant-numeric:var(--dfun-ordinal) var(--dfun-slashed-zero) var(--dfun-numeric-figure) var(--dfun-numeric-spacing) var(--dfun-numeric-fraction);}\n.line-through{text-decoration-line:line-through;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.caret-primary-500{--dfun-caret-opacity:1;caret-color:rgb(87 136 97 / var(--dfun-caret-opacity));}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50,\n.group:hover .group-hover\\:op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100,\n.opacity-100,\n.group:hover .group-hover\\:opacity-100{opacity:1;}\n.op0,\n.opacity-0{opacity:0;}\n.op25{opacity:0.25;}\n.op30{opacity:0.3;}\n.op40{opacity:0.4;}\n.op60{opacity:0.6;}\n.op60\\!{opacity:0.6 !important;}\n.op70{opacity:0.7;}\n.op75{opacity:0.75;}\n.op80{opacity:0.8;}\n.hover\\:op100:hover{opacity:1;}\n.hover\\:op60:hover{opacity:0.6;}\n.hover\\:op70:hover{opacity:0.7;}\n.hover\\:op80:hover{opacity:0.8;}\n.disabled\\:op40:disabled{opacity:0.4;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--dfun-shadow:var(--dfun-shadow-inset) 0 1px 2px 0 var(--dfun-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow{--dfun-shadow:var(--dfun-shadow-inset) 0 1px 3px 0 var(--dfun-shadow-color, rgb(0 0 0 / 0.1)),var(--dfun-shadow-inset) 0 1px 2px -1px var(--dfun-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow-2xl{--dfun-shadow:var(--dfun-shadow-inset) 0 25px 50px -12px var(--dfun-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow-lg{--dfun-shadow:var(--dfun-shadow-inset) 0 10px 15px -3px var(--dfun-shadow-color, rgb(0 0 0 / 0.1)),var(--dfun-shadow-inset) 0 4px 6px -4px var(--dfun-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow-xl{--dfun-shadow:var(--dfun-shadow-inset) 0 20px 25px -5px var(--dfun-shadow-color, rgb(0 0 0 / 0.1)),var(--dfun-shadow-inset) 0 8px 10px -6px var(--dfun-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.outline{outline-style:solid;}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.ring-1\\.5{--dfun-ring-width:1.5px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus-within\\:ring-2:focus-within{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus\\:ring-1:focus{--dfun-ring-width:1px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus\\:ring-2:focus{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus\\:ring-3:focus{--dfun-ring-width:3px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus-visible\\:ring-2:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus-visible\\:ring-3:focus-visible{--dfun-ring-width:3px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.ring-purple\\/50{--dfun-ring-color:rgb(192 132 252 / 0.5);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--dfun-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/25:focus{--dfun-ring-color:rgb(87 136 97 / 0.25);}\n.focus\\:ring-primary-500\\/40:focus{--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-primary\\/30:focus{--dfun-ring-color:rgb(58 106 69 / 0.3);}\n.focus\\:ring-red-500\\/40:focus{--dfun-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--dfun-ring-color:rgb(87 136 97 / 0.3);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-0{--dfun-backdrop-blur:blur(0);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.backdrop-blur-1{--dfun-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.backdrop-blur-sm{--dfun-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.blur-2xl{--dfun-blur:blur(40px);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);}\n.invert{--dfun-invert:invert(1);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);}\n.saturate-0{--dfun-saturate:saturate(0);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-150{transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.delay-200{transition-delay:200ms;}\n.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:gap-2\\.5{gap:0.625rem;}\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}::backdrop{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: shortcuts */\n.border-base{--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));}\n.bg-active{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active{background-color:rgb(58 106 69 / 0.15);}\n.bg-base{--dfun-bg-opacity:1;background-color:rgb(255 255 255 / var(--dfun-bg-opacity));}\n.dark .bg-base{--dfun-bg-opacity:1;background-color:rgb(17 17 17 / var(--dfun-bg-opacity));}\n.bg-hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-secondary{--dfun-bg-opacity:1;background-color:rgb(246 246 246 / var(--dfun-bg-opacity));}\n.dark .bg-secondary{--dfun-bg-opacity:1;background-color:rgb(16 16 16 / var(--dfun-bg-opacity));}\n.color-active{--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));}\n.dark .color-active{--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.color-base{--dfun-text-opacity:1;color:rgb(38 38 38 / var(--dfun-text-opacity));}\n.dark .color-base{--dfun-text-opacity:1;color:rgb(229 229 229 / var(--dfun-text-opacity));}\n.color-faint,\n.dark .color-faint{--dfun-text-opacity:1;color:rgb(115 115 115 / var(--dfun-text-opacity));}\n.color-muted{--dfun-text-opacity:1;color:rgb(82 82 82 / var(--dfun-text-opacity));}\n.dark .color-muted{--dfun-text-opacity:1;color:rgb(163 163 163 / var(--dfun-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations, and imported after\n * `virtual:uno.css` in the Storybook preview for the same reason.\n *\n * Each Wind4 stop (`--colors-primary-*`) is derived from `--devframe-primary`\n * via `color-mix`. When `--devframe-primary` is unset, the intermediate\n * `--devframe-primary-<stop>` vars become guaranteed-invalid (their `color-mix`\n * references an unset var with no fallback), so each `--colors-primary-<stop>`\n * falls back to the exact devframe default hex — the default look is preserved,\n * and only an explicit override derives a new ramp. The vars inherit through\n * the tree, so setting `--devframe-primary` on the dock host retints\n * everything, and setting it on a group's chrome container retints just that\n * group (the group-accent mechanism).\n *\n * `:host` is the effective selector inside the dock's shadow root; `:root` is\n * for the light-DOM Storybook preview (it matches nothing in the shadow root).\n *\n * `.devframes-accent-scope` re-declares the whole block on a group's chrome\n * container: because custom properties inherit as computed values, a descendant\n * that only overrides `--devframe-primary` would keep the `:host`-computed\n * stops — re-running the derivation here recomputes them from the container's\n * own `--devframe-primary` (a group's `accentColor`), retinting just that group.\n */\n:root,\n:host,\n.devframes-accent-scope {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
diff --git a/packages/json-render-ui/scripts/build-css.ts b/packages/json-render-ui/scripts/build-css.ts
index 7554c85a..b0dce9ab 100644
--- a/packages/json-render-ui/scripts/build-css.ts
+++ b/packages/json-render-ui/scripts/build-css.ts
@@ -5,7 +5,7 @@ import { fileURLToPath } from 'node:url'
 import { colors as c } from 'devframe/utils/colors'
 import { glob } from 'tinyglobby'
 import { createGenerator } from 'unocss'
-import { shadowSurfaceSafelist } from '../../../design/uno.config'
+import { namespaceShadowCssVars, shadowSurfaceSafelist } from '../../../design/uno.config'
 import config from '../uno.config'
 
 // Compile the renderer's UnoCSS output ahead of time into a plain string
@@ -62,12 +62,14 @@ export async function buildCSS(): Promise<void> {
   // a shortcut+variant interaction. Generate the shadow-surface tokens in a
   // dedicated pass so their plain (and `.dark`) rules are always present.
   const surfaces = await generator.generate(shadowSurfaceSafelist.join(' '))
-  const css = [
+  // Namespace Wind's `--un-*` vars so this shadow-root stylesheet is immune to
+  // a host page's Wind4 `@property` registrations (see `namespaceShadowCssVars`).
+  const css = namespaceShadowCssVars([
     reset,
     unoResult.css,
     surfaces.css,
     primaryRamp,
-  ].join('\n')
+  ].join('\n'))
 
   await fs.mkdir(join(SRC_DIR, '.generated'), { recursive: true })
   await fs.writeFile(GENERATED_CSS, [
diff --git a/packages/json-render-ui/src/.generated/css.ts b/packages/json-render-ui/src/.generated/css.ts
index f6672dde..cbbe4ee0 100644
--- a/packages/json-render-ui/src/.generated/css.ts
+++ b/packages/json-render-ui/src/.generated/css.ts
@@ -1,3 +1,3 @@
 /* eslint-disable eslint-comments/no-unlimited-disable */
 /* eslint-disable */
-export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--un-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.border-mute{--un-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));opacity:1 !important;}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.hover\\:bg-hover:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.dark .hover\\:bg-secondary:hover{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.hover\\:bg-secondary:hover{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.btn-action:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-bg-opacity:1;background-color:rgb(64 112 75 / var(--un-bg-opacity));}\n.bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}\n.dark .bg-gradient-more{--un-gradient-from-position:0%;--un-gradient-from:rgb(17 17 17 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(17 17 17 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(17 17 17 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(17 17 17 / 0.8) var(--un-gradient-via-position), var(--un-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n.dark .hover\\:color-active:hover{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.hover\\:color-active:hover{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .hover\\:color-base:hover{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.hover\\:color-base:hover{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--un-brightness:brightness(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(0deg);--un-invert:invert(0);}\n.icon-catppuccin{--un-brightness:brightness(0.8);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);--un-hue-rotate:hue-rotate(180deg);--un-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.right-0{right:0;}\n.right-4{right:1rem;}\n.top-0{top:0;}\n.top-4{top:1rem;}\n.grid{display:grid;}\n.m-auto{margin:auto;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb2{margin-bottom:0.5rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1,\n.ml1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2{margin-top:0.5rem;}\n.mt-4{margin-top:1rem;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:0.5rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:0.75rem;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-sm{max-width:24rem;}\n.max-w-xs{max-width:20rem;}\n.min-h-40{min-height:10rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:0.375rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-7{width:1.75rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--un-translate-x:1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-x-0\\.5{--un-translate-x:0.125rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.translate-y-2{--un-translate-y:0.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.-rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.scale-98{--un-scale-x:0.98;--un-scale-y:0.98;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.list-none{list-style-type:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-1{row-gap:0.25rem;}\n.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-divide-opacity));}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-orange\\:50{border-color:rgb(251 146 60 / 0.5);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-border-opacity:1;border-color:rgb(87 136 97 / var(--un-border-opacity));}\n.border-red{--un-border-opacity:1;border-color:rgb(248 113 113 / var(--un-border-opacity));}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red\\!{--un-border-opacity:1 !important;border-color:rgb(248 113 113 / var(--un-border-opacity)) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-border-opacity:1;border-color:rgb(117 166 126 / var(--un-border-opacity));}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.border-dashed{border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8882{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-\\#8885{--un-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-amber-400\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-blue-400\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\:5{background-color:rgb(251 146 60 / 0.05);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\:10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-bg-opacity)) !important;}\n.bg-red\\!{--un-bg-opacity:1 !important;background-color:rgb(248 113 113 / var(--un-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\#8888:hover{--un-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.hover\\:bg-red-600\\!:hover{--un-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-bg-opacity)) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:rgb(248 113 113 / 0.9) !important;}\n.stroke-current{stroke:currentColor;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1{padding:0.25rem;}\n.p-1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4,\n.p4{padding:1rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0\\.5,\n.py0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pl3{padding-left:0.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-1\\.5{padding-top:0.375rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.color-amber,\n.dark .dark\\:text-amber-400{--un-text-opacity:1;color:rgb(251 191 36 / var(--un-text-opacity));}\n.dark .dark\\:text-blue-300{--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .dark\\:text-green-300{--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.color-green,\n.dark .dark\\:text-green-400{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity));}\n.dark .dark\\:text-red-300{--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.color-red,\n.dark .dark\\:text-red-400{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}\n.text-amber-600{--un-text-opacity:1;color:rgb(217 119 6 / var(--un-text-opacity));}\n.text-amber-700{--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.text-blue-700{--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.text-green-600{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity));}\n.text-green-700{--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.text-orange{--un-text-opacity:1;color:rgb(251 146 60 / var(--un-text-opacity));}\n.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));}\n.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));}\n.text-red-700{--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}\n.color-primary{--un-text-opacity:1;color:rgb(58 106 69 / var(--un-text-opacity));}\n.color-white\\!{--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity)) !important;}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.font-semibold{font-weight:600;}\n.leading-none{line-height:1;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:1;}\n.op0{opacity:0;}\n.op75{opacity:0.75;}\n.hover\\:op100:hover{opacity:1;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.focus-within\\:ring-2:focus-within{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus\\:ring-2:focus{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/40:focus{--un-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-red-500\\/40:focus{--un-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}\n.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.saturate-0{--un-saturate:saturate(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n/* layer: shortcuts */\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}\n.border-base{--un-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-border-opacity));}\n.bg-active{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active{background-color:rgb(58 106 69 / 0.15);}\n.bg-base{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}\n.dark .bg-base{--un-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-bg-opacity));}\n.bg-hover{--un-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-bg-opacity));}\n.bg-secondary{--un-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-bg-opacity));}\n.dark .bg-secondary{--un-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-bg-opacity));}\n.color-active{--un-text-opacity:1;color:rgb(64 112 75 / var(--un-text-opacity));}\n.dark .color-active{--un-text-opacity:1;color:rgb(147 198 157 / var(--un-text-opacity));}\n.color-base{--un-text-opacity:1;color:rgb(38 38 38 / var(--un-text-opacity));}\n.dark .color-base{--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}\n.color-muted{--un-text-opacity:1;color:rgb(82 82 82 / var(--un-text-opacity));}\n.dark .color-muted{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
+export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--dfun-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--dfun-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --dfun-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n/* layer: preflights */\n*,::before,::after{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}::backdrop{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--dfun-bg-opacity:1;background-color:rgb(87 136 97 / var(--dfun-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--dfun-text-opacity:1;color:rgb(255 255 255 / var(--dfun-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--dfun-text-opacity:1;color:rgb(180 83 9 / var(--dfun-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--dfun-text-opacity:1;color:rgb(29 78 216 / var(--dfun-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--dfun-text-opacity:1;color:rgb(21 128 61 / var(--dfun-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--dfun-text-opacity:1;color:rgb(185 28 28 / var(--dfun-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--dfun-text-opacity:1;color:rgb(252 211 77 / var(--dfun-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--dfun-text-opacity:1;color:rgb(147 197 253 / var(--dfun-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--dfun-text-opacity:1;color:rgb(134 239 172 / var(--dfun-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--dfun-text-opacity:1;color:rgb(252 165 165 / var(--dfun-text-opacity));}\n.border-base{--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));}\n.border-mute{--dfun-border-opacity:0.07;border-color:rgb(136 136 136 / var(--dfun-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));opacity:1 !important;}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--dfun-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--dfun-bg-opacity:1;background-color:rgb(255 255 255 / var(--dfun-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--dfun-bg-opacity:1;background-color:rgb(17 17 17 / var(--dfun-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--dfun-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--dfun-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-secondary{--dfun-bg-opacity:1;background-color:rgb(246 246 246 / var(--dfun-bg-opacity));}\n.dark .bg-secondary{--dfun-bg-opacity:1;background-color:rgb(16 16 16 / var(--dfun-bg-opacity));}\n.hover\\:bg-hover:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.dark .hover\\:bg-secondary:hover{--dfun-bg-opacity:1;background-color:rgb(16 16 16 / var(--dfun-bg-opacity));}\n.hover\\:bg-secondary:hover{--dfun-bg-opacity:1;background-color:rgb(246 246 246 / var(--dfun-bg-opacity));}\n.btn-action:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-icon:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-primary:hover{--dfun-bg-opacity:1;background-color:rgb(64 112 75 / var(--dfun-bg-opacity));}\n.bg-gradient-more{--dfun-gradient-from-position:0%;--dfun-gradient-from:rgb(255 255 255 / var(--dfun-from-opacity, 1)) var(--dfun-gradient-from-position);--dfun-gradient-to-position:100%;--dfun-gradient-to:rgb(255 255 255 / 0) var(--dfun-gradient-to-position);--dfun-gradient-stops:var(--dfun-gradient-from), var(--dfun-gradient-to);--dfun-gradient-via-position:50%;--dfun-gradient-to:rgb(255 255 255 / 0);--dfun-gradient-stops:var(--dfun-gradient-from), rgb(255 255 255 / 0.8) var(--dfun-gradient-via-position), var(--dfun-gradient-to);--dfun-gradient-shape:to top in oklch;--dfun-gradient:var(--dfun-gradient-shape), var(--dfun-gradient-stops);background-image:linear-gradient(var(--dfun-gradient));}\n.dark .bg-gradient-more{--dfun-gradient-from-position:0%;--dfun-gradient-from:rgb(17 17 17 / var(--dfun-from-opacity, 1)) var(--dfun-gradient-from-position);--dfun-gradient-to-position:100%;--dfun-gradient-to:rgb(17 17 17 / 0) var(--dfun-gradient-to-position);--dfun-gradient-stops:var(--dfun-gradient-from), var(--dfun-gradient-to);--dfun-gradient-via-position:50%;--dfun-gradient-to:rgb(17 17 17 / 0);--dfun-gradient-stops:var(--dfun-gradient-from), rgb(17 17 17 / 0.8) var(--dfun-gradient-via-position), var(--dfun-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--dfun-text-opacity:1;color:rgb(38 38 38 / var(--dfun-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--dfun-text-opacity:1;color:rgb(229 229 229 / var(--dfun-text-opacity));}\n.color-faint,\n.dark .color-faint{--dfun-text-opacity:1;color:rgb(115 115 115 / var(--dfun-text-opacity));}\n.color-muted{--dfun-text-opacity:1;color:rgb(82 82 82 / var(--dfun-text-opacity));}\n.dark .color-muted{--dfun-text-opacity:1;color:rgb(163 163 163 / var(--dfun-text-opacity));}\n.dark .hover\\:color-active:hover{--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.hover\\:color-active:hover{--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));}\n.dark .hover\\:color-base:hover{--dfun-text-opacity:1;color:rgb(229 229 229 / var(--dfun-text-opacity));}\n.hover\\:color-base:hover{--dfun-text-opacity:1;color:rgb(38 38 38 / var(--dfun-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--dfun-brightness:brightness(1);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);--dfun-hue-rotate:hue-rotate(0deg);--dfun-invert:invert(0);}\n.icon-catppuccin{--dfun-brightness:brightness(0.8);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);--dfun-hue-rotate:hue-rotate(180deg);--dfun-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.right-0{right:0;}\n.right-4{right:1rem;}\n.top-0{top:0;}\n.top-4{top:1rem;}\n.grid{display:grid;}\n.m-auto{margin:auto;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb2{margin-bottom:0.5rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1,\n.ml1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2{margin-top:0.5rem;}\n.mt-4{margin-top:1rem;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:0.5rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:0.75rem;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-sm{max-width:24rem;}\n.max-w-xs{max-width:20rem;}\n.min-h-40{min-height:10rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:0.375rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-7{width:1.75rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2{--dfun-translate-x:-50%;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--dfun-translate-x:1rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--dfun-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-x-0\\.5{--dfun-translate-x:0.125rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-y-2{--dfun-translate-y:0.5rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.-rotate-90{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:-90deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:90deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.scale-98{--dfun-scale-x:0.98;--dfun-scale-y:0.98;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.transform{transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.list-none{list-style-type:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-1{row-gap:0.25rem;}\n.divide-y>:not([hidden])~:not([hidden]){--dfun-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--dfun-divide-y-reverse)));border-bottom-width:calc(1px * var(--dfun-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--dfun-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-divide-opacity));}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-orange\\:50{border-color:rgb(251 146 60 / 0.5);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--dfun-border-opacity:1;border-color:rgb(87 136 97 / var(--dfun-border-opacity));}\n.border-red{--dfun-border-opacity:1;border-color:rgb(248 113 113 / var(--dfun-border-opacity));}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red\\!{--dfun-border-opacity:1 !important;border-color:rgb(248 113 113 / var(--dfun-border-opacity)) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--dfun-border-opacity:1;border-color:rgb(117 166 126 / var(--dfun-border-opacity));}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.border-dashed{border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--dfun-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-\\#8882{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-\\#8885{--dfun-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-amber-400\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-blue-400\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\:5{background-color:rgb(251 146 60 / 0.05);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--dfun-bg-opacity:1;background-color:rgb(87 136 97 / var(--dfun-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\:10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--dfun-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--dfun-bg-opacity)) !important;}\n.bg-red\\!{--dfun-bg-opacity:1 !important;background-color:rgb(248 113 113 / var(--dfun-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--dfun-bg-opacity:1;background-color:rgb(255 255 255 / var(--dfun-bg-opacity));}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\#8888:hover{--dfun-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.hover\\:bg-red-600\\!:hover{--dfun-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--dfun-bg-opacity)) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:rgb(248 113 113 / 0.9) !important;}\n.stroke-current{stroke:currentColor;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1{padding:0.25rem;}\n.p-1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4,\n.p4{padding:1rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0\\.5,\n.py0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pl3{padding-left:0.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-1\\.5{padding-top:0.375rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--dfun-text-opacity:1;color:rgb(252 211 77 / var(--dfun-text-opacity));}\n.color-amber,\n.dark .dark\\:text-amber-400{--dfun-text-opacity:1;color:rgb(251 191 36 / var(--dfun-text-opacity));}\n.dark .dark\\:text-blue-300{--dfun-text-opacity:1;color:rgb(147 197 253 / var(--dfun-text-opacity));}\n.dark .dark\\:text-green-300{--dfun-text-opacity:1;color:rgb(134 239 172 / var(--dfun-text-opacity));}\n.color-green,\n.dark .dark\\:text-green-400{--dfun-text-opacity:1;color:rgb(74 222 128 / var(--dfun-text-opacity));}\n.dark .dark\\:text-red-300{--dfun-text-opacity:1;color:rgb(252 165 165 / var(--dfun-text-opacity));}\n.color-red,\n.dark .dark\\:text-red-400{--dfun-text-opacity:1;color:rgb(248 113 113 / var(--dfun-text-opacity));}\n.text-amber-600{--dfun-text-opacity:1;color:rgb(217 119 6 / var(--dfun-text-opacity));}\n.text-amber-700{--dfun-text-opacity:1;color:rgb(180 83 9 / var(--dfun-text-opacity));}\n.text-blue-700{--dfun-text-opacity:1;color:rgb(29 78 216 / var(--dfun-text-opacity));}\n.text-green-600{--dfun-text-opacity:1;color:rgb(22 163 74 / var(--dfun-text-opacity));}\n.text-green-700{--dfun-text-opacity:1;color:rgb(21 128 61 / var(--dfun-text-opacity));}\n.text-orange{--dfun-text-opacity:1;color:rgb(251 146 60 / var(--dfun-text-opacity));}\n.text-red-500{--dfun-text-opacity:1;color:rgb(239 68 68 / var(--dfun-text-opacity));}\n.text-red-600{--dfun-text-opacity:1;color:rgb(220 38 38 / var(--dfun-text-opacity));}\n.text-red-700{--dfun-text-opacity:1;color:rgb(185 28 28 / var(--dfun-text-opacity));}\n.text-white{--dfun-text-opacity:1;color:rgb(255 255 255 / var(--dfun-text-opacity));}\n.color-primary{--dfun-text-opacity:1;color:rgb(58 106 69 / var(--dfun-text-opacity));}\n.color-white\\!{--dfun-text-opacity:1 !important;color:rgb(255 255 255 / var(--dfun-text-opacity)) !important;}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.font-semibold{font-weight:600;}\n.leading-none{line-height:1;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--dfun-numeric-spacing:tabular-nums;font-variant-numeric:var(--dfun-ordinal) var(--dfun-slashed-zero) var(--dfun-numeric-figure) var(--dfun-numeric-spacing) var(--dfun-numeric-fraction);}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:1;}\n.op0{opacity:0;}\n.op75{opacity:0.75;}\n.hover\\:op100:hover{opacity:1;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--dfun-shadow:var(--dfun-shadow-inset) 0 1px 2px 0 var(--dfun-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow{--dfun-shadow:var(--dfun-shadow-inset) 0 1px 3px 0 var(--dfun-shadow-color, rgb(0 0 0 / 0.1)),var(--dfun-shadow-inset) 0 1px 2px -1px var(--dfun-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow-2xl{--dfun-shadow:var(--dfun-shadow-inset) 0 25px 50px -12px var(--dfun-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow-lg{--dfun-shadow:var(--dfun-shadow-inset) 0 10px 15px -3px var(--dfun-shadow-color, rgb(0 0 0 / 0.1)),var(--dfun-shadow-inset) 0 4px 6px -4px var(--dfun-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow-xl{--dfun-shadow:var(--dfun-shadow-inset) 0 20px 25px -5px var(--dfun-shadow-color, rgb(0 0 0 / 0.1)),var(--dfun-shadow-inset) 0 8px 10px -6px var(--dfun-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.focus-within\\:ring-2:focus-within{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus\\:ring-2:focus{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus-visible\\:ring-2:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--dfun-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/40:focus{--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-red-500\\/40:focus{--dfun-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-sm{--dfun-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.invert{--dfun-invert:invert(1);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);}\n.saturate-0{--dfun-saturate:saturate(0);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}::backdrop{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}\n/* layer: shortcuts */\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--dfun-text-opacity:1;color:rgb(180 83 9 / var(--dfun-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--dfun-text-opacity:1;color:rgb(29 78 216 / var(--dfun-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--dfun-text-opacity:1;color:rgb(21 128 61 / var(--dfun-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--dfun-text-opacity:1;color:rgb(185 28 28 / var(--dfun-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--dfun-text-opacity:1;color:rgb(252 211 77 / var(--dfun-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--dfun-text-opacity:1;color:rgb(147 197 253 / var(--dfun-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--dfun-text-opacity:1;color:rgb(134 239 172 / var(--dfun-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--dfun-text-opacity:1;color:rgb(252 165 165 / var(--dfun-text-opacity));}\n.border-base{--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));}\n.bg-active{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active{background-color:rgb(58 106 69 / 0.15);}\n.bg-base{--dfun-bg-opacity:1;background-color:rgb(255 255 255 / var(--dfun-bg-opacity));}\n.dark .bg-base{--dfun-bg-opacity:1;background-color:rgb(17 17 17 / var(--dfun-bg-opacity));}\n.bg-hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-secondary{--dfun-bg-opacity:1;background-color:rgb(246 246 246 / var(--dfun-bg-opacity));}\n.dark .bg-secondary{--dfun-bg-opacity:1;background-color:rgb(16 16 16 / var(--dfun-bg-opacity));}\n.color-active{--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));}\n.dark .color-active{--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.color-base{--dfun-text-opacity:1;color:rgb(38 38 38 / var(--dfun-text-opacity));}\n.dark .color-base{--dfun-text-opacity:1;color:rgb(229 229 229 / var(--dfun-text-opacity));}\n.color-faint,\n.dark .color-faint{--dfun-text-opacity:1;color:rgb(115 115 115 / var(--dfun-text-opacity));}\n.color-muted{--dfun-text-opacity:1;color:rgb(82 82 82 / var(--dfun-text-opacity));}\n.dark .color-muted{--dfun-text-opacity:1;color:rgb(163 163 163 / var(--dfun-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"

From dce3be0aa850dc186c3e0f5d465ee701e378b474 Mon Sep 17 00:00:00 2001
From: "Anthony Fu (via agent)" <reg-github-bot@antfu.me>
Date: Thu, 13 Aug 2026 06:49:27 +0000
Subject: [PATCH 11/11] refactor(hub-ui,json-render-ui): per-package shadow var
 prefixes (--un-jr-, --un-hub-)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Give each shadow-root stylesheet its own namespaced Wind vars — json-render-ui
uses `--un-jr-*`, hub-ui `--un-hub-*` — instead of a shared `--dfun-`. The
readable `--un-` root stays; the per-surface segment keeps the names distinct
from a Wind4 host's document-global `@property --un-*` registrations (and from
each other). `namespaceShadowCssVars` now takes the prefix; regenerated both
stylesheets.
---
 design/uno.config.ts                          | 17 +++++++++++------
 packages/hub-ui/scripts/build-css.ts          |  7 ++++---
 packages/hub-ui/src/client/.generated/css.ts  |  2 +-
 packages/json-render-ui/scripts/build-css.ts  |  7 ++++---
 packages/json-render-ui/src/.generated/css.ts |  2 +-
 5 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/design/uno.config.ts b/design/uno.config.ts
index ef5cf5ba..c85684aa 100644
--- a/design/uno.config.ts
+++ b/design/uno.config.ts
@@ -98,13 +98,18 @@ export const designConfig = createDesignConfig()
  * visibly wrong border/background/text color).
  *
  * The shadow stylesheet sets and reads these vars entirely within itself, so
- * renaming every `--un-` to `--dfun-` keeps it self-consistent while making it
- * immune to whatever the host page registered. Apply only to shadow-injected
- * CSS (`hub-ui` dock, `json-render-ui` renderer module) — the Vite-served SPAs
- * own their whole document and need no rename.
+ * renaming every `--un-` to a per-surface prefix (`--un-jr-`, `--un-hub-`)
+ * keeps it self-consistent while making it immune to whatever the host page
+ * registered — the renamed names are distinct properties the host's
+ * `@property --un-*` rules never match. Apply only to shadow-injected CSS
+ * (`hub-ui` dock, `json-render-ui` renderer module) — the Vite-served SPAs own
+ * their whole document and need no rename.
+ *
+ * @param css - The compiled shadow-root stylesheet.
+ * @param prefix - The replacement for `--un-` (e.g. `--un-jr-`, `--un-hub-`).
  */
-export function namespaceShadowCssVars(css: string): string {
-  return css.replaceAll('--un-', '--dfun-')
+export function namespaceShadowCssVars(css: string, prefix: string): string {
+  return css.replaceAll('--un-', prefix)
 }
 
 export const shadowSurfaceSafelist: string[] = [
diff --git a/packages/hub-ui/scripts/build-css.ts b/packages/hub-ui/scripts/build-css.ts
index 51dbc4e8..519e6cb9 100644
--- a/packages/hub-ui/scripts/build-css.ts
+++ b/packages/hub-ui/scripts/build-css.ts
@@ -69,15 +69,16 @@ export async function buildCSS(): Promise<void> {
   // a shortcut+variant interaction. Generate the shadow-surface tokens in a
   // dedicated pass so their plain (and `.dark`) rules are always present.
   const surfaces = await generator.generate(shadowSurfaceSafelist.join(' '))
-  // Namespace Wind's `--un-*` vars so this shadow-root stylesheet is immune to
-  // a host page's Wind4 `@property` registrations (see `namespaceShadowCssVars`).
+  // Namespace Wind's `--un-*` vars (→ `--un-hub-*`) so this shadow-root
+  // stylesheet is immune to a host page's Wind4 `@property` registrations
+  // (see `namespaceShadowCssVars`).
   const css = namespaceShadowCssVars([
     reset,
     userStyle.toString(),
     unoResult.css,
     surfaces.css,
     primaryRamp,
-  ].join('\n'))
+  ].join('\n'), '--un-hub-')
 
   await fs.mkdir(join(SRC_DIR, '.generated'), { recursive: true })
   await fs.writeFile(GENERATED_CSS, [
diff --git a/packages/hub-ui/src/client/.generated/css.ts b/packages/hub-ui/src/client/.generated/css.ts
index 0f1d5c3f..cc9869a2 100644
--- a/packages/hub-ui/src/client/.generated/css.ts
+++ b/packages/hub-ui/src/client/.generated/css.ts
@@ -1,3 +1,3 @@
 /* eslint-disable eslint-comments/no-unlimited-disable */
 /* eslint-disable */
-export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--dfun-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--dfun-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --dfun-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n:root {\n  --dfun-text-opacity: 100%;\n}\n\n/*\n * Thin/transparent scrollbar, matching packages/ui/src/styles/global.css —\n * that stylesheet only reaches the Nuxt plugin apps, not this injected\n * webcomponents shell, which otherwise falls back to the browser default\n * (thick, opaque-gutter) scrollbar clashing with the translucent dock.\n * `:host`, not `:root` — this stylesheet is adopted into the dock's shadow\n * root (`defineCustomElement(..., { shadowRoot: true, styles: [css] })`),\n * where `:root` only ever matches the top-level document's <html>.\n * Rules below are unscoped (not `#devframes-anchor ...`) since the\n * shadow boundary already keeps them from leaking onto the host page, and\n * scoping under the anchor's id would miss edge-docked mode entirely\n * (`DockEmbedded.vue` renders `DockEdge`/`#devframes-edge-panel` and\n * `Dock`/`#devframes-anchor` as mutually exclusive siblings).\n */\n:host {\n  --app-scrollbar-size: 6px;\n  --app-scrollbar-radius: 1px;\n  --app-scrollbar-thumb: #8884;\n  --app-scrollbar-thumb-hover: #8885;\n}\n\n::-webkit-scrollbar {\n  width: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar:horizontal {\n  height: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--app-scrollbar-thumb);\n  transition: background 0.2s ease;\n  border-radius: var(--app-scrollbar-radius);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--app-scrollbar-thumb-hover);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: var(--app-scrollbar-radius);\n  background: transparent;\n}\n\n#devframes-anchor {\n  position:fixed;z-index:2147483644;box-sizing:border-box;width:0;transform-origin:center;font-size:15px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";\n  transform: translate(-50%, -50%) rotate(0);\n}\n\n#devframes-anchor #devframes-dock-container {\n  position:absolute;left:0;top:0;width:max-content;display:flex;\n  height: var(--devframes-dock-height, 40px);\n  min-width: var(--devframes-dock-min-width, 100px);\n  transform: translate(-50%, -50%);\n}\n\n#devframes-anchor.devframes-vertical #devframes-dock-container {\n  transform: translate(-50%, -50%) rotate(90deg);\n  transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n}\n\n#devframes-anchor #devframes-dock {\n  margin:auto;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9999px;\n  ;background-color:rgb(255 255 255 / 1);--dfun-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);--dfun-text-opacity:1;color:rgb(51 51 51 / var(--dfun-text-opacity));--dfun-shadow:var(--dfun-shadow-inset) 0 1px 3px 0 var(--dfun-shadow-color, rgb(0 0 0 / 0.1)),var(--dfun-shadow-inset) 0 1px 2px -1px var(--dfun-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);\n  transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n  height: var(--devframes-dock-height, 40px);\n  width: calc-size(max-content, size);\n}.dark #devframes-anchor #devframes-dock{background-color:rgb(17 17 17 / 0.8);--dfun-text-opacity:1;color:rgb(255 255 255 / var(--dfun-text-opacity));}\n\n#devframes-anchor.devframes-minimized #devframes-dock {\n  padding-left:0;padding-right:0;padding-top:2px;padding-bottom:2px;\n  width: var(--devframes-dock-minimized-size, 22px);\n  height: var(--devframes-dock-minimized-size, 22px);\n}\n\n#devframes-anchor:hover #devframes-glowing {\n  opacity:0.6;\n}\n\n#devframes-anchor #devframes-glowing {\n  pointer-events:none;position:absolute;left:0;top:0;border-radius:9999px;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:1000ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);\n  width: var(--devframes-dock-glow-size, 160px);\n  height: var(--devframes-dock-glow-size, 160px);\n  filter: blur(var(--devframes-dock-glow-blur, 60px));\n  transform: translate(-50%, -50%);\n  /* Follows the brand: derived from the primary ramp (overridable via\n     --devframe-primary), so a rebrand retints the glow automatically. */\n  background-image: linear-gradient(\n    45deg,\n    var(--colors-primary-300, #adc77f),\n    var(--colors-primary-500, #517158),\n    var(--colors-primary-DEFAULT, #486954)\n  );\n}\n\n@media print {\n  #devframes-anchor {\n    display:none;\n  }\n}\n\n.devframes-resize-handle-horizontal {\n  position:absolute;left:6px;right:6px;margin-top:-5px;margin-bottom:-5px;height:10px;cursor:ns-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-vertical {\n  position:absolute;top:6px;bottom:0;margin-left:-5px;margin-right:-5px;width:10px;cursor:ew-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-corner {\n  position:absolute;margin:-6px;width:14px;height:14px;border-radius:0.375rem;\n}\n.devframes-resize-handle {\n  z-index:30;\n}\n.devframes-resize-handle:hover {\n  background-color:rgb(156 163 175 / 0.1);\n}\n\n@keyframes devframes-shake {\n  0%, 100% { transform: translateX(0); }\n  20%, 60% { transform: translateX(-5px); }\n  40%, 80% { transform: translateX(5px); }\n}\n.devframes-shake {\n  animation: devframes-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n@media (prefers-reduced-motion: reduce) {\n  .devframes-shake {\n    animation: none;\n  }\n}\n\n/* layer: preflights */\n*,::before,::after{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}::backdrop{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-counter-clockwise{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-square-out-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 80v128a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-counter-clockwise-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M88 104H40a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v28.69l14.63-14.63A95.43 95.43 0 0 1 130 33.94h.53a95.36 95.36 0 0 1 67.07 27.33a8 8 0 0 1-11.18 11.44a79.52 79.52 0 0 0-55.89-22.77h-.45a79.56 79.56 0 0 0-56.14 23.43L59.31 88H88a8 8 0 0 1 0 16m128 48h-48a8 8 0 0 0 0 16h28.69l-14.63 14.63a79.56 79.56 0 0 1-56.13 23.43h-.45a79.52 79.52 0 0 1-55.89-22.77a8 8 0 1 0-11.18 11.44a95.36 95.36 0 0 0 67.07 27.33h.52a95.43 95.43 0 0 0 67.36-28.12L208 179.31V208a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-out-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 48v160H48V48Z' opacity='.2'/%3E%3Cpath d='M216 48v48a8 8 0 0 1-16 0V67.31l-42.34 42.35a8 8 0 0 1-11.32-11.32L188.69 56H160a8 8 0 0 1 0-16h48a8 8 0 0 1 8 8M98.34 146.34L56 188.69V160a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16H67.31l42.35-42.34a8 8 0 0 0-11.32-11.32M208 152a8 8 0 0 0-8 8v28.69l-42.34-42.35a8 8 0 0 0-11.32 11.32L188.69 200H160a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8M67.31 56H96a8 8 0 0 0 0-16H48a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0V67.31l42.34 42.35a8 8 0 0 0 11.32-11.32Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-cards-three-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 104v96a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-96a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 88H48a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16m0 112H48v-96h160zM48 64a8 8 0 0 1 8-8h144a8 8 0 0 1 0 16H56a8 8 0 0 1-8-8m16-32a8 8 0 0 1 8-8h112a8 8 0 0 1 0 16H72a8 8 0 0 1-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-down,\n.i-ph\\:caret-down{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-left,\n.i-ph\\:caret-left{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-right,\n.i-ph\\:caret-right{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-up{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-check-bold,\n.i-ph\\:check-bold{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-circle-notch{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-six-vertical{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M104 60a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60 12a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-72 44a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-72 68a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-three-outline-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M152 128a24 24 0 1 1-24-24a24 24 0 0 1 24 24M48 104a24 24 0 1 0 24 24a24 24 0 0 0-24-24m160 0a24 24 0 1 0 24 24a24 24 0 0 0-24-24' opacity='.2'/%3E%3Cpath d='M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16M48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16m160-48a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-globe{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.12 104.12 0 0 0 128 24m88 104a87.6 87.6 0 0 1-3.33 24h-38.51a157.4 157.4 0 0 0 0-48h38.51a87.6 87.6 0 0 1 3.33 24m-114 40h52a115.1 115.1 0 0 1-26 45a115.3 115.3 0 0 1-26-45m-3.9-16a140.8 140.8 0 0 1 0-48h59.88a140.8 140.8 0 0 1 0 48ZM40 128a87.6 87.6 0 0 1 3.33-24h38.51a157.4 157.4 0 0 0 0 48H43.33A87.6 87.6 0 0 1 40 128m114-40h-52a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45m52.33 0h-35.62a135.3 135.3 0 0 0-22.3-45.6A88.29 88.29 0 0 1 206.37 88Zm-98.74-45.6A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6M49.63 168h35.66a135.3 135.3 0 0 0 22.3 45.6A88.29 88.29 0 0 1 49.63 168m98.78 45.6a135.3 135.3 0 0 0 22.3-45.6h35.66a88.29 88.29 0 0 1-57.96 45.6'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-keyboard-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M232 64v128a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h192a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 48H32a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m0 144H32V64h192zm-16-64a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8m0-32a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8M72 160a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8m96 0a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m40 0a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-laptop-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 72v104H40V72a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M232 168h-8V72a24 24 0 0 0-24-24H56a24 24 0 0 0-24 24v96h-8a8 8 0 0 0-8 8v16a24 24 0 0 0 24 24h176a24 24 0 0 0 24-24v-16a8 8 0 0 0-8-8M48 72a8 8 0 0 1 8-8h144a8 8 0 0 1 8 8v96H48Zm176 120a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-8h192ZM152 88a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-layout-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M104 104v104H40a8 8 0 0 1-8-8v-96Z' opacity='.2'/%3E%3Cpath d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v40H40V56ZM40 112h56v88H40Zm176 88H112v-88h104z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-magnifying-glass-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 112a80 80 0 1 1-80-80a80 80 0 0 1 80 80' opacity='.2'/%3E%3Cpath d='m229.66 218.34l-50.06-50.06a88.21 88.21 0 1 0-11.32 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-moon-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78' opacity='.2'/%3E%3Cpath d='M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-paint-brush-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 32c0 32.81-31.64 67.43-58.64 91.05A84.4 84.4 0 0 0 133 90.64c23.57-27 58.19-58.64 91-58.64' opacity='.2'/%3E%3Cpath d='M232 32a8 8 0 0 0-8-8c-44.08 0-89.31 49.71-114.43 82.63A60 60 0 0 0 32 164c0 30.88-19.54 44.73-20.47 45.37A8 8 0 0 0 16 224h76a60 60 0 0 0 57.37-77.57C182.3 121.31 232 76.08 232 32M92 208H34.63C41.38 198.41 48 183.92 48 164a44 44 0 1 1 44 44m32.42-94.45q5.14-6.66 10.09-12.55A76.2 76.2 0 0 1 155 121.49q-5.9 4.94-12.55 10.09a60.5 60.5 0 0 0-18.03-18.03m42.7-2.68a92.6 92.6 0 0 0-22-22c31.78-34.53 55.75-45 69.9-47.91c-2.85 14.16-13.37 38.13-47.9 69.91'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.32 81.37l-60.69-60.68a16 16 0 0 0-22.63 0l-53.63 53.8c-10.66-3.34-35-7.37-60.4 13.14a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33c19.64-26.1 17.75-47.32 13.19-60L235.33 104a16 16 0 0 0-.01-22.63M224 92.69l-57.27 57.46a8 8 0 0 0-1.49 9.22c9.46 18.93-1.8 38.59-9.34 48.62L48 100.08c12.08-9.74 23.64-12.31 32.48-12.31A40.1 40.1 0 0 1 96.81 91a8 8 0 0 0 9.25-1.51L163.32 32L224 92.68Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin-fill{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.33 104l-53.47 53.65c4.56 12.67 6.45 33.89-13.19 60A15.93 15.93 0 0 1 157 224h-1.13a16 16 0 0 1-11.32-4.69L96.29 171l-42.63 42.66a8 8 0 0 1-11.32-11.32L85 159.71l-48.3-48.3A16 16 0 0 1 38 87.63c25.42-20.51 49.75-16.48 60.4-13.14L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 .01 22.62'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-rocket-launch-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 120v61.65a8 8 0 0 1-2.34 5.65l-34.35 34.35a8 8 0 0 1-13.57-4.53L128 176Zm-48-48H74.35a8 8 0 0 0-5.65 2.34l-34.35 34.35a8 8 0 0 0 4.53 13.57L80 128ZM40 216c37.65 0 50.69-19.69 54.56-28.18l-26.38-26.38C59.69 165.31 40 178.35 40 216' opacity='.2'/%3E%3Cpath d='M223.85 47.12a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.41 27.07L132.69 64H74.36A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a15.9 15.9 0 0 0 4.68-11.36v-58.33l4.77-4.77c26.68-26.68 27.83-58.83 27.08-71.42M74.36 80h42.33l-39.53 39.52L40 114.34Zm74.41-9.45a76.65 76.65 0 0 1 59.11-22.47a76.46 76.46 0 0 1-22.42 59.16L128 164.68L91.32 128ZM176 181.64L141.67 216l-5.19-37.17L176 139.31Zm-74.16 9.5C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-shield-check-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 56v56c0 96-88 120-88 120s-88-24-88-120V56a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 40H48a16 16 0 0 0-16 16v56c0 52.72 25.52 84.67 46.93 102.19c23.06 18.86 46 25.26 47 25.53a8 8 0 0 0 4.2 0c1-.27 23.91-6.67 47-25.53C198.48 196.67 224 164.72 224 112V56a16 16 0 0 0-16-16m0 72c0 37.07-13.66 67.16-40.6 89.42a129.3 129.3 0 0 1-39.4 22.2a128.3 128.3 0 0 1-38.92-21.81C61.82 179.51 48 149.3 48 112V56h160ZM82.34 141.66a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32l-56 56a8 8 0 0 1-11.32 0Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sign-out-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 56v144a16 16 0 0 1-16 16H48V40h160a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M120 216a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H56v160h56a8 8 0 0 1 8 8m109.66-93.66l-40-40a8 8 0 0 0-11.32 11.32L204.69 120H112a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-spinner-gap-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0m88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-50.91-16.4l-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31M72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8m-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-square-half-bottom-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v72a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8v-72Z' opacity='.2'/%3E%3Cpath d='M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v64H56V56Zm0 144H56v-64h144z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sun-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 128a56 56 0 1 1-56-56a56 56 0 0 1 56 56' opacity='.2'/%3E%3Cpath d='M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0m72 88a64 64 0 1 1-64-64a64.07 64.07 0 0 1 64 64m-16 0a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48M58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68l-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8m112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-duotone,\n.i-ph\\:warning-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-fill{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72M120 104a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm8 88a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-wrench-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 96a64 64 0 0 1-94.94 56L73 217a24 24 0 0 1-34-34l65-56.06a64 64 0 0 1 80-90.29L144 80l5.66 26.34L176 112l43.35-40A63.8 63.8 0 0 1 224 96' opacity='.2'/%3E%3Cpath d='M226.76 69a8 8 0 0 0-12.84-2.88l-40.3 37.19l-17.23-3.7l-3.7-17.23l37.19-40.3A8 8 0 0 0 187 29.24A72 72 0 0 0 88 96a72.3 72.3 0 0 0 6 28.94L33.79 177c-.15.12-.29.26-.43.39a32 32 0 0 0 45.26 45.26c.13-.13.27-.28.39-.42L131.06 162A72 72 0 0 0 232 96a71.6 71.6 0 0 0-5.24-27M160 152a56.14 56.14 0 0 1-27.07-7a8 8 0 0 0-9.92 1.77l-55.9 64.74a16 16 0 0 1-22.62-22.62L109.18 133a8 8 0 0 0 1.77-9.93a56 56 0 0 1 58.36-82.31l-31.2 33.81a8 8 0 0 0-1.94 7.1l5.66 26.33a8 8 0 0 0 6.14 6.14l26.35 5.66a8 8 0 0 0 7.1-1.94l33.81-31.2A56.06 56.06 0 0 1 160 152'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-x,\n.i-ph\\:x{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:bug-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v16a80 80 0 0 1-160 0v-16Z' opacity='.2'/%3E%3Cpath d='M144 92a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-44-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m116 64a87.8 87.8 0 0 1-3 23l22.24 9.72A8 8 0 0 1 232 192a7.9 7.9 0 0 1-3.2-.67L207.38 182a88 88 0 0 1-158.76 0l-21.42 9.33a7.9 7.9 0 0 1-3.2.67a8 8 0 0 1-3.2-15.33L43 167a87.8 87.8 0 0 1-3-23v-8H16a8 8 0 0 1 0-16h24v-8a87.8 87.8 0 0 1 3-23l-22.2-9.67a8 8 0 1 1 6.4-14.66L48.62 74a88 88 0 0 1 158.76 0l21.42-9.36a8 8 0 0 1 6.4 14.66L213 89.05a87.8 87.8 0 0 1 3 23v8h24a8 8 0 0 1 0 16h-24ZM56 120h144v-8a72 72 0 0 0-144 0Zm64 95.54V136H56v8a72.08 72.08 0 0 0 64 71.54M200 144v-8h-64v79.54A72.08 72.08 0 0 0 200 144'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:info-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M144 176a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m88-48A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88m-92-32a12 12 0 1 0-12-12a12 12 0 0 0 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:puzzle-piece-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M204 168a28 28 0 0 0 12-2.69V208a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-42.69a28 28 0 1 1 0-50.62V72a8 8 0 0 1 8-8h46.69a28 28 0 1 1 50.61 0H208a8 8 0 0 1 8 8v42.69A28 28 0 1 0 204 168' opacity='.2'/%3E%3Cpath d='M220.27 158.54a8 8 0 0 0-7.7-.46a20 20 0 1 1 0-36.16a8 8 0 0 0 11.43-7.23V72a16 16 0 0 0-16-16h-36.22a35 35 0 0 0 .22-4a36.15 36.15 0 0 0-11.36-26.25a36 36 0 0 0-60.55 23.63a36.6 36.6 0 0 0 .14 6.62H64a16 16 0 0 0-16 16v32.22a35 35 0 0 0-4-.22a36.12 36.12 0 0 0-26.24 11.36a35.7 35.7 0 0 0-9.69 27a36.08 36.08 0 0 0 33.31 33.6a36.6 36.6 0 0 0 6.62-.14V208a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16v-42.69a8 8 0 0 0-3.73-6.77M208 208H64v-42.69a8 8 0 0 0-11.43-7.23a20 20 0 1 1 0-36.16A8 8 0 0 0 64 114.69V72h46.69a8 8 0 0 0 7.23-11.43a20 20 0 1 1 36.16 0A8 8 0 0 0 161.31 72H208v32.23a35.7 35.7 0 0 0-6.62-.14A36 36 0 0 0 204 176a35 35 0 0 0 4-.22Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x-circle-duotone{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M165.66 101.66L139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-command-palette{z-index:2147483646;}\n.z-dock-confirm,\n.z-dock-toast{z-index:2147483647;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-floating-anchor{z-index:2147483644;}\n.z-floating-tooltip{z-index:2147483645;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--dfun-bg-opacity:1;background-color:rgb(87 136 97 / var(--dfun-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--dfun-text-opacity:1;color:rgb(255 255 255 / var(--dfun-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.border-base{--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));}\n.border-mute{--dfun-border-opacity:0.07;border-color:rgb(136 136 136 / var(--dfun-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));opacity:1 !important;}\n.hover\\:border-base:hover{--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--dfun-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--dfun-bg-opacity:1;background-color:rgb(255 255 255 / var(--dfun-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--dfun-bg-opacity:1;background-color:rgb(17 17 17 / var(--dfun-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--dfun-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--dfun-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-glass\\:80{background-color:rgb(255 255 255 / 1);--dfun-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.dark .bg-glass\\:80{background-color:rgb(17 17 17 / 0.8);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-secondary{--dfun-bg-opacity:1;background-color:rgb(246 246 246 / var(--dfun-bg-opacity));}\n.dark .bg-secondary{--dfun-bg-opacity:1;background-color:rgb(16 16 16 / var(--dfun-bg-opacity));}\n.dark .hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.15);}\n.hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.1);}\n.hover\\:bg-hover:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.btn-action:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-icon:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-primary:hover{--dfun-bg-opacity:1;background-color:rgb(64 112 75 / var(--dfun-bg-opacity));}\n.bg-gradient-more{--dfun-gradient-from-position:0%;--dfun-gradient-from:rgb(255 255 255 / var(--dfun-from-opacity, 1)) var(--dfun-gradient-from-position);--dfun-gradient-to-position:100%;--dfun-gradient-to:rgb(255 255 255 / 0) var(--dfun-gradient-to-position);--dfun-gradient-stops:var(--dfun-gradient-from), var(--dfun-gradient-to);--dfun-gradient-via-position:50%;--dfun-gradient-to:rgb(255 255 255 / 0);--dfun-gradient-stops:var(--dfun-gradient-from), rgb(255 255 255 / 0.8) var(--dfun-gradient-via-position), var(--dfun-gradient-to);--dfun-gradient-shape:to top in oklch;--dfun-gradient:var(--dfun-gradient-shape), var(--dfun-gradient-stops);background-image:linear-gradient(var(--dfun-gradient));}\n.dark .bg-gradient-more{--dfun-gradient-from-position:0%;--dfun-gradient-from:rgb(17 17 17 / var(--dfun-from-opacity, 1)) var(--dfun-gradient-from-position);--dfun-gradient-to-position:100%;--dfun-gradient-to:rgb(17 17 17 / 0) var(--dfun-gradient-to-position);--dfun-gradient-stops:var(--dfun-gradient-from), var(--dfun-gradient-to);--dfun-gradient-via-position:50%;--dfun-gradient-to:rgb(17 17 17 / 0);--dfun-gradient-stops:var(--dfun-gradient-from), rgb(17 17 17 / 0.8) var(--dfun-gradient-via-position), var(--dfun-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--dfun-text-opacity:1;color:rgb(38 38 38 / var(--dfun-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--dfun-text-opacity:1;color:rgb(229 229 229 / var(--dfun-text-opacity));}\n.color-faint,\n.dark .color-faint{--dfun-text-opacity:1;color:rgb(115 115 115 / var(--dfun-text-opacity));}\n.color-muted{--dfun-text-opacity:1;color:rgb(82 82 82 / var(--dfun-text-opacity));}\n.dark .color-muted{--dfun-text-opacity:1;color:rgb(163 163 163 / var(--dfun-text-opacity));}\n.dark .hover\\:color-active:hover{--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.hover\\:color-active:hover{--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));}\n.dark .hover\\:color-base:hover{--dfun-text-opacity:1;color:rgb(229 229 229 / var(--dfun-text-opacity));}\n.hover\\:color-base:hover{--dfun-text-opacity:1;color:rgb(38 38 38 / var(--dfun-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--dfun-brightness:brightness(1);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);--dfun-hue-rotate:hue-rotate(0deg);--dfun-invert:invert(0);}\n.icon-catppuccin{--dfun-brightness:brightness(0.8);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);--dfun-hue-rotate:hue-rotate(180deg);--dfun-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.invisible{visibility:hidden;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.bottom-4px{bottom:4px;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.left-5px{left:5px;}\n.right--1px{right:-1px;}\n.right-0{right:0;}\n.right-0\\.5{right:0.125rem;}\n.right-2{right:0.5rem;}\n.right-4{right:1rem;}\n.top--32px{top:-32px;}\n.top-0{top:0;}\n.top-0\\.5{top:0.125rem;}\n.top-1{top:0.25rem;}\n.top-1\\/2{top:50%;}\n.top-4{top:1rem;}\n.top-4px{top:4px;}\n.z--1{z-index:-1;}\n.grid{display:grid;}\n.cols-\\[max-content_1fr\\]{grid-template-columns:max-content 1fr;}\n.m-auto,\n.ma{margin:auto;}\n.m1{margin:0.25rem;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx--2{margin-left:-0.5rem;margin-right:-0.5rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.mx-auto{margin-left:auto;margin-right:auto;}\n.my-1,\n.my1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.my0\\.5{margin-top:0.125rem;margin-bottom:0.125rem;}\n.-mb-px{margin-bottom:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb-1\\.5{margin-bottom:0.375rem;}\n.mb-3{margin-bottom:0.75rem;}\n.mb-4{margin-bottom:1rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ml-2{margin-left:0.5rem;}\n.ml-6{margin-left:1.5rem;}\n.mr-1{margin-right:0.25rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2,\n.mt2{margin-top:0.5rem;}\n.mt-4,\n.mt4{margin-top:1rem;}\n.mt-6,\n.mt6{margin-top:1.5rem;}\n.mt-auto{margin-top:auto;}\n.box-border{box-sizing:border-box;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.contents{display:contents;}\n.dark .dark-hidden,\n.hidden,\n.light .light-hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-10{height:2.5rem;}\n.h-14{height:3.5rem;}\n.h-16{height:4rem;}\n.h-2{height:0.5rem;}\n.h-20px{height:20px;}\n.h-24{height:6rem;}\n.h-3{height:0.75rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-4\\.5{height:1.125rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h-screen{height:100vh;}\n.max-h-\\[60vh\\]{max-height:60vh;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-100{max-width:25rem;}\n.max-w-108{max-width:27rem;}\n.max-w-200{max-width:50rem;}\n.max-w-220px{max-width:220px;}\n.max-w-64{max-width:16rem;}\n.max-w-92{max-width:23rem;}\n.max-w-96,\n.max-w-sm{max-width:24rem;}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-xs{max-width:20rem;}\n.min-h-0{min-height:0;}\n.min-h-16{min-height:4rem;}\n.min-h-40{min-height:10rem;}\n.min-h-5{min-height:1.25rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-28{min-width:7rem;}\n.min-w-36{min-width:9rem;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-\\[40px\\]{width:40px;}\n.w-1\\.5{width:0.375rem;}\n.w-10{width:2.5rem;}\n.w-11{width:2.75rem;}\n.w-12{width:3rem;}\n.w-16{width:4rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-20px{width:20px;}\n.w-24{width:6rem;}\n.w-2px{width:2px;}\n.w-3{width:0.75rem;}\n.w-3\\.5{width:0.875rem;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-4\\.5{width:1.125rem;}\n.w-5{width:1.25rem;}\n.w-6{width:1.5rem;}\n.w-64{width:16rem;}\n.w-7{width:1.75rem;}\n.w-72{width:18rem;}\n.w-8{width:2rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-96{width:24rem;}\n.w-auto\\!{width:auto !important;}\n.w-fit{width:fit-content;}\n.w-full{width:100%;}\n.w-lg{width:32rem;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.w-screen{width:100vw;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.flex-auto{flex:1 1 auto;}\n.flex-none{flex:none;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-row-reverse{flex-direction:row-reverse;}\n.flex-col{flex-direction:column;}\n.flex-col-reverse{flex-direction:column-reverse;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2,\n.translate-x--1\\/2{--dfun-translate-x:-50%;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.-translate-y-2{--dfun-translate-y:-0.5rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked],\n.translate-x-4{--dfun-translate-x:1rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--dfun-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-x-0\\.5{--dfun-translate-x:0.125rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-x-1{--dfun-translate-x:0.25rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-x-5{--dfun-translate-x:1.25rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-y--1\\/2{--dfun-translate-y:-50%;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-y-0{--dfun-translate-y:0;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-y-2{--dfun-translate-y:0.5rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.-rotate-90{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:-90deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:90deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.rotate--45{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:-45deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.rotate-0{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:0deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.rotate-180{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:180deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.rotate-270{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:270deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.scale-100{--dfun-scale-x:1;--dfun-scale-y:1;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.scale-120{--dfun-scale-x:1.2;--dfun-scale-y:1.2;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.scale-98{--dfun-scale-x:0.98;--dfun-scale-y:0.98;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.hover\\:scale-110:hover{--dfun-scale-x:1.1;--dfun-scale-y:1.1;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.transform{transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.cursor-not-allowed{cursor:not-allowed;}\n.cursor-grab{cursor:grab;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0{gap:0;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-6{gap:1.5rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-0\\.5{row-gap:0.125rem;}\n.space-y-0\\.5>:not([hidden])~:not([hidden]){--dfun-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--dfun-space-y-reverse)));margin-bottom:calc(0.125rem * var(--dfun-space-y-reverse));}\n.divide-y>:not([hidden])~:not([hidden]){--dfun-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--dfun-divide-y-reverse)));border-bottom-width:calc(1px * var(--dfun-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--dfun-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-divide-opacity));}\n.of-hidden,\n.overflow-hidden{overflow:hidden;}\n.overflow-auto{overflow:auto;}\n.of-x-hidden{overflow-x:hidden;}\n.of-y-auto{overflow-y:auto;}\n.of-y-hidden{overflow-y:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-pre-wrap{white-space:pre-wrap;}\n.ws-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.b,\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-0{border-bottom-width:0px;}\n.border-b-1\\.5{border-bottom-width:1.5px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-1\\.5{border-right-width:1.5px;}\n.border-t{border-top-width:1px;}\n.border-t-0{border-top-width:0px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.last\\:border-b-0:last-child{border-bottom-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-amber\\/20{border-color:rgb(251 191 36 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-error\\!{--dfun-border-opacity:1 !important;border-color:rgb(246 61 104 / var(--dfun-border-opacity)) !important;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-primary-400\\/60{border-color:rgb(117 166 126 / 0.6);}\n.border-primary\\/30{border-color:rgb(58 106 69 / 0.3);}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red-500\\/70{border-color:rgb(239 68 68 / 0.7);}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400\\/50{border-color:rgb(117 166 126 / 0.5);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--dfun-border-opacity:1;border-color:rgb(117 166 126 / var(--dfun-border-opacity));}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--dfun-border-opacity:1;border-color:rgb(87 136 97 / var(--dfun-border-opacity));}\n.focus-within\\:border-gray\\/15:focus-within{border-color:rgb(156 163 175 / 0.15);}\n.hover\\:border-gray\\/10:hover{border-color:rgb(156 163 175 / 0.1);}\n.focus\\:border-primary-500:focus{--dfun-border-opacity:1;border-color:rgb(87 136 97 / var(--dfun-border-opacity));}\n.focus\\:border-primary\\/40:focus{border-color:rgb(58 106 69 / 0.4);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.rounded-r{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}\n.rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;}\n.rounded-tr-md{border-top-right-radius:0.375rem;}\n.bg-\\[\\#8881\\],\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--dfun-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8882{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-\\#8885{--dfun-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-amber{--dfun-bg-opacity:1;background-color:rgb(251 191 36 / var(--dfun-bg-opacity));}\n.bg-amber-400\\/10,\n.bg-amber\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-black\\/30,\n.dark .dark\\:bg-black\\/30{background-color:rgb(0 0 0 / 0.3);}\n.bg-blue{--dfun-bg-opacity:1;background-color:rgb(96 165 250 / var(--dfun-bg-opacity));}\n.bg-blue-400\\/10,\n.bg-blue\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-error\\!{--dfun-bg-opacity:1 !important;background-color:rgb(246 61 104 / var(--dfun-bg-opacity)) !important;}\n.bg-gray{--dfun-bg-opacity:1;background-color:rgb(156 163 175 / var(--dfun-bg-opacity));}\n.bg-gray-6{--dfun-bg-opacity:1;background-color:rgb(75 85 99 / var(--dfun-bg-opacity));}\n.bg-gray\\/10{background-color:rgb(156 163 175 / 0.1);}\n.bg-gray\\/20{background-color:rgb(156 163 175 / 0.2);}\n.bg-gray\\/3{background-color:rgb(156 163 175 / 0.03);}\n.bg-gray\\/30{background-color:rgb(156 163 175 / 0.3);}\n.bg-gray\\/5{background-color:rgb(156 163 175 / 0.05);}\n.bg-green{--dfun-bg-opacity:1;background-color:rgb(74 222 128 / var(--dfun-bg-opacity));}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\/10{background-color:rgb(251 146 60 / 0.1);}\n.bg-primary{--dfun-bg-opacity:1;background-color:rgb(58 106 69 / var(--dfun-bg-opacity));}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--dfun-bg-opacity:1;background-color:rgb(87 136 97 / var(--dfun-bg-opacity));}\n.bg-primary-500\\/20{background-color:rgb(87 136 97 / 0.2);}\n.bg-primary\\/10{background-color:rgb(58 106 69 / 0.1);}\n.bg-primary\\/15{background-color:rgb(58 106 69 / 0.15);}\n.bg-primary\\/20{background-color:rgb(58 106 69 / 0.2);}\n.bg-red{--dfun-bg-opacity:1;background-color:rgb(248 113 113 / var(--dfun-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\/10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--dfun-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--dfun-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--dfun-bg-opacity:1;background-color:rgb(255 255 255 / var(--dfun-bg-opacity));}\n.bg-white\\/50{background-color:rgb(255 255 255 / 0.5);}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.dark .dark\\:bg-black\\/45{background-color:rgb(0 0 0 / 0.45);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\[\\#8881\\]:hover{--dfun-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.hover\\:bg-\\[\\#8882\\]:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.hover\\:bg-\\#8888:hover{--dfun-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.hover\\:bg-gray\\/10:hover{background-color:rgb(156 163 175 / 0.1);}\n.hover\\:bg-gray\\/15:hover{background-color:rgb(156 163 175 / 0.15);}\n.hover\\:bg-gray\\/20:hover{background-color:rgb(156 163 175 / 0.2);}\n.hover\\:bg-gray\\/5:hover{background-color:rgb(156 163 175 / 0.05);}\n.hover\\:bg-orange\\/20:hover{background-color:rgb(251 146 60 / 0.2);}\n.hover\\:bg-primary\\/25:hover{background-color:rgb(58 106 69 / 0.25);}\n.hover\\:bg-red-600\\!:hover{--dfun-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--dfun-bg-opacity)) !important;}\n.hover\\:bg-red\\/20:hover{background-color:rgb(248 113 113 / 0.2);}\n.stroke-current{stroke:currentColor;}\n.object-contain{object-fit:contain;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1,\n.p1{padding:0.25rem;}\n.p-1\\.5,\n.p1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4{padding:1rem;}\n.p-5{padding:1.25rem;}\n.p6{padding:1.5rem;}\n.p8{padding:2rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-0\\.5{padding-left:0.125rem;padding-right:0.125rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3,\n.px3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0{padding-top:0;padding-bottom:0;}\n.py-0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2,\n.py2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-2\\!{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}\n.py-2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}\n.py-8{padding-top:2rem;padding-bottom:2rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pb2\\.5{padding-bottom:0.625rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-\\[20vh\\]{padding-top:20vh;}\n.pt-1\\.5{padding-top:0.375rem;}\n.pt-6{padding-top:1.5rem;}\n.pt2{padding-top:0.5rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.indent{text-indent:1.5rem;}\n.text-balance{text-wrap:balance;}\n.text-\\[10px\\]{font-size:10px;}\n.text-\\[15px\\]{font-size:15px;}\n.text-0\\.6em{font-size:0.6em;}\n.text-2\\.75{font-size:0.6875rem;}\n.text-2xl{font-size:1.5rem;line-height:2rem;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xl{font-size:1.25rem;line-height:1.75rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--dfun-text-opacity:1;color:rgb(252 211 77 / var(--dfun-text-opacity));}\n.dark .dark\\:text-amber-400,\n.text-amber{--dfun-text-opacity:1;color:rgb(251 191 36 / var(--dfun-text-opacity));}\n.dark .dark\\:text-blue-300{--dfun-text-opacity:1;color:rgb(147 197 253 / var(--dfun-text-opacity));}\n.dark .dark\\:text-green-300{--dfun-text-opacity:1;color:rgb(134 239 172 / var(--dfun-text-opacity));}\n.dark .dark\\:text-green-400,\n.text-green{--dfun-text-opacity:1;color:rgb(74 222 128 / var(--dfun-text-opacity));}\n.dark .dark\\:text-primary-300{--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.dark .dark\\:text-red-300{--dfun-text-opacity:1;color:rgb(252 165 165 / var(--dfun-text-opacity));}\n.dark .dark\\:text-red-400,\n.text-red{--dfun-text-opacity:1;color:rgb(248 113 113 / var(--dfun-text-opacity));}\n.text-amber-600{--dfun-text-opacity:1;color:rgb(217 119 6 / var(--dfun-text-opacity));}\n.text-amber-700{--dfun-text-opacity:1;color:rgb(180 83 9 / var(--dfun-text-opacity));}\n.text-blue{--dfun-text-opacity:1;color:rgb(96 165 250 / var(--dfun-text-opacity));}\n.text-blue-700{--dfun-text-opacity:1;color:rgb(29 78 216 / var(--dfun-text-opacity));}\n.text-gray{--dfun-text-opacity:1;color:rgb(156 163 175 / var(--dfun-text-opacity));}\n.text-green-600{--dfun-text-opacity:1;color:rgb(22 163 74 / var(--dfun-text-opacity));}\n.text-green-700{--dfun-text-opacity:1;color:rgb(21 128 61 / var(--dfun-text-opacity));}\n.text-orange{--dfun-text-opacity:1;color:rgb(251 146 60 / var(--dfun-text-opacity));}\n.text-primary,\n.text-primary\\/bg-active{--dfun-text-opacity:1;color:rgb(58 106 69 / var(--dfun-text-opacity));}\n.text-primary-600{--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));}\n.text-red-500{--dfun-text-opacity:1;color:rgb(239 68 68 / var(--dfun-text-opacity));}\n.text-red-600{--dfun-text-opacity:1;color:rgb(220 38 38 / var(--dfun-text-opacity));}\n.text-red-700{--dfun-text-opacity:1;color:rgb(185 28 28 / var(--dfun-text-opacity));}\n.text-white{--dfun-text-opacity:1;color:rgb(255 255 255 / var(--dfun-text-opacity));}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.leading-4{line-height:1rem;}\n.leading-5{line-height:1.25rem;}\n.leading-none{line-height:1;}\n.leading-relaxed{line-height:1.625;}\n.tracking-tight{letter-spacing:-0.025em;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--dfun-numeric-spacing:tabular-nums;font-variant-numeric:var(--dfun-ordinal) var(--dfun-slashed-zero) var(--dfun-numeric-figure) var(--dfun-numeric-spacing) var(--dfun-numeric-fraction);}\n.line-through{text-decoration-line:line-through;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.caret-primary-500{--dfun-caret-opacity:1;caret-color:rgb(87 136 97 / var(--dfun-caret-opacity));}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50,\n.group:hover .group-hover\\:op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100,\n.opacity-100,\n.group:hover .group-hover\\:opacity-100{opacity:1;}\n.op0,\n.opacity-0{opacity:0;}\n.op25{opacity:0.25;}\n.op30{opacity:0.3;}\n.op40{opacity:0.4;}\n.op60{opacity:0.6;}\n.op60\\!{opacity:0.6 !important;}\n.op70{opacity:0.7;}\n.op75{opacity:0.75;}\n.op80{opacity:0.8;}\n.hover\\:op100:hover{opacity:1;}\n.hover\\:op60:hover{opacity:0.6;}\n.hover\\:op70:hover{opacity:0.7;}\n.hover\\:op80:hover{opacity:0.8;}\n.disabled\\:op40:disabled{opacity:0.4;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--dfun-shadow:var(--dfun-shadow-inset) 0 1px 2px 0 var(--dfun-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow{--dfun-shadow:var(--dfun-shadow-inset) 0 1px 3px 0 var(--dfun-shadow-color, rgb(0 0 0 / 0.1)),var(--dfun-shadow-inset) 0 1px 2px -1px var(--dfun-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow-2xl{--dfun-shadow:var(--dfun-shadow-inset) 0 25px 50px -12px var(--dfun-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow-lg{--dfun-shadow:var(--dfun-shadow-inset) 0 10px 15px -3px var(--dfun-shadow-color, rgb(0 0 0 / 0.1)),var(--dfun-shadow-inset) 0 4px 6px -4px var(--dfun-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow-xl{--dfun-shadow:var(--dfun-shadow-inset) 0 20px 25px -5px var(--dfun-shadow-color, rgb(0 0 0 / 0.1)),var(--dfun-shadow-inset) 0 8px 10px -6px var(--dfun-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.outline{outline-style:solid;}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.ring-1\\.5{--dfun-ring-width:1.5px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus-within\\:ring-2:focus-within{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus\\:ring-1:focus{--dfun-ring-width:1px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus\\:ring-2:focus{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus\\:ring-3:focus{--dfun-ring-width:3px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus-visible\\:ring-2:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus-visible\\:ring-3:focus-visible{--dfun-ring-width:3px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.ring-purple\\/50{--dfun-ring-color:rgb(192 132 252 / 0.5);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--dfun-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/25:focus{--dfun-ring-color:rgb(87 136 97 / 0.25);}\n.focus\\:ring-primary-500\\/40:focus{--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-primary\\/30:focus{--dfun-ring-color:rgb(58 106 69 / 0.3);}\n.focus\\:ring-red-500\\/40:focus{--dfun-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--dfun-ring-color:rgb(87 136 97 / 0.3);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-0{--dfun-backdrop-blur:blur(0);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.backdrop-blur-1{--dfun-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.backdrop-blur-sm{--dfun-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.blur-2xl{--dfun-blur:blur(40px);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);}\n.invert{--dfun-invert:invert(1);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);}\n.saturate-0{--dfun-saturate:saturate(0);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-150{transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.delay-200{transition-delay:200ms;}\n.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:gap-2\\.5{gap:0.625rem;}\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}::backdrop{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: shortcuts */\n.border-base{--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));}\n.bg-active{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active{background-color:rgb(58 106 69 / 0.15);}\n.bg-base{--dfun-bg-opacity:1;background-color:rgb(255 255 255 / var(--dfun-bg-opacity));}\n.dark .bg-base{--dfun-bg-opacity:1;background-color:rgb(17 17 17 / var(--dfun-bg-opacity));}\n.bg-hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-secondary{--dfun-bg-opacity:1;background-color:rgb(246 246 246 / var(--dfun-bg-opacity));}\n.dark .bg-secondary{--dfun-bg-opacity:1;background-color:rgb(16 16 16 / var(--dfun-bg-opacity));}\n.color-active{--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));}\n.dark .color-active{--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.color-base{--dfun-text-opacity:1;color:rgb(38 38 38 / var(--dfun-text-opacity));}\n.dark .color-base{--dfun-text-opacity:1;color:rgb(229 229 229 / var(--dfun-text-opacity));}\n.color-faint,\n.dark .color-faint{--dfun-text-opacity:1;color:rgb(115 115 115 / var(--dfun-text-opacity));}\n.color-muted{--dfun-text-opacity:1;color:rgb(82 82 82 / var(--dfun-text-opacity));}\n.dark .color-muted{--dfun-text-opacity:1;color:rgb(163 163 163 / var(--dfun-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations, and imported after\n * `virtual:uno.css` in the Storybook preview for the same reason.\n *\n * Each Wind4 stop (`--colors-primary-*`) is derived from `--devframe-primary`\n * via `color-mix`. When `--devframe-primary` is unset, the intermediate\n * `--devframe-primary-<stop>` vars become guaranteed-invalid (their `color-mix`\n * references an unset var with no fallback), so each `--colors-primary-<stop>`\n * falls back to the exact devframe default hex — the default look is preserved,\n * and only an explicit override derives a new ramp. The vars inherit through\n * the tree, so setting `--devframe-primary` on the dock host retints\n * everything, and setting it on a group's chrome container retints just that\n * group (the group-accent mechanism).\n *\n * `:host` is the effective selector inside the dock's shadow root; `:root` is\n * for the light-DOM Storybook preview (it matches nothing in the shadow root).\n *\n * `.devframes-accent-scope` re-declares the whole block on a group's chrome\n * container: because custom properties inherit as computed values, a descendant\n * that only overrides `--devframe-primary` would keep the `:host`-computed\n * stops — re-running the derivation here recomputes them from the container's\n * own `--devframe-primary` (a group's `accentColor`), retinting just that group.\n */\n:root,\n:host,\n.devframes-accent-scope {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
+export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-hub-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-hub-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-hub-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n:root {\n  --un-hub-text-opacity: 100%;\n}\n\n/*\n * Thin/transparent scrollbar, matching packages/ui/src/styles/global.css —\n * that stylesheet only reaches the Nuxt plugin apps, not this injected\n * webcomponents shell, which otherwise falls back to the browser default\n * (thick, opaque-gutter) scrollbar clashing with the translucent dock.\n * `:host`, not `:root` — this stylesheet is adopted into the dock's shadow\n * root (`defineCustomElement(..., { shadowRoot: true, styles: [css] })`),\n * where `:root` only ever matches the top-level document's <html>.\n * Rules below are unscoped (not `#devframes-anchor ...`) since the\n * shadow boundary already keeps them from leaking onto the host page, and\n * scoping under the anchor's id would miss edge-docked mode entirely\n * (`DockEmbedded.vue` renders `DockEdge`/`#devframes-edge-panel` and\n * `Dock`/`#devframes-anchor` as mutually exclusive siblings).\n */\n:host {\n  --app-scrollbar-size: 6px;\n  --app-scrollbar-radius: 1px;\n  --app-scrollbar-thumb: #8884;\n  --app-scrollbar-thumb-hover: #8885;\n}\n\n::-webkit-scrollbar {\n  width: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar:horizontal {\n  height: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--app-scrollbar-thumb);\n  transition: background 0.2s ease;\n  border-radius: var(--app-scrollbar-radius);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--app-scrollbar-thumb-hover);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: var(--app-scrollbar-radius);\n  background: transparent;\n}\n\n#devframes-anchor {\n  position:fixed;z-index:2147483644;box-sizing:border-box;width:0;transform-origin:center;font-size:15px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";\n  transform: translate(-50%, -50%) rotate(0);\n}\n\n#devframes-anchor #devframes-dock-container {\n  position:absolute;left:0;top:0;width:max-content;display:flex;\n  height: var(--devframes-dock-height, 40px);\n  min-width: var(--devframes-dock-min-width, 100px);\n  transform: translate(-50%, -50%);\n}\n\n#devframes-anchor.devframes-vertical #devframes-dock-container {\n  transform: translate(-50%, -50%) rotate(90deg);\n  transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n}\n\n#devframes-anchor #devframes-dock {\n  margin:auto;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9999px;\n  ;background-color:rgb(255 255 255 / 1);--un-hub-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);--un-hub-text-opacity:1;color:rgb(51 51 51 / var(--un-hub-text-opacity));--un-hub-shadow:var(--un-hub-shadow-inset) 0 1px 3px 0 var(--un-hub-shadow-color, rgb(0 0 0 / 0.1)),var(--un-hub-shadow-inset) 0 1px 2px -1px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);\n  transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n  height: var(--devframes-dock-height, 40px);\n  width: calc-size(max-content, size);\n}.dark #devframes-anchor #devframes-dock{background-color:rgb(17 17 17 / 0.8);--un-hub-text-opacity:1;color:rgb(255 255 255 / var(--un-hub-text-opacity));}\n\n#devframes-anchor.devframes-minimized #devframes-dock {\n  padding-left:0;padding-right:0;padding-top:2px;padding-bottom:2px;\n  width: var(--devframes-dock-minimized-size, 22px);\n  height: var(--devframes-dock-minimized-size, 22px);\n}\n\n#devframes-anchor:hover #devframes-glowing {\n  opacity:0.6;\n}\n\n#devframes-anchor #devframes-glowing {\n  pointer-events:none;position:absolute;left:0;top:0;border-radius:9999px;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:1000ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);\n  width: var(--devframes-dock-glow-size, 160px);\n  height: var(--devframes-dock-glow-size, 160px);\n  filter: blur(var(--devframes-dock-glow-blur, 60px));\n  transform: translate(-50%, -50%);\n  /* Follows the brand: derived from the primary ramp (overridable via\n     --devframe-primary), so a rebrand retints the glow automatically. */\n  background-image: linear-gradient(\n    45deg,\n    var(--colors-primary-300, #adc77f),\n    var(--colors-primary-500, #517158),\n    var(--colors-primary-DEFAULT, #486954)\n  );\n}\n\n@media print {\n  #devframes-anchor {\n    display:none;\n  }\n}\n\n.devframes-resize-handle-horizontal {\n  position:absolute;left:6px;right:6px;margin-top:-5px;margin-bottom:-5px;height:10px;cursor:ns-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-vertical {\n  position:absolute;top:6px;bottom:0;margin-left:-5px;margin-right:-5px;width:10px;cursor:ew-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-corner {\n  position:absolute;margin:-6px;width:14px;height:14px;border-radius:0.375rem;\n}\n.devframes-resize-handle {\n  z-index:30;\n}\n.devframes-resize-handle:hover {\n  background-color:rgb(156 163 175 / 0.1);\n}\n\n@keyframes devframes-shake {\n  0%, 100% { transform: translateX(0); }\n  20%, 60% { transform: translateX(-5px); }\n  40%, 80% { transform: translateX(5px); }\n}\n.devframes-shake {\n  animation: devframes-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n@media (prefers-reduced-motion: reduce) {\n  .devframes-shake {\n    animation: none;\n  }\n}\n\n/* layer: preflights */\n*,::before,::after{--un-hub-rotate:0;--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-scale-x:1;--un-hub-scale-y:1;--un-hub-scale-z:1;--un-hub-skew-x:0;--un-hub-skew-y:0;--un-hub-translate-x:0;--un-hub-translate-y:0;--un-hub-translate-z:0;--un-hub-pan-x: ;--un-hub-pan-y: ;--un-hub-pinch-zoom: ;--un-hub-scroll-snap-strictness:proximity;--un-hub-ordinal: ;--un-hub-slashed-zero: ;--un-hub-numeric-figure: ;--un-hub-numeric-spacing: ;--un-hub-numeric-fraction: ;--un-hub-border-spacing-x:0;--un-hub-border-spacing-y:0;--un-hub-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-shadow:0 0 rgb(0 0 0 / 0);--un-hub-shadow-inset: ;--un-hub-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-inset: ;--un-hub-ring-offset-width:0px;--un-hub-ring-offset-color:#fff;--un-hub-ring-width:0px;--un-hub-ring-color:rgb(147 197 253 / 0.5);--un-hub-blur: ;--un-hub-brightness: ;--un-hub-contrast: ;--un-hub-drop-shadow: ;--un-hub-grayscale: ;--un-hub-hue-rotate: ;--un-hub-invert: ;--un-hub-saturate: ;--un-hub-sepia: ;--un-hub-backdrop-blur: ;--un-hub-backdrop-brightness: ;--un-hub-backdrop-contrast: ;--un-hub-backdrop-grayscale: ;--un-hub-backdrop-hue-rotate: ;--un-hub-backdrop-invert: ;--un-hub-backdrop-opacity: ;--un-hub-backdrop-saturate: ;--un-hub-backdrop-sepia: ;}::backdrop{--un-hub-rotate:0;--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-scale-x:1;--un-hub-scale-y:1;--un-hub-scale-z:1;--un-hub-skew-x:0;--un-hub-skew-y:0;--un-hub-translate-x:0;--un-hub-translate-y:0;--un-hub-translate-z:0;--un-hub-pan-x: ;--un-hub-pan-y: ;--un-hub-pinch-zoom: ;--un-hub-scroll-snap-strictness:proximity;--un-hub-ordinal: ;--un-hub-slashed-zero: ;--un-hub-numeric-figure: ;--un-hub-numeric-spacing: ;--un-hub-numeric-fraction: ;--un-hub-border-spacing-x:0;--un-hub-border-spacing-y:0;--un-hub-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-shadow:0 0 rgb(0 0 0 / 0);--un-hub-shadow-inset: ;--un-hub-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-inset: ;--un-hub-ring-offset-width:0px;--un-hub-ring-offset-color:#fff;--un-hub-ring-width:0px;--un-hub-ring-color:rgb(147 197 253 / 0.5);--un-hub-blur: ;--un-hub-brightness: ;--un-hub-contrast: ;--un-hub-drop-shadow: ;--un-hub-grayscale: ;--un-hub-hue-rotate: ;--un-hub-invert: ;--un-hub-saturate: ;--un-hub-sepia: ;--un-hub-backdrop-blur: ;--un-hub-backdrop-brightness: ;--un-hub-backdrop-contrast: ;--un-hub-backdrop-grayscale: ;--un-hub-backdrop-hue-rotate: ;--un-hub-backdrop-invert: ;--un-hub-backdrop-opacity: ;--un-hub-backdrop-saturate: ;--un-hub-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-counter-clockwise{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-square-out-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 80v128a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-counter-clockwise-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M88 104H40a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v28.69l14.63-14.63A95.43 95.43 0 0 1 130 33.94h.53a95.36 95.36 0 0 1 67.07 27.33a8 8 0 0 1-11.18 11.44a79.52 79.52 0 0 0-55.89-22.77h-.45a79.56 79.56 0 0 0-56.14 23.43L59.31 88H88a8 8 0 0 1 0 16m128 48h-48a8 8 0 0 0 0 16h28.69l-14.63 14.63a79.56 79.56 0 0 1-56.13 23.43h-.45a79.52 79.52 0 0 1-55.89-22.77a8 8 0 1 0-11.18 11.44a95.36 95.36 0 0 0 67.07 27.33h.52a95.43 95.43 0 0 0 67.36-28.12L208 179.31V208a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-out-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 48v160H48V48Z' opacity='.2'/%3E%3Cpath d='M216 48v48a8 8 0 0 1-16 0V67.31l-42.34 42.35a8 8 0 0 1-11.32-11.32L188.69 56H160a8 8 0 0 1 0-16h48a8 8 0 0 1 8 8M98.34 146.34L56 188.69V160a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16H67.31l42.35-42.34a8 8 0 0 0-11.32-11.32M208 152a8 8 0 0 0-8 8v28.69l-42.34-42.35a8 8 0 0 0-11.32 11.32L188.69 200H160a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8M67.31 56H96a8 8 0 0 0 0-16H48a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0V67.31l42.34 42.35a8 8 0 0 0 11.32-11.32Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-cards-three-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 104v96a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-96a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 88H48a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16m0 112H48v-96h160zM48 64a8 8 0 0 1 8-8h144a8 8 0 0 1 0 16H56a8 8 0 0 1-8-8m16-32a8 8 0 0 1 8-8h112a8 8 0 0 1 0 16H72a8 8 0 0 1-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-down,\n.i-ph\\:caret-down{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-left,\n.i-ph\\:caret-left{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-right,\n.i-ph\\:caret-right{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-up{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-check-bold,\n.i-ph\\:check-bold{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-circle-notch{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-six-vertical{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M104 60a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60 12a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-72 44a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-72 68a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-three-outline-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M152 128a24 24 0 1 1-24-24a24 24 0 0 1 24 24M48 104a24 24 0 1 0 24 24a24 24 0 0 0-24-24m160 0a24 24 0 1 0 24 24a24 24 0 0 0-24-24' opacity='.2'/%3E%3Cpath d='M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16M48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16m160-48a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-globe{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.12 104.12 0 0 0 128 24m88 104a87.6 87.6 0 0 1-3.33 24h-38.51a157.4 157.4 0 0 0 0-48h38.51a87.6 87.6 0 0 1 3.33 24m-114 40h52a115.1 115.1 0 0 1-26 45a115.3 115.3 0 0 1-26-45m-3.9-16a140.8 140.8 0 0 1 0-48h59.88a140.8 140.8 0 0 1 0 48ZM40 128a87.6 87.6 0 0 1 3.33-24h38.51a157.4 157.4 0 0 0 0 48H43.33A87.6 87.6 0 0 1 40 128m114-40h-52a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45m52.33 0h-35.62a135.3 135.3 0 0 0-22.3-45.6A88.29 88.29 0 0 1 206.37 88Zm-98.74-45.6A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6M49.63 168h35.66a135.3 135.3 0 0 0 22.3 45.6A88.29 88.29 0 0 1 49.63 168m98.78 45.6a135.3 135.3 0 0 0 22.3-45.6h35.66a88.29 88.29 0 0 1-57.96 45.6'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-keyboard-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M232 64v128a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h192a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 48H32a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m0 144H32V64h192zm-16-64a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8m0-32a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8M72 160a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8m96 0a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m40 0a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-laptop-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 72v104H40V72a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M232 168h-8V72a24 24 0 0 0-24-24H56a24 24 0 0 0-24 24v96h-8a8 8 0 0 0-8 8v16a24 24 0 0 0 24 24h176a24 24 0 0 0 24-24v-16a8 8 0 0 0-8-8M48 72a8 8 0 0 1 8-8h144a8 8 0 0 1 8 8v96H48Zm176 120a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-8h192ZM152 88a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-layout-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M104 104v104H40a8 8 0 0 1-8-8v-96Z' opacity='.2'/%3E%3Cpath d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v40H40V56ZM40 112h56v88H40Zm176 88H112v-88h104z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-magnifying-glass-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 112a80 80 0 1 1-80-80a80 80 0 0 1 80 80' opacity='.2'/%3E%3Cpath d='m229.66 218.34l-50.06-50.06a88.21 88.21 0 1 0-11.32 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-moon-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78' opacity='.2'/%3E%3Cpath d='M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-paint-brush-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 32c0 32.81-31.64 67.43-58.64 91.05A84.4 84.4 0 0 0 133 90.64c23.57-27 58.19-58.64 91-58.64' opacity='.2'/%3E%3Cpath d='M232 32a8 8 0 0 0-8-8c-44.08 0-89.31 49.71-114.43 82.63A60 60 0 0 0 32 164c0 30.88-19.54 44.73-20.47 45.37A8 8 0 0 0 16 224h76a60 60 0 0 0 57.37-77.57C182.3 121.31 232 76.08 232 32M92 208H34.63C41.38 198.41 48 183.92 48 164a44 44 0 1 1 44 44m32.42-94.45q5.14-6.66 10.09-12.55A76.2 76.2 0 0 1 155 121.49q-5.9 4.94-12.55 10.09a60.5 60.5 0 0 0-18.03-18.03m42.7-2.68a92.6 92.6 0 0 0-22-22c31.78-34.53 55.75-45 69.9-47.91c-2.85 14.16-13.37 38.13-47.9 69.91'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.32 81.37l-60.69-60.68a16 16 0 0 0-22.63 0l-53.63 53.8c-10.66-3.34-35-7.37-60.4 13.14a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33c19.64-26.1 17.75-47.32 13.19-60L235.33 104a16 16 0 0 0-.01-22.63M224 92.69l-57.27 57.46a8 8 0 0 0-1.49 9.22c9.46 18.93-1.8 38.59-9.34 48.62L48 100.08c12.08-9.74 23.64-12.31 32.48-12.31A40.1 40.1 0 0 1 96.81 91a8 8 0 0 0 9.25-1.51L163.32 32L224 92.68Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin-fill{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.33 104l-53.47 53.65c4.56 12.67 6.45 33.89-13.19 60A15.93 15.93 0 0 1 157 224h-1.13a16 16 0 0 1-11.32-4.69L96.29 171l-42.63 42.66a8 8 0 0 1-11.32-11.32L85 159.71l-48.3-48.3A16 16 0 0 1 38 87.63c25.42-20.51 49.75-16.48 60.4-13.14L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 .01 22.62'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-rocket-launch-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 120v61.65a8 8 0 0 1-2.34 5.65l-34.35 34.35a8 8 0 0 1-13.57-4.53L128 176Zm-48-48H74.35a8 8 0 0 0-5.65 2.34l-34.35 34.35a8 8 0 0 0 4.53 13.57L80 128ZM40 216c37.65 0 50.69-19.69 54.56-28.18l-26.38-26.38C59.69 165.31 40 178.35 40 216' opacity='.2'/%3E%3Cpath d='M223.85 47.12a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.41 27.07L132.69 64H74.36A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a15.9 15.9 0 0 0 4.68-11.36v-58.33l4.77-4.77c26.68-26.68 27.83-58.83 27.08-71.42M74.36 80h42.33l-39.53 39.52L40 114.34Zm74.41-9.45a76.65 76.65 0 0 1 59.11-22.47a76.46 76.46 0 0 1-22.42 59.16L128 164.68L91.32 128ZM176 181.64L141.67 216l-5.19-37.17L176 139.31Zm-74.16 9.5C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-shield-check-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 56v56c0 96-88 120-88 120s-88-24-88-120V56a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 40H48a16 16 0 0 0-16 16v56c0 52.72 25.52 84.67 46.93 102.19c23.06 18.86 46 25.26 47 25.53a8 8 0 0 0 4.2 0c1-.27 23.91-6.67 47-25.53C198.48 196.67 224 164.72 224 112V56a16 16 0 0 0-16-16m0 72c0 37.07-13.66 67.16-40.6 89.42a129.3 129.3 0 0 1-39.4 22.2a128.3 128.3 0 0 1-38.92-21.81C61.82 179.51 48 149.3 48 112V56h160ZM82.34 141.66a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32l-56 56a8 8 0 0 1-11.32 0Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sign-out-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 56v144a16 16 0 0 1-16 16H48V40h160a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M120 216a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H56v160h56a8 8 0 0 1 8 8m109.66-93.66l-40-40a8 8 0 0 0-11.32 11.32L204.69 120H112a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-spinner-gap-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0m88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-50.91-16.4l-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31M72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8m-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-square-half-bottom-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v72a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8v-72Z' opacity='.2'/%3E%3Cpath d='M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v64H56V56Zm0 144H56v-64h144z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sun-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 128a56 56 0 1 1-56-56a56 56 0 0 1 56 56' opacity='.2'/%3E%3Cpath d='M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0m72 88a64 64 0 1 1-64-64a64.07 64.07 0 0 1 64 64m-16 0a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48M58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68l-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8m112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-duotone,\n.i-ph\\:warning-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-fill{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72M120 104a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm8 88a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-wrench-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 96a64 64 0 0 1-94.94 56L73 217a24 24 0 0 1-34-34l65-56.06a64 64 0 0 1 80-90.29L144 80l5.66 26.34L176 112l43.35-40A63.8 63.8 0 0 1 224 96' opacity='.2'/%3E%3Cpath d='M226.76 69a8 8 0 0 0-12.84-2.88l-40.3 37.19l-17.23-3.7l-3.7-17.23l37.19-40.3A8 8 0 0 0 187 29.24A72 72 0 0 0 88 96a72.3 72.3 0 0 0 6 28.94L33.79 177c-.15.12-.29.26-.43.39a32 32 0 0 0 45.26 45.26c.13-.13.27-.28.39-.42L131.06 162A72 72 0 0 0 232 96a71.6 71.6 0 0 0-5.24-27M160 152a56.14 56.14 0 0 1-27.07-7a8 8 0 0 0-9.92 1.77l-55.9 64.74a16 16 0 0 1-22.62-22.62L109.18 133a8 8 0 0 0 1.77-9.93a56 56 0 0 1 58.36-82.31l-31.2 33.81a8 8 0 0 0-1.94 7.1l5.66 26.33a8 8 0 0 0 6.14 6.14l26.35 5.66a8 8 0 0 0 7.1-1.94l33.81-31.2A56.06 56.06 0 0 1 160 152'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-x,\n.i-ph\\:x{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:bug-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v16a80 80 0 0 1-160 0v-16Z' opacity='.2'/%3E%3Cpath d='M144 92a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-44-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m116 64a87.8 87.8 0 0 1-3 23l22.24 9.72A8 8 0 0 1 232 192a7.9 7.9 0 0 1-3.2-.67L207.38 182a88 88 0 0 1-158.76 0l-21.42 9.33a7.9 7.9 0 0 1-3.2.67a8 8 0 0 1-3.2-15.33L43 167a87.8 87.8 0 0 1-3-23v-8H16a8 8 0 0 1 0-16h24v-8a87.8 87.8 0 0 1 3-23l-22.2-9.67a8 8 0 1 1 6.4-14.66L48.62 74a88 88 0 0 1 158.76 0l21.42-9.36a8 8 0 0 1 6.4 14.66L213 89.05a87.8 87.8 0 0 1 3 23v8h24a8 8 0 0 1 0 16h-24ZM56 120h144v-8a72 72 0 0 0-144 0Zm64 95.54V136H56v8a72.08 72.08 0 0 0 64 71.54M200 144v-8h-64v79.54A72.08 72.08 0 0 0 200 144'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:info-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M144 176a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m88-48A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88m-92-32a12 12 0 1 0-12-12a12 12 0 0 0 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:puzzle-piece-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M204 168a28 28 0 0 0 12-2.69V208a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-42.69a28 28 0 1 1 0-50.62V72a8 8 0 0 1 8-8h46.69a28 28 0 1 1 50.61 0H208a8 8 0 0 1 8 8v42.69A28 28 0 1 0 204 168' opacity='.2'/%3E%3Cpath d='M220.27 158.54a8 8 0 0 0-7.7-.46a20 20 0 1 1 0-36.16a8 8 0 0 0 11.43-7.23V72a16 16 0 0 0-16-16h-36.22a35 35 0 0 0 .22-4a36.15 36.15 0 0 0-11.36-26.25a36 36 0 0 0-60.55 23.63a36.6 36.6 0 0 0 .14 6.62H64a16 16 0 0 0-16 16v32.22a35 35 0 0 0-4-.22a36.12 36.12 0 0 0-26.24 11.36a35.7 35.7 0 0 0-9.69 27a36.08 36.08 0 0 0 33.31 33.6a36.6 36.6 0 0 0 6.62-.14V208a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16v-42.69a8 8 0 0 0-3.73-6.77M208 208H64v-42.69a8 8 0 0 0-11.43-7.23a20 20 0 1 1 0-36.16A8 8 0 0 0 64 114.69V72h46.69a8 8 0 0 0 7.23-11.43a20 20 0 1 1 36.16 0A8 8 0 0 0 161.31 72H208v32.23a35.7 35.7 0 0 0-6.62-.14A36 36 0 0 0 204 176a35 35 0 0 0 4-.22Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x-circle-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M165.66 101.66L139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-command-palette{z-index:2147483646;}\n.z-dock-confirm,\n.z-dock-toast{z-index:2147483647;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-floating-anchor{z-index:2147483644;}\n.z-floating-tooltip{z-index:2147483645;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-hub-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-hub-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-hub-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-hub-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-hub-text-opacity:1;color:rgb(255 255 255 / var(--un-hub-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.border-base{--un-hub-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));}\n.border-mute{--un-hub-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--un-hub-text-opacity:1;color:rgb(147 198 157 / var(--un-hub-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--un-hub-text-opacity:1;color:rgb(64 112 75 / var(--un-hub-text-opacity));opacity:1 !important;}\n.hover\\:border-base:hover{--un-hub-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--un-hub-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-hub-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-hub-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-hub-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-hub-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-hub-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-hub-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-glass\\:80{background-color:rgb(255 255 255 / 1);--un-hub-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.dark .bg-glass\\:80{background-color:rgb(17 17 17 / 0.8);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-secondary{--un-hub-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-hub-bg-opacity));}\n.dark .bg-secondary{--un-hub-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-hub-bg-opacity));}\n.dark .hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.15);}\n.hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.1);}\n.hover\\:bg-hover:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.btn-action:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-hub-bg-opacity:1;background-color:rgb(64 112 75 / var(--un-hub-bg-opacity));}\n.bg-gradient-more{--un-hub-gradient-from-position:0%;--un-hub-gradient-from:rgb(255 255 255 / var(--un-hub-from-opacity, 1)) var(--un-hub-gradient-from-position);--un-hub-gradient-to-position:100%;--un-hub-gradient-to:rgb(255 255 255 / 0) var(--un-hub-gradient-to-position);--un-hub-gradient-stops:var(--un-hub-gradient-from), var(--un-hub-gradient-to);--un-hub-gradient-via-position:50%;--un-hub-gradient-to:rgb(255 255 255 / 0);--un-hub-gradient-stops:var(--un-hub-gradient-from), rgb(255 255 255 / 0.8) var(--un-hub-gradient-via-position), var(--un-hub-gradient-to);--un-hub-gradient-shape:to top in oklch;--un-hub-gradient:var(--un-hub-gradient-shape), var(--un-hub-gradient-stops);background-image:linear-gradient(var(--un-hub-gradient));}\n.dark .bg-gradient-more{--un-hub-gradient-from-position:0%;--un-hub-gradient-from:rgb(17 17 17 / var(--un-hub-from-opacity, 1)) var(--un-hub-gradient-from-position);--un-hub-gradient-to-position:100%;--un-hub-gradient-to:rgb(17 17 17 / 0) var(--un-hub-gradient-to-position);--un-hub-gradient-stops:var(--un-hub-gradient-from), var(--un-hub-gradient-to);--un-hub-gradient-via-position:50%;--un-hub-gradient-to:rgb(17 17 17 / 0);--un-hub-gradient-stops:var(--un-hub-gradient-from), rgb(17 17 17 / 0.8) var(--un-hub-gradient-via-position), var(--un-hub-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-hub-text-opacity:1;color:rgb(64 112 75 / var(--un-hub-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-hub-text-opacity:1;color:rgb(147 198 157 / var(--un-hub-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-hub-text-opacity:1;color:rgb(38 38 38 / var(--un-hub-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-hub-text-opacity:1;color:rgb(229 229 229 / var(--un-hub-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-hub-text-opacity:1;color:rgb(115 115 115 / var(--un-hub-text-opacity));}\n.color-muted{--un-hub-text-opacity:1;color:rgb(82 82 82 / var(--un-hub-text-opacity));}\n.dark .color-muted{--un-hub-text-opacity:1;color:rgb(163 163 163 / var(--un-hub-text-opacity));}\n.dark .hover\\:color-active:hover{--un-hub-text-opacity:1;color:rgb(147 198 157 / var(--un-hub-text-opacity));}\n.hover\\:color-active:hover{--un-hub-text-opacity:1;color:rgb(64 112 75 / var(--un-hub-text-opacity));}\n.dark .hover\\:color-base:hover{--un-hub-text-opacity:1;color:rgb(229 229 229 / var(--un-hub-text-opacity));}\n.hover\\:color-base:hover{--un-hub-text-opacity:1;color:rgb(38 38 38 / var(--un-hub-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--un-hub-brightness:brightness(1);filter:var(--un-hub-blur) var(--un-hub-brightness) var(--un-hub-contrast) var(--un-hub-drop-shadow) var(--un-hub-grayscale) var(--un-hub-hue-rotate) var(--un-hub-invert) var(--un-hub-saturate) var(--un-hub-sepia);--un-hub-hue-rotate:hue-rotate(0deg);--un-hub-invert:invert(0);}\n.icon-catppuccin{--un-hub-brightness:brightness(0.8);filter:var(--un-hub-blur) var(--un-hub-brightness) var(--un-hub-contrast) var(--un-hub-drop-shadow) var(--un-hub-grayscale) var(--un-hub-hue-rotate) var(--un-hub-invert) var(--un-hub-saturate) var(--un-hub-sepia);--un-hub-hue-rotate:hue-rotate(180deg);--un-hub-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.invisible{visibility:hidden;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.bottom-4px{bottom:4px;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.left-5px{left:5px;}\n.right--1px{right:-1px;}\n.right-0{right:0;}\n.right-0\\.5{right:0.125rem;}\n.right-2{right:0.5rem;}\n.right-4{right:1rem;}\n.top--32px{top:-32px;}\n.top-0{top:0;}\n.top-0\\.5{top:0.125rem;}\n.top-1{top:0.25rem;}\n.top-1\\/2{top:50%;}\n.top-4{top:1rem;}\n.top-4px{top:4px;}\n.z--1{z-index:-1;}\n.grid{display:grid;}\n.cols-\\[max-content_1fr\\]{grid-template-columns:max-content 1fr;}\n.m-auto,\n.ma{margin:auto;}\n.m1{margin:0.25rem;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx--2{margin-left:-0.5rem;margin-right:-0.5rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.mx-auto{margin-left:auto;margin-right:auto;}\n.my-1,\n.my1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.my0\\.5{margin-top:0.125rem;margin-bottom:0.125rem;}\n.-mb-px{margin-bottom:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb-1\\.5{margin-bottom:0.375rem;}\n.mb-3{margin-bottom:0.75rem;}\n.mb-4{margin-bottom:1rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ml-2{margin-left:0.5rem;}\n.ml-6{margin-left:1.5rem;}\n.mr-1{margin-right:0.25rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2,\n.mt2{margin-top:0.5rem;}\n.mt-4,\n.mt4{margin-top:1rem;}\n.mt-6,\n.mt6{margin-top:1.5rem;}\n.mt-auto{margin-top:auto;}\n.box-border{box-sizing:border-box;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.contents{display:contents;}\n.dark .dark-hidden,\n.hidden,\n.light .light-hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-10{height:2.5rem;}\n.h-14{height:3.5rem;}\n.h-16{height:4rem;}\n.h-2{height:0.5rem;}\n.h-20px{height:20px;}\n.h-24{height:6rem;}\n.h-3{height:0.75rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-4\\.5{height:1.125rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h-screen{height:100vh;}\n.max-h-\\[60vh\\]{max-height:60vh;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-100{max-width:25rem;}\n.max-w-108{max-width:27rem;}\n.max-w-200{max-width:50rem;}\n.max-w-220px{max-width:220px;}\n.max-w-64{max-width:16rem;}\n.max-w-92{max-width:23rem;}\n.max-w-96,\n.max-w-sm{max-width:24rem;}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-xs{max-width:20rem;}\n.min-h-0{min-height:0;}\n.min-h-16{min-height:4rem;}\n.min-h-40{min-height:10rem;}\n.min-h-5{min-height:1.25rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-28{min-width:7rem;}\n.min-w-36{min-width:9rem;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-\\[40px\\]{width:40px;}\n.w-1\\.5{width:0.375rem;}\n.w-10{width:2.5rem;}\n.w-11{width:2.75rem;}\n.w-12{width:3rem;}\n.w-16{width:4rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-20px{width:20px;}\n.w-24{width:6rem;}\n.w-2px{width:2px;}\n.w-3{width:0.75rem;}\n.w-3\\.5{width:0.875rem;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-4\\.5{width:1.125rem;}\n.w-5{width:1.25rem;}\n.w-6{width:1.5rem;}\n.w-64{width:16rem;}\n.w-7{width:1.75rem;}\n.w-72{width:18rem;}\n.w-8{width:2rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-96{width:24rem;}\n.w-auto\\!{width:auto !important;}\n.w-fit{width:fit-content;}\n.w-full{width:100%;}\n.w-lg{width:32rem;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.w-screen{width:100vw;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.flex-auto{flex:1 1 auto;}\n.flex-none{flex:none;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-row-reverse{flex-direction:row-reverse;}\n.flex-col{flex-direction:column;}\n.flex-col-reverse{flex-direction:column-reverse;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2,\n.translate-x--1\\/2{--un-hub-translate-x:-50%;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.-translate-y-2{--un-hub-translate-y:-0.5rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked],\n.translate-x-4{--un-hub-translate-x:1rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-hub-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-x-0\\.5{--un-hub-translate-x:0.125rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-x-1{--un-hub-translate-x:0.25rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-x-5{--un-hub-translate-x:1.25rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-y--1\\/2{--un-hub-translate-y:-50%;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-y-0{--un-hub-translate-y:0;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-y-2{--un-hub-translate-y:0.5rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.-rotate-90{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:-90deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:90deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.rotate--45{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:-45deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.rotate-0{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:0deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.rotate-180{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:180deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.rotate-270{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:270deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.scale-100{--un-hub-scale-x:1;--un-hub-scale-y:1;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.scale-120{--un-hub-scale-x:1.2;--un-hub-scale-y:1.2;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.scale-98{--un-hub-scale-x:0.98;--un-hub-scale-y:0.98;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.hover\\:scale-110:hover{--un-hub-scale-x:1.1;--un-hub-scale-y:1.1;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.transform{transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.cursor-not-allowed{cursor:not-allowed;}\n.cursor-grab{cursor:grab;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0{gap:0;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-6{gap:1.5rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-0\\.5{row-gap:0.125rem;}\n.space-y-0\\.5>:not([hidden])~:not([hidden]){--un-hub-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--un-hub-space-y-reverse)));margin-bottom:calc(0.125rem * var(--un-hub-space-y-reverse));}\n.divide-y>:not([hidden])~:not([hidden]){--un-hub-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-hub-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-hub-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-hub-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-divide-opacity));}\n.of-hidden,\n.overflow-hidden{overflow:hidden;}\n.overflow-auto{overflow:auto;}\n.of-x-hidden{overflow-x:hidden;}\n.of-y-auto{overflow-y:auto;}\n.of-y-hidden{overflow-y:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-pre-wrap{white-space:pre-wrap;}\n.ws-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.b,\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-0{border-bottom-width:0px;}\n.border-b-1\\.5{border-bottom-width:1.5px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-1\\.5{border-right-width:1.5px;}\n.border-t{border-top-width:1px;}\n.border-t-0{border-top-width:0px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.last\\:border-b-0:last-child{border-bottom-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-amber\\/20{border-color:rgb(251 191 36 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-error\\!{--un-hub-border-opacity:1 !important;border-color:rgb(246 61 104 / var(--un-hub-border-opacity)) !important;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-primary-400\\/60{border-color:rgb(117 166 126 / 0.6);}\n.border-primary\\/30{border-color:rgb(58 106 69 / 0.3);}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red-500\\/70{border-color:rgb(239 68 68 / 0.7);}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400\\/50{border-color:rgb(117 166 126 / 0.5);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-hub-border-opacity:1;border-color:rgb(117 166 126 / var(--un-hub-border-opacity));}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-hub-border-opacity:1;border-color:rgb(87 136 97 / var(--un-hub-border-opacity));}\n.focus-within\\:border-gray\\/15:focus-within{border-color:rgb(156 163 175 / 0.15);}\n.hover\\:border-gray\\/10:hover{border-color:rgb(156 163 175 / 0.1);}\n.focus\\:border-primary-500:focus{--un-hub-border-opacity:1;border-color:rgb(87 136 97 / var(--un-hub-border-opacity));}\n.focus\\:border-primary\\/40:focus{border-color:rgb(58 106 69 / 0.4);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.rounded-r{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}\n.rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;}\n.rounded-tr-md{border-top-right-radius:0.375rem;}\n.bg-\\[\\#8881\\],\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-hub-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8882{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-\\#8885{--un-hub-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-amber{--un-hub-bg-opacity:1;background-color:rgb(251 191 36 / var(--un-hub-bg-opacity));}\n.bg-amber-400\\/10,\n.bg-amber\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-black\\/30,\n.dark .dark\\:bg-black\\/30{background-color:rgb(0 0 0 / 0.3);}\n.bg-blue{--un-hub-bg-opacity:1;background-color:rgb(96 165 250 / var(--un-hub-bg-opacity));}\n.bg-blue-400\\/10,\n.bg-blue\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-error\\!{--un-hub-bg-opacity:1 !important;background-color:rgb(246 61 104 / var(--un-hub-bg-opacity)) !important;}\n.bg-gray{--un-hub-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-hub-bg-opacity));}\n.bg-gray-6{--un-hub-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-hub-bg-opacity));}\n.bg-gray\\/10{background-color:rgb(156 163 175 / 0.1);}\n.bg-gray\\/20{background-color:rgb(156 163 175 / 0.2);}\n.bg-gray\\/3{background-color:rgb(156 163 175 / 0.03);}\n.bg-gray\\/30{background-color:rgb(156 163 175 / 0.3);}\n.bg-gray\\/5{background-color:rgb(156 163 175 / 0.05);}\n.bg-green{--un-hub-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-hub-bg-opacity));}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\/10{background-color:rgb(251 146 60 / 0.1);}\n.bg-primary{--un-hub-bg-opacity:1;background-color:rgb(58 106 69 / var(--un-hub-bg-opacity));}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-hub-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-hub-bg-opacity));}\n.bg-primary-500\\/20{background-color:rgb(87 136 97 / 0.2);}\n.bg-primary\\/10{background-color:rgb(58 106 69 / 0.1);}\n.bg-primary\\/15{background-color:rgb(58 106 69 / 0.15);}\n.bg-primary\\/20{background-color:rgb(58 106 69 / 0.2);}\n.bg-red{--un-hub-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-hub-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\/10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-hub-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-hub-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-hub-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-hub-bg-opacity));}\n.bg-white\\/50{background-color:rgb(255 255 255 / 0.5);}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.dark .dark\\:bg-black\\/45{background-color:rgb(0 0 0 / 0.45);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\[\\#8881\\]:hover{--un-hub-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.hover\\:bg-\\[\\#8882\\]:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.hover\\:bg-\\#8888:hover{--un-hub-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.hover\\:bg-gray\\/10:hover{background-color:rgb(156 163 175 / 0.1);}\n.hover\\:bg-gray\\/15:hover{background-color:rgb(156 163 175 / 0.15);}\n.hover\\:bg-gray\\/20:hover{background-color:rgb(156 163 175 / 0.2);}\n.hover\\:bg-gray\\/5:hover{background-color:rgb(156 163 175 / 0.05);}\n.hover\\:bg-orange\\/20:hover{background-color:rgb(251 146 60 / 0.2);}\n.hover\\:bg-primary\\/25:hover{background-color:rgb(58 106 69 / 0.25);}\n.hover\\:bg-red-600\\!:hover{--un-hub-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-hub-bg-opacity)) !important;}\n.hover\\:bg-red\\/20:hover{background-color:rgb(248 113 113 / 0.2);}\n.stroke-current{stroke:currentColor;}\n.object-contain{object-fit:contain;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1,\n.p1{padding:0.25rem;}\n.p-1\\.5,\n.p1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4{padding:1rem;}\n.p-5{padding:1.25rem;}\n.p6{padding:1.5rem;}\n.p8{padding:2rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-0\\.5{padding-left:0.125rem;padding-right:0.125rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3,\n.px3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0{padding-top:0;padding-bottom:0;}\n.py-0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2,\n.py2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-2\\!{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}\n.py-2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}\n.py-8{padding-top:2rem;padding-bottom:2rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pb2\\.5{padding-bottom:0.625rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-\\[20vh\\]{padding-top:20vh;}\n.pt-1\\.5{padding-top:0.375rem;}\n.pt-6{padding-top:1.5rem;}\n.pt2{padding-top:0.5rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.indent{text-indent:1.5rem;}\n.text-balance{text-wrap:balance;}\n.text-\\[10px\\]{font-size:10px;}\n.text-\\[15px\\]{font-size:15px;}\n.text-0\\.6em{font-size:0.6em;}\n.text-2\\.75{font-size:0.6875rem;}\n.text-2xl{font-size:1.5rem;line-height:2rem;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xl{font-size:1.25rem;line-height:1.75rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-hub-text-opacity:1;color:rgb(252 211 77 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-amber-400,\n.text-amber{--un-hub-text-opacity:1;color:rgb(251 191 36 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-blue-300{--un-hub-text-opacity:1;color:rgb(147 197 253 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-green-300{--un-hub-text-opacity:1;color:rgb(134 239 172 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-green-400,\n.text-green{--un-hub-text-opacity:1;color:rgb(74 222 128 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-primary-300{--un-hub-text-opacity:1;color:rgb(147 198 157 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-red-300{--un-hub-text-opacity:1;color:rgb(252 165 165 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-red-400,\n.text-red{--un-hub-text-opacity:1;color:rgb(248 113 113 / var(--un-hub-text-opacity));}\n.text-amber-600{--un-hub-text-opacity:1;color:rgb(217 119 6 / var(--un-hub-text-opacity));}\n.text-amber-700{--un-hub-text-opacity:1;color:rgb(180 83 9 / var(--un-hub-text-opacity));}\n.text-blue{--un-hub-text-opacity:1;color:rgb(96 165 250 / var(--un-hub-text-opacity));}\n.text-blue-700{--un-hub-text-opacity:1;color:rgb(29 78 216 / var(--un-hub-text-opacity));}\n.text-gray{--un-hub-text-opacity:1;color:rgb(156 163 175 / var(--un-hub-text-opacity));}\n.text-green-600{--un-hub-text-opacity:1;color:rgb(22 163 74 / var(--un-hub-text-opacity));}\n.text-green-700{--un-hub-text-opacity:1;color:rgb(21 128 61 / var(--un-hub-text-opacity));}\n.text-orange{--un-hub-text-opacity:1;color:rgb(251 146 60 / var(--un-hub-text-opacity));}\n.text-primary,\n.text-primary\\/bg-active{--un-hub-text-opacity:1;color:rgb(58 106 69 / var(--un-hub-text-opacity));}\n.text-primary-600{--un-hub-text-opacity:1;color:rgb(64 112 75 / var(--un-hub-text-opacity));}\n.text-red-500{--un-hub-text-opacity:1;color:rgb(239 68 68 / var(--un-hub-text-opacity));}\n.text-red-600{--un-hub-text-opacity:1;color:rgb(220 38 38 / var(--un-hub-text-opacity));}\n.text-red-700{--un-hub-text-opacity:1;color:rgb(185 28 28 / var(--un-hub-text-opacity));}\n.text-white{--un-hub-text-opacity:1;color:rgb(255 255 255 / var(--un-hub-text-opacity));}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.leading-4{line-height:1rem;}\n.leading-5{line-height:1.25rem;}\n.leading-none{line-height:1;}\n.leading-relaxed{line-height:1.625;}\n.tracking-tight{letter-spacing:-0.025em;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-hub-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-hub-ordinal) var(--un-hub-slashed-zero) var(--un-hub-numeric-figure) var(--un-hub-numeric-spacing) var(--un-hub-numeric-fraction);}\n.line-through{text-decoration-line:line-through;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.caret-primary-500{--un-hub-caret-opacity:1;caret-color:rgb(87 136 97 / var(--un-hub-caret-opacity));}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50,\n.group:hover .group-hover\\:op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100,\n.opacity-100,\n.group:hover .group-hover\\:opacity-100{opacity:1;}\n.op0,\n.opacity-0{opacity:0;}\n.op25{opacity:0.25;}\n.op30{opacity:0.3;}\n.op40{opacity:0.4;}\n.op60{opacity:0.6;}\n.op60\\!{opacity:0.6 !important;}\n.op70{opacity:0.7;}\n.op75{opacity:0.75;}\n.op80{opacity:0.8;}\n.hover\\:op100:hover{opacity:1;}\n.hover\\:op60:hover{opacity:0.6;}\n.hover\\:op70:hover{opacity:0.7;}\n.hover\\:op80:hover{opacity:0.8;}\n.disabled\\:op40:disabled{opacity:0.4;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-hub-shadow:var(--un-hub-shadow-inset) 0 1px 2px 0 var(--un-hub-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.shadow{--un-hub-shadow:var(--un-hub-shadow-inset) 0 1px 3px 0 var(--un-hub-shadow-color, rgb(0 0 0 / 0.1)),var(--un-hub-shadow-inset) 0 1px 2px -1px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.shadow-2xl{--un-hub-shadow:var(--un-hub-shadow-inset) 0 25px 50px -12px var(--un-hub-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.shadow-lg{--un-hub-shadow:var(--un-hub-shadow-inset) 0 10px 15px -3px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1)),var(--un-hub-shadow-inset) 0 4px 6px -4px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.shadow-xl{--un-hub-shadow:var(--un-hub-shadow-inset) 0 20px 25px -5px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1)),var(--un-hub-shadow-inset) 0 8px 10px -6px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.outline{outline-style:solid;}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.ring-1\\.5{--un-hub-ring-width:1.5px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus-within\\:ring-2:focus-within{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus\\:ring-1:focus{--un-hub-ring-width:1px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus\\:ring-2:focus{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus\\:ring-3:focus{--un-hub-ring-width:3px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus-visible\\:ring-3:focus-visible{--un-hub-ring-width:3px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.ring-purple\\/50{--un-hub-ring-color:rgb(192 132 252 / 0.5);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-hub-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/25:focus{--un-hub-ring-color:rgb(87 136 97 / 0.25);}\n.focus\\:ring-primary-500\\/40:focus{--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-primary\\/30:focus{--un-hub-ring-color:rgb(58 106 69 / 0.3);}\n.focus\\:ring-red-500\\/40:focus{--un-hub-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-hub-ring-color:rgb(87 136 97 / 0.3);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-0{--un-hub-backdrop-blur:blur(0);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.backdrop-blur-1{--un-hub-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.backdrop-blur-sm{--un-hub-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.blur-2xl{--un-hub-blur:blur(40px);filter:var(--un-hub-blur) var(--un-hub-brightness) var(--un-hub-contrast) var(--un-hub-drop-shadow) var(--un-hub-grayscale) var(--un-hub-hue-rotate) var(--un-hub-invert) var(--un-hub-saturate) var(--un-hub-sepia);}\n.invert{--un-hub-invert:invert(1);filter:var(--un-hub-blur) var(--un-hub-brightness) var(--un-hub-contrast) var(--un-hub-drop-shadow) var(--un-hub-grayscale) var(--un-hub-hue-rotate) var(--un-hub-invert) var(--un-hub-saturate) var(--un-hub-sepia);}\n.saturate-0{--un-hub-saturate:saturate(0);filter:var(--un-hub-blur) var(--un-hub-brightness) var(--un-hub-contrast) var(--un-hub-drop-shadow) var(--un-hub-grayscale) var(--un-hub-hue-rotate) var(--un-hub-invert) var(--un-hub-saturate) var(--un-hub-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-150{transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.delay-200{transition-delay:200ms;}\n.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:gap-2\\.5{gap:0.625rem;}\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--un-hub-rotate:0;--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-scale-x:1;--un-hub-scale-y:1;--un-hub-scale-z:1;--un-hub-skew-x:0;--un-hub-skew-y:0;--un-hub-translate-x:0;--un-hub-translate-y:0;--un-hub-translate-z:0;--un-hub-pan-x: ;--un-hub-pan-y: ;--un-hub-pinch-zoom: ;--un-hub-scroll-snap-strictness:proximity;--un-hub-ordinal: ;--un-hub-slashed-zero: ;--un-hub-numeric-figure: ;--un-hub-numeric-spacing: ;--un-hub-numeric-fraction: ;--un-hub-border-spacing-x:0;--un-hub-border-spacing-y:0;--un-hub-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-shadow:0 0 rgb(0 0 0 / 0);--un-hub-shadow-inset: ;--un-hub-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-inset: ;--un-hub-ring-offset-width:0px;--un-hub-ring-offset-color:#fff;--un-hub-ring-width:0px;--un-hub-ring-color:rgb(147 197 253 / 0.5);--un-hub-blur: ;--un-hub-brightness: ;--un-hub-contrast: ;--un-hub-drop-shadow: ;--un-hub-grayscale: ;--un-hub-hue-rotate: ;--un-hub-invert: ;--un-hub-saturate: ;--un-hub-sepia: ;--un-hub-backdrop-blur: ;--un-hub-backdrop-brightness: ;--un-hub-backdrop-contrast: ;--un-hub-backdrop-grayscale: ;--un-hub-backdrop-hue-rotate: ;--un-hub-backdrop-invert: ;--un-hub-backdrop-opacity: ;--un-hub-backdrop-saturate: ;--un-hub-backdrop-sepia: ;}::backdrop{--un-hub-rotate:0;--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-scale-x:1;--un-hub-scale-y:1;--un-hub-scale-z:1;--un-hub-skew-x:0;--un-hub-skew-y:0;--un-hub-translate-x:0;--un-hub-translate-y:0;--un-hub-translate-z:0;--un-hub-pan-x: ;--un-hub-pan-y: ;--un-hub-pinch-zoom: ;--un-hub-scroll-snap-strictness:proximity;--un-hub-ordinal: ;--un-hub-slashed-zero: ;--un-hub-numeric-figure: ;--un-hub-numeric-spacing: ;--un-hub-numeric-fraction: ;--un-hub-border-spacing-x:0;--un-hub-border-spacing-y:0;--un-hub-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-shadow:0 0 rgb(0 0 0 / 0);--un-hub-shadow-inset: ;--un-hub-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-inset: ;--un-hub-ring-offset-width:0px;--un-hub-ring-offset-color:#fff;--un-hub-ring-width:0px;--un-hub-ring-color:rgb(147 197 253 / 0.5);--un-hub-blur: ;--un-hub-brightness: ;--un-hub-contrast: ;--un-hub-drop-shadow: ;--un-hub-grayscale: ;--un-hub-hue-rotate: ;--un-hub-invert: ;--un-hub-saturate: ;--un-hub-sepia: ;--un-hub-backdrop-blur: ;--un-hub-backdrop-brightness: ;--un-hub-backdrop-contrast: ;--un-hub-backdrop-grayscale: ;--un-hub-backdrop-hue-rotate: ;--un-hub-backdrop-invert: ;--un-hub-backdrop-opacity: ;--un-hub-backdrop-saturate: ;--un-hub-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: shortcuts */\n.border-base{--un-hub-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));}\n.bg-active{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active{background-color:rgb(58 106 69 / 0.15);}\n.bg-base{--un-hub-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-hub-bg-opacity));}\n.dark .bg-base{--un-hub-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-hub-bg-opacity));}\n.bg-hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-secondary{--un-hub-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-hub-bg-opacity));}\n.dark .bg-secondary{--un-hub-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-hub-bg-opacity));}\n.color-active{--un-hub-text-opacity:1;color:rgb(64 112 75 / var(--un-hub-text-opacity));}\n.dark .color-active{--un-hub-text-opacity:1;color:rgb(147 198 157 / var(--un-hub-text-opacity));}\n.color-base{--un-hub-text-opacity:1;color:rgb(38 38 38 / var(--un-hub-text-opacity));}\n.dark .color-base{--un-hub-text-opacity:1;color:rgb(229 229 229 / var(--un-hub-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-hub-text-opacity:1;color:rgb(115 115 115 / var(--un-hub-text-opacity));}\n.color-muted{--un-hub-text-opacity:1;color:rgb(82 82 82 / var(--un-hub-text-opacity));}\n.dark .color-muted{--un-hub-text-opacity:1;color:rgb(163 163 163 / var(--un-hub-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations, and imported after\n * `virtual:uno.css` in the Storybook preview for the same reason.\n *\n * Each Wind4 stop (`--colors-primary-*`) is derived from `--devframe-primary`\n * via `color-mix`. When `--devframe-primary` is unset, the intermediate\n * `--devframe-primary-<stop>` vars become guaranteed-invalid (their `color-mix`\n * references an unset var with no fallback), so each `--colors-primary-<stop>`\n * falls back to the exact devframe default hex — the default look is preserved,\n * and only an explicit override derives a new ramp. The vars inherit through\n * the tree, so setting `--devframe-primary` on the dock host retints\n * everything, and setting it on a group's chrome container retints just that\n * group (the group-accent mechanism).\n *\n * `:host` is the effective selector inside the dock's shadow root; `:root` is\n * for the light-DOM Storybook preview (it matches nothing in the shadow root).\n *\n * `.devframes-accent-scope` re-declares the whole block on a group's chrome\n * container: because custom properties inherit as computed values, a descendant\n * that only overrides `--devframe-primary` would keep the `:host`-computed\n * stops — re-running the derivation here recomputes them from the container's\n * own `--devframe-primary` (a group's `accentColor`), retinting just that group.\n */\n:root,\n:host,\n.devframes-accent-scope {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
diff --git a/packages/json-render-ui/scripts/build-css.ts b/packages/json-render-ui/scripts/build-css.ts
index b0dce9ab..9cbc1538 100644
--- a/packages/json-render-ui/scripts/build-css.ts
+++ b/packages/json-render-ui/scripts/build-css.ts
@@ -62,14 +62,15 @@ export async function buildCSS(): Promise<void> {
   // a shortcut+variant interaction. Generate the shadow-surface tokens in a
   // dedicated pass so their plain (and `.dark`) rules are always present.
   const surfaces = await generator.generate(shadowSurfaceSafelist.join(' '))
-  // Namespace Wind's `--un-*` vars so this shadow-root stylesheet is immune to
-  // a host page's Wind4 `@property` registrations (see `namespaceShadowCssVars`).
+  // Namespace Wind's `--un-*` vars (→ `--un-jr-*`) so this shadow-root
+  // stylesheet is immune to a host page's Wind4 `@property` registrations
+  // (see `namespaceShadowCssVars`).
   const css = namespaceShadowCssVars([
     reset,
     unoResult.css,
     surfaces.css,
     primaryRamp,
-  ].join('\n'))
+  ].join('\n'), '--un-jr-')
 
   await fs.mkdir(join(SRC_DIR, '.generated'), { recursive: true })
   await fs.writeFile(GENERATED_CSS, [
diff --git a/packages/json-render-ui/src/.generated/css.ts b/packages/json-render-ui/src/.generated/css.ts
index cbbe4ee0..d99d4640 100644
--- a/packages/json-render-ui/src/.generated/css.ts
+++ b/packages/json-render-ui/src/.generated/css.ts
@@ -1,3 +1,3 @@
 /* eslint-disable eslint-comments/no-unlimited-disable */
 /* eslint-disable */
-export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--dfun-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--dfun-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --dfun-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n/* layer: preflights */\n*,::before,::after{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}::backdrop{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--dfun-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--dfun-icon) no-repeat;mask:var(--dfun-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--dfun-bg-opacity:1;background-color:rgb(87 136 97 / var(--dfun-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--dfun-text-opacity:1;color:rgb(255 255 255 / var(--dfun-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--dfun-text-opacity:1;color:rgb(180 83 9 / var(--dfun-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--dfun-text-opacity:1;color:rgb(29 78 216 / var(--dfun-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--dfun-text-opacity:1;color:rgb(21 128 61 / var(--dfun-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--dfun-text-opacity:1;color:rgb(185 28 28 / var(--dfun-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--dfun-text-opacity:1;color:rgb(252 211 77 / var(--dfun-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--dfun-text-opacity:1;color:rgb(147 197 253 / var(--dfun-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--dfun-text-opacity:1;color:rgb(134 239 172 / var(--dfun-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--dfun-text-opacity:1;color:rgb(252 165 165 / var(--dfun-text-opacity));}\n.border-base{--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));}\n.border-mute{--dfun-border-opacity:0.07;border-color:rgb(136 136 136 / var(--dfun-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));opacity:1 !important;}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--dfun-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--dfun-bg-opacity:1;background-color:rgb(255 255 255 / var(--dfun-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--dfun-bg-opacity:1;background-color:rgb(17 17 17 / var(--dfun-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--dfun-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--dfun-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-secondary{--dfun-bg-opacity:1;background-color:rgb(246 246 246 / var(--dfun-bg-opacity));}\n.dark .bg-secondary{--dfun-bg-opacity:1;background-color:rgb(16 16 16 / var(--dfun-bg-opacity));}\n.hover\\:bg-hover:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.dark .hover\\:bg-secondary:hover{--dfun-bg-opacity:1;background-color:rgb(16 16 16 / var(--dfun-bg-opacity));}\n.hover\\:bg-secondary:hover{--dfun-bg-opacity:1;background-color:rgb(246 246 246 / var(--dfun-bg-opacity));}\n.btn-action:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-icon:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));opacity:1;}\n.btn-primary:hover{--dfun-bg-opacity:1;background-color:rgb(64 112 75 / var(--dfun-bg-opacity));}\n.bg-gradient-more{--dfun-gradient-from-position:0%;--dfun-gradient-from:rgb(255 255 255 / var(--dfun-from-opacity, 1)) var(--dfun-gradient-from-position);--dfun-gradient-to-position:100%;--dfun-gradient-to:rgb(255 255 255 / 0) var(--dfun-gradient-to-position);--dfun-gradient-stops:var(--dfun-gradient-from), var(--dfun-gradient-to);--dfun-gradient-via-position:50%;--dfun-gradient-to:rgb(255 255 255 / 0);--dfun-gradient-stops:var(--dfun-gradient-from), rgb(255 255 255 / 0.8) var(--dfun-gradient-via-position), var(--dfun-gradient-to);--dfun-gradient-shape:to top in oklch;--dfun-gradient:var(--dfun-gradient-shape), var(--dfun-gradient-stops);background-image:linear-gradient(var(--dfun-gradient));}\n.dark .bg-gradient-more{--dfun-gradient-from-position:0%;--dfun-gradient-from:rgb(17 17 17 / var(--dfun-from-opacity, 1)) var(--dfun-gradient-from-position);--dfun-gradient-to-position:100%;--dfun-gradient-to:rgb(17 17 17 / 0) var(--dfun-gradient-to-position);--dfun-gradient-stops:var(--dfun-gradient-from), var(--dfun-gradient-to);--dfun-gradient-via-position:50%;--dfun-gradient-to:rgb(17 17 17 / 0);--dfun-gradient-stops:var(--dfun-gradient-from), rgb(17 17 17 / 0.8) var(--dfun-gradient-via-position), var(--dfun-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--dfun-text-opacity:1;color:rgb(38 38 38 / var(--dfun-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--dfun-text-opacity:1;color:rgb(229 229 229 / var(--dfun-text-opacity));}\n.color-faint,\n.dark .color-faint{--dfun-text-opacity:1;color:rgb(115 115 115 / var(--dfun-text-opacity));}\n.color-muted{--dfun-text-opacity:1;color:rgb(82 82 82 / var(--dfun-text-opacity));}\n.dark .color-muted{--dfun-text-opacity:1;color:rgb(163 163 163 / var(--dfun-text-opacity));}\n.dark .hover\\:color-active:hover{--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.hover\\:color-active:hover{--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));}\n.dark .hover\\:color-base:hover{--dfun-text-opacity:1;color:rgb(229 229 229 / var(--dfun-text-opacity));}\n.hover\\:color-base:hover{--dfun-text-opacity:1;color:rgb(38 38 38 / var(--dfun-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--dfun-brightness:brightness(1);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);--dfun-hue-rotate:hue-rotate(0deg);--dfun-invert:invert(0);}\n.icon-catppuccin{--dfun-brightness:brightness(0.8);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);--dfun-hue-rotate:hue-rotate(180deg);--dfun-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.right-0{right:0;}\n.right-4{right:1rem;}\n.top-0{top:0;}\n.top-4{top:1rem;}\n.grid{display:grid;}\n.m-auto{margin:auto;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb2{margin-bottom:0.5rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1,\n.ml1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2{margin-top:0.5rem;}\n.mt-4{margin-top:1rem;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:0.5rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:0.75rem;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-sm{max-width:24rem;}\n.max-w-xs{max-width:20rem;}\n.min-h-40{min-height:10rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:0.375rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-7{width:1.75rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2{--dfun-translate-x:-50%;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--dfun-translate-x:1rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--dfun-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-x-0\\.5{--dfun-translate-x:0.125rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.translate-y-2{--dfun-translate-y:0.5rem;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.-rotate-90{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:-90deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-rotate:90deg;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.scale-98{--dfun-scale-x:0.98;--dfun-scale-y:0.98;transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n.transform{transform:translateX(var(--dfun-translate-x)) translateY(var(--dfun-translate-y)) translateZ(var(--dfun-translate-z)) rotate(var(--dfun-rotate)) rotateX(var(--dfun-rotate-x)) rotateY(var(--dfun-rotate-y)) rotateZ(var(--dfun-rotate-z)) skewX(var(--dfun-skew-x)) skewY(var(--dfun-skew-y)) scaleX(var(--dfun-scale-x)) scaleY(var(--dfun-scale-y)) scaleZ(var(--dfun-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.list-none{list-style-type:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-1{row-gap:0.25rem;}\n.divide-y>:not([hidden])~:not([hidden]){--dfun-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--dfun-divide-y-reverse)));border-bottom-width:calc(1px * var(--dfun-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--dfun-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-divide-opacity));}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-orange\\:50{border-color:rgb(251 146 60 / 0.5);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--dfun-border-opacity:1;border-color:rgb(87 136 97 / var(--dfun-border-opacity));}\n.border-red{--dfun-border-opacity:1;border-color:rgb(248 113 113 / var(--dfun-border-opacity));}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red\\!{--dfun-border-opacity:1 !important;border-color:rgb(248 113 113 / var(--dfun-border-opacity)) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--dfun-border-opacity:1;border-color:rgb(117 166 126 / var(--dfun-border-opacity));}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.border-dashed{border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--dfun-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-\\#8882{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-\\#8885{--dfun-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-amber-400\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-blue-400\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\:5{background-color:rgb(251 146 60 / 0.05);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--dfun-bg-opacity:1;background-color:rgb(87 136 97 / var(--dfun-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\:10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--dfun-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--dfun-bg-opacity)) !important;}\n.bg-red\\!{--dfun-bg-opacity:1 !important;background-color:rgb(248 113 113 / var(--dfun-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--dfun-bg-opacity:1;background-color:rgb(255 255 255 / var(--dfun-bg-opacity));}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\#8888:hover{--dfun-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.hover\\:bg-red-600\\!:hover{--dfun-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--dfun-bg-opacity)) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:rgb(248 113 113 / 0.9) !important;}\n.stroke-current{stroke:currentColor;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1{padding:0.25rem;}\n.p-1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4,\n.p4{padding:1rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0\\.5,\n.py0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pl3{padding-left:0.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-1\\.5{padding-top:0.375rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--dfun-text-opacity:1;color:rgb(252 211 77 / var(--dfun-text-opacity));}\n.color-amber,\n.dark .dark\\:text-amber-400{--dfun-text-opacity:1;color:rgb(251 191 36 / var(--dfun-text-opacity));}\n.dark .dark\\:text-blue-300{--dfun-text-opacity:1;color:rgb(147 197 253 / var(--dfun-text-opacity));}\n.dark .dark\\:text-green-300{--dfun-text-opacity:1;color:rgb(134 239 172 / var(--dfun-text-opacity));}\n.color-green,\n.dark .dark\\:text-green-400{--dfun-text-opacity:1;color:rgb(74 222 128 / var(--dfun-text-opacity));}\n.dark .dark\\:text-red-300{--dfun-text-opacity:1;color:rgb(252 165 165 / var(--dfun-text-opacity));}\n.color-red,\n.dark .dark\\:text-red-400{--dfun-text-opacity:1;color:rgb(248 113 113 / var(--dfun-text-opacity));}\n.text-amber-600{--dfun-text-opacity:1;color:rgb(217 119 6 / var(--dfun-text-opacity));}\n.text-amber-700{--dfun-text-opacity:1;color:rgb(180 83 9 / var(--dfun-text-opacity));}\n.text-blue-700{--dfun-text-opacity:1;color:rgb(29 78 216 / var(--dfun-text-opacity));}\n.text-green-600{--dfun-text-opacity:1;color:rgb(22 163 74 / var(--dfun-text-opacity));}\n.text-green-700{--dfun-text-opacity:1;color:rgb(21 128 61 / var(--dfun-text-opacity));}\n.text-orange{--dfun-text-opacity:1;color:rgb(251 146 60 / var(--dfun-text-opacity));}\n.text-red-500{--dfun-text-opacity:1;color:rgb(239 68 68 / var(--dfun-text-opacity));}\n.text-red-600{--dfun-text-opacity:1;color:rgb(220 38 38 / var(--dfun-text-opacity));}\n.text-red-700{--dfun-text-opacity:1;color:rgb(185 28 28 / var(--dfun-text-opacity));}\n.text-white{--dfun-text-opacity:1;color:rgb(255 255 255 / var(--dfun-text-opacity));}\n.color-primary{--dfun-text-opacity:1;color:rgb(58 106 69 / var(--dfun-text-opacity));}\n.color-white\\!{--dfun-text-opacity:1 !important;color:rgb(255 255 255 / var(--dfun-text-opacity)) !important;}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.font-semibold{font-weight:600;}\n.leading-none{line-height:1;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--dfun-numeric-spacing:tabular-nums;font-variant-numeric:var(--dfun-ordinal) var(--dfun-slashed-zero) var(--dfun-numeric-figure) var(--dfun-numeric-spacing) var(--dfun-numeric-fraction);}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:1;}\n.op0{opacity:0;}\n.op75{opacity:0.75;}\n.hover\\:op100:hover{opacity:1;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--dfun-shadow:var(--dfun-shadow-inset) 0 1px 2px 0 var(--dfun-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow{--dfun-shadow:var(--dfun-shadow-inset) 0 1px 3px 0 var(--dfun-shadow-color, rgb(0 0 0 / 0.1)),var(--dfun-shadow-inset) 0 1px 2px -1px var(--dfun-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow-2xl{--dfun-shadow:var(--dfun-shadow-inset) 0 25px 50px -12px var(--dfun-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow-lg{--dfun-shadow:var(--dfun-shadow-inset) 0 10px 15px -3px var(--dfun-shadow-color, rgb(0 0 0 / 0.1)),var(--dfun-shadow-inset) 0 4px 6px -4px var(--dfun-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.shadow-xl{--dfun-shadow:var(--dfun-shadow-inset) 0 20px 25px -5px var(--dfun-shadow-color, rgb(0 0 0 / 0.1)),var(--dfun-shadow-inset) 0 8px 10px -6px var(--dfun-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.focus-within\\:ring-2:focus-within{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus\\:ring-2:focus{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus-visible\\:ring-2:focus-visible{--dfun-ring-width:2px;--dfun-ring-offset-shadow:var(--dfun-ring-inset) 0 0 0 var(--dfun-ring-offset-width) var(--dfun-ring-offset-color);--dfun-ring-shadow:var(--dfun-ring-inset) 0 0 0 calc(var(--dfun-ring-width) + var(--dfun-ring-offset-width)) var(--dfun-ring-color);box-shadow:var(--dfun-ring-offset-shadow), var(--dfun-ring-shadow), var(--dfun-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--dfun-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/40:focus{--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-red-500\\/40:focus{--dfun-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--dfun-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-sm{--dfun-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);backdrop-filter:var(--dfun-backdrop-blur) var(--dfun-backdrop-brightness) var(--dfun-backdrop-contrast) var(--dfun-backdrop-grayscale) var(--dfun-backdrop-hue-rotate) var(--dfun-backdrop-invert) var(--dfun-backdrop-opacity) var(--dfun-backdrop-saturate) var(--dfun-backdrop-sepia);}\n.invert{--dfun-invert:invert(1);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);}\n.saturate-0{--dfun-saturate:saturate(0);filter:var(--dfun-blur) var(--dfun-brightness) var(--dfun-contrast) var(--dfun-drop-shadow) var(--dfun-grayscale) var(--dfun-hue-rotate) var(--dfun-invert) var(--dfun-saturate) var(--dfun-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}::backdrop{--dfun-rotate:0;--dfun-rotate-x:0;--dfun-rotate-y:0;--dfun-rotate-z:0;--dfun-scale-x:1;--dfun-scale-y:1;--dfun-scale-z:1;--dfun-skew-x:0;--dfun-skew-y:0;--dfun-translate-x:0;--dfun-translate-y:0;--dfun-translate-z:0;--dfun-pan-x: ;--dfun-pan-y: ;--dfun-pinch-zoom: ;--dfun-scroll-snap-strictness:proximity;--dfun-ordinal: ;--dfun-slashed-zero: ;--dfun-numeric-figure: ;--dfun-numeric-spacing: ;--dfun-numeric-fraction: ;--dfun-border-spacing-x:0;--dfun-border-spacing-y:0;--dfun-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-shadow:0 0 rgb(0 0 0 / 0);--dfun-shadow-inset: ;--dfun-shadow:0 0 rgb(0 0 0 / 0);--dfun-ring-inset: ;--dfun-ring-offset-width:0px;--dfun-ring-offset-color:#fff;--dfun-ring-width:0px;--dfun-ring-color:rgb(147 197 253 / 0.5);--dfun-blur: ;--dfun-brightness: ;--dfun-contrast: ;--dfun-drop-shadow: ;--dfun-grayscale: ;--dfun-hue-rotate: ;--dfun-invert: ;--dfun-saturate: ;--dfun-sepia: ;--dfun-backdrop-blur: ;--dfun-backdrop-brightness: ;--dfun-backdrop-contrast: ;--dfun-backdrop-grayscale: ;--dfun-backdrop-hue-rotate: ;--dfun-backdrop-invert: ;--dfun-backdrop-opacity: ;--dfun-backdrop-saturate: ;--dfun-backdrop-sepia: ;}\n/* layer: shortcuts */\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--dfun-text-opacity:1;color:rgb(180 83 9 / var(--dfun-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--dfun-text-opacity:1;color:rgb(29 78 216 / var(--dfun-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--dfun-text-opacity:1;color:rgb(21 128 61 / var(--dfun-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--dfun-text-opacity:1;color:rgb(185 28 28 / var(--dfun-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--dfun-text-opacity:1;color:rgb(252 211 77 / var(--dfun-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--dfun-text-opacity:1;color:rgb(147 197 253 / var(--dfun-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--dfun-text-opacity:1;color:rgb(134 239 172 / var(--dfun-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--dfun-text-opacity:1;color:rgb(252 165 165 / var(--dfun-text-opacity));}\n.border-base{--dfun-border-opacity:0.13;border-color:rgb(136 136 136 / var(--dfun-border-opacity));}\n.bg-active{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active{background-color:rgb(58 106 69 / 0.15);}\n.bg-base{--dfun-bg-opacity:1;background-color:rgb(255 255 255 / var(--dfun-bg-opacity));}\n.dark .bg-base{--dfun-bg-opacity:1;background-color:rgb(17 17 17 / var(--dfun-bg-opacity));}\n.bg-hover{--dfun-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--dfun-bg-opacity));}\n.bg-secondary{--dfun-bg-opacity:1;background-color:rgb(246 246 246 / var(--dfun-bg-opacity));}\n.dark .bg-secondary{--dfun-bg-opacity:1;background-color:rgb(16 16 16 / var(--dfun-bg-opacity));}\n.color-active{--dfun-text-opacity:1;color:rgb(64 112 75 / var(--dfun-text-opacity));}\n.dark .color-active{--dfun-text-opacity:1;color:rgb(147 198 157 / var(--dfun-text-opacity));}\n.color-base{--dfun-text-opacity:1;color:rgb(38 38 38 / var(--dfun-text-opacity));}\n.dark .color-base{--dfun-text-opacity:1;color:rgb(229 229 229 / var(--dfun-text-opacity));}\n.color-faint,\n.dark .color-faint{--dfun-text-opacity:1;color:rgb(115 115 115 / var(--dfun-text-opacity));}\n.color-muted{--dfun-text-opacity:1;color:rgb(82 82 82 / var(--dfun-text-opacity));}\n.dark .color-muted{--dfun-text-opacity:1;color:rgb(163 163 163 / var(--dfun-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"
+export default "/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n2. [UnoCSS]: allow to override the default border color with css var `--un-jr-default-border-color`\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: var(--un-jr-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n  --un-jr-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n/* layer: preflights */\n*,::before,::after{--un-jr-rotate:0;--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-scale-x:1;--un-jr-scale-y:1;--un-jr-scale-z:1;--un-jr-skew-x:0;--un-jr-skew-y:0;--un-jr-translate-x:0;--un-jr-translate-y:0;--un-jr-translate-z:0;--un-jr-pan-x: ;--un-jr-pan-y: ;--un-jr-pinch-zoom: ;--un-jr-scroll-snap-strictness:proximity;--un-jr-ordinal: ;--un-jr-slashed-zero: ;--un-jr-numeric-figure: ;--un-jr-numeric-spacing: ;--un-jr-numeric-fraction: ;--un-jr-border-spacing-x:0;--un-jr-border-spacing-y:0;--un-jr-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-shadow:0 0 rgb(0 0 0 / 0);--un-jr-shadow-inset: ;--un-jr-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-inset: ;--un-jr-ring-offset-width:0px;--un-jr-ring-offset-color:#fff;--un-jr-ring-width:0px;--un-jr-ring-color:rgb(147 197 253 / 0.5);--un-jr-blur: ;--un-jr-brightness: ;--un-jr-contrast: ;--un-jr-drop-shadow: ;--un-jr-grayscale: ;--un-jr-hue-rotate: ;--un-jr-invert: ;--un-jr-saturate: ;--un-jr-sepia: ;--un-jr-backdrop-blur: ;--un-jr-backdrop-brightness: ;--un-jr-backdrop-contrast: ;--un-jr-backdrop-grayscale: ;--un-jr-backdrop-hue-rotate: ;--un-jr-backdrop-invert: ;--un-jr-backdrop-opacity: ;--un-jr-backdrop-saturate: ;--un-jr-backdrop-sepia: ;}::backdrop{--un-jr-rotate:0;--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-scale-x:1;--un-jr-scale-y:1;--un-jr-scale-z:1;--un-jr-skew-x:0;--un-jr-skew-y:0;--un-jr-translate-x:0;--un-jr-translate-y:0;--un-jr-translate-z:0;--un-jr-pan-x: ;--un-jr-pan-y: ;--un-jr-pinch-zoom: ;--un-jr-scroll-snap-strictness:proximity;--un-jr-ordinal: ;--un-jr-slashed-zero: ;--un-jr-numeric-figure: ;--un-jr-numeric-spacing: ;--un-jr-numeric-fraction: ;--un-jr-border-spacing-x:0;--un-jr-border-spacing-y:0;--un-jr-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-shadow:0 0 rgb(0 0 0 / 0);--un-jr-shadow-inset: ;--un-jr-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-inset: ;--un-jr-ring-offset-width:0px;--un-jr-ring-offset-color:#fff;--un-jr-ring-width:0px;--un-jr-ring-color:rgb(147 197 253 / 0.5);--un-jr-blur: ;--un-jr-brightness: ;--un-jr-contrast: ;--un-jr-drop-shadow: ;--un-jr-grayscale: ;--un-jr-hue-rotate: ;--un-jr-invert: ;--un-jr-saturate: ;--un-jr-sepia: ;--un-jr-backdrop-blur: ;--un-jr-backdrop-brightness: ;--un-jr-backdrop-contrast: ;--un-jr-backdrop-grayscale: ;--un-jr-backdrop-hue-rotate: ;--un-jr-backdrop-invert: ;--un-jr-backdrop-opacity: ;--un-jr-backdrop-saturate: ;--un-jr-backdrop-sepia: ;}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-jr-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-jr-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-jr-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-jr-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-jr-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-jr-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-jr-text-opacity:1;color:rgb(255 255 255 / var(--un-jr-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-jr-text-opacity:1;color:rgb(180 83 9 / var(--un-jr-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-jr-text-opacity:1;color:rgb(29 78 216 / var(--un-jr-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-jr-text-opacity:1;color:rgb(21 128 61 / var(--un-jr-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-jr-text-opacity:1;color:rgb(185 28 28 / var(--un-jr-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-jr-text-opacity:1;color:rgb(252 211 77 / var(--un-jr-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-jr-text-opacity:1;color:rgb(147 197 253 / var(--un-jr-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-jr-text-opacity:1;color:rgb(134 239 172 / var(--un-jr-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-jr-text-opacity:1;color:rgb(252 165 165 / var(--un-jr-text-opacity));}\n.border-base{--un-jr-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-jr-border-opacity));}\n.border-mute{--un-jr-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-jr-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--un-jr-text-opacity:1;color:rgb(147 198 157 / var(--un-jr-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--un-jr-text-opacity:1;color:rgb(64 112 75 / var(--un-jr-text-opacity));opacity:1 !important;}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--un-jr-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-jr-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-jr-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-jr-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-jr-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-jr-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-jr-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-secondary{--un-jr-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-jr-bg-opacity));}\n.dark .bg-secondary{--un-jr-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-jr-bg-opacity));}\n.hover\\:bg-hover:hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.dark .hover\\:bg-secondary:hover{--un-jr-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-jr-bg-opacity));}\n.hover\\:bg-secondary:hover{--un-jr-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-jr-bg-opacity));}\n.btn-action:hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-jr-bg-opacity:1;background-color:rgb(64 112 75 / var(--un-jr-bg-opacity));}\n.bg-gradient-more{--un-jr-gradient-from-position:0%;--un-jr-gradient-from:rgb(255 255 255 / var(--un-jr-from-opacity, 1)) var(--un-jr-gradient-from-position);--un-jr-gradient-to-position:100%;--un-jr-gradient-to:rgb(255 255 255 / 0) var(--un-jr-gradient-to-position);--un-jr-gradient-stops:var(--un-jr-gradient-from), var(--un-jr-gradient-to);--un-jr-gradient-via-position:50%;--un-jr-gradient-to:rgb(255 255 255 / 0);--un-jr-gradient-stops:var(--un-jr-gradient-from), rgb(255 255 255 / 0.8) var(--un-jr-gradient-via-position), var(--un-jr-gradient-to);--un-jr-gradient-shape:to top in oklch;--un-jr-gradient:var(--un-jr-gradient-shape), var(--un-jr-gradient-stops);background-image:linear-gradient(var(--un-jr-gradient));}\n.dark .bg-gradient-more{--un-jr-gradient-from-position:0%;--un-jr-gradient-from:rgb(17 17 17 / var(--un-jr-from-opacity, 1)) var(--un-jr-gradient-from-position);--un-jr-gradient-to-position:100%;--un-jr-gradient-to:rgb(17 17 17 / 0) var(--un-jr-gradient-to-position);--un-jr-gradient-stops:var(--un-jr-gradient-from), var(--un-jr-gradient-to);--un-jr-gradient-via-position:50%;--un-jr-gradient-to:rgb(17 17 17 / 0);--un-jr-gradient-stops:var(--un-jr-gradient-from), rgb(17 17 17 / 0.8) var(--un-jr-gradient-via-position), var(--un-jr-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-jr-text-opacity:1;color:rgb(64 112 75 / var(--un-jr-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-jr-text-opacity:1;color:rgb(147 198 157 / var(--un-jr-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-jr-text-opacity:1;color:rgb(38 38 38 / var(--un-jr-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-jr-text-opacity:1;color:rgb(229 229 229 / var(--un-jr-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-jr-text-opacity:1;color:rgb(115 115 115 / var(--un-jr-text-opacity));}\n.color-muted{--un-jr-text-opacity:1;color:rgb(82 82 82 / var(--un-jr-text-opacity));}\n.dark .color-muted{--un-jr-text-opacity:1;color:rgb(163 163 163 / var(--un-jr-text-opacity));}\n.dark .hover\\:color-active:hover{--un-jr-text-opacity:1;color:rgb(147 198 157 / var(--un-jr-text-opacity));}\n.hover\\:color-active:hover{--un-jr-text-opacity:1;color:rgb(64 112 75 / var(--un-jr-text-opacity));}\n.dark .hover\\:color-base:hover{--un-jr-text-opacity:1;color:rgb(229 229 229 / var(--un-jr-text-opacity));}\n.hover\\:color-base:hover{--un-jr-text-opacity:1;color:rgb(38 38 38 / var(--un-jr-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--un-jr-brightness:brightness(1);filter:var(--un-jr-blur) var(--un-jr-brightness) var(--un-jr-contrast) var(--un-jr-drop-shadow) var(--un-jr-grayscale) var(--un-jr-hue-rotate) var(--un-jr-invert) var(--un-jr-saturate) var(--un-jr-sepia);--un-jr-hue-rotate:hue-rotate(0deg);--un-jr-invert:invert(0);}\n.icon-catppuccin{--un-jr-brightness:brightness(0.8);filter:var(--un-jr-blur) var(--un-jr-brightness) var(--un-jr-contrast) var(--un-jr-drop-shadow) var(--un-jr-grayscale) var(--un-jr-hue-rotate) var(--un-jr-invert) var(--un-jr-saturate) var(--un-jr-sepia);--un-jr-hue-rotate:hue-rotate(180deg);--un-jr-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.right-0{right:0;}\n.right-4{right:1rem;}\n.top-0{top:0;}\n.top-4{top:1rem;}\n.grid{display:grid;}\n.m-auto{margin:auto;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb2{margin-bottom:0.5rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1,\n.ml1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2{margin-top:0.5rem;}\n.mt-4{margin-top:1rem;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:0.5rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:0.75rem;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-sm{max-width:24rem;}\n.max-w-xs{max-width:20rem;}\n.min-h-40{min-height:10rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:0.375rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-7{width:1.75rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2{--un-jr-translate-x:-50%;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--un-jr-translate-x:1rem;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-jr-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.translate-x-0\\.5{--un-jr-translate-x:0.125rem;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.translate-y-2{--un-jr-translate-y:0.5rem;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.-rotate-90{--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-rotate:-90deg;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-rotate:90deg;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.scale-98{--un-jr-scale-x:0.98;--un-jr-scale-y:0.98;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.transform{transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.list-none{list-style-type:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-1{row-gap:0.25rem;}\n.divide-y>:not([hidden])~:not([hidden]){--un-jr-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-jr-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-jr-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-jr-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-jr-divide-opacity));}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-orange\\:50{border-color:rgb(251 146 60 / 0.5);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-jr-border-opacity:1;border-color:rgb(87 136 97 / var(--un-jr-border-opacity));}\n.border-red{--un-jr-border-opacity:1;border-color:rgb(248 113 113 / var(--un-jr-border-opacity));}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red\\!{--un-jr-border-opacity:1 !important;border-color:rgb(248 113 113 / var(--un-jr-border-opacity)) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-jr-border-opacity:1;border-color:rgb(117 166 126 / var(--un-jr-border-opacity));}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.border-dashed{border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-jr-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-\\#8882{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-\\#8885{--un-jr-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-amber-400\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-blue-400\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\:5{background-color:rgb(251 146 60 / 0.05);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-jr-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-jr-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\:10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-jr-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-jr-bg-opacity)) !important;}\n.bg-red\\!{--un-jr-bg-opacity:1 !important;background-color:rgb(248 113 113 / var(--un-jr-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-jr-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-jr-bg-opacity));}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\#8888:hover{--un-jr-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.hover\\:bg-red-600\\!:hover{--un-jr-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-jr-bg-opacity)) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:rgb(248 113 113 / 0.9) !important;}\n.stroke-current{stroke:currentColor;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1{padding:0.25rem;}\n.p-1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4,\n.p4{padding:1rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0\\.5,\n.py0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pl3{padding-left:0.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-1\\.5{padding-top:0.375rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-jr-text-opacity:1;color:rgb(252 211 77 / var(--un-jr-text-opacity));}\n.color-amber,\n.dark .dark\\:text-amber-400{--un-jr-text-opacity:1;color:rgb(251 191 36 / var(--un-jr-text-opacity));}\n.dark .dark\\:text-blue-300{--un-jr-text-opacity:1;color:rgb(147 197 253 / var(--un-jr-text-opacity));}\n.dark .dark\\:text-green-300{--un-jr-text-opacity:1;color:rgb(134 239 172 / var(--un-jr-text-opacity));}\n.color-green,\n.dark .dark\\:text-green-400{--un-jr-text-opacity:1;color:rgb(74 222 128 / var(--un-jr-text-opacity));}\n.dark .dark\\:text-red-300{--un-jr-text-opacity:1;color:rgb(252 165 165 / var(--un-jr-text-opacity));}\n.color-red,\n.dark .dark\\:text-red-400{--un-jr-text-opacity:1;color:rgb(248 113 113 / var(--un-jr-text-opacity));}\n.text-amber-600{--un-jr-text-opacity:1;color:rgb(217 119 6 / var(--un-jr-text-opacity));}\n.text-amber-700{--un-jr-text-opacity:1;color:rgb(180 83 9 / var(--un-jr-text-opacity));}\n.text-blue-700{--un-jr-text-opacity:1;color:rgb(29 78 216 / var(--un-jr-text-opacity));}\n.text-green-600{--un-jr-text-opacity:1;color:rgb(22 163 74 / var(--un-jr-text-opacity));}\n.text-green-700{--un-jr-text-opacity:1;color:rgb(21 128 61 / var(--un-jr-text-opacity));}\n.text-orange{--un-jr-text-opacity:1;color:rgb(251 146 60 / var(--un-jr-text-opacity));}\n.text-red-500{--un-jr-text-opacity:1;color:rgb(239 68 68 / var(--un-jr-text-opacity));}\n.text-red-600{--un-jr-text-opacity:1;color:rgb(220 38 38 / var(--un-jr-text-opacity));}\n.text-red-700{--un-jr-text-opacity:1;color:rgb(185 28 28 / var(--un-jr-text-opacity));}\n.text-white{--un-jr-text-opacity:1;color:rgb(255 255 255 / var(--un-jr-text-opacity));}\n.color-primary{--un-jr-text-opacity:1;color:rgb(58 106 69 / var(--un-jr-text-opacity));}\n.color-white\\!{--un-jr-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-jr-text-opacity)) !important;}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.font-semibold{font-weight:600;}\n.leading-none{line-height:1;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-jr-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-jr-ordinal) var(--un-jr-slashed-zero) var(--un-jr-numeric-figure) var(--un-jr-numeric-spacing) var(--un-jr-numeric-fraction);}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:1;}\n.op0{opacity:0;}\n.op75{opacity:0.75;}\n.hover\\:op100:hover{opacity:1;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-jr-shadow:var(--un-jr-shadow-inset) 0 1px 2px 0 var(--un-jr-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.shadow{--un-jr-shadow:var(--un-jr-shadow-inset) 0 1px 3px 0 var(--un-jr-shadow-color, rgb(0 0 0 / 0.1)),var(--un-jr-shadow-inset) 0 1px 2px -1px var(--un-jr-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.shadow-2xl{--un-jr-shadow:var(--un-jr-shadow-inset) 0 25px 50px -12px var(--un-jr-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.shadow-lg{--un-jr-shadow:var(--un-jr-shadow-inset) 0 10px 15px -3px var(--un-jr-shadow-color, rgb(0 0 0 / 0.1)),var(--un-jr-shadow-inset) 0 4px 6px -4px var(--un-jr-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.shadow-xl{--un-jr-shadow:var(--un-jr-shadow-inset) 0 20px 25px -5px var(--un-jr-shadow-color, rgb(0 0 0 / 0.1)),var(--un-jr-shadow-inset) 0 8px 10px -6px var(--un-jr-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.focus-within\\:ring-2:focus-within{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.focus\\:ring-2:focus{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-jr-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/40:focus{--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-red-500\\/40:focus{--un-jr-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-sm{--un-jr-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);}\n.invert{--un-jr-invert:invert(1);filter:var(--un-jr-blur) var(--un-jr-brightness) var(--un-jr-contrast) var(--un-jr-drop-shadow) var(--un-jr-grayscale) var(--un-jr-hue-rotate) var(--un-jr-invert) var(--un-jr-saturate) var(--un-jr-sepia);}\n.saturate-0{--un-jr-saturate:saturate(0);filter:var(--un-jr-blur) var(--un-jr-brightness) var(--un-jr-contrast) var(--un-jr-drop-shadow) var(--un-jr-grayscale) var(--un-jr-hue-rotate) var(--un-jr-invert) var(--un-jr-saturate) var(--un-jr-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--un-jr-rotate:0;--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-scale-x:1;--un-jr-scale-y:1;--un-jr-scale-z:1;--un-jr-skew-x:0;--un-jr-skew-y:0;--un-jr-translate-x:0;--un-jr-translate-y:0;--un-jr-translate-z:0;--un-jr-pan-x: ;--un-jr-pan-y: ;--un-jr-pinch-zoom: ;--un-jr-scroll-snap-strictness:proximity;--un-jr-ordinal: ;--un-jr-slashed-zero: ;--un-jr-numeric-figure: ;--un-jr-numeric-spacing: ;--un-jr-numeric-fraction: ;--un-jr-border-spacing-x:0;--un-jr-border-spacing-y:0;--un-jr-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-shadow:0 0 rgb(0 0 0 / 0);--un-jr-shadow-inset: ;--un-jr-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-inset: ;--un-jr-ring-offset-width:0px;--un-jr-ring-offset-color:#fff;--un-jr-ring-width:0px;--un-jr-ring-color:rgb(147 197 253 / 0.5);--un-jr-blur: ;--un-jr-brightness: ;--un-jr-contrast: ;--un-jr-drop-shadow: ;--un-jr-grayscale: ;--un-jr-hue-rotate: ;--un-jr-invert: ;--un-jr-saturate: ;--un-jr-sepia: ;--un-jr-backdrop-blur: ;--un-jr-backdrop-brightness: ;--un-jr-backdrop-contrast: ;--un-jr-backdrop-grayscale: ;--un-jr-backdrop-hue-rotate: ;--un-jr-backdrop-invert: ;--un-jr-backdrop-opacity: ;--un-jr-backdrop-saturate: ;--un-jr-backdrop-sepia: ;}::backdrop{--un-jr-rotate:0;--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-scale-x:1;--un-jr-scale-y:1;--un-jr-scale-z:1;--un-jr-skew-x:0;--un-jr-skew-y:0;--un-jr-translate-x:0;--un-jr-translate-y:0;--un-jr-translate-z:0;--un-jr-pan-x: ;--un-jr-pan-y: ;--un-jr-pinch-zoom: ;--un-jr-scroll-snap-strictness:proximity;--un-jr-ordinal: ;--un-jr-slashed-zero: ;--un-jr-numeric-figure: ;--un-jr-numeric-spacing: ;--un-jr-numeric-fraction: ;--un-jr-border-spacing-x:0;--un-jr-border-spacing-y:0;--un-jr-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-shadow:0 0 rgb(0 0 0 / 0);--un-jr-shadow-inset: ;--un-jr-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-inset: ;--un-jr-ring-offset-width:0px;--un-jr-ring-offset-color:#fff;--un-jr-ring-width:0px;--un-jr-ring-color:rgb(147 197 253 / 0.5);--un-jr-blur: ;--un-jr-brightness: ;--un-jr-contrast: ;--un-jr-drop-shadow: ;--un-jr-grayscale: ;--un-jr-hue-rotate: ;--un-jr-invert: ;--un-jr-saturate: ;--un-jr-sepia: ;--un-jr-backdrop-blur: ;--un-jr-backdrop-brightness: ;--un-jr-backdrop-contrast: ;--un-jr-backdrop-grayscale: ;--un-jr-backdrop-hue-rotate: ;--un-jr-backdrop-invert: ;--un-jr-backdrop-opacity: ;--un-jr-backdrop-saturate: ;--un-jr-backdrop-sepia: ;}\n/* layer: shortcuts */\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-jr-text-opacity:1;color:rgb(180 83 9 / var(--un-jr-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-jr-text-opacity:1;color:rgb(29 78 216 / var(--un-jr-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-jr-text-opacity:1;color:rgb(21 128 61 / var(--un-jr-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-jr-text-opacity:1;color:rgb(185 28 28 / var(--un-jr-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-jr-text-opacity:1;color:rgb(252 211 77 / var(--un-jr-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-jr-text-opacity:1;color:rgb(147 197 253 / var(--un-jr-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-jr-text-opacity:1;color:rgb(134 239 172 / var(--un-jr-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-jr-text-opacity:1;color:rgb(252 165 165 / var(--un-jr-text-opacity));}\n.border-base{--un-jr-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-jr-border-opacity));}\n.bg-active{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active{background-color:rgb(58 106 69 / 0.15);}\n.bg-base{--un-jr-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-jr-bg-opacity));}\n.dark .bg-base{--un-jr-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-jr-bg-opacity));}\n.bg-hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-secondary{--un-jr-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-jr-bg-opacity));}\n.dark .bg-secondary{--un-jr-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-jr-bg-opacity));}\n.color-active{--un-jr-text-opacity:1;color:rgb(64 112 75 / var(--un-jr-text-opacity));}\n.dark .color-active{--un-jr-text-opacity:1;color:rgb(147 198 157 / var(--un-jr-text-opacity));}\n.color-base{--un-jr-text-opacity:1;color:rgb(38 38 38 / var(--un-jr-text-opacity));}\n.dark .color-base{--un-jr-text-opacity:1;color:rgb(229 229 229 / var(--un-jr-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-jr-text-opacity:1;color:rgb(115 115 115 / var(--un-jr-text-opacity));}\n.color-muted{--un-jr-text-opacity:1;color:rgb(82 82 82 / var(--un-jr-text-opacity));}\n.dark .color-muted{--un-jr-text-opacity:1;color:rgb(163 163 163 / var(--un-jr-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"<length-percentage>\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"<angle>\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n  --devframe-primary-DEFAULT: var(--devframe-primary);\n  --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n  --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n  --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n  --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n  --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n  --colors-primary-600: var(--devframe-primary-600, #40704b);\n  --colors-primary-500: var(--devframe-primary-500, #578861);\n  --colors-primary-400: var(--devframe-primary-400, #75a67e);\n  --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n"