@qwik.dev/devtools 0.2.5 → 0.2.7

package/dist/ui/utils/location.qwik.mjs

@@ -1,10 +1,10 @@
 import "@qwik.dev/core";
-import { isServer, _getDomContainer } from "@qwik.dev/core/internal";
+import { _getDomContainer, isServer as isServer$1 } from "@qwik.dev/core/internal";
+//#region src/utils/location.ts
 function htmlContainer() {
-  if (isServer) return;
-  const htmlElement = document.documentElement;
-  return _getDomContainer(htmlElement);
+	if (isServer$1) return;
+	const htmlElement = document.documentElement;
+	return _getDomContainer(htmlElement);
 }
-export {
-  htmlContainer
-};
+//#endregion
+export { htmlContainer };

package/dist/ui/utils/shiki.qwik.mjs

@@ -1,23 +1,19 @@
-import { createHighlighter } from "../node_modules/.pnpm/shiki@3.8.1/node_modules/shiki/dist/bundle-full.qwik.mjs";
-let highlighterPromise = null;
-const getHighlighter = () => {
-  if (!highlighterPromise) {
-    highlighterPromise = createHighlighter({
-      themes: [
-        "nord"
-      ],
-      langs: [
-        "json",
-        "html",
-        "tsx",
-        "js",
-        "ts",
-        "jsx"
-      ]
-    });
-  }
-  return highlighterPromise;
-};
-export {
-  getHighlighter
+import { createHighlighter } from "../node_modules/.pnpm/shiki@4.0.2/node_modules/shiki/dist/bundle-full.qwik.mjs";
+//#region src/utils/shiki.ts
+var highlighterPromise = null;
+var getHighlighter = () => {
+	if (!highlighterPromise) highlighterPromise = createHighlighter({
+		themes: ["nord"],
+		langs: [
+			"json",
+			"html",
+			"tsx",
+			"js",
+			"ts",
+			"jsx"
+		]
+	});
+	return highlighterPromise;
 };
+//#endregion
+export { getHighlighter };

package/dist/ui/utils/type.qwik.mjs

@@ -1,14 +1,13 @@
-const isListen = (str) => {
-  return /^on.*\$/.test(str);
+//#region src/utils/type.ts
+var isListen = (str) => {
+	return /^on.*\$/.test(str);
 };
-const isValue = (value) => {
-  try {
-    return "untrackedValue" in value && "value" in value;
-  } catch (error) {
-    return false;
-  }
-};
-export {
-  isListen,
-  isValue
+var isValue = (value) => {
+	try {
+		return "untrackedValue" in value && "value" in value;
+	} catch {
+		return false;
+	}
 };
+//#endregion
+export { isListen, isValue };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwik.dev/devtools",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "license": "MIT",
   "main": "./dist/plugin/index.mjs",
   "description": "Qwik devtools package",
@@ -24,29 +24,28 @@
     "README.md"
   ],
   "peerDependencies": {
-    "@qwik.dev/core": "2.0.0-beta.15",
-    "@qwik.dev/router": "2.0.0-beta.15",
-    "vite": "7.1.3",
-    "@tailwindcss/postcss": "^4.1.14",
-    "@tailwindcss/vite": "^4.1.14",
-    "tailwindcss": "^4.1.14"
+    "@qwik.dev/core": "^2.0.0-beta.29",
+    "@qwik.dev/router": "^2.0.0-beta.29",
+    "@tailwindcss/postcss": "^4.2.1",
+    "@tailwindcss/vite": "^4.2.1",
+    "tailwindcss": "^4.2.1",
+    "vite": ">=7.0.0 <9.0.0"
   },
   "dependencies": {
-    "@qwikest/icons": "^0.0.13",
-    "birpc": "^0.2.19",
+    "birpc": "^4.0.0",
     "dree": "^5.1.5",
-    "oxc-parser": "^0.82.1",
-    "superjson": "^2.2.2",
-    "vite-hot-client": "^0.2.4",
-    "vite-plugin-inspect": "^11.0.0"
+    "oxc-parser": "^0.120.0",
+    "superjson": "^2.2.6",
+    "vite-hot-client": "^2.1.0",
+    "vite-plugin-inspect": "^11.3.3"
   },
   "type": "module",
   "devDependencies": {
-    "tsx": "^4.19.2",
-    "@types/node": "^22.10.5",
-    "@changesets/cli": "^2.27.11",
-    "@changesets/get-github-info": "^0.6.0",
-    "@changesets/types": "^6.0.0"
+    "@changesets/cli": "^2.30.0",
+    "@changesets/get-github-info": "^0.8.0",
+    "@changesets/types": "^6.1.0",
+    "@types/node": "^25.5.0",
+    "tsx": "^4.21.0"
   },
   "private": false,
   "publishConfig": {

package/dist/ui/_virtual/_commonjsHelpers.qwik.mjs

@@ -1,6 +0,0 @@
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-export {
-  getDefaultExportFromCjs
-};

package/dist/ui/_virtual/browser.qwik.mjs

@@ -1,8 +0,0 @@
-import { getDefaultExportFromCjs } from "./_commonjsHelpers.qwik.mjs";
-import { __require as requireBrowser } from "../node_modules/.pnpm/debug@4.4.3_supports-color@5.5.0/node_modules/debug/src/browser.qwik.mjs";
-var browserExports = requireBrowser();
-const debug = /* @__PURE__ */ getDefaultExportFromCjs(browserExports);
-export {
-  browserExports as b,
-  debug as default
-};

package/dist/ui/_virtual/browser.qwik2.mjs

@@ -1,4 +0,0 @@
-var browser = { exports: {} };
-export {
-  browser as __module
-};

package/dist/ui/_virtual/index.qwik.mjs

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs } from "./_commonjsHelpers.qwik.mjs";
-import { __require as requireBraceExpansion } from "../node_modules/.pnpm/brace-expansion@2.0.1/node_modules/brace-expansion/index.qwik.mjs";
-var braceExpansionExports = requireBraceExpansion();
-const expand = /* @__PURE__ */ getDefaultExportFromCjs(braceExpansionExports);
-export {
-  expand as default
-};

package/dist/ui/components/ThemeToggle/themToggle.css.qwik.mjs

@@ -1,4 +0,0 @@
-const themeTogglecss = ".themeIcon {\n  opacity: 0;\n  transition: opacity 400ms ease-in-out;\n}\n\nhtml[data-theme='light'] .themeIcon.light,\nhtml[data-theme='dark'] .themeIcon.dark,\nhtml:not([data-theme]) .themeIcon.auto {\n  opacity: 1;\n}\n";
-export {
-  themeTogglecss as default
-};

package/dist/ui/global.css.qwik.mjs

@@ -1,4 +0,0 @@
-const globalCss = '/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\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)))) {\n    *, :before, :after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-space-x-reverse: 0;\n      --tw-divide-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n    }\n  }\n}\n\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;\n    --color-red-400: oklch(70.4% .191 22.216);\n    --color-amber-400: oklch(82.8% .189 84.429);\n    --color-green-400: oklch(79.2% .209 151.711);\n    --color-emerald-100: oklch(95% .052 163.051);\n    --color-emerald-300: oklch(84.5% .143 164.978);\n    --color-emerald-700: oklch(50.8% .118 165.612);\n    --color-emerald-900: oklch(37.8% .077 168.94);\n    --color-blue-400: oklch(70.7% .165 254.624);\n    --color-violet-300: oklch(81.1% .111 293.571);\n    --color-violet-400: oklch(70.2% .183 293.541);\n    --color-purple-400: oklch(71.4% .203 305.504);\n    --color-pink-400: oklch(71.8% .202 349.761);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: .25rem;\n    --text-xs: .75rem;\n    --text-xs--line-height: calc(1 / .75);\n    --text-sm: .875rem;\n    --text-sm--line-height: calc(1.25 / .875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --text-3xl: 1.875rem;\n    --text-3xl--line-height: calc(2.25 / 1.875);\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --leading-relaxed: 1.625;\n    --radius-md: .375rem;\n    --radius-lg: .5rem;\n    --radius-xl: .75rem;\n    --drop-shadow-md: 0 3px 3px #0000001f;\n    --ease-out: cubic-bezier(0, 0, .2, 1);\n    --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n    --animate-spin: spin 1s linear infinite;\n    --blur-md: 12px;\n    --blur-lg: 16px;\n    --default-transition-duration: .15s;\n    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --color-background: #fff;\n    --color-foreground: #000;\n    --color-primary: #16b6f6;\n    --color-primary-active: #0ea5e9;\n    --color-muted-foreground: #6b7280;\n    --color-accent: #16b6f6;\n    --color-border: #e5e7eb;\n    --color-card: #f2f2f2;\n    --color-card-item-bg: #00000005;\n    --color-card-item-hover-bg: #00000008;\n  }\n}\n\n@layer base {\n  *, :after, :before, ::backdrop {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  ::file-selector-button {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  html, :host {\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    line-height: 1.5;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n\n  b, strong {\n    font-weight: bolder;\n  }\n\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n\n  small {\n    font-size: 80%;\n  }\n\n  sub, sup {\n    vertical-align: baseline;\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n  }\n\n  sub {\n    bottom: -.25em;\n  }\n\n  sup {\n    top: -.5em;\n  }\n\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n\n  :-moz-focusring {\n    outline: auto;\n  }\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  summary {\n    display: list-item;\n  }\n\n  ol, ul, menu {\n    list-style: none;\n  }\n\n  img, svg, video, canvas, audio, iframe, embed, object {\n    vertical-align: middle;\n    display: block;\n  }\n\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n\n  button, input, select, optgroup, textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n\n  ::placeholder {\n    opacity: 1;\n  }\n\n  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n\n  textarea {\n    resize: vertical;\n  }\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n\n  ::-webkit-datetime-edit {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-year-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-month-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-day-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-hour-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-minute-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-second-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-millisecond-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n\n  button, input:where([type="button"], [type="reset"], [type="submit"]) {\n    appearance: button;\n  }\n\n  ::file-selector-button {\n    appearance: button;\n  }\n\n  ::-webkit-inner-spin-button {\n    height: auto;\n  }\n\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  [hidden]:where(:not([hidden="until-found"])) {\n    display: none !important;\n  }\n}\n\n@layer components;\n\n@layer utilities {\n  .qwik-devtools .pointer-events-none {\n    pointer-events: none;\n  }\n\n  .qwik-devtools .visible {\n    visibility: visible;\n  }\n\n  .qwik-devtools .absolute {\n    position: absolute;\n  }\n\n  .qwik-devtools .fixed {\n    position: fixed;\n  }\n\n  .qwik-devtools .relative {\n    position: relative;\n  }\n\n  .qwik-devtools .static {\n    position: static;\n  }\n\n  .qwik-devtools .inset-0 {\n    inset: calc(var(--spacing) * 0);\n  }\n\n  .qwik-devtools .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n\n  .qwik-devtools .right-6 {\n    right: calc(var(--spacing) * 6);\n  }\n\n  .qwik-devtools .bottom-0 {\n    bottom: calc(var(--spacing) * 0);\n  }\n\n  .qwik-devtools .bottom-6 {\n    bottom: calc(var(--spacing) * 6);\n  }\n\n  .qwik-devtools .z-\\[9999\\] {\n    z-index: 9999;\n  }\n\n  .qwik-devtools .col-start-1 {\n    grid-column-start: 1;\n  }\n\n  .qwik-devtools .row-start-1 {\n    grid-row-start: 1;\n  }\n\n  .qwik-devtools .container {\n    width: 100%;\n  }\n\n  @media (min-width: 40rem) {\n    .qwik-devtools .container {\n      max-width: 40rem;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .qwik-devtools .container {\n      max-width: 48rem;\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .qwik-devtools .container {\n      max-width: 64rem;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    .qwik-devtools .container {\n      max-width: 80rem;\n    }\n  }\n\n  @media (min-width: 96rem) {\n    .qwik-devtools .container {\n      max-width: 96rem;\n    }\n  }\n\n  .qwik-devtools .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n\n  .qwik-devtools .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .mt-5 {\n    margin-top: calc(var(--spacing) * 5);\n  }\n\n  .qwik-devtools .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n\n  .qwik-devtools .mt-auto {\n    margin-top: auto;\n  }\n\n  .qwik-devtools .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n\n  .qwik-devtools .mb-1\\.5 {\n    margin-bottom: calc(var(--spacing) * 1.5);\n  }\n\n  .qwik-devtools .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n\n  .qwik-devtools .mb-3 {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n\n  .qwik-devtools .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .ml-2 {\n    margin-left: calc(var(--spacing) * 2);\n  }\n\n  .qwik-devtools .line-clamp-2 {\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .qwik-devtools .flex {\n    display: flex;\n  }\n\n  .qwik-devtools .grid {\n    display: grid;\n  }\n\n  .qwik-devtools .hidden {\n    display: none;\n  }\n\n  .qwik-devtools .inline-flex {\n    display: inline-flex;\n  }\n\n  .qwik-devtools .aspect-square {\n    aspect-ratio: 1;\n  }\n\n  .qwik-devtools .h-3 {\n    height: calc(var(--spacing) * 3);\n  }\n\n  .qwik-devtools .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n\n  .qwik-devtools .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n\n  .qwik-devtools .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n\n  .qwik-devtools .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n\n  .qwik-devtools .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n\n  .qwik-devtools .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n\n  .qwik-devtools .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n\n  .qwik-devtools .h-\\[60vh\\] {\n    height: 60vh;\n  }\n\n  .qwik-devtools .h-\\[calc\\(100vh-3rem\\)\\] {\n    height: calc(100vh - 3rem);\n  }\n\n  .qwik-devtools .h-full {\n    height: 100%;\n  }\n\n  .qwik-devtools .min-h-0 {\n    min-height: calc(var(--spacing) * 0);\n  }\n\n  .qwik-devtools .min-h-\\[2\\.5rem\\] {\n    min-height: 2.5rem;\n  }\n\n  .qwik-devtools .w-1\\/2 {\n    width: 50%;\n  }\n\n  .qwik-devtools .w-3 {\n    width: calc(var(--spacing) * 3);\n  }\n\n  .qwik-devtools .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n\n  .qwik-devtools .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n\n  .qwik-devtools .w-7 {\n    width: calc(var(--spacing) * 7);\n  }\n\n  .qwik-devtools .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n\n  .qwik-devtools .w-9 {\n    width: calc(var(--spacing) * 9);\n  }\n\n  .qwik-devtools .w-10 {\n    width: calc(var(--spacing) * 10);\n  }\n\n  .qwik-devtools .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n\n  .qwik-devtools .w-\\[420px\\] {\n    width: 420px;\n  }\n\n  .qwik-devtools .w-\\[calc\\(100vw-3rem\\)\\] {\n    width: calc(100vw - 3rem);\n  }\n\n  .qwik-devtools .w-full {\n    width: 100%;\n  }\n\n  .qwik-devtools .min-w-0 {\n    min-width: calc(var(--spacing) * 0);\n  }\n\n  .qwik-devtools .min-w-\\[320px\\] {\n    min-width: 320px;\n  }\n\n  .qwik-devtools .flex-1 {\n    flex: 1;\n  }\n\n  .qwik-devtools .flex-shrink-0, .qwik-devtools .shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .qwik-devtools .origin-center {\n    transform-origin: center;\n  }\n\n  .qwik-devtools .translate-y-0 {\n    --tw-translate-y: calc(var(--spacing) * 0);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .qwik-devtools .-rotate-90 {\n    rotate: -90deg;\n  }\n\n  .qwik-devtools .rotate-90 {\n    rotate: 90deg;\n  }\n\n  .qwik-devtools .rotate-180 {\n    rotate: 180deg;\n  }\n\n  .qwik-devtools .transform {\n    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n  }\n\n  .qwik-devtools .animate-spin {\n    animation: var(--animate-spin);\n  }\n\n  .qwik-devtools .cursor-grab {\n    cursor: grab;\n  }\n\n  .qwik-devtools .cursor-grabbing {\n    cursor: grabbing;\n  }\n\n  .qwik-devtools .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n\n  .qwik-devtools .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .qwik-devtools .resize-none {\n    resize: none;\n  }\n\n  .qwik-devtools .grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n\n  .qwik-devtools .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .qwik-devtools .grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .qwik-devtools .grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .qwik-devtools .flex-col {\n    flex-direction: column;\n  }\n\n  .qwik-devtools .place-items-center {\n    place-items: center;\n  }\n\n  .qwik-devtools .items-center {\n    align-items: center;\n  }\n\n  .qwik-devtools .items-start {\n    align-items: flex-start;\n  }\n\n  .qwik-devtools .justify-between {\n    justify-content: space-between;\n  }\n\n  .qwik-devtools .justify-center {\n    justify-content: center;\n  }\n\n  .qwik-devtools .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n\n  .qwik-devtools .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n\n  .qwik-devtools .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  .qwik-devtools .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n\n  .qwik-devtools .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .gap-5 {\n    gap: calc(var(--spacing) * 5);\n  }\n\n  :where(.qwik-devtools .space-y-2 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.qwik-devtools .space-y-3 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.qwik-devtools .space-y-4 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.qwik-devtools .space-y-6 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  .qwik-devtools .gap-x-6 {\n    column-gap: calc(var(--spacing) * 6);\n  }\n\n  :where(.qwik-devtools .space-x-2 > :not(:last-child)) {\n    --tw-space-x-reverse: 0;\n    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));\n    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  :where(.qwik-devtools .space-x-4 > :not(:last-child)) {\n    --tw-space-x-reverse: 0;\n    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));\n    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .qwik-devtools .gap-y-3 {\n    row-gap: calc(var(--spacing) * 3);\n  }\n\n  :where(.qwik-devtools .divide-y > :not(:last-child)) {\n    --tw-divide-y-reverse: 0;\n    border-bottom-style: var(--tw-border-style);\n    border-top-style: var(--tw-border-style);\n    border-top-width: calc(1px * var(--tw-divide-y-reverse));\n    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  }\n\n  :where(.qwik-devtools .divide-border > :not(:last-child)) {\n    border-color: var(--color-border);\n  }\n\n  .qwik-devtools .truncate {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n\n  .qwik-devtools .overflow-auto {\n    overflow: auto;\n  }\n\n  .qwik-devtools .overflow-hidden {\n    overflow: hidden;\n  }\n\n  .qwik-devtools .overflow-x-auto {\n    overflow-x: auto;\n  }\n\n  .qwik-devtools .overflow-y-auto {\n    overflow-y: auto;\n  }\n\n  .qwik-devtools .rounded {\n    border-radius: .25rem;\n  }\n\n  .qwik-devtools .rounded-full {\n    border-radius: 3.40282e38px;\n  }\n\n  .qwik-devtools .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n\n  .qwik-devtools .rounded-md {\n    border-radius: var(--radius-md);\n  }\n\n  .qwik-devtools .rounded-xl {\n    border-radius: var(--radius-xl);\n  }\n\n  .qwik-devtools .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n\n  .qwik-devtools .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n\n  .qwik-devtools .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n\n  .qwik-devtools .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n\n  .qwik-devtools .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n\n  .qwik-devtools .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n\n  .qwik-devtools .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n\n  .qwik-devtools .border-accent\\/30 {\n    border-color: #16b6f64d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .border-accent\\/30 {\n      border-color: color-mix(in oklab, var(--color-accent) 30%, transparent);\n    }\n  }\n\n  .qwik-devtools .border-accent\\/50 {\n    border-color: #16b6f680;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .border-accent\\/50 {\n      border-color: color-mix(in oklab, var(--color-accent) 50%, transparent);\n    }\n  }\n\n  .qwik-devtools .border-border {\n    border-color: var(--color-border);\n  }\n\n  .qwik-devtools .border-border\\/50 {\n    border-color: #e5e7eb80;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .border-border\\/50 {\n      border-color: color-mix(in oklab, var(--color-border) 50%, transparent);\n    }\n  }\n\n  .qwik-devtools .border-current {\n    border-color: currentColor;\n  }\n\n  .qwik-devtools .border-emerald-300 {\n    border-color: var(--color-emerald-300);\n  }\n\n  .qwik-devtools .border-primary\\/20 {\n    border-color: #16b6f633;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .border-primary\\/20 {\n      border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);\n    }\n  }\n\n  .qwik-devtools .border-t-foreground\\/40 {\n    border-top-color: #0006;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .border-t-foreground\\/40 {\n      border-top-color: color-mix(in oklab, var(--color-foreground) 40%, transparent);\n    }\n  }\n\n  .qwik-devtools .border-t-transparent {\n    border-top-color: #0000;\n  }\n\n  .qwik-devtools .border-b-transparent {\n    border-bottom-color: #0000;\n  }\n\n  .qwik-devtools .bg-accent {\n    background-color: var(--color-accent);\n  }\n\n  .qwik-devtools .bg-background {\n    background-color: var(--color-background);\n  }\n\n  .qwik-devtools .bg-background\\/95 {\n    background-color: #fffffff2;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .bg-background\\/95 {\n      background-color: color-mix(in oklab, var(--color-background) 95%, transparent);\n    }\n  }\n\n  .qwik-devtools .bg-black\\/20 {\n    background-color: #0003;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .bg-black\\/20 {\n      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);\n    }\n  }\n\n  .qwik-devtools .bg-card {\n    background-color: var(--color-card);\n  }\n\n  .qwik-devtools .bg-card-item-bg {\n    background-color: var(--color-card-item-bg);\n  }\n\n  .qwik-devtools .bg-emerald-100 {\n    background-color: var(--color-emerald-100);\n  }\n\n  .qwik-devtools .bg-foreground\\/5 {\n    background-color: #0000000d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .bg-foreground\\/5 {\n      background-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);\n    }\n  }\n\n  .qwik-devtools .bg-primary\\/5 {\n    background-color: #16b6f60d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .bg-primary\\/5 {\n      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);\n    }\n  }\n\n  .qwik-devtools .bg-primary\\/10 {\n    background-color: #16b6f61a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .bg-primary\\/10 {\n      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);\n    }\n  }\n\n  .qwik-devtools .bg-transparent {\n    background-color: #0000;\n  }\n\n  .qwik-devtools .bg-gradient-to-br {\n    --tw-gradient-position: to bottom right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n\n  .qwik-devtools .from-accent\\/20 {\n    --tw-gradient-from: #16b6f633;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .from-accent\\/20 {\n      --tw-gradient-from: color-mix(in oklab, var(--color-accent) 20%, transparent);\n    }\n  }\n\n  .qwik-devtools .from-accent\\/20 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .qwik-devtools .from-primary\\/0 {\n    --tw-gradient-from: #0000;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .from-primary\\/0 {\n      --tw-gradient-from: color-mix(in oklab, var(--color-primary) 0%, transparent);\n    }\n  }\n\n  .qwik-devtools .from-primary\\/0 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .qwik-devtools .from-primary\\/10 {\n    --tw-gradient-from: #16b6f61a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .from-primary\\/10 {\n      --tw-gradient-from: color-mix(in oklab, var(--color-primary) 10%, transparent);\n    }\n  }\n\n  .qwik-devtools .from-primary\\/10 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .qwik-devtools .via-primary\\/0 {\n    --tw-gradient-via: #0000;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .via-primary\\/0 {\n      --tw-gradient-via: color-mix(in oklab, var(--color-primary) 0%, transparent);\n    }\n  }\n\n  .qwik-devtools .via-primary\\/0 {\n    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n\n  .qwik-devtools .via-primary\\/20 {\n    --tw-gradient-via: #16b6f633;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .via-primary\\/20 {\n      --tw-gradient-via: color-mix(in oklab, var(--color-primary) 20%, transparent);\n    }\n  }\n\n  .qwik-devtools .via-primary\\/20 {\n    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n\n  .qwik-devtools .to-accent\\/40 {\n    --tw-gradient-to: #16b6f666;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .to-accent\\/40 {\n      --tw-gradient-to: color-mix(in oklab, var(--color-accent) 40%, transparent);\n    }\n  }\n\n  .qwik-devtools .to-accent\\/40 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .qwik-devtools .to-primary\\/5 {\n    --tw-gradient-to: #16b6f60d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .to-primary\\/5 {\n      --tw-gradient-to: color-mix(in oklab, var(--color-primary) 5%, transparent);\n    }\n  }\n\n  .qwik-devtools .to-primary\\/5 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .qwik-devtools .to-primary\\/30 {\n    --tw-gradient-to: #16b6f64d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .to-primary\\/30 {\n      --tw-gradient-to: color-mix(in oklab, var(--color-primary) 30%, transparent);\n    }\n  }\n\n  .qwik-devtools .to-primary\\/30 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .qwik-devtools .object-cover {\n    object-fit: cover;\n  }\n\n  .qwik-devtools .p-0\\.5 {\n    padding: calc(var(--spacing) * .5);\n  }\n\n  .qwik-devtools .p-1 {\n    padding: calc(var(--spacing) * 1);\n  }\n\n  .qwik-devtools .p-1\\.5 {\n    padding: calc(var(--spacing) * 1.5);\n  }\n\n  .qwik-devtools .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n\n  .qwik-devtools .p-2\\.5 {\n    padding: calc(var(--spacing) * 2.5);\n  }\n\n  .qwik-devtools .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n\n  .qwik-devtools .p-3\\.5 {\n    padding: calc(var(--spacing) * 3.5);\n  }\n\n  .qwik-devtools .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .p-5 {\n    padding: calc(var(--spacing) * 5);\n  }\n\n  .qwik-devtools .p-8 {\n    padding: calc(var(--spacing) * 8);\n  }\n\n  .qwik-devtools .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n\n  .qwik-devtools .px-2\\.5 {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n\n  .qwik-devtools .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n\n  .qwik-devtools .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .py-0\\.5 {\n    padding-block: calc(var(--spacing) * .5);\n  }\n\n  .qwik-devtools .py-1 {\n    padding-block: calc(var(--spacing) * 1);\n  }\n\n  .qwik-devtools .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n\n  .qwik-devtools .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n\n  .qwik-devtools .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n\n  .qwik-devtools .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .py-8 {\n    padding-block: calc(var(--spacing) * 8);\n  }\n\n  .qwik-devtools .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .pb-6 {\n    padding-bottom: calc(var(--spacing) * 6);\n  }\n\n  .qwik-devtools .text-center {\n    text-align: center;\n  }\n\n  .qwik-devtools .text-left {\n    text-align: left;\n  }\n\n  .qwik-devtools .text-right {\n    text-align: right;\n  }\n\n  .qwik-devtools .font-mono {\n    font-family: var(--font-mono);\n  }\n\n  .qwik-devtools .font-sans {\n    font-family: var(--font-sans);\n  }\n\n  .qwik-devtools .text-2xl {\n    font-size: var(--text-2xl);\n    line-height: var(--tw-leading, var(--text-2xl--line-height));\n  }\n\n  .qwik-devtools .text-3xl {\n    font-size: var(--text-3xl);\n    line-height: var(--tw-leading, var(--text-3xl--line-height));\n  }\n\n  .qwik-devtools .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n\n  .qwik-devtools .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n\n  .qwik-devtools .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .qwik-devtools .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n\n  .qwik-devtools .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .qwik-devtools .text-\\[10px\\] {\n    font-size: 10px;\n  }\n\n  .qwik-devtools .leading-relaxed {\n    --tw-leading: var(--leading-relaxed);\n    line-height: var(--leading-relaxed);\n  }\n\n  .qwik-devtools .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n\n  .qwik-devtools .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .qwik-devtools .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .qwik-devtools .break-all {\n    word-break: break-all;\n  }\n\n  .qwik-devtools .whitespace-nowrap {\n    white-space: nowrap;\n  }\n\n  .qwik-devtools .text-accent {\n    color: var(--color-accent);\n  }\n\n  .qwik-devtools .text-amber-400 {\n    color: var(--color-amber-400);\n  }\n\n  .qwik-devtools .text-blue-400 {\n    color: var(--color-blue-400);\n  }\n\n  .qwik-devtools .text-emerald-700 {\n    color: var(--color-emerald-700);\n  }\n\n  .qwik-devtools .text-foreground {\n    color: var(--color-foreground);\n  }\n\n  .qwik-devtools .text-foreground\\/70 {\n    color: #000000b3;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .text-foreground\\/70 {\n      color: color-mix(in oklab, var(--color-foreground) 70%, transparent);\n    }\n  }\n\n  .qwik-devtools .text-green-400 {\n    color: var(--color-green-400);\n  }\n\n  .qwik-devtools .text-muted-foreground {\n    color: var(--color-muted-foreground);\n  }\n\n  .qwik-devtools .text-pink-400 {\n    color: var(--color-pink-400);\n  }\n\n  .qwik-devtools .text-primary {\n    color: var(--color-primary);\n  }\n\n  .qwik-devtools .text-primary\\/50 {\n    color: #16b6f680;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .text-primary\\/50 {\n      color: color-mix(in oklab, var(--color-primary) 50%, transparent);\n    }\n  }\n\n  .qwik-devtools .text-purple-400 {\n    color: var(--color-purple-400);\n  }\n\n  .qwik-devtools .text-red-400 {\n    color: var(--color-red-400);\n  }\n\n  .qwik-devtools .text-violet-400 {\n    color: var(--color-violet-400);\n  }\n\n  .qwik-devtools .text-white {\n    color: var(--color-white);\n  }\n\n  .qwik-devtools .opacity-0 {\n    opacity: 0;\n  }\n\n  .qwik-devtools .opacity-90 {\n    opacity: .9;\n  }\n\n  .qwik-devtools .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .qwik-devtools .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .qwik-devtools .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .qwik-devtools .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .qwik-devtools .ring-2 {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .qwik-devtools .shadow-accent\\/35 {\n    --tw-shadow-color: #16b6f659;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .shadow-accent\\/35 {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-accent) 35%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n\n  .qwik-devtools .ring-primary-active {\n    --tw-ring-color: var(--color-primary-active);\n  }\n\n  .qwik-devtools .drop-shadow-md {\n    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));\n    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .qwik-devtools .filter {\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .qwik-devtools .backdrop-blur-lg {\n    --tw-backdrop-blur: blur(var(--blur-lg));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n  }\n\n  .qwik-devtools .backdrop-blur-md {\n    --tw-backdrop-blur: blur(var(--blur-md));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n  }\n\n  .qwik-devtools .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .qwik-devtools .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .qwik-devtools .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .qwik-devtools .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .qwik-devtools .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .qwik-devtools .duration-200 {\n    --tw-duration: .2s;\n    transition-duration: .2s;\n  }\n\n  .qwik-devtools .duration-300 {\n    --tw-duration: .3s;\n    transition-duration: .3s;\n  }\n\n  .qwik-devtools .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n\n  .qwik-devtools .ease-out {\n    --tw-ease: var(--ease-out);\n    transition-timing-function: var(--ease-out);\n  }\n\n  .qwik-devtools .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n\n  @media (hover: hover) {\n    .qwik-devtools .group-hover\\:scale-110:is(:where(.group):hover *) {\n      --tw-scale-x: 110%;\n      --tw-scale-y: 110%;\n      --tw-scale-z: 110%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n\n    .qwik-devtools .group-hover\\:opacity-100:is(:where(.group):hover *) {\n      opacity: 1;\n    }\n\n    .qwik-devtools .group-hover\\:shadow-primary\\/20:is(:where(.group):hover *) {\n      --tw-shadow-color: #16b6f633;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .group-hover\\:shadow-primary\\/20:is(:where(.group):hover *) {\n        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-shadow-alpha), transparent);\n      }\n    }\n  }\n\n  .qwik-devtools .group-active\\:scale-75:is(:where(.group):active *) {\n    --tw-scale-x: 75%;\n    --tw-scale-y: 75%;\n    --tw-scale-z: 75%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  @media (hover: hover) {\n    .qwik-devtools .hover\\:-translate-y-0\\.5:hover {\n      --tw-translate-y: calc(var(--spacing) * -.5);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .qwik-devtools .hover\\:scale-110:hover {\n      --tw-scale-x: 110%;\n      --tw-scale-y: 110%;\n      --tw-scale-z: 110%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n\n    .qwik-devtools .hover\\:rotate-3:hover {\n      rotate: 3deg;\n    }\n\n    .qwik-devtools .hover\\:border-primary\\/30:hover {\n      border-color: #16b6f64d;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .hover\\:border-primary\\/30:hover {\n        border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);\n      }\n    }\n\n    .qwik-devtools .hover\\:bg-card-item-hover-bg:hover {\n      background-color: var(--color-card-item-hover-bg);\n    }\n\n    .qwik-devtools .hover\\:bg-foreground\\/5:hover {\n      background-color: #0000000d;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .hover\\:bg-foreground\\/5:hover {\n        background-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);\n      }\n    }\n\n    .qwik-devtools .hover\\:bg-primary\\/10:hover {\n      background-color: #16b6f61a;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .hover\\:bg-primary\\/10:hover {\n        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);\n      }\n    }\n\n    .qwik-devtools .hover\\:bg-primary\\/20:hover {\n      background-color: #16b6f633;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .hover\\:bg-primary\\/20:hover {\n        background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);\n      }\n    }\n\n    .qwik-devtools .hover\\:text-foreground:hover {\n      color: var(--color-foreground);\n    }\n\n    .qwik-devtools .hover\\:text-primary:hover {\n      color: var(--color-primary);\n    }\n\n    .qwik-devtools .hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n\n    .qwik-devtools .hover\\:opacity-60:hover {\n      opacity: .6;\n    }\n\n    .qwik-devtools .hover\\:opacity-90:hover {\n      opacity: .9;\n    }\n\n    .qwik-devtools .hover\\:shadow-lg:hover {\n      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n\n    .qwik-devtools .hover\\:shadow-primary\\/5:hover {\n      --tw-shadow-color: #16b6f60d;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .hover\\:shadow-primary\\/5:hover {\n        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 5%, transparent) var(--tw-shadow-alpha), transparent);\n      }\n    }\n  }\n\n  .qwik-devtools .focus\\:ring-primary-active:focus {\n    --tw-ring-color: var(--color-primary-active);\n  }\n\n  .qwik-devtools .focus\\:ring-offset-0:focus {\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  }\n\n  @media (min-width: 40rem) {\n    .qwik-devtools .sm\\:grid-cols-2 {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .qwik-devtools .sm\\:grid-cols-3 {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .qwik-devtools .md\\:mt-6 {\n      margin-top: calc(var(--spacing) * 6);\n    }\n\n    .qwik-devtools .md\\:grid-cols-2 {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .qwik-devtools .md\\:grid-cols-3 {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .qwik-devtools .md\\:grid-cols-4 {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n\n    .qwik-devtools .md\\:px-4 {\n      padding-inline: calc(var(--spacing) * 4);\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .qwik-devtools .lg\\:grid-cols-3 {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .qwik-devtools .lg\\:grid-cols-4 {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    .qwik-devtools .dark\\:border-\\[\\#374151\\] {\n      border-color: #374151;\n    }\n\n    .qwik-devtools .dark\\:border-emerald-700\\/40 {\n      border-color: #00795666;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .dark\\:border-emerald-700\\/40 {\n        border-color: color-mix(in oklab, var(--color-emerald-700) 40%, transparent);\n      }\n    }\n\n    .qwik-devtools .dark\\:bg-\\[\\#1F2937\\] {\n      background-color: #1f2937;\n    }\n\n    .qwik-devtools .dark\\:bg-emerald-900\\/30 {\n      background-color: #004e3b4d;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .dark\\:bg-emerald-900\\/30 {\n        background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);\n      }\n    }\n\n    .qwik-devtools .dark\\:text-emerald-300 {\n      color: var(--color-emerald-300);\n    }\n\n    .qwik-devtools .dark\\:text-violet-300 {\n      color: var(--color-violet-300);\n    }\n  }\n\n  .custom-scrollbar {\n    scrollbar-width: thin;\n    scrollbar-color: var(--color-scrollbar-thumb) transparent;\n  }\n\n  .custom-scrollbar::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  .custom-scrollbar::-webkit-scrollbar-track {\n    background: none;\n  }\n\n  .custom-scrollbar::-webkit-scrollbar-thumb {\n    background-color: var(--color-scrollbar-thumb);\n    border-radius: 20px;\n  }\n\n  .custom-scrollbar::-webkit-scrollbar-thumb:hover {\n    background-color: var(--color-scrollbar-thumb-hover);\n  }\n}\n\n:root {\n  --theme-name: "light";\n  --color-background: #fff;\n  --color-foreground: #000;\n  --color-primary: #16b6f6;\n  --color-primary-hover: #38bdf8;\n  --color-primary-active: #0ea5e9;\n  --color-secondary: #6b7280;\n  --color-border: #e5e7eb;\n  --color-card: #f2f2f2;\n  --color-card-item-bg: #00000005;\n  --color-card-item-hover-bg: #00000008;\n  --color-scrollbar-thumb: #d1d5db;\n  --color-scrollbar-thumb-hover: #a1a1aa;\n  --color-muted: #9ca3af;\n  --color-muted-foreground: #6b7280;\n  --color-accent: #16b6f6;\n  --color-input: var(--color-border);\n  --color-ring: var(--color-primary);\n}\n\n:root[data-theme="dark"] {\n  --theme-name: "dark";\n  --color-background: #18181b;\n  --color-foreground: #fff;\n  --color-primary: #16b6f6;\n  --color-primary-hover: #38bdf8;\n  --color-primary-active: #0ea5e9;\n  --color-secondary: #9ca3af;\n  --color-border: #374151;\n  --color-card: #27272a;\n  --color-card-item-bg: #ffffff08;\n  --color-card-item-hover-bg: #ffffff0d;\n  --color-scrollbar-thumb: #3f3f46;\n  --color-scrollbar-thumb-hover: #52525b;\n  --color-muted: #374151;\n  --color-muted-foreground: #9ca3af;\n  --color-accent: #16b6f6;\n  --color-input: var(--color-border);\n  --color-ring: var(--color-primary);\n}\n\n@media (prefers-color-scheme: dark) {\n  :root:not([data-theme]) {\n    --theme-name: "dark";\n    --color-background: #18181b;\n    --color-foreground: #fff;\n    --color-primary: #16b6f6;\n    --color-secondary: #9ca3af;\n    --color-border: #374151;\n    --color-card: #27272a;\n    --color-card-item-bg: #ffffff08;\n    --color-card-item-hover-bg: #ffffff0d;\n    --color-scrollbar-thumb: #3f3f46;\n    --color-scrollbar-thumb-hover: #52525b;\n    --color-muted: #374151;\n    --color-muted-foreground: #9ca3af;\n    --color-accent: #16b6f6;\n    --color-input: var(--color-border);\n    --color-ring: var(--color-primary);\n  }\n}\n\n@property --tw-translate-x {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-rotate-x {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-rotate-y {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-rotate-z {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-skew-x {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-skew-y {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-space-y-reverse {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-space-x-reverse {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-divide-y-reverse {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-border-style {\n  syntax: "*";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-gradient-position {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-gradient-from {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-gradient-via {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-gradient-to {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-gradient-stops {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-gradient-via-stops {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-gradient-from-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 0%;\n}\n\n@property --tw-gradient-via-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 50%;\n}\n\n@property --tw-gradient-to-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-leading {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-font-weight {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-ring-color {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-ring-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-ring-offset-width {\n  syntax: "<length>";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n  syntax: "*";\n  inherits: false;\n  initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-blur {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-brightness {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-contrast {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-grayscale {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-hue-rotate {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-invert {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-opacity {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-saturate {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-sepia {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-drop-shadow {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-drop-shadow-color {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-blur {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-brightness {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-contrast {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-grayscale {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-hue-rotate {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-invert {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-opacity {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-saturate {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-sepia {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-duration {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-ease {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-scale-x {\n  syntax: "*";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-y {\n  syntax: "*";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-z {\n  syntax: "*";\n  inherits: false;\n  initial-value: 1;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n';
-export {
-  globalCss as default
-};

package/dist/ui/node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@7.1.3_@types_node@20.14.11_jiti@2.6._02d306fcbd9f637dd624291702bff9c0/node_modules/@qwikest/icons/lib/bs.qwik.qwik.mjs

@@ -1,34 +0,0 @@
-import { _jsxS, _jsxQ } from "@qwik.dev/core";
-const BsBrilliance = (props) => /* @__PURE__ */ _jsxS("svg", {
-  ...props,
-  children: /* @__PURE__ */ _jsxQ("path", null, {
-    d: "M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16ZM1 8a7 7 0 0 0 7 7 3.5 3.5 0 1 0 0-7 3.5 3.5 0 1 1 0-7 7 7 0 0 0-7 7Z"
-  }, null, 3, null)
-}, {
-  class: "bi bi-brilliance",
-  "data-qwikest-icon": true,
-  fill: "currentColor",
-  height: "1em",
-  viewBox: "0 0 16 16",
-  width: "1em",
-  xmlns: "http://www.w3.org/2000/svg"
-}, 0, "pC_0");
-const BsDiagram3 = (props) => /* @__PURE__ */ _jsxS("svg", {
-  ...props,
-  children: /* @__PURE__ */ _jsxQ("path", null, {
-    d: "M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5v-1zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1zM0 11.5A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z",
-    "fill-rule": "evenodd"
-  }, null, 3, null)
-}, {
-  class: "bi bi-diagram-3",
-  "data-qwikest-icon": true,
-  fill: "currentColor",
-  height: "1em",
-  viewBox: "0 0 16 16",
-  width: "1em",
-  xmlns: "http://www.w3.org/2000/svg"
-}, 0, "Xk_0");
-export {
-  BsBrilliance,
-  BsDiagram3
-};

package/dist/ui/node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@7.1.3_@types_node@20.14.11_jiti@2.6._02d306fcbd9f637dd624291702bff9c0/node_modules/@qwikest/icons/lib/hi.qwik.qwik.mjs

@@ -1,166 +0,0 @@
-import { _jsxS, _jsxQ } from "@qwik.dev/core";
-const HiChevronUpMini = (props) => /* @__PURE__ */ _jsxS("svg", {
-  ...props,
-  children: /* @__PURE__ */ _jsxQ("path", null, {
-    "clip-rule": "evenodd",
-    d: "M14.77 12.79a.75.75 0 01-1.06-.02L10 8.832 6.29 12.77a.75.75 0 11-1.08-1.04l4.25-4.5a.75.75 0 011.08 0l4.25 4.5a.75.75 0 01-.02 1.06z",
-    "fill-rule": "evenodd"
-  }, null, 3, null)
-}, {
-  "aria-hidden": "true",
-  "data-qwikest-icon": true,
-  fill: "currentColor",
-  height: "1em",
-  viewBox: "0 0 20 20",
-  width: "1em",
-  xmlns: "http://www.w3.org/2000/svg"
-}, 0, "aF_0");
-const HiMegaphoneMini = (props) => /* @__PURE__ */ _jsxS("svg", {
-  ...props,
-  children: /* @__PURE__ */ _jsxQ("path", null, {
-    d: "M13.92 3.845a19.361 19.361 0 01-6.3 1.98C6.765 5.942 5.89 6 5 6a4 4 0 00-.504 7.969 15.974 15.974 0 001.271 3.341c.397.77 1.342 1 2.05.59l.867-.5c.726-.42.94-1.321.588-2.021-.166-.33-.315-.666-.448-1.004 1.8.358 3.511.964 5.096 1.78A17.964 17.964 0 0015 10c0-2.161-.381-4.234-1.08-6.155zM15.243 3.097A19.456 19.456 0 0116.5 10c0 2.431-.445 4.758-1.257 6.904l-.03.077a.75.75 0 001.401.537 20.902 20.902 0 001.312-5.745 1.999 1.999 0 000-3.545 20.902 20.902 0 00-1.312-5.745.75.75 0 00-1.4.537l.029.077z"
-  }, null, 3, null)
-}, {
-  "aria-hidden": "true",
-  "data-qwikest-icon": true,
-  fill: "currentColor",
-  height: "1em",
-  viewBox: "0 0 20 20",
-  width: "1em",
-  xmlns: "http://www.w3.org/2000/svg"
-}, 0, "AV_0");
-const HiCodeBracketSolid = (props) => /* @__PURE__ */ _jsxS("svg", {
-  ...props,
-  children: /* @__PURE__ */ _jsxQ("path", null, {
-    "clip-rule": "evenodd",
-    d: "M14.447 3.027a.75.75 0 01.527.92l-4.5 16.5a.75.75 0 01-1.448-.394l4.5-16.5a.75.75 0 01.921-.526zM16.72 6.22a.75.75 0 011.06 0l5.25 5.25a.75.75 0 010 1.06l-5.25 5.25a.75.75 0 11-1.06-1.06L21.44 12l-4.72-4.72a.75.75 0 010-1.06zm-9.44 0a.75.75 0 010 1.06L2.56 12l4.72 4.72a.75.75 0 11-1.06 1.06L.97 12.53a.75.75 0 010-1.06l5.25-5.25a.75.75 0 011.06 0z",
-    "fill-rule": "evenodd"
-  }, null, 3, null)
-}, {
-  "aria-hidden": "true",
-  "data-qwikest-icon": true,
-  fill: "currentColor",
-  height: "1em",
-  viewBox: "0 0 24 24",
-  width: "1em",
-  xmlns: "http://www.w3.org/2000/svg"
-}, 0, "C8_0");
-const HiBoltOutline = (props) => /* @__PURE__ */ _jsxS("svg", {
-  ...props,
-  children: /* @__PURE__ */ _jsxQ("path", null, {
-    d: "M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }, null, 3, null)
-}, {
-  "aria-hidden": "true",
-  "data-qwikest-icon": true,
-  fill: "none",
-  height: "1em",
-  stroke: "currentColor",
-  "stroke-width": "1.5",
-  viewBox: "0 0 24 24",
-  width: "1em",
-  xmlns: "http://www.w3.org/2000/svg"
-}, 0, "z0_0");
-const HiClockOutline = (props) => /* @__PURE__ */ _jsxS("svg", {
-  ...props,
-  children: /* @__PURE__ */ _jsxQ("path", null, {
-    d: "M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }, null, 3, null)
-}, {
-  "aria-hidden": "true",
-  "data-qwikest-icon": true,
-  fill: "none",
-  height: "1em",
-  stroke: "currentColor",
-  "stroke-width": "1.5",
-  viewBox: "0 0 24 24",
-  width: "1em",
-  xmlns: "http://www.w3.org/2000/svg"
-}, 0, "l1_0");
-const HiCubeOutline = (props) => /* @__PURE__ */ _jsxS("svg", {
-  ...props,
-  children: /* @__PURE__ */ _jsxQ("path", null, {
-    d: "M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }, null, 3, null)
-}, {
-  "aria-hidden": "true",
-  "data-qwikest-icon": true,
-  fill: "none",
-  height: "1em",
-  stroke: "currentColor",
-  "stroke-width": "1.5",
-  viewBox: "0 0 24 24",
-  width: "1em",
-  xmlns: "http://www.w3.org/2000/svg"
-}, 0, "Tf_0");
-const HiMoonOutline = (props) => /* @__PURE__ */ _jsxS("svg", {
-  ...props,
-  children: /* @__PURE__ */ _jsxQ("path", null, {
-    d: "M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }, null, 3, null)
-}, {
-  "aria-hidden": "true",
-  "data-qwikest-icon": true,
-  fill: "none",
-  height: "1em",
-  stroke: "currentColor",
-  "stroke-width": "1.5",
-  viewBox: "0 0 24 24",
-  width: "1em",
-  xmlns: "http://www.w3.org/2000/svg"
-}, 0, "K0_0");
-const HiPhotoOutline = (props) => /* @__PURE__ */ _jsxS("svg", {
-  ...props,
-  children: /* @__PURE__ */ _jsxQ("path", null, {
-    d: "M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }, null, 3, null)
-}, {
-  "aria-hidden": "true",
-  "data-qwikest-icon": true,
-  fill: "none",
-  height: "1em",
-  stroke: "currentColor",
-  "stroke-width": "1.5",
-  viewBox: "0 0 24 24",
-  width: "1em",
-  xmlns: "http://www.w3.org/2000/svg"
-}, 0, "Vu_0");
-const HiSunOutline = (props) => /* @__PURE__ */ _jsxS("svg", {
-  ...props,
-  children: /* @__PURE__ */ _jsxQ("path", null, {
-    d: "M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }, null, 3, null)
-}, {
-  "aria-hidden": "true",
-  "data-qwikest-icon": true,
-  fill: "none",
-  height: "1em",
-  stroke: "currentColor",
-  "stroke-width": "1.5",
-  viewBox: "0 0 24 24",
-  width: "1em",
-  xmlns: "http://www.w3.org/2000/svg"
-}, 0, "e4_0");
-export {
-  HiBoltOutline,
-  HiChevronUpMini,
-  HiClockOutline,
-  HiCodeBracketSolid,
-  HiCubeOutline,
-  HiMegaphoneMini,
-  HiMoonOutline,
-  HiPhotoOutline,
-  HiSunOutline
-};

package/dist/ui/node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@7.1.3_@types_node@20.14.11_jiti@2.6._02d306fcbd9f637dd624291702bff9c0/node_modules/@qwikest/icons/lib/lu.qwik.qwik.mjs

@@ -1,32 +0,0 @@
-import { _jsxS, _jsxQ } from "@qwik.dev/core";
-const LuFolderTree = (props) => /* @__PURE__ */ _jsxS("svg", {
-  ...props,
-  children: [
-    /* @__PURE__ */ _jsxQ("path", null, {
-      d: "M13 10h7a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2A1 1 0 0 0 15 3h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z"
-    }, null, 3, null),
-    /* @__PURE__ */ _jsxQ("path", null, {
-      d: "M13 21h7a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.88a1 1 0 0 1-.9-.55l-.44-.9a1 1 0 0 0-.9-.55H13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z"
-    }, null, 3, null),
-    /* @__PURE__ */ _jsxQ("path", null, {
-      d: "M3 3v2c0 1.1.9 2 2 2h3"
-    }, null, 3, null),
-    /* @__PURE__ */ _jsxQ("path", null, {
-      d: "M3 3v13c0 1.1.9 2 2 2h3"
-    }, null, 3, null)
-  ]
-}, {
-  "data-qwikest-icon": true,
-  fill: "none",
-  height: "1em",
-  stroke: "currentColor",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  "stroke-width": "2",
-  viewBox: "0 0 24 24",
-  width: "1em",
-  xmlns: "http://www.w3.org/2000/svg"
-}, 0, "Sp_0");
-export {
-  LuFolderTree
-};