From a1c74f9d5fbc6798d35b97eacd8d41e6b57ccb1d Mon Sep 17 00:00:00 2001
From: "Anthony Fu (via agent)" <reg-github-bot@antfu.me>
Date: Fri, 7 Aug 2026 07:12:06 +0000
Subject: [PATCH 1/2] feat(hub-ui): overridable primary color + customizable
 branding
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Make the reference dock's identity a first-class, overridable surface so a
consumer (e.g. a Vite DevTools-style viewer) can reuse hub-ui and rebrand it —
logo, product name, and color — without forking.

Primary color
- The whole primary ramp derives from a single `--devframe-primary` variable
  (src/client/primary-ramp.css), appended after the UnoCSS output so it wins
  over Wind4's `:host` defaults. Unset keeps the exact devframe green (via a
  guaranteed-invalid fallback); set derives the five stops with `color-mix`.
- The dock glow follows the primary variable, so a rebrand retints it too.

Group accent
- A group's `accentColor` is applied by overriding `--devframe-primary` on the
  group's chrome container (`.devframes-accent-scope`), retinting the whole
  cluster through the primary token — replacing the bespoke inline accent
  colors. The group's plugin view is left untouched.

Branding
- New `DevframeBranding` (logo/wordmark with light/dark variants, productName,
  primaryColor, tagline, favicon, windowTitle); all optional with devframe
  defaults. `createUi({ branding })` publishes it as `branding.json` through a
  new generic `DevframeHubUi.assets` seam on `@devframes/hub` (the only hub
  change — branding-agnostic). The dock fetches it before first paint; a host
  page can override any field at runtime via `window.__DEVFRAME_BRANDING__`,
  `<script data-*>`, or `?query` params, merged per field.
- Logo swaps at every BrandMark/BrandWordmark site; productName templatizes all
  user-visible copy; favicon/title apply to the standalone viewer and popped-out
  window only (never the embedded host page's head).

Created with the help of an agent.
---
 packages/hub-ui/.storybook/preview.ts         |   2 +
 packages/hub-ui/scripts/build-css.ts          |   7 +
 packages/hub-ui/src/client/.generated/css.ts  |   2 +-
 .../src/client/components/dock/DockEntry.vue  |  11 +-
 .../components/dock/DockGroupButton.vue       |   4 +-
 .../components/dock/DockGroupPopover.vue      |  26 +-
 .../components/dock/DockGroupSidebar.vue      |  27 +-
 .../client/components/icons/Brand.stories.ts  |  34 ++-
 .../src/client/components/icons/BrandMark.vue |  16 +-
 .../client/components/icons/BrandWordmark.vue |  29 ++-
 .../views-builtin/SettingsAdvanced.vue        |   4 +-
 .../views-builtin/SettingsAppearance.vue      |   8 +-
 .../ViewBuiltinClientAuthNotice.vue           |   7 +-
 packages/hub-ui/src/client/embedded/index.ts  |  13 +
 packages/hub-ui/src/client/primary-ramp.css   |  41 +++
 packages/hub-ui/src/client/standalone/main.ts |  10 +
 packages/hub-ui/src/client/state/branding.ts  | 234 ++++++++++++++++++
 packages/hub-ui/src/client/state/context.ts   |   3 +-
 packages/hub-ui/src/client/state/popup.ts     |   5 +-
 packages/hub-ui/src/client/style.css          |   9 +-
 .../hub-ui/src/client/utils/accent-color.ts   |  32 +--
 packages/hub-ui/src/index.ts                  |  16 ++
 packages/hub/src/node/initiate.ts             |  34 +++
 .../@devframes/hub-ui/index.snapshot.d.ts     |  10 +
 .../@devframes/hub/initiate.snapshot.d.ts     |   1 +
 25 files changed, 510 insertions(+), 75 deletions(-)
 create mode 100644 packages/hub-ui/src/client/primary-ramp.css
 create mode 100644 packages/hub-ui/src/client/state/branding.ts

diff --git a/packages/hub-ui/.storybook/preview.ts b/packages/hub-ui/.storybook/preview.ts
index ca839030..3bcac0a0 100644
--- a/packages/hub-ui/.storybook/preview.ts
+++ b/packages/hub-ui/.storybook/preview.ts
@@ -2,6 +2,8 @@ import type { Decorator, Preview } from '@storybook/vue3-vite'
 import 'virtual:uno.css'
 import '@antfu/design/styles.css'
 import '../src/client/style.css'
+// After uno so the primary-ramp override wins, matching the shadow-root build.
+import '../src/client/primary-ramp.css'
 
 // Drive the shared `@antfu/design` tokens off the toolbar theme toggle: dark mode
 // is the `.dark` class on `<html>`, and the canvas takes the semantic
diff --git a/packages/hub-ui/scripts/build-css.ts b/packages/hub-ui/scripts/build-css.ts
index 8ab151ff..ce1116c1 100644
--- a/packages/hub-ui/scripts/build-css.ts
+++ b/packages/hub-ui/scripts/build-css.ts
@@ -17,6 +17,11 @@ const GLOBS = ['components/**/*.{ts,vue}', 'state/**/*.ts', 'embedded/**/*.ts',
 // Story-only utility classes must not leak into the shipped stylesheet.
 const IGNORE = ['**/*.stories.*', '**/__tests__/**']
 const USER_STYLE = join(SRC_DIR, 'style.css')
+// The single-overridable-variable primary ramp. Appended AFTER the UnoCSS
+// output so its `:host` block wins over Wind4's own `:root, :host` primary
+// declarations (kept in its own file so the Storybook preview can import the
+// exact same override after `virtual:uno.css`). See the file's own comment.
+const PRIMARY_RAMP = join(SRC_DIR, 'primary-ramp.css')
 const GENERATED_CSS = join(SRC_DIR, '.generated/css.ts')
 
 export async function buildCSS(): Promise<void> {
@@ -55,11 +60,13 @@ export async function buildCSS(): Promise<void> {
     await transformer.transform(userStyle, USER_STYLE, { uno: generator } as any)
   }
 
+  const primaryRamp = await fs.readFile(PRIMARY_RAMP, 'utf-8')
   const unoResult = await generator.generate(tokens)
   const css = [
     reset,
     userStyle.toString(),
     unoResult.css,
+    primaryRamp,
   ].join('\n')
 
   await fs.mkdir(join(SRC_DIR, '.generated'), { recursive: true })
diff --git a/packages/hub-ui/src/client/.generated/css.ts b/packages/hub-ui/src/client/.generated/css.ts
index dfb81210..4e28b3b3 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  background-image: linear-gradient(45deg, #adc77f, #517158, #486954);\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; --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-orange-DEFAULT: oklch(75% 0.183 55.934); --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-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --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-gray-DEFAULT: oklch(70.7% 0.022 261.325); --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-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-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{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.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.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-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}"
+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); --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-amber-DEFAULT: oklch(82.8% 0.189 84.429); --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-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"
diff --git a/packages/hub-ui/src/client/components/dock/DockEntry.vue b/packages/hub-ui/src/client/components/dock/DockEntry.vue
index 20eaa1e2..cb5ac3a5 100644
--- a/packages/hub-ui/src/client/components/dock/DockEntry.vue
+++ b/packages/hub-ui/src/client/components/dock/DockEntry.vue
@@ -2,9 +2,8 @@
 import type { DevframeDockEntryBase } from '@devframes/hub'
 import type { DocksContext } from '@devframes/hub/client'
 import { useEventListener } from '@vueuse/core'
-import { computed, useTemplateRef } from 'vue'
+import { useTemplateRef } from 'vue'
 import { setFloatingTooltip } from '../../state/floating-tooltip'
-import { accentTextStyle } from '../../utils/accent-color'
 import { openDockContextMenu } from './DockContextMenu'
 import DockIcon from './DockIcon.vue'
 
@@ -18,17 +17,12 @@ const props = withDefaults(
     isVertical?: boolean
     badge?: string
     tooltip?: boolean
-    /** A `group` entry's optional `accentColor`, applied while selected/active. */
-    accentColor?: string
   }>(),
   {
     tooltip: true,
   },
 )
 
-// Only kicks in while selected — an idle group button keeps its default look.
-const accentStyle = computed(() => (props.isSelected ? accentTextStyle(props.accentColor) : undefined))
-
 const button = useTemplateRef<HTMLButtonElement>('button')
 
 function updateTooltip() {
@@ -84,11 +78,10 @@ useEventListener('pointerdown', () => {
     <button
       ref="button"
       :aria-label="dock.title"
-      :style="accentStyle"
       :class="[
         isVertical ? 'rotate-270' : '',
         isDimmed ? 'op50 saturate-0' : '',
-        isSelected ? (accentColor ? 'scale-120' : 'scale-120 text-primary') : '',
+        isSelected ? 'scale-120 text-primary' : '',
         isAction ? 'bg-[#8881] hover:bg-[#8882] rounded-full' : 'rounded-xl',
       ]"
       class="flex items-center justify-center p1.5 hover:bg-[#8881] hover:scale-110 transition-all duration-300 relative outline-none"
diff --git a/packages/hub-ui/src/client/components/dock/DockGroupButton.vue b/packages/hub-ui/src/client/components/dock/DockGroupButton.vue
index 4bec2bbd..394d7cbc 100644
--- a/packages/hub-ui/src/client/components/dock/DockGroupButton.vue
+++ b/packages/hub-ui/src/client/components/dock/DockGroupButton.vue
@@ -6,6 +6,7 @@ import { computed, h, ref, useTemplateRef } from 'vue'
 import { getGroupMembers, getGroupMembersGrouped, resolveGroupDefaultChild } from '../../state/dock-settings'
 import { sharedStateToRef } from '../../state/docks'
 import { setDocksGroupPanel, useDocksGroupPanel } from '../../state/floating-tooltip'
+import { accentVarStyle } from '../../utils/accent-color'
 import DockEntry from './DockEntry.vue'
 import DockGroupPopover from './DockGroupPopover.vue'
 
@@ -119,7 +120,7 @@ function onClick() {
 </script>
 
 <template>
-  <div ref="groupButton">
+  <div ref="groupButton" :class="group.accentColor ? 'devframes-accent-scope' : ''" :style="accentVarStyle(group.accentColor)">
     <DockEntry
       :context="context"
       :dock="group"
@@ -127,7 +128,6 @@ function onClick() {
       :is-selected="isActive || isPanelVisible"
       :is-dimmed="dimInactive && selected ? !isActive : false"
       :badge="group.badge"
-      :accent-color="group.accentColor"
       @click="onClick"
     />
   </div>
diff --git a/packages/hub-ui/src/client/components/dock/DockGroupPopover.vue b/packages/hub-ui/src/client/components/dock/DockGroupPopover.vue
index 8abd655c..f8f95cb5 100644
--- a/packages/hub-ui/src/client/components/dock/DockGroupPopover.vue
+++ b/packages/hub-ui/src/client/components/dock/DockGroupPopover.vue
@@ -2,7 +2,7 @@
 import type { DevframeDockEntriesGrouped, DevframeDockEntry, DevframeViewGroup } from '@devframes/hub'
 import type { DocksContext } from '@devframes/hub/client'
 import { computed } from 'vue'
-import { accentActiveStyle, accentTextStyle } from '../../utils/accent-color'
+import { accentVarStyle } from '../../utils/accent-color'
 import DockIcon from './DockIcon.vue'
 
 const props = defineProps<{
@@ -18,17 +18,22 @@ const emit = defineEmits<{
 }>()
 
 const isEmpty = computed(() => props.members.every(([, items]) => items.length === 0))
-
-const headerStyle = computed(() => accentTextStyle(props.group.accentColor))
-
-function memberStyle(memberId: string) {
-  return props.selectedId === memberId ? accentActiveStyle(props.group.accentColor) : undefined
-}
 </script>
 
 <template>
-  <div class="flex flex-col gap-0.5 min-w-44 max-w-64" @mousemove.stop>
-    <div class="flex items-center gap-1.5 px4 mx--2 pt2 pb2.5 font-bold text-2.75 uppercase tracking-wide border-b border-base" :style="headerStyle">
+  <!-- The group's accentColor overrides --devframe-primary for the whole
+       popover, so the header icon and the selected row's text-primary/bg-active
+       render in the accent. -->
+  <div
+    class="flex flex-col gap-0.5 min-w-44 max-w-64"
+    :class="group.accentColor ? 'devframes-accent-scope' : ''"
+    :style="accentVarStyle(group.accentColor)"
+    @mousemove.stop
+  >
+    <div
+      class="flex items-center gap-1.5 px4 mx--2 pt2 pb2.5 font-bold text-2.75 uppercase tracking-wide border-b border-base"
+      :class="group.accentColor ? 'color-active' : ''"
+    >
       <DockIcon :icon="group.icon" class="w-4.5 h-4.5" />
       <span class="truncate">{{ group.title }}</span>
     </div>
@@ -39,8 +44,7 @@ function memberStyle(memberId: string) {
         v-for="member of items"
         :key="member.id"
         class="flex items-center gap-2 w-full px2 py1.5 rounded text-sm text-left transition"
-        :class="selectedId === member.id ? (group.accentColor ? '' : 'text-primary bg-active') : 'op80 hover:op100 hover:bg-active'"
-        :style="memberStyle(member.id)"
+        :class="selectedId === member.id ? 'text-primary bg-active' : 'op80 hover:op100 hover:bg-active'"
         @click="emit('select', member)"
       >
         <DockIcon :icon="member.icon" class="w-4.5 h-4.5 flex-none" />
diff --git a/packages/hub-ui/src/client/components/dock/DockGroupSidebar.vue b/packages/hub-ui/src/client/components/dock/DockGroupSidebar.vue
index bab673ef..0a842a68 100644
--- a/packages/hub-ui/src/client/components/dock/DockGroupSidebar.vue
+++ b/packages/hub-ui/src/client/components/dock/DockGroupSidebar.vue
@@ -6,7 +6,7 @@ import { computed, h, ref, useTemplateRef } from 'vue'
 import { deriveSidebarCapacity, docksSplitGroupsWithCapacity, getGroupMembersGrouped } from '../../state/dock-settings'
 import { sharedStateToRef } from '../../state/docks'
 import { setDocksSidebarOverflowPanel, setFloatingTooltip, useDocksSidebarOverflowPanel } from '../../state/floating-tooltip'
-import { accentActiveStyle, accentTextStyle } from '../../utils/accent-color'
+import { accentVarStyle } from '../../utils/accent-color'
 import DockGroupPopover from './DockGroupPopover.vue'
 import DockIcon from './DockIcon.vue'
 
@@ -126,22 +126,21 @@ watchDebounced(
 
 // Highlight the button when the hidden selection lives here, or while open.
 const moreButtonActive = computed(() => selectedInOverflow.value || isOverflowPanelVisible.value)
-
-// Accent styling, mirroring DockGroupPopover: falls back to the default
-// Uno classes below when the group sets no `accentColor`.
-const anchorStyle = computed(() => accentTextStyle(props.group.accentColor))
-function memberStyle(memberId: string) {
-  return props.selectedId === memberId ? accentActiveStyle(props.group.accentColor) : undefined
-}
-const moreButtonStyle = computed(() => (moreButtonActive.value ? accentActiveStyle(props.group.accentColor) : undefined))
 </script>
 
 <template>
-  <div ref="sidebar" class="devframes-group-sidebar flex flex-col flex-none w-12 h-full border-r border-base of-y-hidden of-x-hidden select-none py1.5 items-center gap-0.5">
+  <!-- The group's accentColor overrides --devframe-primary for the whole rail,
+       so the anchor + selected members' text-primary/bg-active render accent. -->
+  <div
+    ref="sidebar"
+    class="devframes-group-sidebar flex flex-col flex-none w-12 h-full border-r border-base of-y-hidden of-x-hidden select-none py1.5 items-center gap-0.5"
+    :class="group.accentColor ? 'devframes-accent-scope' : ''"
+    :style="accentVarStyle(group.accentColor)"
+  >
     <!-- Group anchor -->
     <div
       class="flex items-center justify-center w-8 h-8 op60"
-      :style="anchorStyle"
+      :class="group.accentColor ? 'color-active' : ''"
       @pointerenter="showTooltip($event, group.title)"
       @pointerleave="hideTooltip"
     >
@@ -158,8 +157,7 @@ const moreButtonStyle = computed(() => (moreButtonActive.value ? accentActiveSty
         :key="member.id"
         :aria-label="member.title"
         class="relative flex items-center justify-center w-8 h-8 rounded-lg transition"
-        :class="selectedId === member.id ? (group.accentColor ? '' : 'text-primary bg-active') : 'op60 hover:op100 hover:bg-active'"
-        :style="memberStyle(member.id)"
+        :class="selectedId === member.id ? 'text-primary bg-active' : 'op60 hover:op100 hover:bg-active'"
         @pointerenter="showTooltip($event, member.title)"
         @pointerleave="hideTooltip"
         @pointerdown="hideTooltip"
@@ -181,8 +179,7 @@ const moreButtonStyle = computed(() => (moreButtonActive.value ? accentActiveSty
       ref="moreButton"
       aria-label="Show more"
       class="relative flex items-center justify-center w-8 h-8 rounded-lg transition mt-auto flex-none"
-      :class="moreButtonActive ? (group.accentColor ? '' : 'text-primary bg-active') : 'op60 hover:op100 hover:bg-active'"
-      :style="moreButtonStyle"
+      :class="moreButtonActive ? 'text-primary bg-active' : 'op60 hover:op100 hover:bg-active'"
       @pointerenter="showTooltip($event, 'Show more')"
       @pointerleave="hideTooltip"
       @pointerdown="hideTooltip"
diff --git a/packages/hub-ui/src/client/components/icons/Brand.stories.ts b/packages/hub-ui/src/client/components/icons/Brand.stories.ts
index 8364658f..6c6f5d98 100644
--- a/packages/hub-ui/src/client/components/icons/Brand.stories.ts
+++ b/packages/hub-ui/src/client/components/icons/Brand.stories.ts
@@ -1,8 +1,15 @@
 import type { Meta, StoryObj } from '@storybook/vue3-vite'
-import { h } from 'vue'
+import { h, onScopeDispose } from 'vue'
+import { setBranding } from '../../state/branding'
 import BrandMark from './BrandMark.vue'
 import BrandWordmark from './BrandWordmark.vue'
 
+// A stand-in consumer logo (inline data-URI SVG) so the branded stories need no
+// network. A violet hexagon, echoing the sample `primaryColor` below.
+const SAMPLE_LOGO = `data:image/svg+xml,${encodeURIComponent(
+  `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#7c3aed" d="M12 2l9 5v10l-9 5-9-5V7z"/></svg>`,
+)}`
+
 const meta = {
   title: 'Brand/Logos',
   tags: ['autodocs'],
@@ -29,3 +36,28 @@ export const Wordmark: Story = {
   name: 'BrandWordmark',
   render: () => ({ setup: () => () => h(BrandWordmark) }),
 }
+
+/**
+ * A rebrand via `createUi({ branding })` / the host page — a custom product
+ * name, logo, and primary color. The wrapper sets `--devframe-primary` (what
+ * the bootstrap applies from `branding.primaryColor`), so the ramp — and the
+ * mark/wordmark — retint together.
+ */
+export const Branded: Story = {
+  name: 'Branded (custom)',
+  render: () => ({
+    setup() {
+      setBranding({ productName: 'Acme DevTools', logo: SAMPLE_LOGO, primaryColor: '#7c3aed' })
+      // Restore devframe defaults so sibling stories are unaffected.
+      onScopeDispose(() => setBranding({}))
+      return () => h('div', { class: 'devframes-accent-scope flex flex-col gap-4 p-6', style: '--devframe-primary: #7c3aed' }, [
+        h('div', { class: 'w-16 h-16' }, h(BrandMark)),
+        h(BrandWordmark),
+        h('div', { class: 'flex items-center gap-3' }, [
+          h('button', { class: 'btn-primary' }, 'Primary button'),
+          h('span', { class: 'color-active font-medium' }, 'color-active text'),
+        ]),
+      ])
+    },
+  }),
+}
diff --git a/packages/hub-ui/src/client/components/icons/BrandMark.vue b/packages/hub-ui/src/client/components/icons/BrandMark.vue
index 64e91606..b756f3e9 100644
--- a/packages/hub-ui/src/client/components/icons/BrandMark.vue
+++ b/packages/hub-ui/src/client/components/icons/BrandMark.vue
@@ -1,10 +1,22 @@
 <script setup lang="ts">
+import { useBranding, useBrandingLogo } from '../../state/branding'
 import DevframeLogo from './DevframeLogo.vue'
+
+// The brand mark — the consumer's branding logo (per color scheme) when set,
+// otherwise devframe's default mark. Sized by the caller's classes.
+const branding = useBranding()
+const logo = useBrandingLogo(b => b.logo)
 </script>
 
 <template>
-  <!-- The devframe brand mark — sized by the caller's classes. -->
   <div class="flex items-center justify-center">
-    <DevframeLogo class="w-full h-full" />
+    <img
+      v-if="logo"
+      :src="logo"
+      :alt="`${branding.productName} logo`"
+      class="w-full h-full object-contain"
+      draggable="false"
+    >
+    <DevframeLogo v-else class="w-full h-full" />
   </div>
 </template>
diff --git a/packages/hub-ui/src/client/components/icons/BrandWordmark.vue b/packages/hub-ui/src/client/components/icons/BrandWordmark.vue
index 4a8a5bfd..67a23b4e 100644
--- a/packages/hub-ui/src/client/components/icons/BrandWordmark.vue
+++ b/packages/hub-ui/src/client/components/icons/BrandWordmark.vue
@@ -1,12 +1,33 @@
 <script setup lang="ts">
+import { useBranding, useBrandingLogo } from '../../state/branding'
 import DevframeLogo from './DevframeLogo.vue'
+
+// The wordmark — a consumer-supplied wordmark image, or the mark composed with
+// the product name. A decorative flourish (e.g. peeking above the palette).
+const branding = useBranding()
+const wordmark = useBrandingLogo(b => b.wordmark)
+const logo = useBrandingLogo(b => b.logo)
 </script>
 
 <template>
-  <!-- The devframe wordmark — a decorative brand flourish (e.g. peeking
-       above the command palette). -->
   <div class="flex items-center gap-1.5 select-none" aria-hidden="true">
-    <DevframeLogo class="w-6 h-6 flex-none" />
-    <span class="text-xl font-bold tracking-tight color-base">Devframes</span>
+    <img
+      v-if="wordmark"
+      :src="wordmark"
+      :alt="branding.productName"
+      class="h-6 flex-none object-contain"
+      draggable="false"
+    >
+    <template v-else>
+      <img
+        v-if="logo"
+        :src="logo"
+        :alt="`${branding.productName} logo`"
+        class="w-6 h-6 flex-none object-contain"
+        draggable="false"
+      >
+      <DevframeLogo v-else class="w-6 h-6 flex-none" />
+      <span class="text-xl font-bold tracking-tight color-base">{{ branding.productName }}</span>
+    </template>
   </div>
 </template>
diff --git a/packages/hub-ui/src/client/components/views-builtin/SettingsAdvanced.vue b/packages/hub-ui/src/client/components/views-builtin/SettingsAdvanced.vue
index 50193373..deda08eb 100644
--- a/packages/hub-ui/src/client/components/views-builtin/SettingsAdvanced.vue
+++ b/packages/hub-ui/src/client/components/views-builtin/SettingsAdvanced.vue
@@ -3,6 +3,7 @@ import type { DocksContext } from '@devframes/hub/client'
 import type { SharedState } from 'devframe/utils/shared-state'
 import type { HubDocksUserSettings } from '../../state/dock-settings'
 import { DEFAULT_STATE_USER_SETTINGS } from '@devframes/hub/constants'
+import { useBranding } from '../../state/branding'
 import { useConfirm } from '../../state/confirm'
 import { sharedStateToRef } from '../../state/docks'
 
@@ -12,6 +13,7 @@ const props = defineProps<{
 }>()
 
 const settings = sharedStateToRef(props.settingsStore)
+const branding = useBranding()
 const confirm = useConfirm()
 
 async function resetAllSettings() {
@@ -54,7 +56,7 @@ async function resetDocks() {
 async function deauthorize() {
   if (await confirm({
     title: 'Revoke Authorization',
-    message: 'Revoke this browser\'s access to Devframes? You\'ll need to authorize again with a new code to reconnect.',
+    message: `Revoke this browser's access to ${branding.value.productName}? You'll need to authorize again with a new code to reconnect.`,
   })) {
     // Revokes this session's bearer token server-side; the server then
     // broadcasts `devframe:auth:revoked`, dropping this (and any sibling)
diff --git a/packages/hub-ui/src/client/components/views-builtin/SettingsAppearance.vue b/packages/hub-ui/src/client/components/views-builtin/SettingsAppearance.vue
index 0975d8c4..ff804a9e 100644
--- a/packages/hub-ui/src/client/components/views-builtin/SettingsAppearance.vue
+++ b/packages/hub-ui/src/client/components/views-builtin/SettingsAppearance.vue
@@ -3,6 +3,7 @@ import type { DocksContext } from '@devframes/hub/client'
 import type { SharedState } from 'devframe/utils/shared-state'
 import type { HubDocksUserSettings } from '../../state/dock-settings'
 import { computed } from 'vue'
+import { useBranding } from '../../state/branding'
 import { colorSchemePreference, setColorSchemePreference } from '../../state/color-mode'
 import { sharedStateToRef } from '../../state/docks'
 import { isDockPopupSupported, requestDockPopupOpen, useIsDockPopupOpen } from '../../state/popup'
@@ -13,6 +14,7 @@ const props = defineProps<{
 }>()
 
 const settings = sharedStateToRef(props.settingsStore)
+const branding = useBranding()
 const panelStore = props.context.panel.store
 const isEmbedded = props.context.clientType === 'embedded'
 const isDockPopupOpen = useIsDockPopupOpen()
@@ -52,7 +54,7 @@ function setDockMode(mode: string) {
     <div class="flex flex-col gap-2">
       <div class="flex flex-col">
         <span class="text-sm">Color mode</span>
-        <span class="text-xs op50">Theme for Devframes and its inner panels</span>
+        <span class="text-xs op50">Theme for {{ branding.productName }} and its inner panels</span>
       </div>
       <div class="flex items-center gap-1 bg-gray/10 rounded-lg p1 w-fit">
         <button
@@ -74,7 +76,7 @@ function setDockMode(mode: string) {
     <div v-if="isEmbedded && !isDockPopupOpen" class="flex flex-col gap-2">
       <div class="flex flex-col">
         <span class="text-sm">Dock mode</span>
-        <span class="text-xs op50">How the Devframes panel is displayed</span>
+        <span class="text-xs op50">How the {{ branding.productName }} panel is displayed</span>
       </div>
       <div class="flex items-center gap-1 bg-gray/10 rounded-lg p1 w-fit">
         <button
@@ -124,7 +126,7 @@ function setDockMode(mode: string) {
       </button>
       <div class="flex flex-col">
         <span class="text-sm">Close panel on outside click</span>
-        <span class="text-xs op50">Close the Devframes panel when clicking outside of it (embedded mode only)</span>
+        <span class="text-xs op50">Close the {{ branding.productName }} panel when clicking outside of it (embedded mode only)</span>
       </div>
     </label>
   </div>
diff --git a/packages/hub-ui/src/client/components/views-builtin/ViewBuiltinClientAuthNotice.vue b/packages/hub-ui/src/client/components/views-builtin/ViewBuiltinClientAuthNotice.vue
index 71f727dd..c1566eb0 100644
--- a/packages/hub-ui/src/client/components/views-builtin/ViewBuiltinClientAuthNotice.vue
+++ b/packages/hub-ui/src/client/components/views-builtin/ViewBuiltinClientAuthNotice.vue
@@ -2,6 +2,7 @@
 import type { DocksContext } from '@devframes/hub/client'
 import ActionButton from '@antfu/design/components/Action/ActionButton.vue'
 import { ref, useTemplateRef, watch } from 'vue'
+import { useBranding } from '../../state/branding'
 import OtpInput from '../display/OtpInput.vue'
 import BrandMark from '../icons/BrandMark.vue'
 
@@ -9,6 +10,8 @@ const props = defineProps<{
   context: DocksContext
 }>()
 
+const branding = useBranding()
+
 const CODE_LENGTH = 6
 
 const code = ref('')
@@ -66,10 +69,10 @@ async function submit() {
       </div>
 
       <h1 class="text-2xl font-bold tracking-tight">
-        Authorize Devframes
+        Authorize {{ branding.productName }}
       </h1>
       <p class="mt2 text-sm op-fade leading-relaxed max-w-92">
-        Devframes can access your server, read your filesystem, and run commands.
+        {{ branding.productName }} can access your server, read your filesystem, and run commands.
         Confirm it's you before continuing.
       </p>
 
diff --git a/packages/hub-ui/src/client/embedded/index.ts b/packages/hub-ui/src/client/embedded/index.ts
index 24b50cf5..4a98a2a2 100644
--- a/packages/hub-ui/src/client/embedded/index.ts
+++ b/packages/hub-ui/src/client/embedded/index.ts
@@ -39,12 +39,25 @@ async function mountDock(): Promise<void> {
     { mergeDefaults: true },
   )
 
+  // Resolve branding before the dock exists so the primary color and logo are
+  // in place on the first paint. Fetched from `<base>branding.json` (served
+  // where this script is), then overridden by any host-page channel.
+  const { resolveBranding, applyPrimaryColor } = await import('../state/branding')
+  const branding = await resolveBranding({
+    mode: 'embedded',
+    brandingUrl: new URL('branding.json', import.meta.url),
+  })
+
   const { createDocksContext } = await import('../state/context')
   const context = await createDocksContext('embedded', rpc, state)
   setDevframeClientContext(context)
 
   const { DockEmbedded } = await import('../components/DockEmbedded')
   dockEl = new DockEmbedded({ context }) as unknown as HTMLElement
+  // Inline on the host element — beats the generated `:host` ramp defaults and
+  // inherits through the shadow tree. The embedded bootstrap never touches the
+  // host page's <title>/favicon (it's a guest there).
+  applyPrimaryColor(dockEl, branding.primaryColor)
   document.body.appendChild(dockEl)
 }
 
diff --git a/packages/hub-ui/src/client/primary-ramp.css b/packages/hub-ui/src/client/primary-ramp.css
new file mode 100644
index 00000000..0db1ea90
--- /dev/null
+++ b/packages/hub-ui/src/client/primary-ramp.css
@@ -0,0 +1,41 @@
+/*
+ * Primary color as a single overridable variable: `--devframe-primary`.
+ *
+ * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block
+ * wins over Wind4's own `:root, :host` primary declarations, and imported after
+ * `virtual:uno.css` in the Storybook preview for the same reason.
+ *
+ * Each Wind4 stop (`--colors-primary-*`) is derived from `--devframe-primary`
+ * via `color-mix`. When `--devframe-primary` is unset, the intermediate
+ * `--devframe-primary-<stop>` vars become guaranteed-invalid (their `color-mix`
+ * references an unset var with no fallback), so each `--colors-primary-<stop>`
+ * falls back to the exact devframe default hex — the default look is preserved,
+ * and only an explicit override derives a new ramp. The vars inherit through
+ * the tree, so setting `--devframe-primary` on the dock host retints
+ * everything, and setting it on a group's chrome container retints just that
+ * group (the group-accent mechanism).
+ *
+ * `:host` is the effective selector inside the dock's shadow root; `:root` is
+ * for the light-DOM Storybook preview (it matches nothing in the shadow root).
+ *
+ * `.devframes-accent-scope` re-declares the whole block on a group's chrome
+ * container: because custom properties inherit as computed values, a descendant
+ * that only overrides `--devframe-primary` would keep the `:host`-computed
+ * stops — re-running the derivation here recomputes them from the container's
+ * own `--devframe-primary` (a group's `accentColor`), retinting just that group.
+ */
+:root,
+:host,
+.devframes-accent-scope {
+  --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/hub-ui/src/client/standalone/main.ts b/packages/hub-ui/src/client/standalone/main.ts
index 3b49c8e3..7f1a3656 100644
--- a/packages/hub-ui/src/client/standalone/main.ts
+++ b/packages/hub-ui/src/client/standalone/main.ts
@@ -26,12 +26,22 @@ async function main(): Promise<void> {
     simpleAuth: false,
   })
 
+  // Resolve branding before mount; the standalone page owns its own head, so
+  // apply title/favicon/description here too.
+  const { resolveBranding, applyPrimaryColor, applyDocumentHead } = await import('../state/branding')
+  const branding = await resolveBranding({
+    mode: 'standalone',
+    brandingUrl: new URL('branding.json', document.baseURI),
+  })
+  applyDocumentHead(document, branding)
+
   const { createDocksContext } = await import('../state/context')
   const context = await createDocksContext('standalone', rpc)
   setDevframeClientContext(context)
 
   const { DockStandalone } = await import('../components/DockStandalone')
   const el = new DockStandalone({ context }) as unknown as HTMLElement
+  applyPrimaryColor(el, branding.primaryColor)
   document.getElementById('app')!.appendChild(el)
 }
 
diff --git a/packages/hub-ui/src/client/state/branding.ts b/packages/hub-ui/src/client/state/branding.ts
new file mode 100644
index 00000000..9d4ad73e
--- /dev/null
+++ b/packages/hub-ui/src/client/state/branding.ts
@@ -0,0 +1,234 @@
+import type { Ref } from 'vue'
+import { computed, ref } from 'vue'
+import { isDark } from './color-mode'
+
+/**
+ * A logo asset — a single URL/data-URI, or per-color-scheme variants. The dark
+ * variant falls back to the light one when only `light` is given (or a bare
+ * string is used for both).
+ */
+export type BrandingLogo = string | { light: string, dark: string }
+
+/**
+ * Consumer-facing branding for the reference hub-ui. Every field is optional
+ * and falls back to devframe's own identity. Delivered three ways, merged
+ * field-by-field (later wins): the `branding.json` `createUi({ branding })`
+ * publishes, then the host page (a `window.__DEVFRAME_BRANDING__` global or
+ * `data-*` attrs on the embedding `<script>`, or `?query` params on the
+ * standalone viewer).
+ */
+export interface DevframeBranding {
+  /** Product name — the wordmark, window titles, and all user-visible copy. */
+  productName?: string
+  /** Logo mark (URL / data-URI), rendered via `<img>`. */
+  logo?: BrandingLogo
+  /** Optional standalone wordmark image; when absent, mark + productName text is composed. */
+  wordmark?: BrandingLogo
+  /** Brand color; feeds `--devframe-primary` and the whole primary ramp. */
+  primaryColor?: string
+  /** Short line for the auth screen and the standalone meta description. */
+  tagline?: string
+  /** Favicon URL — applied on the standalone viewer and the popped-out window only. */
+  favicon?: string
+  /** Window/tab title; defaults to `productName`. */
+  windowTitle?: string
+}
+
+/** Branding with defaults resolved — what the UI actually renders. */
+export interface ResolvedBranding {
+  productName: string
+  logo?: BrandingLogo
+  wordmark?: BrandingLogo
+  primaryColor?: string
+  tagline?: string
+  favicon?: string
+  windowTitle: string
+}
+
+const DEFAULT_PRODUCT_NAME = 'Devframes'
+
+function resolveDefaults(branding: DevframeBranding): ResolvedBranding {
+  const productName = branding.productName?.trim() || DEFAULT_PRODUCT_NAME
+  return {
+    productName,
+    logo: branding.logo,
+    wordmark: branding.wordmark,
+    primaryColor: branding.primaryColor,
+    tagline: branding.tagline,
+    favicon: branding.favicon,
+    windowTitle: branding.windowTitle?.trim() || productName,
+  }
+}
+
+const currentBranding = ref<ResolvedBranding>(resolveDefaults({}))
+
+/** The active resolved branding — read by every branded surface. */
+export function useBranding(): Ref<ResolvedBranding> {
+  return currentBranding
+}
+
+/** Install the resolved branding (called once at boot, before mount). */
+export function setBranding(branding: DevframeBranding): ResolvedBranding {
+  currentBranding.value = resolveDefaults(branding)
+  return currentBranding.value
+}
+
+/** The logo/wordmark URL for the current color scheme, reactive to it. */
+export function useBrandingLogo(pick: (b: ResolvedBranding) => BrandingLogo | undefined = b => b.logo): Ref<string | undefined> {
+  return computed(() => resolveLogo(pick(currentBranding.value), isDark.value))
+}
+
+function resolveLogo(logo: BrandingLogo | undefined, dark: boolean): string | undefined {
+  if (!logo)
+    return undefined
+  if (typeof logo === 'string')
+    return logo
+  return dark ? (logo.dark || logo.light) : logo.light
+}
+
+// --- Merge + host-page reading -------------------------------------------
+
+/** Field-level merge; later layers override earlier ones (empty values skip). */
+function mergeBranding(...layers: Array<DevframeBranding | undefined>): DevframeBranding {
+  const out: DevframeBranding = {}
+  for (const layer of layers) {
+    if (!layer || typeof layer !== 'object')
+      continue
+    for (const key of Object.keys(layer) as (keyof DevframeBranding)[]) {
+      const value = layer[key]
+      if (value !== undefined && value !== null && value !== '')
+        (out as Record<string, unknown>)[key] = value
+    }
+  }
+  return out
+}
+
+function readWindowGlobal(): DevframeBranding | undefined {
+  const global = (globalThis as { __DEVFRAME_BRANDING__?: unknown }).__DEVFRAME_BRANDING__
+  return global && typeof global === 'object' ? global as DevframeBranding : undefined
+}
+
+const SCRIPT_ATTR_MAP: Record<string, keyof DevframeBranding> = {
+  'data-product-name': 'productName',
+  'data-primary-color': 'primaryColor',
+  'data-logo': 'logo',
+  'data-tagline': 'tagline',
+  'data-window-title': 'windowTitle',
+}
+
+function findEmbeddedScript(): HTMLScriptElement | null {
+  if (typeof document === 'undefined')
+    return null
+  const current = document.currentScript as HTMLScriptElement | null
+  if (current?.src)
+    return current
+  const scripts = Array.from(document.querySelectorAll('script[src]')) as HTMLScriptElement[]
+  return scripts.find(script => /embedded\.js(?:$|[?#])/.test(script.src)) ?? null
+}
+
+function readScriptDataAttrs(): DevframeBranding {
+  const out: DevframeBranding = {}
+  const script = findEmbeddedScript()
+  if (!script)
+    return out
+  for (const [attr, key] of Object.entries(SCRIPT_ATTR_MAP)) {
+    const value = script.getAttribute(attr)
+    if (value != null)
+      (out as Record<string, unknown>)[key] = value
+  }
+  return out
+}
+
+const QUERY_PARAM_MAP: Record<string, keyof DevframeBranding> = {
+  productName: 'productName',
+  primaryColor: 'primaryColor',
+  logo: 'logo',
+  tagline: 'tagline',
+  windowTitle: 'windowTitle',
+}
+
+function readQueryParams(): DevframeBranding {
+  const out: DevframeBranding = {}
+  if (typeof location === 'undefined')
+    return out
+  const params = new URLSearchParams(location.search)
+  for (const [param, key] of Object.entries(QUERY_PARAM_MAP)) {
+    const value = params.get(param)
+    if (value != null)
+      (out as Record<string, unknown>)[key] = value
+  }
+  return out
+}
+
+async function fetchBrandingJson(url: string | URL): Promise<DevframeBranding | undefined> {
+  try {
+    const res = await fetch(url)
+    if (!res.ok)
+      return undefined
+    const json = await res.json()
+    return json && typeof json === 'object' ? json as DevframeBranding : undefined
+  }
+  catch {
+    // A missing branding.json (embedded-only without the assets seam, offline,
+    // etc.) is expected — fall back to defaults + any host-page override.
+    return undefined
+  }
+}
+
+/**
+ * Resolve branding at boot: fetch the served `branding.json`, layer the
+ * host-page channels over it (they win per field), install the result, and
+ * return it. Awaited before the dock element mounts, so branding is applied on
+ * the first paint.
+ */
+export async function resolveBranding(options: {
+  mode: 'embedded' | 'standalone'
+  brandingUrl: string | URL
+}): Promise<ResolvedBranding> {
+  const fetched = await fetchBrandingJson(options.brandingUrl)
+  const hostPage = options.mode === 'embedded'
+    ? mergeBranding(readScriptDataAttrs(), readWindowGlobal())
+    : mergeBranding(readQueryParams(), readWindowGlobal())
+  return setBranding(mergeBranding(fetched, hostPage))
+}
+
+// --- Applying to the DOM --------------------------------------------------
+
+/** Set the primary color on the dock host element (retints the whole ramp). */
+export function applyPrimaryColor(host: HTMLElement, color: string | undefined): void {
+  if (color)
+    host.style.setProperty('--devframe-primary', color)
+}
+
+function setMeta(doc: Document, name: string, content: string): void {
+  let meta = doc.head.querySelector<HTMLMetaElement>(`meta[name="${name}"]`)
+  if (!meta) {
+    meta = doc.createElement('meta')
+    meta.setAttribute('name', name)
+    doc.head.appendChild(meta)
+  }
+  meta.setAttribute('content', content)
+}
+
+function setFavicon(doc: Document, href: string): void {
+  let link = doc.head.querySelector<HTMLLinkElement>('link[rel~="icon"]')
+  if (!link) {
+    link = doc.createElement('link')
+    link.setAttribute('rel', 'icon')
+    doc.head.appendChild(link)
+  }
+  link.setAttribute('href', href)
+}
+
+/**
+ * Apply title/favicon/description to a document the UI owns (the standalone
+ * page and the popped-out window). The embedded bootstrap never calls this —
+ * it must not rewrite the host page's head.
+ */
+export function applyDocumentHead(doc: Document, branding: ResolvedBranding): void {
+  doc.title = branding.windowTitle
+  if (branding.tagline)
+    setMeta(doc, 'description', branding.tagline)
+  if (branding.favicon)
+    setFavicon(doc, branding.favicon)
+}
diff --git a/packages/hub-ui/src/client/state/context.ts b/packages/hub-ui/src/client/state/context.ts
index 8d68983b..3ff9382e 100644
--- a/packages/hub-ui/src/client/state/context.ts
+++ b/packages/hub-ui/src/client/state/context.ts
@@ -8,6 +8,7 @@ import { attachFrameNavClient } from '@devframes/hub/client'
 import { DEFAULT_STATE_USER_SETTINGS } 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'
 import { createCommandsContext } from './commands'
 import { docksGroupByCategories, getCategoryLabel, getGroupMembers, getGroupMembersGrouped, getRegisteredGroupIds, resolveCommandIcon, resolveGroupDefaultChild } from './dock-settings'
 import { createDockEntryState, DEFAULT_DOCK_PANEL_STORE, sharedStateToRef, useDocksEntries } from './docks'
@@ -376,7 +377,7 @@ export async function createDocksContext(
     {
       id: 'devframes:hide',
       source: 'client',
-      title: 'Hide Devframes',
+      title: `Hide ${useBranding().value.productName}`,
       icon: 'ph:eye-slash-duotone',
       // Only the embedded overlay can be dismissed; the standalone page is an
       // explicit visit and stays mounted.
diff --git a/packages/hub-ui/src/client/state/popup.ts b/packages/hub-ui/src/client/state/popup.ts
index ba32c677..e5ad9693 100644
--- a/packages/hub-ui/src/client/state/popup.ts
+++ b/packages/hub-ui/src/client/state/popup.ts
@@ -1,6 +1,7 @@
 import type { DocksContext } from '@devframes/hub/client'
 import { createEventEmitter } from 'devframe/utils/events'
 import { shallowRef, watch } from 'vue'
+import { applyDocumentHead, useBranding } from './branding'
 import { isDark } from './color-mode'
 import { setDocksOverflowPanel } from './floating-tooltip'
 
@@ -111,7 +112,9 @@ async function mountStandaloneApp(context: DocksContext, popup: Window) {
     '}',
   ].join('\n')
 
-  popup.document.title = 'Devframes'
+  // The popped-out window is a surface the UI owns — brand its head (the
+  // embedded host page's head is never touched).
+  applyDocumentHead(popup.document, useBranding().value)
   popup.document.head?.appendChild(baseStyle)
   popup.document.body.textContent = ''
 
diff --git a/packages/hub-ui/src/client/style.css b/packages/hub-ui/src/client/style.css
index a7c9c2e8..6def9f0a 100644
--- a/packages/hub-ui/src/client/style.css
+++ b/packages/hub-ui/src/client/style.css
@@ -91,7 +91,14 @@
   height: var(--devframes-dock-glow-size, 160px);
   filter: blur(var(--devframes-dock-glow-blur, 60px));
   transform: translate(-50%, -50%);
-  background-image: linear-gradient(45deg, #adc77f, #517158, #486954);
+  /* Follows the brand: derived from the primary ramp (overridable via
+     --devframe-primary), so a rebrand retints the glow automatically. */
+  background-image: linear-gradient(
+    45deg,
+    var(--colors-primary-300, #adc77f),
+    var(--colors-primary-500, #517158),
+    var(--colors-primary-DEFAULT, #486954)
+  );
 }
 
 @media print {
diff --git a/packages/hub-ui/src/client/utils/accent-color.ts b/packages/hub-ui/src/client/utils/accent-color.ts
index 4eeb1279..c1960eac 100644
--- a/packages/hub-ui/src/client/utils/accent-color.ts
+++ b/packages/hub-ui/src/client/utils/accent-color.ts
@@ -1,24 +1,14 @@
+import type { CSSProperties } from 'vue'
+
 /**
- * Inline `:style` helpers for `DevframeViewGroup.accentColor` — an optional,
- * arbitrary CSS color set by the group's owner. Since the value isn't known
- * at build time it can't become a UnoCSS utility class (mirrors the
- * `getHashColorFromString` → `HashBadge` pattern), so callers bind these as
- * `:style` and keep their default Uno classes (e.g. `text-primary`,
- * `bg-active`) as the fallback for when `accentColor` is unset — per the
- * field's own doc comment.
+ * A group's optional `DevframeViewGroup.accentColor` (an arbitrary CSS color
+ * set by the owner) is applied by overriding `--devframe-primary` on the
+ * group's chrome container. Because the primary ramp derives from that variable
+ * and it inherits through the subtree, every `primary`-based class in the group
+ * (selected member text/background, the anchor icon, …) re-tints to the accent
+ * — no per-element inline colors. When `accentColor` is unset the group simply
+ * inherits the global primary.
  */
-
-/** Text color only — for the group button / anchor icon. */
-export function accentTextStyle(color: string | undefined): { color: string } | undefined {
-  return color ? { color } : undefined
-}
-
-/** Text color plus a soft tinted background — for an active/selected row. */
-export function accentActiveStyle(color: string | undefined): { color: string, backgroundColor: string } | undefined {
-  if (!color)
-    return undefined
-  return {
-    color,
-    backgroundColor: `color-mix(in srgb, ${color} 15%, transparent)`,
-  }
+export function accentVarStyle(color: string | undefined): CSSProperties | undefined {
+  return color ? ({ '--devframe-primary': color } as CSSProperties) : undefined
 }
diff --git a/packages/hub-ui/src/index.ts b/packages/hub-ui/src/index.ts
index e4f003fa..fbdaafe0 100644
--- a/packages/hub-ui/src/index.ts
+++ b/packages/hub-ui/src/index.ts
@@ -1,8 +1,11 @@
 import type { DevframeHubUi } from '@devframes/hub/initiate'
+import type { DevframeBranding } from './client/state/branding'
 import { existsSync } from 'node:fs'
 import { join } from 'node:path'
 import { fileURLToPath } from 'node:url'
 
+export type { DevframeBranding } from './client/state/branding'
+
 /**
  * The built client assets live next to the built entry (`dist/index.mjs` →
  * `dist/client/`). When this module runs from source instead (tests and
@@ -24,6 +27,14 @@ export interface CreateUiOptions {
   viewer?: boolean
   /** Serve the floating-dock bootstrap at `<base>embedded.js`. Default: `true`. */
   embedded?: boolean
+  /**
+   * Rebrand the reference UI — logo, product name, primary color, and more.
+   * Published as `<base>branding.json` (via the hub's generic `assets` seam)
+   * and fetched by the dock at boot. Reaches both the embedded dock and the
+   * standalone viewer. A host page can still override any field at runtime via
+   * `window.__DEVFRAME_BRANDING__` / `<script data-*>` / `?query` params.
+   */
+  branding?: DevframeBranding
 }
 
 /**
@@ -52,5 +63,10 @@ export function createUi(options: CreateUiOptions = {}): DevframeHubUi {
     ...(options.embedded !== false
       ? { embedded: { entry: join(client, 'embedded.js') } }
       : {}),
+    ...(options.branding
+      // Serialized once and served from memory at `<base>branding.json` by the
+      // hub's generic `assets` seam — no build step, no files written.
+      ? { assets: { 'branding.json': () => JSON.stringify(options.branding) } }
+      : {}),
   }
 }
diff --git a/packages/hub/src/node/initiate.ts b/packages/hub/src/node/initiate.ts
index 66f95c41..0ebfae22 100644
--- a/packages/hub/src/node/initiate.ts
+++ b/packages/hub/src/node/initiate.ts
@@ -24,6 +24,21 @@ import { mountDevframe } from './mount-devframe'
 /** Default mount base for a hub instance — one namespace, one catch-all. */
 export const DEVFRAMES_HUB_BASE = '/__devframes/'
 
+/** Content-type for a UI asset key, inferred from its file extension. */
+function assetContentType(key: string): string {
+  if (key.endsWith('.json'))
+    return 'application/json; charset=utf-8'
+  if (key.endsWith('.js') || key.endsWith('.mjs'))
+    return 'text/javascript; charset=utf-8'
+  if (key.endsWith('.css'))
+    return 'text/css; charset=utf-8'
+  if (key.endsWith('.svg'))
+    return 'image/svg+xml'
+  if (key.endsWith('.html'))
+    return 'text/html; charset=utf-8'
+  return 'application/octet-stream'
+}
+
 /** Reserved filenames directly under the hub base — a frame id can't shadow them. */
 const RESERVED_HUB_PATHS = [
   DEVFRAME_CONNECTION_META_FILENAME,
@@ -60,6 +75,14 @@ export interface DevframeHubUi {
     /** File path of the prebuilt single-file module. */
     entry: string
   }
+  /**
+   * Extra UI-owned files the hub serves at `<base><key>`, each produced lazily
+   * from memory. Keys are base-relative paths (e.g. `branding.json`); the
+   * content-type is inferred from the key's extension. A generic seam a viewer
+   * uses to publish small runtime documents (the reference UI serves its
+   * branding this way) without teaching the hub anything about their meaning.
+   */
+  assets?: Record<string, () => string | Uint8Array>
 }
 
 export interface InitHubOptions {
@@ -474,6 +497,17 @@ function instantiateHub(options: InitHubOptions): HubInstance {
       })
     }
 
+    // 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.
+    for (const [key, produce] of Object.entries(options.ui?.assets ?? {})) {
+      app.use(joinURL(base, key), (event) => {
+        event.res.headers.set('Content-Type', assetContentType(key))
+        event.res.headers.set('Cache-Control', 'no-store')
+        return produce()
+      })
+    }
+
     if (options.ui?.viewer) {
       // The viewer SPA owns the hub base (mounted last — exact routes above
       // win; frame mounts are longer prefixes and route ahead of it).
diff --git a/tests/__snapshots__/tsnapi/@devframes/hub-ui/index.snapshot.d.ts b/tests/__snapshots__/tsnapi/@devframes/hub-ui/index.snapshot.d.ts
index 7b124bb8..1de3a0a3 100644
--- a/tests/__snapshots__/tsnapi/@devframes/hub-ui/index.snapshot.d.ts
+++ b/tests/__snapshots__/tsnapi/@devframes/hub-ui/index.snapshot.d.ts
@@ -5,6 +5,16 @@
 export interface CreateUiOptions {
   viewer?: boolean;
   embedded?: boolean;
+  branding?: DevframeBranding;
+}
+export interface DevframeBranding {
+  productName?: string;
+  logo?: BrandingLogo;
+  wordmark?: BrandingLogo;
+  primaryColor?: string;
+  tagline?: string;
+  favicon?: string;
+  windowTitle?: string;
 }
 // #endregion
 
diff --git a/tests/__snapshots__/tsnapi/@devframes/hub/initiate.snapshot.d.ts b/tests/__snapshots__/tsnapi/@devframes/hub/initiate.snapshot.d.ts
index afed50f3..a5c2e920 100644
--- a/tests/__snapshots__/tsnapi/@devframes/hub/initiate.snapshot.d.ts
+++ b/tests/__snapshots__/tsnapi/@devframes/hub/initiate.snapshot.d.ts
@@ -9,6 +9,7 @@ export interface DevframeHubUi {
   embedded?: {
     entry: string;
   };
+  assets?: Record<string, () => string | Uint8Array>;
 }
 export interface HubInstance {
   handler: (_: Request, _?: unknown) => Promise<Response>;

From ff2a366f20826abdc1c0f1f1f5306b6dc3734af4 Mon Sep 17 00:00:00 2001
From: "Anthony Fu (via agent)" <reg-github-bot@antfu.me>
Date: Sat, 8 Aug 2026 01:30:51 +0000
Subject: [PATCH 2/2] feat(hub-ui): bridge json-render accent to the brand
 primary
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

json-render components read their accent from `--jr-primary` (a standalone
blue default) via inline styles, so rendered plugin UI ignored the hub primary
and any branding override. Since ViewJsonRender renders inside the dock shadow
root, set `--jr-primary` from the brand primary in the ramp block — Tabs,
Switch, Progress, and Link now follow --devframe-primary / branding, tracking
the global primary (not per-group accent, matching the chrome-only accent
decision). The blue fallback remains for standalone json-render use.

Created with the help of an agent.
---
 packages/hub-ui/src/client/.generated/css.ts          |  2 +-
 .../src/client/json-render/components/tokens.ts       |  5 ++++-
 packages/hub-ui/src/client/primary-ramp.css           | 11 +++++++++++
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/packages/hub-ui/src/client/.generated/css.ts b/packages/hub-ui/src/client/.generated/css.ts
index 4e28b3b3..5701f6db 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); --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-amber-DEFAULT: oklch(82.8% 0.189 84.429); --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-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"
+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; --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-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-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"
diff --git a/packages/hub-ui/src/client/json-render/components/tokens.ts b/packages/hub-ui/src/client/json-render/components/tokens.ts
index d0dc9e0e..d9288c95 100644
--- a/packages/hub-ui/src/client/json-render/components/tokens.ts
+++ b/packages/hub-ui/src/client/json-render/components/tokens.ts
@@ -10,7 +10,10 @@ 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))'
-// Keep in sync with the devframe design primary (design/uno.config.ts).
+// 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)'
 
diff --git a/packages/hub-ui/src/client/primary-ramp.css b/packages/hub-ui/src/client/primary-ramp.css
index 0db1ea90..ad38afe2 100644
--- a/packages/hub-ui/src/client/primary-ramp.css
+++ b/packages/hub-ui/src/client/primary-ramp.css
@@ -38,4 +38,15 @@
   --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);
 }