glass-ui-solid 0.4.4 → 0.4.6

package/dist/components/SegmentedControl/SegmentedControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EACxD,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,kCA0FhC"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EACxD,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,kCAiGhC"}

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -1,49 +1,53 @@
-import { template as C, insert as w, createComponent as B, use as y, effect as $, className as v, setAttribute as A, setStyleProperty as u, delegateEvents as E } from "solid-js/web";
-import { createSignal as k, onMount as F, createEffect as M, on as q, For as N } from "solid-js";
-var P = /* @__PURE__ */ C('<div role=group><div style="transition-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1)">'), V = /* @__PURE__ */ C("<button type=button>");
-function G(a) {
-  const [c, z] = k({
+import { template as z, insert as y, createComponent as B, use as $, effect as C, className as b, setAttribute as F, setStyleProperty as u, delegateEvents as q } from "solid-js/web";
+import { createSignal as k, onMount as E, onCleanup as M, createEffect as N, on as O, For as P } from "solid-js";
+var V = /* @__PURE__ */ z('<div role=group><div style="transition-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1)">'), j = /* @__PURE__ */ z("<button type=button>");
+function H(a) {
+  const [c, R] = k({
     left: 0,
     top: 0,
     width: 0,
     height: 0
-  }), [f, R] = k(!1);
+  }), [g, I] = k(!1);
   let d;
-  const g = /* @__PURE__ */ new Map(), I = () => a.orientation === "vertical", S = () => a.size === "sm" ? "px-2 py-1 text-[0.625rem]" : "px-3 py-1.5 text-xs", h = () => {
-    const t = g.get(a.value);
+  const v = /* @__PURE__ */ new Map(), S = () => a.orientation === "vertical", A = () => a.size === "sm" ? "px-2 py-1 text-[0.625rem]" : "px-3 py-1.5 text-xs", f = () => {
+    const t = v.get(a.value);
     if (t && d) {
-      const n = d.getBoundingClientRect(), l = t.getBoundingClientRect();
-      z({
-        left: l.left - n.left,
-        top: l.top - n.top,
-        width: l.width,
-        height: l.height
+      const r = d.getBoundingClientRect(), o = t.getBoundingClientRect();
+      R({
+        left: o.left - r.left,
+        top: o.top - r.top,
+        width: o.width,
+        height: o.height
       });
     }
-  };
-  return F(() => {
-    h(), requestAnimationFrame(() => R(!0));
-  }), M(q(() => a.value, () => {
-    f() && h();
+  }, h = new ResizeObserver(() => f());
+  return E(() => {
+    for (const t of v.values())
+      h.observe(t);
+    requestAnimationFrame(() => {
+      f(), requestAnimationFrame(() => I(!0));
+    });
+  }), M(() => h.disconnect()), N(O(() => a.value, () => {
+    g() && f();
   })), (() => {
-    var t = P(), n = t.firstChild, l = d;
-    return typeof l == "function" ? y(l, t) : d = t, w(t, B(N, {
+    var t = V(), r = t.firstChild, o = d;
+    return typeof o == "function" ? $(o, t) : d = t, y(t, B(P, {
       get each() {
         return a.options;
       },
       children: (e) => (() => {
-        var r = V();
-        return r.$$click = () => !e.disabled && a.onChange(e.value), y((i) => g.set(e.value, i), r), w(r, () => e.label), $((i) => {
-          var o = e.disabled, s = `${S()} font-bold rounded-lg transition-colors duration-200 relative z-10 ${a.value === e.value ? "text-surface-900 dark:text-surface-100" : "text-surface-600 dark:text-surface-400 hover:text-surface-900 dark:hover:text-surface-100"} ${e.disabled ? "opacity-50 cursor-not-allowed" : ""}`;
-          return o !== i.e && (r.disabled = i.e = o), s !== i.t && v(r, i.t = s), i;
+        var n = j();
+        return n.$$click = () => !e.disabled && a.onChange(e.value), $((i) => v.set(e.value, i), n), y(n, () => e.label), C((i) => {
+          var l = e.disabled, s = `${A()} font-bold rounded-lg transition-colors duration-200 relative z-10 ${a.value === e.value ? "text-surface-900 dark:text-surface-100" : "text-surface-600 dark:text-surface-400 hover:text-surface-900 dark:hover:text-surface-100"} ${e.disabled ? "opacity-50 cursor-not-allowed" : ""}`;
+          return l !== i.e && (n.disabled = i.e = l), s !== i.t && b(n, i.t = s), i;
         }, {
           e: void 0,
           t: void 0
-        }), r;
+        }), n;
       })()
-    }), null), $((e) => {
-      var r = a["aria-label"], i = `relative flex ${I() ? "flex-col" : "items-center"} gap-1 p-1 bg-surface-200/80 dark:bg-surface-800/80 rounded-xl w-fit ${a.class ?? ""}`, o = `absolute rounded-lg bg-white dark:bg-surface-600 shadow-sm ${f() ? "transition-all duration-300" : ""}`, s = `${c().left}px`, b = `${c().top}px`, x = `${c().width}px`, m = `${c().height}px`;
-      return r !== e.e && A(t, "aria-label", e.e = r), i !== e.t && v(t, e.t = i), o !== e.a && v(n, e.a = o), s !== e.o && u(n, "left", e.o = s), b !== e.i && u(n, "top", e.i = b), x !== e.n && u(n, "width", e.n = x), m !== e.s && u(n, "height", e.s = m), e;
+    }), null), C((e) => {
+      var n = a["aria-label"], i = `relative flex ${S() ? "flex-col" : "items-center"} gap-1 p-1 bg-surface-200/80 dark:bg-surface-800/80 rounded-xl w-fit ${a.class ?? ""}`, l = `absolute rounded-lg bg-white dark:bg-surface-600 shadow-sm ${g() ? "transition-all duration-300" : ""}`, s = `${c().left}px`, m = `${c().top}px`, x = `${c().width}px`, w = `${c().height}px`;
+      return n !== e.e && F(t, "aria-label", e.e = n), i !== e.t && b(t, e.t = i), l !== e.a && b(r, e.a = l), s !== e.o && u(r, "left", e.o = s), m !== e.i && u(r, "top", e.i = m), x !== e.n && u(r, "width", e.n = x), w !== e.s && u(r, "height", e.s = w), e;
     }, {
       e: void 0,
       t: void 0,
@@ -55,8 +59,8 @@ function G(a) {
     }), t;
   })();
 }
-E(["click"]);
+q(["click"]);
 export {
-  G as SegmentedControl
+  H as SegmentedControl
 };
 //# sourceMappingURL=SegmentedControl.js.map

package/dist/components/SegmentedControl/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import { For, createEffect, createSignal, on, onMount } from 'solid-js';\nimport type { SegmentedControlProps } from './types';\n\nexport function SegmentedControl<T extends string | number>(\n  props: SegmentedControlProps<T>,\n) {\n  const [indicatorStyle, setIndicatorStyle] = createSignal({\n    left: 0,\n    top: 0,\n    width: 0,\n    height: 0,\n  });\n  const [isInitialized, setIsInitialized] = createSignal(false);\n  let containerRef: HTMLDivElement | undefined;\n  const buttonRefs: Map<T, HTMLButtonElement> = new Map();\n\n  const isVertical = () => props.orientation === 'vertical';\n\n  const sizeClasses = () =>\n    props.size === 'sm' ? 'px-2 py-1 text-[0.625rem]' : 'px-3 py-1.5 text-xs';\n\n  const updateIndicator = () => {\n    const activeButton = buttonRefs.get(props.value);\n    if (activeButton && containerRef) {\n      const containerRect = containerRef.getBoundingClientRect();\n      const buttonRect = activeButton.getBoundingClientRect();\n      setIndicatorStyle({\n        left: buttonRect.left - containerRect.left,\n        top: buttonRect.top - containerRect.top,\n        width: buttonRect.width,\n        height: buttonRect.height,\n      });\n    }\n  };\n\n  onMount(() => {\n    // Initial position without animation\n    updateIndicator();\n    // Enable animations after first render\n    requestAnimationFrame(() => setIsInitialized(true));\n  });\n\n  createEffect(\n    on(\n      () => props.value,\n      () => {\n        if (isInitialized()) {\n          updateIndicator();\n        }\n      },\n    ),\n  );\n\n  return (\n    <div\n      ref={containerRef}\n      role=\"group\"\n      aria-label={props['aria-label']}\n      class={`relative flex ${isVertical() ? 'flex-col' : 'items-center'} gap-1 p-1 bg-surface-200/80 dark:bg-surface-800/80 rounded-xl w-fit ${\n        props.class ?? ''\n      }`}\n    >\n      {/* Sliding indicator - iOS 26 style */}\n      <div\n        class={`absolute rounded-lg bg-white dark:bg-surface-600 shadow-sm ${\n          isInitialized() ? 'transition-all duration-300' : ''\n        }`}\n        style={{\n          left: `${indicatorStyle().left}px`,\n          top: `${indicatorStyle().top}px`,\n          width: `${indicatorStyle().width}px`,\n          height: `${indicatorStyle().height}px`,\n          'transition-timing-function': 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n        }}\n      />\n      <For each={props.options}>\n        {(option) => (\n          <button\n            ref={(el) => buttonRefs.set(option.value, el)}\n            type=\"button\"\n            onClick={() => !option.disabled && props.onChange(option.value)}\n            disabled={option.disabled}\n            class={`${sizeClasses()} font-bold rounded-lg transition-colors duration-200 relative z-10 ${\n              props.value === option.value\n                ? 'text-surface-900 dark:text-surface-100'\n                : 'text-surface-600 dark:text-surface-400 hover:text-surface-900 dark:hover:text-surface-100'\n            } ${option.disabled ? 'opacity-50 cursor-not-allowed' : ''}`}\n          >\n            {option.label}\n          </button>\n        )}\n      </For>\n    </div>\n  );\n}\n"],"names":["SegmentedControl","props","indicatorStyle","setIndicatorStyle","createSignal","left","top","width","height","isInitialized","setIsInitialized","containerRef","buttonRefs","Map","isVertical","orientation","sizeClasses","size","updateIndicator","activeButton","get","value","containerRect","getBoundingClientRect","buttonRect","onMount","requestAnimationFrame","createEffect","on","_el$","_tmpl$","_el$2","firstChild","_ref$","_$use","_$insert","_$createComponent","For","each","options","children","option","_el$3","_tmpl$2","$$click","disabled","onChange","el","set","label","_$effect","_p$","_v$8","_v$9","e","t","_$className","undefined","_v$","_v$2","class","_v$3","_v$4","_v$5","_v$6","_v$7","_$setAttribute","a","o","_$setStyleProperty","i","n","s","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import {\n  For,\n  createEffect,\n  createSignal,\n  on,\n  onCleanup,\n  onMount,\n} from 'solid-js';\nimport type { SegmentedControlProps } from './types';\n\nexport function SegmentedControl<T extends string | number>(\n  props: SegmentedControlProps<T>,\n) {\n  const [indicatorStyle, setIndicatorStyle] = createSignal({\n    left: 0,\n    top: 0,\n    width: 0,\n    height: 0,\n  });\n  const [isInitialized, setIsInitialized] = createSignal(false);\n  let containerRef: HTMLDivElement | undefined;\n  const buttonRefs: Map<T, HTMLButtonElement> = new Map();\n\n  const isVertical = () => props.orientation === 'vertical';\n\n  const sizeClasses = () =>\n    props.size === 'sm' ? 'px-2 py-1 text-[0.625rem]' : 'px-3 py-1.5 text-xs';\n\n  const updateIndicator = () => {\n    const activeButton = buttonRefs.get(props.value);\n    if (activeButton && containerRef) {\n      const containerRect = containerRef.getBoundingClientRect();\n      const buttonRect = activeButton.getBoundingClientRect();\n      setIndicatorStyle({\n        left: buttonRect.left - containerRect.left,\n        top: buttonRect.top - containerRect.top,\n        width: buttonRect.width,\n        height: buttonRect.height,\n      });\n    }\n  };\n\n  const observer = new ResizeObserver(() => updateIndicator());\n\n  onMount(() => {\n    for (const btn of buttonRefs.values()) {\n      observer.observe(btn);\n    }\n    requestAnimationFrame(() => {\n      updateIndicator();\n      requestAnimationFrame(() => setIsInitialized(true));\n    });\n  });\n\n  onCleanup(() => observer.disconnect());\n\n  createEffect(\n    on(\n      () => props.value,\n      () => {\n        if (isInitialized()) {\n          updateIndicator();\n        }\n      },\n    ),\n  );\n\n  return (\n    <div\n      ref={containerRef}\n      role=\"group\"\n      aria-label={props['aria-label']}\n      class={`relative flex ${isVertical() ? 'flex-col' : 'items-center'} gap-1 p-1 bg-surface-200/80 dark:bg-surface-800/80 rounded-xl w-fit ${\n        props.class ?? ''\n      }`}\n    >\n      {/* Sliding indicator - iOS 26 style */}\n      <div\n        class={`absolute rounded-lg bg-white dark:bg-surface-600 shadow-sm ${\n          isInitialized() ? 'transition-all duration-300' : ''\n        }`}\n        style={{\n          left: `${indicatorStyle().left}px`,\n          top: `${indicatorStyle().top}px`,\n          width: `${indicatorStyle().width}px`,\n          height: `${indicatorStyle().height}px`,\n          'transition-timing-function': 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n        }}\n      />\n      <For each={props.options}>\n        {(option) => (\n          <button\n            ref={(el) => buttonRefs.set(option.value, el)}\n            type=\"button\"\n            onClick={() => !option.disabled && props.onChange(option.value)}\n            disabled={option.disabled}\n            class={`${sizeClasses()} font-bold rounded-lg transition-colors duration-200 relative z-10 ${\n              props.value === option.value\n                ? 'text-surface-900 dark:text-surface-100'\n                : 'text-surface-600 dark:text-surface-400 hover:text-surface-900 dark:hover:text-surface-100'\n            } ${option.disabled ? 'opacity-50 cursor-not-allowed' : ''}`}\n          >\n            {option.label}\n          </button>\n        )}\n      </For>\n    </div>\n  );\n}\n"],"names":["SegmentedControl","props","indicatorStyle","setIndicatorStyle","createSignal","left","top","width","height","isInitialized","setIsInitialized","containerRef","buttonRefs","Map","isVertical","orientation","sizeClasses","size","updateIndicator","activeButton","get","value","containerRect","getBoundingClientRect","buttonRect","observer","ResizeObserver","onMount","btn","values","observe","requestAnimationFrame","onCleanup","disconnect","createEffect","on","_el$","_tmpl$","_el$2","firstChild","_ref$","_$use","_$insert","_$createComponent","For","each","options","children","option","_el$3","_tmpl$2","$$click","disabled","onChange","el","set","label","_$effect","_p$","_v$8","_v$9","e","t","_$className","undefined","_v$","_v$2","class","_v$3","_v$4","_v$5","_v$6","_v$7","_$setAttribute","a","o","_$setStyleProperty","i","n","s","_$delegateEvents"],"mappings":"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"}

package/dist/components/Sidebar/Sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,UAAU,CAAC;AAclB,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AASzD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,OAAO,EAAE,SAAS,CAAC,YAAY,CAmR3C,CAAC"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,UAAU,CAAC;AAclB,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AASzD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,OAAO,EAAE,SAAS,CAAC,YAAY,CA8O3C,CAAC"}

package/dist/components/Sidebar/Sidebar.js

@@ -1,152 +1,149 @@
-import { createComponent as n, template as c, insert as l, effect as d, className as s, style as B, setStyleProperty as P, setAttribute as U, delegateEvents as j } from "solid-js/web";
-import { createSignal as _, createEffect as x, onCleanup as m, Show as u, For as z } from "solid-js";
-import { SidebarItemComponent as F } from "./SidebarItem.js";
-import { useAnimationState as K } from "../../hooks/useAnimationState.js";
-import { PortalWithDarkMode as H } from "../shared/PortalWithDarkMode/PortalWithDarkMode.js";
-import { ChevronRightIcon as X, ChevronLeftIcon as V } from "../shared/icons/ChevronIcon.js";
-import { ANIMATION_DURATION_SLOW as q, BACKDROP_EXIT as G, BACKDROP_ENTER as J, DRAWER_EXIT as Q, DURATION_DEFAULT as Y, DRAWER_ENTER as Z, DURATION_SLOW as ee } from "../../constants/animations.js";
-var te = /* @__PURE__ */ c('<button type=button class="p-2 rounded-xl text-surface-500 dark:text-surface-400 hover:text-surface-700 dark:hover:text-surface-200 transition-all duration-300 ease-out backdrop-blur-md bg-white/5 dark:bg-white/5 border border-white/10 dark:border-white/5 hover:bg-white/15 dark:hover:bg-white/10 hover:border-white/20 dark:hover:border-white/10 shadow-[inset_0_1px_1px_rgba(255,255,255,0.05)] hover:shadow-[inset_0_1px_1px_rgba(255,255,255,0.1),0_2px_8px_rgba(0,0,0,0.05)] focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/50">'), p = /* @__PURE__ */ c("<div>"), re = /* @__PURE__ */ c("<div class=space-y-3>"), ne = /* @__PURE__ */ c('<div class="flex flex-col h-full overflow-hidden"><nav aria-label="Main navigation"><div class=space-y-1></div></nav><div>'), ie = /* @__PURE__ */ c('<button type=button class="p-2.5 rounded-xl md:hidden transition-all duration-300 ease-out backdrop-blur-xl bg-white/20 dark:bg-white/10 border border-white/30 dark:border-white/15 text-surface-700 dark:text-surface-300 hover:bg-white/30 dark:hover:bg-white/15 hover:border-white/40 dark:hover:border-white/20 shadow-[inset_0_1px_1px_rgba(255,255,255,0.2),0_2px_8px_rgba(0,0,0,0.08)] hover:shadow-[inset_0_1px_1px_rgba(255,255,255,0.25),0_4px_12px_rgba(0,0,0,0.1)] focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/50"aria-label="Open navigation menu"><svg class="w-5 h-5"fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><path stroke-linecap=round stroke-linejoin=round d="M4 6h16M4 12h16M4 18h16">'), oe = /* @__PURE__ */ c('<aside aria-label="Sidebar navigation">'), le = /* @__PURE__ */ c("<div aria-hidden=true>"), ae = /* @__PURE__ */ c('<aside aria-label="Mobile navigation"role=dialog aria-modal=true>');
-const de = "240px", se = "64px", ce = 768, _e = (i) => {
-  const [b, D] = _(!1), [f, g] = _(!1), [A, T] = _([]), o = () => i.collapsed ?? !1, w = () => i.width ?? de, k = () => i.collapsedWidth ?? se;
-  x(() => {
+import { createComponent as n, template as u, insert as o, effect as d, className as s, style as N, setStyleProperty as P, setAttribute as U, delegateEvents as B } from "solid-js/web";
+import { createSignal as w, createEffect as m, onCleanup as _, Show as h, For as j } from "solid-js";
+import { SidebarItemComponent as z } from "./SidebarItem.js";
+import { useAnimationState as F } from "../../hooks/useAnimationState.js";
+import { PortalWithDarkMode as K } from "../shared/PortalWithDarkMode/PortalWithDarkMode.js";
+import { ChevronRightIcon as H, ChevronLeftIcon as X } from "../shared/icons/ChevronIcon.js";
+import { ANIMATION_DURATION_SLOW as V, BACKDROP_EXIT as q, BACKDROP_ENTER as G, DRAWER_EXIT as J, DURATION_DEFAULT as Q, DRAWER_ENTER as Y, DURATION_SLOW as Z } from "../../constants/animations.js";
+var ee = /* @__PURE__ */ u('<button type=button class="p-2 rounded-xl text-surface-500 dark:text-surface-400 hover:text-surface-700 dark:hover:text-surface-200 transition-all duration-300 ease-out backdrop-blur-md bg-white/5 dark:bg-white/5 border border-white/10 dark:border-white/5 hover:bg-white/15 dark:hover:bg-white/10 hover:border-white/20 dark:hover:border-white/10 shadow-[inset_0_1px_1px_rgba(255,255,255,0.05)] hover:shadow-[inset_0_1px_1px_rgba(255,255,255,0.1),0_2px_8px_rgba(0,0,0,0.05)] focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/50">'), x = /* @__PURE__ */ u("<div>"), te = /* @__PURE__ */ u("<div class=space-y-3>"), re = /* @__PURE__ */ u('<div class="flex flex-col h-full overflow-hidden"><nav aria-label="Main navigation"><div class=space-y-1></div></nav><div>'), ne = /* @__PURE__ */ u('<aside aria-label="Sidebar navigation">'), ie = /* @__PURE__ */ u("<div aria-hidden=true>"), le = /* @__PURE__ */ u('<aside aria-label="Mobile navigation"role=dialog aria-modal=true>');
+const oe = "240px", ae = "64px", de = 768, ge = (i) => {
+  const [v, D] = w(!1), [f, k] = w(!1), [A, T] = w([]), l = () => i.collapsed ?? !1, g = () => i.width ?? oe, $ = () => i.collapsedWidth ?? ae;
+  m(() => {
     const e = () => {
-      D(window.innerWidth < ce);
+      D(window.innerWidth < de);
     };
-    e(), window.addEventListener("resize", e), m(() => window.removeEventListener("resize", e));
-  }), x(() => {
-    b() && f() && (document.body.style.overflow = "hidden", m(() => {
+    e(), window.addEventListener("resize", e), _(() => window.removeEventListener("resize", e));
+  }), m(() => {
+    v() && f() && (document.body.style.overflow = "hidden", _(() => {
       document.body.style.overflow = "";
     }));
   });
   const {
-    visible: M,
-    isClosing: $
-  } = K({
+    visible: L,
+    isClosing: p
+  } = F({
     open: f,
-    duration: () => q
+    duration: () => V
   }), O = (e) => {
-    e.onClick && e.onClick(), i.onActiveChange?.(e.id), b() && g(!1);
-  }, L = (e) => {
+    e.onClick && e.onClick(), i.onActiveChange?.(e.id), v() && k(!1);
+  }, R = (e) => {
     T((t) => t.includes(e) ? t.filter((a) => a !== e) : [...t, e]);
-  }, R = () => {
-    i.onCollapsedChange?.(!o());
+  }, S = () => {
+    i.onCollapsedChange?.(!l());
   }, E = () => {
-    g(!1);
+    k(!1);
   };
-  x(() => {
-    if (!b() || !f())
+  m(() => {
+    if (!v() || !f())
       return;
     const e = (t) => {
       t.key === "Escape" && E();
     };
-    document.addEventListener("keydown", e), m(() => document.removeEventListener("keydown", e));
+    document.addEventListener("keydown", e), _(() => document.removeEventListener("keydown", e));
   });
   const y = () => (() => {
-    var e = te();
-    return e.$$click = R, l(e, n(u, {
+    var e = ee();
+    return e.$$click = S, o(e, n(h, {
       get when() {
-        return o();
+        return l();
       },
       get fallback() {
-        return n(V, {
+        return n(X, {
           class: "w-4 h-4"
         });
       },
       get children() {
-        return n(X, {
+        return n(H, {
           class: "w-4 h-4"
         });
       }
-    })), d(() => U(e, "aria-label", o() ? "Expand sidebar" : "Collapse sidebar")), e;
+    })), d(() => U(e, "aria-label", l() ? "Expand sidebar" : "Collapse sidebar")), e;
   })(), C = () => (() => {
-    var e = ne(), t = e.firstChild, a = t.firstChild, h = t.nextSibling;
-    return l(e, n(u, {
+    var e = re(), t = e.firstChild, a = t.firstChild, c = t.nextSibling;
+    return o(e, n(h, {
       get when() {
         return i.header;
       },
       get children() {
-        var r = p();
-        return l(r, () => i.header), d(() => s(r, `flex-shrink-0 border-b border-white/10 dark:border-white/5 ${o() ? "p-3" : "px-4 py-4"}`)), r;
+        var r = x();
+        return o(r, () => i.header), d(() => s(r, `shrink-0 border-b border-white/10 dark:border-white/5 ${l() ? "p-3" : "px-4 py-4"}`)), r;
       }
-    }), t), l(a, n(z, {
+    }), t), o(a, n(j, {
       get each() {
         return i.items;
       },
-      children: (r) => n(F, {
+      children: (r) => n(z, {
         item: r,
         get activeId() {
           return i.activeId;
         },
         get collapsed() {
-          return o();
+          return l();
         },
         depth: 0,
         onItemClick: O,
         get expandedIds() {
           return A();
         },
-        onToggleExpand: L
+        onToggleExpand: R
       })
-    })), l(h, n(u, {
+    })), o(c, n(h, {
       get when() {
         return i.footer;
       },
       get fallback() {
         return (() => {
-          var r = p();
-          return l(r, n(y, {})), d(() => s(r, o() ? "flex justify-center" : "flex justify-end")), r;
+          var r = x();
+          return o(r, n(y, {})), d(() => s(r, l() ? "flex justify-center" : "flex justify-end")), r;
         })();
       },
       get children() {
-        var r = re();
-        return l(r, () => i.footer, null), l(r, n(u, {
+        var r = te();
+        return o(r, () => i.footer, null), o(r, n(h, {
           get when() {
-            return !b();
+            return !v();
           },
           get children() {
-            var v = p();
-            return l(v, n(y, {})), d(() => s(v, o() ? "flex justify-center" : "flex justify-end")), v;
+            var b = x();
+            return o(b, n(y, {})), d(() => s(b, l() ? "flex justify-center" : "flex justify-end")), b;
           }
         }), null), r;
       }
     })), d((r) => {
-      var v = `flex-1 min-h-0 overflow-y-auto overflow-x-hidden scrollbar-thin ${o() ? "p-2" : "p-3"}`, I = `flex-shrink-0 border-t border-white/10 dark:border-white/5 ${o() ? "p-2" : "px-3 py-3"}`;
-      return v !== r.e && s(t, r.e = v), I !== r.t && s(h, r.t = I), r;
+      var b = `flex-1 min-h-0 overflow-y-auto overflow-x-hidden scrollbar-thin ${l() ? "p-2" : "p-3"}`, I = `shrink-0 border-t border-white/10 dark:border-white/5 ${l() ? "p-2" : "px-3 py-3"}`;
+      return b !== r.e && s(t, r.e = b), I !== r.t && s(c, r.t = I), r;
     }, {
       e: void 0,
       t: void 0
     }), e;
-  })(), S = () => (() => {
-    var e = ie();
-    return e.$$click = () => g(!0), e;
-  })(), W = () => (() => {
-    var e = oe();
-    return l(e, n(C, {})), d((t) => {
-      var a = `h-full glass-sidebar transition-all duration-300 ease-in-out ${i.class ?? ""}`, h = {
-        width: o() ? k() : w(),
-        "min-width": o() ? k() : w(),
+  })(), M = () => (() => {
+    var e = ne();
+    return o(e, n(C, {})), d((t) => {
+      var a = `h-full glass-sidebar transition-all duration-300 ease-in-out ${i.class ?? ""}`, c = {
+        width: l() ? $() : g(),
+        "min-width": l() ? $() : g(),
         ...i.style
       };
-      return a !== t.e && s(e, t.e = a), t.t = B(e, h, t.t), t;
+      return a !== t.e && s(e, t.e = a), t.t = N(e, c, t.t), t;
     }, {
       e: void 0,
       t: void 0
     }), e;
-  })(), N = () => n(u, {
+  })(), W = () => n(h, {
     get when() {
-      return M();
+      return L();
     },
     get children() {
-      return n(H, {
+      return n(K, {
         get children() {
           return [(() => {
-            var e = le();
-            return e.$$click = E, d(() => s(e, `fixed inset-0 z-50 bg-black/50 backdrop-blur-sm ${$() ? G : J}`)), e;
+            var e = ie();
+            return e.$$click = E, d(() => s(e, `fixed inset-0 z-50 bg-black/50 backdrop-blur-sm ${p() ? q : G}`)), e;
           })(), (() => {
-            var e = ae();
-            return l(e, n(C, {})), d((t) => {
-              var a = `fixed inset-y-0 left-0 z-50 glass-sidebar shadow-2xl ${$() ? `${Q.left} ${Y}` : `${Z.left} ${ee}`}`, h = w();
-              return a !== t.e && s(e, t.e = a), h !== t.t && P(e, "width", t.t = h), t;
+            var e = le();
+            return o(e, n(C, {})), d((t) => {
+              var a = `fixed inset-y-0 left-0 z-50 glass-sidebar shadow-2xl ${p() ? `${J.left} ${Q}` : `${Y.left} ${Z}`}`, c = g();
+              return a !== t.e && s(e, t.e = a), c !== t.t && P(e, "width", t.t = c), t;
             }, {
               e: void 0,
               t: void 0
@@ -156,24 +153,24 @@ const de = "240px", se = "64px", ce = 768, _e = (i) => {
       });
     }
   });
-  return [n(u, {
+  return [n(h, {
     get when() {
-      return !b();
+      return !v();
     },
     get children() {
-      return n(W, {});
+      return n(M, {});
     }
-  }), n(u, {
+  }), n(h, {
     get when() {
-      return b();
+      return v();
     },
     get children() {
-      return [n(S, {}), n(N, {})];
+      return n(W, {});
     }
   })];
 };
-j(["click"]);
+B(["click"]);
 export {
-  _e as Sidebar
+  ge as Sidebar
 };
 //# sourceMappingURL=Sidebar.js.map

package/dist/components/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import {\n  type Component,\n  For,\n  Show,\n  createEffect,\n  createSignal,\n  onCleanup,\n} from 'solid-js';\nimport {\n  ANIMATION_DURATION_SLOW,\n  BACKDROP_ENTER,\n  BACKDROP_EXIT,\n  DRAWER_ENTER,\n  DRAWER_EXIT,\n  DURATION_DEFAULT,\n  DURATION_SLOW,\n} from '../../constants';\nimport { useAnimationState } from '../../hooks';\nimport { PortalWithDarkMode } from '../shared';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../shared/icons';\nimport { SidebarItemComponent } from './SidebarItem';\nimport type { SidebarItem, SidebarProps } from './types';\n\n/** Default sidebar width */\nconst DEFAULT_WIDTH = '240px';\n/** Default collapsed width */\nconst DEFAULT_COLLAPSED_WIDTH = '64px';\n/** Mobile breakpoint in pixels */\nconst MOBILE_BREAKPOINT = 768;\n\n/**\n * Sidebar navigation component with glassmorphism styling.\n * Supports collapsible mode, nested navigation items, and mobile drawer behavior.\n *\n * @example\n * ```tsx\n * const items = [\n *   { id: 'home', label: 'Home', icon: <HomeIcon /> },\n *   { id: 'settings', label: 'Settings', icon: <SettingsIcon />, children: [\n *     { id: 'profile', label: 'Profile' },\n *     { id: 'security', label: 'Security' },\n *   ]},\n * ];\n *\n * <Sidebar\n *   items={items}\n *   activeId=\"home\"\n *   collapsed={collapsed()}\n *   onCollapsedChange={setCollapsed}\n * />\n * ```\n */\nexport const Sidebar: Component<SidebarProps> = (props) => {\n  const [isMobile, setIsMobile] = createSignal(false);\n  const [mobileOpen, setMobileOpen] = createSignal(false);\n  const [expandedIds, setExpandedIds] = createSignal<string[]>([]);\n\n  const collapsed = () => props.collapsed ?? false;\n  const width = () => props.width ?? DEFAULT_WIDTH;\n  const collapsedWidth = () => props.collapsedWidth ?? DEFAULT_COLLAPSED_WIDTH;\n\n  // Check for mobile viewport\n  createEffect(() => {\n    const checkMobile = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n\n    checkMobile();\n    window.addEventListener('resize', checkMobile);\n    onCleanup(() => window.removeEventListener('resize', checkMobile));\n  });\n\n  // Handle body scroll lock on mobile\n  createEffect(() => {\n    if (isMobile() && mobileOpen()) {\n      document.body.style.overflow = 'hidden';\n      onCleanup(() => {\n        document.body.style.overflow = '';\n      });\n    }\n  });\n\n  // Animation state for mobile drawer\n  const { visible: mobileVisible, isClosing: mobileClosing } =\n    useAnimationState({\n      open: mobileOpen,\n      duration: () => ANIMATION_DURATION_SLOW,\n    });\n\n  // Handle item click\n  const handleItemClick = (item: SidebarItem) => {\n    if (item.onClick) {\n      item.onClick();\n    }\n    props.onActiveChange?.(item.id);\n\n    // Close mobile drawer on navigation\n    if (isMobile()) {\n      setMobileOpen(false);\n    }\n  };\n\n  // Toggle expanded state for groups\n  const toggleExpand = (id: string) => {\n    setExpandedIds((prev) =>\n      prev.includes(id) ? prev.filter((i) => i !== id) : [...prev, id],\n    );\n  };\n\n  // Toggle collapsed state\n  const handleCollapseToggle = () => {\n    props.onCollapsedChange?.(!collapsed());\n  };\n\n  // Close mobile drawer\n  const closeMobileDrawer = () => {\n    setMobileOpen(false);\n  };\n\n  // Handle escape key for mobile drawer\n  createEffect(() => {\n    if (!isMobile() || !mobileOpen()) {\n      return;\n    }\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        closeMobileDrawer();\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    onCleanup(() => document.removeEventListener('keydown', handleKeyDown));\n  });\n\n  // Collapse toggle button\n  const CollapseButton = () => (\n    <button\n      type=\"button\"\n      onClick={handleCollapseToggle}\n      class=\"\n        p-2 rounded-xl\n        text-surface-500 dark:text-surface-400\n        hover:text-surface-700 dark:hover:text-surface-200\n        transition-all duration-300 ease-out\n        backdrop-blur-md\n        bg-white/5 dark:bg-white/5\n        border border-white/10 dark:border-white/5\n        hover:bg-white/15 dark:hover:bg-white/10\n        hover:border-white/20 dark:hover:border-white/10\n        shadow-[inset_0_1px_1px_rgba(255,255,255,0.05)]\n        hover:shadow-[inset_0_1px_1px_rgba(255,255,255,0.1),0_2px_8px_rgba(0,0,0,0.05)]\n        focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/50\n      \"\n      aria-label={collapsed() ? 'Expand sidebar' : 'Collapse sidebar'}\n    >\n      <Show when={collapsed()} fallback={<ChevronLeftIcon class=\"w-4 h-4\" />}>\n        <ChevronRightIcon class=\"w-4 h-4\" />\n      </Show>\n    </button>\n  );\n\n  // Sidebar content (shared between desktop and mobile)\n  const SidebarContent = () => (\n    <div class=\"flex flex-col h-full overflow-hidden\">\n      {/* Header slot */}\n      <Show when={props.header}>\n        <div\n          class={`flex-shrink-0 border-b border-white/10 dark:border-white/5 ${\n            collapsed() ? 'p-3' : 'px-4 py-4'\n          }`}\n        >\n          {props.header}\n        </div>\n      </Show>\n\n      {/* Navigation items */}\n      <nav\n        class={`flex-1 min-h-0 overflow-y-auto overflow-x-hidden scrollbar-thin ${\n          collapsed() ? 'p-2' : 'p-3'\n        }`}\n        aria-label=\"Main navigation\"\n      >\n        <div class=\"space-y-1\">\n          <For each={props.items}>\n            {(item) => (\n              <SidebarItemComponent\n                item={item}\n                activeId={props.activeId}\n                collapsed={collapsed()}\n                depth={0}\n                onItemClick={handleItemClick}\n                expandedIds={expandedIds()}\n                onToggleExpand={toggleExpand}\n              />\n            )}\n          </For>\n        </div>\n      </nav>\n\n      {/* Footer slot with collapse toggle */}\n      <div\n        class={`flex-shrink-0 border-t border-white/10 dark:border-white/5 ${\n          collapsed() ? 'p-2' : 'px-3 py-3'\n        }`}\n      >\n        <Show\n          when={props.footer}\n          fallback={\n            <div\n              class={collapsed() ? 'flex justify-center' : 'flex justify-end'}\n            >\n              <CollapseButton />\n            </div>\n          }\n        >\n          <div class=\"space-y-3\">\n            {props.footer}\n            <Show when={!isMobile()}>\n              <div\n                class={collapsed() ? 'flex justify-center' : 'flex justify-end'}\n              >\n                <CollapseButton />\n              </div>\n            </Show>\n          </div>\n        </Show>\n      </div>\n    </div>\n  );\n\n  // Mobile hamburger trigger (rendered externally, could be used via CSS variable)\n  const MobileTrigger = () => (\n    <button\n      type=\"button\"\n      onClick={() => setMobileOpen(true)}\n      class=\"\n        p-2.5 rounded-xl md:hidden\n        transition-all duration-300 ease-out\n        backdrop-blur-xl\n        bg-white/20 dark:bg-white/10\n        border border-white/30 dark:border-white/15\n        text-surface-700 dark:text-surface-300\n        hover:bg-white/30 dark:hover:bg-white/15\n        hover:border-white/40 dark:hover:border-white/20\n        shadow-[inset_0_1px_1px_rgba(255,255,255,0.2),0_2px_8px_rgba(0,0,0,0.08)]\n        hover:shadow-[inset_0_1px_1px_rgba(255,255,255,0.25),0_4px_12px_rgba(0,0,0,0.1)]\n        focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/50\n      \"\n      aria-label=\"Open navigation menu\"\n    >\n      <svg\n        class=\"w-5 h-5\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n      >\n        <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"M4 6h16M4 12h16M4 18h16\"\n        />\n      </svg>\n    </button>\n  );\n\n  // Desktop sidebar\n  const DesktopSidebar = () => (\n    <aside\n      class={`h-full glass-sidebar transition-all duration-300 ease-in-out ${props.class ?? ''}`}\n      style={{\n        width: collapsed() ? collapsedWidth() : width(),\n        'min-width': collapsed() ? collapsedWidth() : width(),\n        ...props.style,\n      }}\n      aria-label=\"Sidebar navigation\"\n    >\n      <SidebarContent />\n    </aside>\n  );\n\n  // Mobile drawer sidebar\n  const MobileDrawer = () => (\n    <Show when={mobileVisible()}>\n      <PortalWithDarkMode>\n        {/* Backdrop */}\n        <div\n          class={`fixed inset-0 z-50 bg-black/50 backdrop-blur-sm ${\n            mobileClosing() ? BACKDROP_EXIT : BACKDROP_ENTER\n          }`}\n          onClick={closeMobileDrawer}\n          aria-hidden=\"true\"\n        />\n\n        {/* Drawer panel */}\n        <aside\n          class={`fixed inset-y-0 left-0 z-50 glass-sidebar shadow-2xl ${\n            mobileClosing()\n              ? `${DRAWER_EXIT.left} ${DURATION_DEFAULT}`\n              : `${DRAWER_ENTER.left} ${DURATION_SLOW}`\n          }`}\n          style={{ width: width() }}\n          aria-label=\"Mobile navigation\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n        >\n          <SidebarContent />\n        </aside>\n      </PortalWithDarkMode>\n    </Show>\n  );\n\n  return (\n    <>\n      {/* Desktop: Regular sidebar */}\n      <Show when={!isMobile()}>\n        <DesktopSidebar />\n      </Show>\n\n      {/* Mobile: Drawer */}\n      <Show when={isMobile()}>\n        <MobileTrigger />\n        <MobileDrawer />\n      </Show>\n    </>\n  );\n};\n"],"names":["DEFAULT_WIDTH","DEFAULT_COLLAPSED_WIDTH","MOBILE_BREAKPOINT","Sidebar","props","isMobile","setIsMobile","createSignal","mobileOpen","setMobileOpen","expandedIds","setExpandedIds","collapsed","width","collapsedWidth","createEffect","checkMobile","window","innerWidth","addEventListener","onCleanup","removeEventListener","document","body","style","overflow","visible","mobileVisible","isClosing","mobileClosing","useAnimationState","open","duration","ANIMATION_DURATION_SLOW","handleItemClick","item","onClick","onActiveChange","id","toggleExpand","prev","includes","filter","i","handleCollapseToggle","onCollapsedChange","closeMobileDrawer","handleKeyDown","e","key","CollapseButton","_el$","_tmpl$","$$click","_$insert","_$createComponent","Show","when","fallback","ChevronLeftIcon","children","ChevronRightIcon","_$effect","_$setAttribute","SidebarContent","_el$2","_tmpl$4","_el$4","firstChild","_el$5","_el$6","nextSibling","header","_el$3","_tmpl$2","_$className","For","each","items","SidebarItemComponent","activeId","depth","onItemClick","onToggleExpand","footer","_el$9","_el$7","_tmpl$3","_el$8","_p$","_v$","_v$2","t","undefined","MobileTrigger","_el$0","_tmpl$5","DesktopSidebar","_el$1","_tmpl$6","_v$3","class","_v$4","_$style","MobileDrawer","PortalWithDarkMode","_el$10","_tmpl$7","BACKDROP_EXIT","BACKDROP_ENTER","_el$11","_tmpl$8","_v$5","DRAWER_EXIT","left","DURATION_DEFAULT","DRAWER_ENTER","DURATION_SLOW","_v$6","_$setStyleProperty","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"Sidebar.js","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import {\n  type Component,\n  For,\n  Show,\n  createEffect,\n  createSignal,\n  onCleanup,\n} from 'solid-js';\nimport {\n  ANIMATION_DURATION_SLOW,\n  BACKDROP_ENTER,\n  BACKDROP_EXIT,\n  DRAWER_ENTER,\n  DRAWER_EXIT,\n  DURATION_DEFAULT,\n  DURATION_SLOW,\n} from '../../constants';\nimport { useAnimationState } from '../../hooks';\nimport { PortalWithDarkMode } from '../shared';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../shared/icons';\nimport { SidebarItemComponent } from './SidebarItem';\nimport type { SidebarItem, SidebarProps } from './types';\n\n/** Default sidebar width */\nconst DEFAULT_WIDTH = '240px';\n/** Default collapsed width */\nconst DEFAULT_COLLAPSED_WIDTH = '64px';\n/** Mobile breakpoint in pixels */\nconst MOBILE_BREAKPOINT = 768;\n\n/**\n * Sidebar navigation component with glassmorphism styling.\n * Supports collapsible mode, nested navigation items, and mobile drawer behavior.\n *\n * @example\n * ```tsx\n * const items = [\n *   { id: 'home', label: 'Home', icon: <HomeIcon /> },\n *   { id: 'settings', label: 'Settings', icon: <SettingsIcon />, children: [\n *     { id: 'profile', label: 'Profile' },\n *     { id: 'security', label: 'Security' },\n *   ]},\n * ];\n *\n * <Sidebar\n *   items={items}\n *   activeId=\"home\"\n *   collapsed={collapsed()}\n *   onCollapsedChange={setCollapsed}\n * />\n * ```\n */\nexport const Sidebar: Component<SidebarProps> = (props) => {\n  const [isMobile, setIsMobile] = createSignal(false);\n  const [mobileOpen, setMobileOpen] = createSignal(false);\n  const [expandedIds, setExpandedIds] = createSignal<string[]>([]);\n\n  const collapsed = () => props.collapsed ?? false;\n  const width = () => props.width ?? DEFAULT_WIDTH;\n  const collapsedWidth = () => props.collapsedWidth ?? DEFAULT_COLLAPSED_WIDTH;\n\n  // Check for mobile viewport\n  createEffect(() => {\n    const checkMobile = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n\n    checkMobile();\n    window.addEventListener('resize', checkMobile);\n    onCleanup(() => window.removeEventListener('resize', checkMobile));\n  });\n\n  // Handle body scroll lock on mobile\n  createEffect(() => {\n    if (isMobile() && mobileOpen()) {\n      document.body.style.overflow = 'hidden';\n      onCleanup(() => {\n        document.body.style.overflow = '';\n      });\n    }\n  });\n\n  // Animation state for mobile drawer\n  const { visible: mobileVisible, isClosing: mobileClosing } =\n    useAnimationState({\n      open: mobileOpen,\n      duration: () => ANIMATION_DURATION_SLOW,\n    });\n\n  // Handle item click\n  const handleItemClick = (item: SidebarItem) => {\n    if (item.onClick) {\n      item.onClick();\n    }\n    props.onActiveChange?.(item.id);\n\n    // Close mobile drawer on navigation\n    if (isMobile()) {\n      setMobileOpen(false);\n    }\n  };\n\n  // Toggle expanded state for groups\n  const toggleExpand = (id: string) => {\n    setExpandedIds((prev) =>\n      prev.includes(id) ? prev.filter((i) => i !== id) : [...prev, id],\n    );\n  };\n\n  // Toggle collapsed state\n  const handleCollapseToggle = () => {\n    props.onCollapsedChange?.(!collapsed());\n  };\n\n  // Close mobile drawer\n  const closeMobileDrawer = () => {\n    setMobileOpen(false);\n  };\n\n  // Handle escape key for mobile drawer\n  createEffect(() => {\n    if (!isMobile() || !mobileOpen()) {\n      return;\n    }\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        closeMobileDrawer();\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    onCleanup(() => document.removeEventListener('keydown', handleKeyDown));\n  });\n\n  // Collapse toggle button\n  const CollapseButton = () => (\n    <button\n      type=\"button\"\n      onClick={handleCollapseToggle}\n      class=\"\n        p-2 rounded-xl\n        text-surface-500 dark:text-surface-400\n        hover:text-surface-700 dark:hover:text-surface-200\n        transition-all duration-300 ease-out\n        backdrop-blur-md\n        bg-white/5 dark:bg-white/5\n        border border-white/10 dark:border-white/5\n        hover:bg-white/15 dark:hover:bg-white/10\n        hover:border-white/20 dark:hover:border-white/10\n        shadow-[inset_0_1px_1px_rgba(255,255,255,0.05)]\n        hover:shadow-[inset_0_1px_1px_rgba(255,255,255,0.1),0_2px_8px_rgba(0,0,0,0.05)]\n        focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/50\n      \"\n      aria-label={collapsed() ? 'Expand sidebar' : 'Collapse sidebar'}\n    >\n      <Show when={collapsed()} fallback={<ChevronLeftIcon class=\"w-4 h-4\" />}>\n        <ChevronRightIcon class=\"w-4 h-4\" />\n      </Show>\n    </button>\n  );\n\n  // Sidebar content (shared between desktop and mobile)\n  const SidebarContent = () => (\n    <div class=\"flex flex-col h-full overflow-hidden\">\n      {/* Header slot */}\n      <Show when={props.header}>\n        <div\n          class={`shrink-0 border-b border-white/10 dark:border-white/5 ${\n            collapsed() ? 'p-3' : 'px-4 py-4'\n          }`}\n        >\n          {props.header}\n        </div>\n      </Show>\n\n      {/* Navigation items */}\n      <nav\n        class={`flex-1 min-h-0 overflow-y-auto overflow-x-hidden scrollbar-thin ${\n          collapsed() ? 'p-2' : 'p-3'\n        }`}\n        aria-label=\"Main navigation\"\n      >\n        <div class=\"space-y-1\">\n          <For each={props.items}>\n            {(item) => (\n              <SidebarItemComponent\n                item={item}\n                activeId={props.activeId}\n                collapsed={collapsed()}\n                depth={0}\n                onItemClick={handleItemClick}\n                expandedIds={expandedIds()}\n                onToggleExpand={toggleExpand}\n              />\n            )}\n          </For>\n        </div>\n      </nav>\n\n      {/* Footer slot with collapse toggle */}\n      <div\n        class={`shrink-0 border-t border-white/10 dark:border-white/5 ${\n          collapsed() ? 'p-2' : 'px-3 py-3'\n        }`}\n      >\n        <Show\n          when={props.footer}\n          fallback={\n            <div\n              class={collapsed() ? 'flex justify-center' : 'flex justify-end'}\n            >\n              <CollapseButton />\n            </div>\n          }\n        >\n          <div class=\"space-y-3\">\n            {props.footer}\n            <Show when={!isMobile()}>\n              <div\n                class={collapsed() ? 'flex justify-center' : 'flex justify-end'}\n              >\n                <CollapseButton />\n              </div>\n            </Show>\n          </div>\n        </Show>\n      </div>\n    </div>\n  );\n\n  // Desktop sidebar\n  const DesktopSidebar = () => (\n    <aside\n      class={`h-full glass-sidebar transition-all duration-300 ease-in-out ${props.class ?? ''}`}\n      style={{\n        width: collapsed() ? collapsedWidth() : width(),\n        'min-width': collapsed() ? collapsedWidth() : width(),\n        ...props.style,\n      }}\n      aria-label=\"Sidebar navigation\"\n    >\n      <SidebarContent />\n    </aside>\n  );\n\n  // Mobile drawer sidebar\n  const MobileDrawer = () => (\n    <Show when={mobileVisible()}>\n      <PortalWithDarkMode>\n        {/* Backdrop */}\n        <div\n          class={`fixed inset-0 z-50 bg-black/50 backdrop-blur-sm ${\n            mobileClosing() ? BACKDROP_EXIT : BACKDROP_ENTER\n          }`}\n          onClick={closeMobileDrawer}\n          aria-hidden=\"true\"\n        />\n\n        {/* Drawer panel */}\n        <aside\n          class={`fixed inset-y-0 left-0 z-50 glass-sidebar shadow-2xl ${\n            mobileClosing()\n              ? `${DRAWER_EXIT.left} ${DURATION_DEFAULT}`\n              : `${DRAWER_ENTER.left} ${DURATION_SLOW}`\n          }`}\n          style={{ width: width() }}\n          aria-label=\"Mobile navigation\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n        >\n          <SidebarContent />\n        </aside>\n      </PortalWithDarkMode>\n    </Show>\n  );\n\n  return (\n    <>\n      {/* Desktop: Regular sidebar */}\n      <Show when={!isMobile()}>\n        <DesktopSidebar />\n      </Show>\n\n      {/* Mobile: Drawer */}\n      <Show when={isMobile()}>\n        <MobileDrawer />\n      </Show>\n    </>\n  );\n};\n"],"names":["DEFAULT_WIDTH","DEFAULT_COLLAPSED_WIDTH","MOBILE_BREAKPOINT","Sidebar","props","isMobile","setIsMobile","createSignal","mobileOpen","setMobileOpen","expandedIds","setExpandedIds","collapsed","width","collapsedWidth","createEffect","checkMobile","window","innerWidth","addEventListener","onCleanup","removeEventListener","document","body","style","overflow","visible","mobileVisible","isClosing","mobileClosing","useAnimationState","open","duration","ANIMATION_DURATION_SLOW","handleItemClick","item","onClick","onActiveChange","id","toggleExpand","prev","includes","filter","i","handleCollapseToggle","onCollapsedChange","closeMobileDrawer","handleKeyDown","e","key","CollapseButton","_el$","_tmpl$","$$click","_$insert","_$createComponent","Show","when","fallback","ChevronLeftIcon","children","ChevronRightIcon","_$effect","_$setAttribute","SidebarContent","_el$2","_tmpl$4","_el$4","firstChild","_el$5","_el$6","nextSibling","header","_el$3","_tmpl$2","_$className","For","each","items","SidebarItemComponent","activeId","depth","onItemClick","onToggleExpand","footer","_el$9","_el$7","_tmpl$3","_el$8","_p$","_v$","_v$2","t","undefined","DesktopSidebar","_el$0","_tmpl$5","_v$3","class","_v$4","_$style","MobileDrawer","PortalWithDarkMode","_el$1","_tmpl$6","BACKDROP_EXIT","BACKDROP_ENTER","_el$10","_tmpl$7","_v$5","DRAWER_EXIT","left","DURATION_DEFAULT","DRAWER_ENTER","DURATION_SLOW","_v$6","_$setStyleProperty","_$delegateEvents"],"mappings":"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"}

package/dist/styles.css

@@ -1 +1 @@
-@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--chromatic-angle:0deg}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-900:oklch(39.6% .141 25.723);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-lime-500:oklch(76.8% .233 130.85);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-900:oklch(39.8% .07 227.392);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-900:oklch(38% .189 293.745);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-500:oklch(62.7% .265 303.9);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-surface-50:oklch(99% .002 240);--color-surface-100:oklch(97% .004 240);--color-surface-200:oklch(92% .01 240);--color-surface-300:oklch(80% .02 240);--color-surface-400:oklch(60% .025 240);--color-surface-500:oklch(40% .03 240);--color-surface-600:oklch(30% .03 250);--color-surface-700:oklch(20% .03 260);--color-surface-800:oklch(15% .03 260);--color-surface-900:oklch(10% .03 260);--color-surface-950:oklch(5% .03 260);--color-accent-50:oklch(97% .02 250);--color-accent-100:oklch(92% .04 250);--color-accent-200:oklch(85% .08 250);--color-accent-300:oklch(75% .12 250);--color-accent-400:oklch(65% .16 250);--color-accent-500:oklch(55% .2 250);--color-accent-600:oklch(45% .22 250);--color-accent-700:oklch(35% .2 250);--color-accent-800:oklch(25% .18 250);--color-accent-900:oklch(15% .15 250);--color-error-50:oklch(97% .02 25);--color-error-200:oklch(85% .08 25);--color-error-400:oklch(65% .18 25);--color-error-500:oklch(55% .22 25);--color-error-600:oklch(48% .22 25);--color-error-800:oklch(28% .16 25);--color-error-900:oklch(18% .1 25)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}dialog::backdrop{-webkit-backdrop-filter:blur(8px);background:#00000080}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-5{top:calc(var(--spacing)*5)}.top-10{top:calc(var(--spacing)*10)}.top-24{top:calc(var(--spacing)*24)}.top-\[10\%\]{top:10%}.top-\[40\%\]{top:40%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-\[10\%\]{right:10%}.right-full{right:100%}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-\[20\%\]{bottom:20%}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-2{left:calc(var(--spacing)*2)}.left-2\/4{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-3\/4{left:75%}.left-4{left:calc(var(--spacing)*4)}.left-5{left:calc(var(--spacing)*5)}.left-\[5\%\]{left:5%}.left-\[15\%\]{left:15%}.left-\[40\%\]{left:40%}.left-full{left:100%}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-1\.5{margin-inline:calc(var(--spacing)*1.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.my-1\.5{margin-block:calc(var(--spacing)*1.5)}.my-2{margin-block:calc(var(--spacing)*2)}.my-12{margin-block:calc(var(--spacing)*12)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.-mr-0\.5{margin-right:calc(var(--spacing)*-.5)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.-mb-0\.5{margin-bottom:calc(var(--spacing)*-.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.-ml-4{margin-left:calc(var(--spacing)*-4)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-8{margin-left:calc(var(--spacing)*8)}.ml-10{margin-left:calc(var(--spacing)*10)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0{height:calc(var(--spacing)*0)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-10\.5{height:calc(var(--spacing)*10.5)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-48{height:calc(var(--spacing)*48)}.h-64{height:calc(var(--spacing)*64)}.h-72{height:calc(var(--spacing)*72)}.h-80{height:calc(var(--spacing)*80)}.h-96{height:calc(var(--spacing)*96)}.h-\[1\.125rem\]{height:1.125rem}.h-\[42px\]{height:42px}.h-\[500px\]{height:500px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-\[80vh\]{max-height:80vh}.max-h-\[1000px\]{max-height:1000px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-10\.5{min-height:calc(var(--spacing)*10.5)}.min-h-\[35vh\]{min-height:35vh}.min-h-\[80vh\]{min-height:80vh}.min-h-\[200px\]{min-height:200px}.min-h-\[inherit\]{min-height:inherit}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-0\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-10\.5{width:calc(var(--spacing)*10.5)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.w-60{width:calc(var(--spacing)*60)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-\[1\.125rem\]{width:1.125rem}.w-\[1px\]{width:1px}.w-\[42px\]{width:42px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[80\%\]{max-width:80%}.max-w-\[85vw\]{max-width:85vw}.max-w-\[90\%\]{max-width:90%}.max-w-\[90vw\]{max-width:90vw}.max-w-\[calc\(100vw-1rem\)\]{max-width:calc(100vw - 1rem)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-3{--tw-translate-x:calc(var(--spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-7{--tw-translate-x:calc(var(--spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-context-menu{cursor:context-menu}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-l-full{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.rounded-br-md{border-bottom-right-radius:var(--radius-md)}.rounded-bl-md{border-bottom-left-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-accent-200{border-color:var(--color-accent-200)}.border-accent-300\/30{border-color:#70b3f74d}@supports (color:color-mix(in lab,red,red)){.border-accent-300\/30{border-color:color-mix(in oklab,var(--color-accent-300)30%,transparent)}}.border-accent-300\/40{border-color:#70b3f766}@supports (color:color-mix(in lab,red,red)){.border-accent-300\/40{border-color:color-mix(in oklab,var(--color-accent-300)40%,transparent)}}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-200\/50{border-color:#fee68580}@supports (color:color-mix(in lab,red,red)){.border-amber-200\/50{border-color:color-mix(in oklab,var(--color-amber-200)50%,transparent)}}.border-amber-300{border-color:var(--color-amber-300)}.border-blue-200\/50{border-color:#bedbff80}@supports (color:color-mix(in lab,red,red)){.border-blue-200\/50{border-color:color-mix(in oklab,var(--color-blue-200)50%,transparent)}}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500\/50{border-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/50{border-color:color-mix(in oklab,var(--color-blue-500)50%,transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-200\/50{border-color:#a4f4cf80}@supports (color:color-mix(in lab,red,red)){.border-emerald-200\/50{border-color:color-mix(in oklab,var(--color-emerald-200)50%,transparent)}}.border-emerald-300{border-color:var(--color-emerald-300)}.border-error-200\/30{border-color:#febab44d}@supports (color:color-mix(in lab,red,red)){.border-error-200\/30{border-color:color-mix(in oklab,var(--color-error-200)30%,transparent)}}.border-error-500{border-color:var(--color-error-500)}.border-error-500\/50{border-color:#d4092480}@supports (color:color-mix(in lab,red,red)){.border-error-500\/50{border-color:color-mix(in oklab,var(--color-error-500)50%,transparent)}}.border-green-500\/50{border-color:#00c75880}@supports (color:color-mix(in lab,red,red)){.border-green-500\/50{border-color:color-mix(in oklab,var(--color-green-500)50%,transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-500\/50{border-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.border-red-500\/50{border-color:color-mix(in oklab,var(--color-red-500)50%,transparent)}}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-200\/50{border-color:#ffccd380}@supports (color:color-mix(in lab,red,red)){.border-rose-200\/50{border-color:color-mix(in oklab,var(--color-rose-200)50%,transparent)}}.border-rose-300{border-color:var(--color-rose-300)}.border-surface-100{border-color:var(--color-surface-100)}.border-surface-100\/30{border-color:#f3f5f74d}@supports (color:color-mix(in lab,red,red)){.border-surface-100\/30{border-color:color-mix(in oklab,var(--color-surface-100)30%,transparent)}}.border-surface-100\/50{border-color:#f3f5f780}@supports (color:color-mix(in lab,red,red)){.border-surface-100\/50{border-color:color-mix(in oklab,var(--color-surface-100)50%,transparent)}}.border-surface-200{border-color:var(--color-surface-200)}.border-surface-200\/50{border-color:#dfe6eb80}@supports (color:color-mix(in lab,red,red)){.border-surface-200\/50{border-color:color-mix(in oklab,var(--color-surface-200)50%,transparent)}}.border-surface-300{border-color:var(--color-surface-300)}.border-transparent{border-color:#0000}.border-violet-200\/50{border-color:#ddd6ff80}@supports (color:color-mix(in lab,red,red)){.border-violet-200\/50{border-color:color-mix(in oklab,var(--color-violet-200)50%,transparent)}}.border-violet-300{border-color:var(--color-violet-300)}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.border-x-transparent{border-inline-color:#0000}.border-y-transparent{border-block-color:#0000}.border-t-surface-900{border-top-color:var(--color-surface-900)}.border-t-transparent{border-top-color:#0000}.border-r-surface-900{border-right-color:var(--color-surface-900)}.border-r-transparent{border-right-color:#0000}.border-b-surface-900{border-bottom-color:var(--color-surface-900)}.border-b-transparent{border-bottom-color:#0000}.border-l-amber-500{border-left-color:var(--color-amber-500)}.border-l-blue-500{border-left-color:var(--color-blue-500)}.border-l-emerald-500{border-left-color:var(--color-emerald-500)}.border-l-rose-500{border-left-color:var(--color-rose-500)}.border-l-surface-900{border-left-color:var(--color-surface-900)}.border-l-transparent{border-left-color:#0000}.bg-accent-50{background-color:var(--color-accent-50)}.bg-accent-100{background-color:var(--color-accent-100)}.bg-accent-500{background-color:var(--color-accent-500)}.bg-accent-500\/10{background-color:#0073d21a}@supports (color:color-mix(in lab,red,red)){.bg-accent-500\/10{background-color:color-mix(in oklab,var(--color-accent-500)10%,transparent)}}.bg-accent-500\/15{background-color:#0073d226}@supports (color:color-mix(in lab,red,red)){.bg-accent-500\/15{background-color:color-mix(in oklab,var(--color-accent-500)15%,transparent)}}.bg-accent-500\/20{background-color:#0073d233}@supports (color:color-mix(in lab,red,red)){.bg-accent-500\/20{background-color:color-mix(in oklab,var(--color-accent-500)20%,transparent)}}.bg-accent-500\/40{background-color:#0073d266}@supports (color:color-mix(in lab,red,red)){.bg-accent-500\/40{background-color:color-mix(in oklab,var(--color-accent-500)40%,transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/50{background-color:#fffbeb80}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/50{background-color:color-mix(in oklab,var(--color-amber-50)50%,transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.bg-black\/5{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50\/50{background-color:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/50{background-color:color-mix(in oklab,var(--color-blue-50)50%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/30{background-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/30{background-color:color-mix(in oklab,var(--color-blue-500)30%,transparent)}}.bg-current{background-color:currentColor}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-cyan-400\/20{background-color:#00d2ef33}@supports (color:color-mix(in lab,red,red)){.bg-cyan-400\/20{background-color:color-mix(in oklab,var(--color-cyan-400)20%,transparent)}}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\/50{background-color:#ecfdf580}@supports (color:color-mix(in lab,red,red)){.bg-emerald-50\/50{background-color:color-mix(in oklab,var(--color-emerald-50)50%,transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/20{background-color:color-mix(in oklab,var(--color-emerald-500)20%,transparent)}}.bg-error-50{background-color:var(--color-error-50)}.bg-error-50\/30{background-color:#fff1f04d}@supports (color:color-mix(in lab,red,red)){.bg-error-50\/30{background-color:color-mix(in oklab,var(--color-error-50)30%,transparent)}}.bg-error-500{background-color:var(--color-error-500)}.bg-error-500\/15{background-color:#d4092426}@supports (color:color-mix(in lab,red,red)){.bg-error-500\/15{background-color:color-mix(in oklab,var(--color-error-500)15%,transparent)}}.bg-fuchsia-500{background-color:var(--color-fuchsia-500)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-lime-500{background-color:var(--color-lime-500)}.bg-pink-500\/25{background-color:#f6339a40}@supports (color:color-mix(in lab,red,red)){.bg-pink-500\/25{background-color:color-mix(in oklab,var(--color-pink-500)25%,transparent)}}.bg-purple-500\/20{background-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.bg-purple-500\/20{background-color:color-mix(in oklab,var(--color-purple-500)20%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-50\/50{background-color:#fff1f280}@supports (color:color-mix(in lab,red,red)){.bg-rose-50\/50{background-color:color-mix(in oklab,var(--color-rose-50)50%,transparent)}}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-surface-50{background-color:var(--color-surface-50)}.bg-surface-50\/30{background-color:#fbfcfd4d}@supports (color:color-mix(in lab,red,red)){.bg-surface-50\/30{background-color:color-mix(in oklab,var(--color-surface-50)30%,transparent)}}.bg-surface-50\/50{background-color:#fbfcfd80}@supports (color:color-mix(in lab,red,red)){.bg-surface-50\/50{background-color:color-mix(in oklab,var(--color-surface-50)50%,transparent)}}.bg-surface-100{background-color:var(--color-surface-100)}.bg-surface-100\/80{background-color:#f3f5f7cc}@supports (color:color-mix(in lab,red,red)){.bg-surface-100\/80{background-color:color-mix(in oklab,var(--color-surface-100)80%,transparent)}}.bg-surface-200{background-color:var(--color-surface-200)}.bg-surface-200\/50{background-color:#dfe6eb80}@supports (color:color-mix(in lab,red,red)){.bg-surface-200\/50{background-color:color-mix(in oklab,var(--color-surface-200)50%,transparent)}}.bg-surface-200\/60{background-color:#dfe6eb99}@supports (color:color-mix(in lab,red,red)){.bg-surface-200\/60{background-color:color-mix(in oklab,var(--color-surface-200)60%,transparent)}}.bg-surface-200\/80{background-color:#dfe6ebcc}@supports (color:color-mix(in lab,red,red)){.bg-surface-200\/80{background-color:color-mix(in oklab,var(--color-surface-200)80%,transparent)}}.bg-surface-400{background-color:var(--color-surface-400)}.bg-surface-500{background-color:var(--color-surface-500)}.bg-surface-700\/80{background-color:#0e1624cc}@supports (color:color-mix(in lab,red,red)){.bg-surface-700\/80{background-color:color-mix(in oklab,var(--color-surface-700)80%,transparent)}}.bg-surface-800{background-color:var(--color-surface-800)}.bg-transparent{background-color:#0000}.bg-violet-100{background-color:var(--color-violet-100)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-surface-300\/20{--tw-gradient-via:#b3c0ca33}@supports (color:color-mix(in lab,red,red)){.via-surface-300\/20{--tw-gradient-via:color-mix(in oklab,var(--color-surface-300)20%,transparent)}}.via-surface-300\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-accent-500{--tw-gradient-to:var(--color-accent-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.stroke-amber-200{stroke:var(--color-amber-200)}.stroke-amber-500{stroke:var(--color-amber-500)}.stroke-blue-200{stroke:var(--color-blue-200)}.stroke-blue-500{stroke:var(--color-blue-500)}.stroke-emerald-200{stroke:var(--color-emerald-200)}.stroke-emerald-500{stroke:var(--color-emerald-500)}.stroke-rose-200{stroke:var(--color-rose-200)}.stroke-rose-500{stroke:var(--color-rose-500)}.stroke-surface-200{stroke:var(--color-surface-200)}.stroke-surface-500{stroke:var(--color-surface-500)}.stroke-violet-500{stroke:var(--color-violet-500)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.\!px-2\.5{padding-inline:calc(var(--spacing)*2.5)!important}.\!px-5{padding-inline:calc(var(--spacing)*5)!important}.\!px-6{padding-inline:calc(var(--spacing)*6)!important}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-12{padding-inline:calc(var(--spacing)*12)}.\!py-1\.5{padding-block:calc(var(--spacing)*1.5)!important}.\!py-2\.5{padding-block:calc(var(--spacing)*2.5)!important}.\!py-3{padding-block:calc(var(--spacing)*3)!important}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-14{padding-block:calc(var(--spacing)*14)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-20{padding-top:calc(var(--spacing)*20)}.pt-\[8vh\]{padding-top:8vh}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-16{padding-right:calc(var(--spacing)*16)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.5rem\]{font-size:.5rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent-500{color:var(--color-accent-500)}.text-accent-600{color:var(--color-accent-600)}.text-accent-700{color:var(--color-accent-700)}.text-amber-400{color:var(--color-amber-400)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-cyan-700{color:var(--color-cyan-700)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-error-500{color:var(--color-error-500)}.text-error-600{color:var(--color-error-600)}.text-error-800{color:var(--color-error-800)}.text-gray-700{color:var(--color-gray-700)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-inherit{color:inherit}.text-purple-300{color:var(--color-purple-300)}.text-red-600{color:var(--color-red-600)}.text-rose-400{color:var(--color-rose-400)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-surface-200{color:var(--color-surface-200)}.text-surface-300{color:var(--color-surface-300)}.text-surface-400{color:var(--color-surface-400)}.text-surface-500{color:var(--color-surface-500)}.text-surface-600{color:var(--color-surface-600)}.text-surface-700{color:var(--color-surface-700)}.text-surface-800{color:var(--color-surface-800)}.text-surface-900{color:var(--color-surface-900)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\/25{color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.text-white\/25{color:color-mix(in oklab,var(--color-white)25%,transparent)}}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.text-white\/30{color:color-mix(in oklab,var(--color-white)30%,transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white)50%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-current\/50{text-decoration-color:currentColor}@supports (color:color-mix(in lab,red,red)){.decoration-current\/50{text-decoration-color:color-mix(in oklab,currentcolor 50%,transparent)}}.placeholder-surface-400::-moz-placeholder{color:var(--color-surface-400)}.placeholder-surface-400::placeholder{color:var(--color-surface-400)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\,0_2px_6px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff1a),0 2px 6px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\,0_2px_8px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff1a),0 2px 8px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\,0_4px_12px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff1a),0 4px 12px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\]{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.2\)\,0_2px_8px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#fff3),0 2px 8px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.2\)\,0_4px_12px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#fff3),0 4px 12px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.05\)\]{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_2px_rgba\(255\,255\,255\,0\.3\)\,0_2px_8px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:inset 0 1px 2px var(--tw-shadow-color,#ffffff4d),0 2px 8px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-accent-500\/20{--tw-shadow-color:#0073d233}@supports (color:color-mix(in lab,red,red)){.shadow-accent-500\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-accent-500)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-error-500\/5{--tw-shadow-color:#d409240d}@supports (color:color-mix(in lab,red,red)){.shadow-error-500\/5{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-error-500)5%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-violet-500\/20{--tw-ring-color:#8d54ff33}@supports (color:color-mix(in lab,red,red)){.ring-violet-500\/20{--tw-ring-color:color-mix(in oklab,var(--color-violet-500)20%,transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));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,)}.blur-\[70px\]{--tw-blur:blur(70px);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,)}.blur-\[80px\]{--tw-blur:blur(80px);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,)}.blur-\[90px\]{--tw-blur:blur(90px);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,)}.blur-\[100px\]{--tw-blur:blur(100px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:opacity-40:is(:where(.group):hover *){opacity:.4}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.first\:mt-1:first-child{margin-top:calc(var(--spacing)*1)}.first\:border-l-0:first-child{border-left-style:var(--tw-border-style);border-left-width:0}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border:hover{border-style:var(--tw-border-style);border-width:1px}.hover\:border-surface-300:hover{border-color:var(--color-surface-300)}.hover\:border-white\/15:hover{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/15:hover{border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:border-white\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/30:hover{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hover\:border-white\/40:hover{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/40:hover{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.hover\:bg-accent-600:hover{background-color:var(--color-accent-600)}.hover\:bg-black\/2:hover{background-color:#00000005}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/2:hover{background-color:color-mix(in oklab,var(--color-black)2%,transparent)}}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.hover\:bg-black\/\[0\.02\]:hover{background-color:#00000005}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/\[0\.02\]:hover{background-color:color-mix(in oklab,var(--color-black)2%,transparent)}}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-error-50:hover{background-color:var(--color-error-50)}.hover\:bg-error-500\/10:hover{background-color:#d409241a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-error-500\/10:hover{background-color:color-mix(in oklab,var(--color-error-500)10%,transparent)}}.hover\:bg-error-600:hover{background-color:var(--color-error-600)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-rose-700:hover{background-color:var(--color-rose-700)}.hover\:bg-surface-50:hover{background-color:var(--color-surface-50)}.hover\:bg-surface-50\/50:hover{background-color:#fbfcfd80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-surface-50\/50:hover{background-color:color-mix(in oklab,var(--color-surface-50)50%,transparent)}}.hover\:bg-surface-100:hover{background-color:var(--color-surface-100)}.hover\:bg-surface-100\/50:hover{background-color:#f3f5f780}@supports (color:color-mix(in lab,red,red)){.hover\:bg-surface-100\/50:hover{background-color:color-mix(in oklab,var(--color-surface-100)50%,transparent)}}.hover\:bg-surface-200:hover{background-color:var(--color-surface-200)}.hover\:bg-surface-200\/50:hover{background-color:#dfe6eb80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-surface-200\/50:hover{background-color:color-mix(in oklab,var(--color-surface-200)50%,transparent)}}.hover\:bg-surface-200\/80:hover{background-color:#dfe6ebcc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-surface-200\/80:hover{background-color:color-mix(in oklab,var(--color-surface-200)80%,transparent)}}.hover\:bg-surface-300:hover{background-color:var(--color-surface-300)}.hover\:bg-surface-600:hover{background-color:var(--color-surface-600)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hover\:text-accent-700:hover{color:var(--color-accent-700)}.hover\:text-error-500:hover{color:var(--color-error-500)}.hover\:text-rose-600:hover{color:var(--color-rose-600)}.hover\:text-surface-100:hover{color:var(--color-surface-100)}.hover\:text-surface-600:hover{color:var(--color-surface-600)}.hover\:text-surface-700:hover{color:var(--color-surface-700)}.hover\:text-surface-900:hover{color:var(--color-surface-900)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-current:hover{text-decoration-color:currentColor}.hover\:shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\,0_2px_8px_rgba\(0\,0\,0\,0\.05\)\]:hover{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff1a),0 2px 8px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.05\)\]:hover{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.25\)\,0_4px_12px_rgba\(0\,0\,0\,0\.1\)\]:hover{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff40),0 4px 12px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:backdrop-blur-md:hover{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}}.focus\:bg-black\/5:focus{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.focus\:bg-black\/5:focus{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-accent-500:focus-visible{--tw-ring-color:var(--color-accent-500)}.focus-visible\:ring-accent-500\/50:focus-visible{--tw-ring-color:#0073d280}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-accent-500\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-accent-500)50%,transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(hover:hover){.disabled\:hover\:bg-accent-500:disabled:hover{background-color:var(--color-accent-500)}.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-surface-400:disabled:hover{color:var(--color-surface-400)}}.disabled\:active\:scale-100:disabled:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media(min-width:40rem){.sm\:top-3{top:calc(var(--spacing)*3)}.sm\:right-3{right:calc(var(--spacing)*3)}.sm\:mx-4{margin-inline:calc(var(--spacing)*4)}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:h-3\.5{height:calc(var(--spacing)*3.5)}.sm\:max-h-80{max-height:calc(var(--spacing)*80)}.sm\:max-h-\[70vh\]{max-height:70vh}.sm\:w-3\.5{width:calc(var(--spacing)*3.5)}.sm\:max-w-4xl{max-width:var(--container-4xl)}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:max-w-xl{max-width:var(--container-xl)}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}:where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.sm\:self-auto{align-self:auto}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-3{padding-inline:calc(var(--spacing)*3)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-1\.5{padding-block:calc(var(--spacing)*1.5)}.sm\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.sm\:py-4{padding-block:calc(var(--spacing)*4)}.sm\:pt-\[15vh\]{padding-top:15vh}}@media(min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:mt-6{margin-top:calc(var(--spacing)*6)}.md\:mb-3{margin-bottom:calc(var(--spacing)*3)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:items-center{align-items:center}.md\:gap-1{gap:calc(var(--spacing)*1)}.md\:gap-2{gap:calc(var(--spacing)*2)}:where(.md\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.md\:p-4{padding:calc(var(--spacing)*4)}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.first\:md\:mt-2:first-child{margin-top:calc(var(--spacing)*2)}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}.dark\:border-accent-400\/20:where(.dark,.dark *){border-color:#3093ec33}@supports (color:color-mix(in lab,red,red)){.dark\:border-accent-400\/20:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-accent-400)20%,transparent)}}.dark\:border-accent-400\/30:where(.dark,.dark *){border-color:#3093ec4d}@supports (color:color-mix(in lab,red,red)){.dark\:border-accent-400\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-accent-400)30%,transparent)}}.dark\:border-accent-800\/30:where(.dark,.dark *){border-color:#00214a4d}@supports (color:color-mix(in lab,red,red)){.dark\:border-accent-800\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-accent-800)30%,transparent)}}.dark\:border-amber-600:where(.dark,.dark *){border-color:var(--color-amber-600)}.dark\:border-amber-700\/50:where(.dark,.dark *){border-color:#b7500080}@supports (color:color-mix(in lab,red,red)){.dark\:border-amber-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-amber-700)50%,transparent)}}.dark\:border-amber-800\/30:where(.dark,.dark *){border-color:#953d004d}@supports (color:color-mix(in lab,red,red)){.dark\:border-amber-800\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-amber-800)30%,transparent)}}.dark\:border-blue-600:where(.dark,.dark *){border-color:var(--color-blue-600)}.dark\:border-blue-700\/50:where(.dark,.dark *){border-color:#1447e680}@supports (color:color-mix(in lab,red,red)){.dark\:border-blue-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-blue-700)50%,transparent)}}.dark\:border-emerald-600:where(.dark,.dark *){border-color:var(--color-emerald-600)}.dark\:border-emerald-700\/50:where(.dark,.dark *){border-color:#00795680}@supports (color:color-mix(in lab,red,red)){.dark\:border-emerald-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-emerald-700)50%,transparent)}}.dark\:border-emerald-800\/30:where(.dark,.dark *){border-color:#005f464d}@supports (color:color-mix(in lab,red,red)){.dark\:border-emerald-800\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-emerald-800)30%,transparent)}}.dark\:border-error-400:where(.dark,.dark *){border-color:var(--color-error-400)}.dark\:border-error-800\/20:where(.dark,.dark *){border-color:#56000533}@supports (color:color-mix(in lab,red,red)){.dark\:border-error-800\/20:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-error-800)20%,transparent)}}.dark\:border-red-900\/50:where(.dark,.dark *){border-color:#82181a80}@supports (color:color-mix(in lab,red,red)){.dark\:border-red-900\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-red-900)50%,transparent)}}.dark\:border-rose-600:where(.dark,.dark *){border-color:var(--color-rose-600)}.dark\:border-rose-700\/50:where(.dark,.dark *){border-color:#c2003980}@supports (color:color-mix(in lab,red,red)){.dark\:border-rose-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-rose-700)50%,transparent)}}.dark\:border-rose-800\/30:where(.dark,.dark *){border-color:#a300374d}@supports (color:color-mix(in lab,red,red)){.dark\:border-rose-800\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-rose-800)30%,transparent)}}.dark\:border-surface-600:where(.dark,.dark *){border-color:var(--color-surface-600)}.dark\:border-surface-600\/50:where(.dark,.dark *){border-color:#222f3c80}@supports (color:color-mix(in lab,red,red)){.dark\:border-surface-600\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-surface-600)50%,transparent)}}.dark\:border-surface-700:where(.dark,.dark *){border-color:var(--color-surface-700)}.dark\:border-surface-700\/50:where(.dark,.dark *){border-color:#0e162480}@supports (color:color-mix(in lab,red,red)){.dark\:border-surface-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-surface-700)50%,transparent)}}.dark\:border-surface-800:where(.dark,.dark *){border-color:var(--color-surface-800)}.dark\:border-surface-800\/30:where(.dark,.dark *){border-color:#050b184d}@supports (color:color-mix(in lab,red,red)){.dark\:border-surface-800\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-surface-800)30%,transparent)}}.dark\:border-surface-800\/50:where(.dark,.dark *){border-color:#050b1880}@supports (color:color-mix(in lab,red,red)){.dark\:border-surface-800\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-surface-800)50%,transparent)}}.dark\:border-surface-900:where(.dark,.dark *){border-color:var(--color-surface-900)}.dark\:border-violet-600:where(.dark,.dark *){border-color:var(--color-violet-600)}.dark\:border-violet-700\/50:where(.dark,.dark *){border-color:#7008e780}@supports (color:color-mix(in lab,red,red)){.dark\:border-violet-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-violet-700)50%,transparent)}}.dark\:border-white\/5:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/5:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.dark\:border-white\/10:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/10:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:border-white\/15:where(.dark,.dark *){border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/15:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.dark\:border-white\/20:where(.dark,.dark *){border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/20:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.dark\:border-t-surface-800:where(.dark,.dark *){border-top-color:var(--color-surface-800)}.dark\:border-r-surface-800:where(.dark,.dark *){border-right-color:var(--color-surface-800)}.dark\:border-b-surface-800:where(.dark,.dark *){border-bottom-color:var(--color-surface-800)}.dark\:border-l-surface-800:where(.dark,.dark *){border-left-color:var(--color-surface-800)}.dark\:bg-accent-400\/15:where(.dark,.dark *){background-color:#3093ec26}@supports (color:color-mix(in lab,red,red)){.dark\:bg-accent-400\/15:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-accent-400)15%,transparent)}}.dark\:bg-accent-400\/20:where(.dark,.dark *){background-color:#3093ec33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-accent-400\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-accent-400)20%,transparent)}}.dark\:bg-accent-400\/30:where(.dark,.dark *){background-color:#3093ec4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-accent-400\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-accent-400)30%,transparent)}}.dark\:bg-accent-500\/20:where(.dark,.dark *){background-color:#0073d233}@supports (color:color-mix(in lab,red,red)){.dark\:bg-accent-500\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-accent-500)20%,transparent)}}.dark\:bg-accent-900\/20:where(.dark,.dark *){background-color:#00092933}@supports (color:color-mix(in lab,red,red)){.dark\:bg-accent-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-accent-900)20%,transparent)}}.dark\:bg-accent-900\/30:where(.dark,.dark *){background-color:#0009294d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-accent-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-accent-900)30%,transparent)}}.dark\:bg-amber-400:where(.dark,.dark *){background-color:var(--color-amber-400)}.dark\:bg-amber-900\/10:where(.dark,.dark *){background-color:#7b33061a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900)10%,transparent)}}.dark\:bg-amber-900\/20:where(.dark,.dark *){background-color:#7b330633}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900)20%,transparent)}}.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:#7b33064d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900)30%,transparent)}}.dark\:bg-black\/40:where(.dark,.dark *){background-color:#0006}@supports (color:color-mix(in lab,red,red)){.dark\:bg-black\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.dark\:bg-blue-400:where(.dark,.dark *){background-color:var(--color-blue-400)}.dark\:bg-blue-900\/10:where(.dark,.dark *){background-color:#1c398e1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900)10%,transparent)}}.dark\:bg-blue-900\/30:where(.dark,.dark *){background-color:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\:bg-cyan-900\/30:where(.dark,.dark *){background-color:#104e644d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-cyan-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-cyan-900)30%,transparent)}}.dark\:bg-emerald-400:where(.dark,.dark *){background-color:var(--color-emerald-400)}.dark\:bg-emerald-900\/10:where(.dark,.dark *){background-color:#004e3b1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-900\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-900)10%,transparent)}}.dark\:bg-emerald-900\/20:where(.dark,.dark *){background-color:#004e3b33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-900)20%,transparent)}}.dark\:bg-emerald-900\/30:where(.dark,.dark *){background-color:#004e3b4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-900)30%,transparent)}}.dark\:bg-error-500\/20:where(.dark,.dark *){background-color:#d4092433}@supports (color:color-mix(in lab,red,red)){.dark\:bg-error-500\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-error-500)20%,transparent)}}.dark\:bg-error-900\/20:where(.dark,.dark *){background-color:#2b000233}@supports (color:color-mix(in lab,red,red)){.dark\:bg-error-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-error-900)20%,transparent)}}.dark\:bg-gray-800:where(.dark,.dark *){background-color:var(--color-gray-800)}.dark\:bg-rose-400:where(.dark,.dark *){background-color:var(--color-rose-400)}.dark\:bg-rose-900\/10:where(.dark,.dark *){background-color:#8b08361a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-rose-900\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-rose-900)10%,transparent)}}.dark\:bg-rose-900\/20:where(.dark,.dark *){background-color:#8b083633}@supports (color:color-mix(in lab,red,red)){.dark\:bg-rose-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-rose-900)20%,transparent)}}.dark\:bg-rose-900\/30:where(.dark,.dark *){background-color:#8b08364d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-rose-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-rose-900)30%,transparent)}}.dark\:bg-surface-400:where(.dark,.dark *){background-color:var(--color-surface-400)}.dark\:bg-surface-500:where(.dark,.dark *){background-color:var(--color-surface-500)}.dark\:bg-surface-600:where(.dark,.dark *){background-color:var(--color-surface-600)}.dark\:bg-surface-600\/60:where(.dark,.dark *){background-color:#222f3c99}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-600\/60:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-600)60%,transparent)}}.dark\:bg-surface-700:where(.dark,.dark *){background-color:var(--color-surface-700)}.dark\:bg-surface-700\/40:where(.dark,.dark *){background-color:#0e162466}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-700\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-700)40%,transparent)}}.dark\:bg-surface-700\/50:where(.dark,.dark *){background-color:#0e162480}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-700\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-700)50%,transparent)}}.dark\:bg-surface-800:where(.dark,.dark *){background-color:var(--color-surface-800)}.dark\:bg-surface-800\/20:where(.dark,.dark *){background-color:#050b1833}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-800\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-800)20%,transparent)}}.dark\:bg-surface-800\/30:where(.dark,.dark *){background-color:#050b184d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-800\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-800)30%,transparent)}}.dark\:bg-surface-800\/50:where(.dark,.dark *){background-color:#050b1880}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-800\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-800)50%,transparent)}}.dark\:bg-surface-800\/80:where(.dark,.dark *){background-color:#050b18cc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-800\/80:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-800)80%,transparent)}}.dark\:bg-surface-800\/90:where(.dark,.dark *){background-color:#050b18e6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-800\/90:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-800)90%,transparent)}}.dark\:bg-surface-900:where(.dark,.dark *){background-color:var(--color-surface-900)}.dark\:bg-surface-900\/30:where(.dark,.dark *){background-color:#01030c4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-900)30%,transparent)}}.dark\:bg-surface-900\/50:where(.dark,.dark *){background-color:#01030c80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-900)50%,transparent)}}.dark\:bg-surface-900\/80:where(.dark,.dark *){background-color:#01030ccc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-900\/80:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-900)80%,transparent)}}.dark\:bg-surface-900\/90:where(.dark,.dark *){background-color:#01030ce6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-900\/90:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-900)90%,transparent)}}.dark\:bg-surface-950:where(.dark,.dark *){background-color:var(--color-surface-950)}.dark\:bg-violet-400:where(.dark,.dark *){background-color:var(--color-violet-400)}.dark\:bg-violet-900\/30:where(.dark,.dark *){background-color:#4d179a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-violet-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-violet-900)30%,transparent)}}.dark\:bg-violet-900\/40:where(.dark,.dark *){background-color:#4d179a66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-violet-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-violet-900)40%,transparent)}}.dark\:bg-white\/5:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/5:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.dark\:bg-white\/10:where(.dark,.dark *){background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:bg-white\/15:where(.dark,.dark *){background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/15:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.dark\:bg-white\/20:where(.dark,.dark *){background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.dark\:bg-white\/70:where(.dark,.dark *){background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/70:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.dark\:stroke-amber-400:where(.dark,.dark *){stroke:var(--color-amber-400)}.dark\:stroke-amber-900:where(.dark,.dark *){stroke:var(--color-amber-900)}.dark\:stroke-blue-400:where(.dark,.dark *){stroke:var(--color-blue-400)}.dark\:stroke-blue-900:where(.dark,.dark *){stroke:var(--color-blue-900)}.dark\:stroke-emerald-400:where(.dark,.dark *){stroke:var(--color-emerald-400)}.dark\:stroke-emerald-900:where(.dark,.dark *){stroke:var(--color-emerald-900)}.dark\:stroke-rose-400:where(.dark,.dark *){stroke:var(--color-rose-400)}.dark\:stroke-rose-900:where(.dark,.dark *){stroke:var(--color-rose-900)}.dark\:stroke-surface-400:where(.dark,.dark *){stroke:var(--color-surface-400)}.dark\:stroke-surface-700:where(.dark,.dark *){stroke:var(--color-surface-700)}.dark\:stroke-violet-400:where(.dark,.dark *){stroke:var(--color-violet-400)}.dark\:text-accent-300:where(.dark,.dark *){color:var(--color-accent-300)}.dark\:text-accent-400:where(.dark,.dark *){color:var(--color-accent-400)}.dark\:text-amber-300:where(.dark,.dark *){color:var(--color-amber-300)}.dark\:text-amber-400:where(.dark,.dark *){color:var(--color-amber-400)}.dark\:text-blue-300:where(.dark,.dark *){color:var(--color-blue-300)}.dark\:text-blue-400:where(.dark,.dark *){color:var(--color-blue-400)}.dark\:text-cyan-300:where(.dark,.dark *){color:var(--color-cyan-300)}.dark\:text-emerald-300:where(.dark,.dark *){color:var(--color-emerald-300)}.dark\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\:text-error-200:where(.dark,.dark *){color:var(--color-error-200)}.dark\:text-error-400:where(.dark,.dark *){color:var(--color-error-400)}.dark\:text-gray-300:where(.dark,.dark *){color:var(--color-gray-300)}.dark\:text-green-400:where(.dark,.dark *){color:var(--color-green-400)}.dark\:text-red-400:where(.dark,.dark *){color:var(--color-red-400)}.dark\:text-rose-300:where(.dark,.dark *){color:var(--color-rose-300)}.dark\:text-rose-400:where(.dark,.dark *){color:var(--color-rose-400)}.dark\:text-surface-100:where(.dark,.dark *){color:var(--color-surface-100)}.dark\:text-surface-200:where(.dark,.dark *){color:var(--color-surface-200)}.dark\:text-surface-300:where(.dark,.dark *){color:var(--color-surface-300)}.dark\:text-surface-400:where(.dark,.dark *){color:var(--color-surface-400)}.dark\:text-surface-500:where(.dark,.dark *){color:var(--color-surface-500)}.dark\:text-surface-600:where(.dark,.dark *){color:var(--color-surface-600)}.dark\:text-surface-700:where(.dark,.dark *){color:var(--color-surface-700)}.dark\:text-violet-300:where(.dark,.dark *){color:var(--color-violet-300)}.dark\:text-violet-400:where(.dark,.dark *){color:var(--color-violet-400)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:shadow-2xl:where(.dark,.dark *){--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:shadow-none:where(.dark,.dark *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:ring-violet-400\/20:where(.dark,.dark *){--tw-ring-color:#a685ff33}@supports (color:color-mix(in lab,red,red)){.dark\:ring-violet-400\/20:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-violet-400)20%,transparent)}}@media(hover:hover){.dark\:hover\:border-surface-600:where(.dark,.dark *):hover{border-color:var(--color-surface-600)}.dark\:hover\:border-white\/10:where(.dark,.dark *):hover{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-white\/10:where(.dark,.dark *):hover{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:hover\:border-white\/20:where(.dark,.dark *):hover{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-white\/20:where(.dark,.dark *):hover{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.dark\:hover\:bg-error-500\/20:where(.dark,.dark *):hover{background-color:#d4092433}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-error-500\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-error-500)20%,transparent)}}.dark\:hover\:bg-error-900\/20:where(.dark,.dark *):hover{background-color:#2b000233}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-error-900\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-error-900)20%,transparent)}}.dark\:hover\:bg-red-500\/10:where(.dark,.dark *):hover{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-500\/10:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.dark\:hover\:bg-rose-900\/20:where(.dark,.dark *):hover{background-color:#8b083633}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-rose-900\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-rose-900)20%,transparent)}}.dark\:hover\:bg-surface-600:where(.dark,.dark *):hover{background-color:var(--color-surface-600)}.dark\:hover\:bg-surface-700:where(.dark,.dark *):hover{background-color:var(--color-surface-700)}.dark\:hover\:bg-surface-700\/30:where(.dark,.dark *):hover{background-color:#0e16244d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-surface-700\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-surface-700)30%,transparent)}}.dark\:hover\:bg-surface-700\/50:where(.dark,.dark *):hover{background-color:#0e162480}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-surface-700\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-surface-700)50%,transparent)}}.dark\:hover\:bg-surface-700\/80:where(.dark,.dark *):hover{background-color:#0e1624cc}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-surface-700\/80:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-surface-700)80%,transparent)}}.dark\:hover\:bg-surface-800:where(.dark,.dark *):hover{background-color:var(--color-surface-800)}.dark\:hover\:bg-surface-800\/30:where(.dark,.dark *):hover{background-color:#050b184d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-surface-800\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-surface-800)30%,transparent)}}.dark\:hover\:bg-surface-800\/50:where(.dark,.dark *):hover{background-color:#050b1880}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-surface-800\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-surface-800)50%,transparent)}}.dark\:hover\:bg-white\/2:where(.dark,.dark *):hover{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/2:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)2%,transparent)}}.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:hover\:bg-white\/15:where(.dark,.dark *):hover{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/15:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.dark\:hover\:bg-white\/\[0\.02\]:where(.dark,.dark *):hover{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/\[0\.02\]:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)2%,transparent)}}.dark\:hover\:text-accent-300:where(.dark,.dark *):hover{color:var(--color-accent-300)}.dark\:hover\:text-error-400:where(.dark,.dark *):hover{color:var(--color-error-400)}.dark\:hover\:text-rose-300:where(.dark,.dark *):hover{color:var(--color-rose-300)}.dark\:hover\:text-surface-100:where(.dark,.dark *):hover{color:var(--color-surface-100)}.dark\:hover\:text-surface-200:where(.dark,.dark *):hover{color:var(--color-surface-200)}.dark\:hover\:text-surface-300:where(.dark,.dark *):hover{color:var(--color-surface-300)}}.dark\:focus\:bg-white\/10:where(.dark,.dark *):focus{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:focus\:bg-white\/10:where(.dark,.dark *):focus{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:focus-visible\:ring-accent-400:where(.dark,.dark *):focus-visible{--tw-ring-color:var(--color-accent-400)}.dark\:focus-visible\:ring-offset-surface-900:where(.dark,.dark *):focus-visible{--tw-ring-offset-color:var(--color-surface-900)}}:root{--glass-blur-thin:1rem;--glass-blur-standard:2rem;--glass-blur-thick:3rem;--glass-saturate-standard:180%;--glass-saturate-high:200%}.glass,.glass-thick,.glass-thin,.glass-sidebar,.glass-card,.glass-input,.glass-button,.glass-icon-btn,.glass-active,.glass-morphic,.glass-morphic-thick,.glass-morphic-subtle,.glass-chromatic,.glass-chromatic-subtle,.glass-chromatic-intense,.glass-chromatic-animated{transition:background var(--theme-transition),background-color var(--theme-transition),color var(--theme-transition),border-color var(--theme-transition),box-shadow var(--theme-transition)}.glass{-webkit-backdrop-filter:blur(var(--glass-blur-standard))saturate(var(--glass-saturate-standard));background:#ffffff73;border:.0625rem solid oklch(100% 0 0/.3);box-shadow:0 4px 6px -1px #00000005,0 2px 4px -2px #00000005}.dark .glass{box-shadow:none;background:#070b1499;border-color:#ffffff14}.glass-thick{-webkit-backdrop-filter:blur(var(--glass-blur-thick))saturate(var(--glass-saturate-high));background:#ffffffa6;border:.0625rem solid oklch(100% 0 0/.4)}.dark .glass-thick{background:#03060dbf;border-color:#ffffff1a}.glass-thin{-webkit-backdrop-filter:blur(var(--glass-blur-thin))saturate(140%);background:#ffffff4d;border:.0625rem solid oklch(100% 0 0/.2)}.dark .glass-thin{background:#0c121a73;border-color:#ffffff0f}.glass-sidebar{-webkit-backdrop-filter:blur(var(--glass-blur-standard))saturate(var(--glass-saturate-standard));background:#ffffff80;border-right:.0625rem solid oklch(0% 0 0/.06)}.dark .glass-sidebar{-webkit-backdrop-filter:blur(var(--glass-blur-standard))saturate(150%);background:#05070dd9;border-right-color:#ffffff0d}.glass-navbar{-webkit-backdrop-filter:blur(var(--glass-blur-standard))saturate(var(--glass-saturate-standard));transition:all var(--theme-transition);background:#ffffffa6;border-bottom:.0625rem solid oklch(0% 0 0/.05);box-shadow:0 4px 20px -5px #00000008}.dark .glass-navbar{background:#03060dbf;border-bottom-color:#ffffff0d;box-shadow:0 4px 20px -5px #0000001a}.glass-nav-item{color:var(--color-surface-600);border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.25,.46,.45,.94);position:relative}.dark .glass-nav-item{color:var(--color-surface-400)}.glass-nav-item:hover{color:var(--color-surface-900);background:#0000000d}.dark .glass-nav-item:hover{color:var(--color-surface-100);background:#ffffff1a}.glass-nav-item.active{color:var(--color-accent-600);background:#0074c81a;background:oklch(55% .2 250/.1)}.dark .glass-nav-item.active{color:var(--color-accent-400);background:#0074c833;background:oklch(55% .2 250/.2)}.glass-card{-webkit-backdrop-filter:blur(2rem)saturate(160%);background:#ffffff8c;border:.0625rem solid oklch(100% 0 0/.4);box-shadow:0 4px 20px -2px #0000000f,inset 0 0 0 1px #fff6}.dark .glass-card{background:#070b148c;border-color:#ffffff14;box-shadow:0 .125rem .5rem -.125rem #0000004d,0 .5rem 1.5rem -.25rem #00000040,inset 0 .0625rem .0625rem #ffffff0d}.glass-active{-webkit-backdrop-filter:blur(1rem);color:var(--color-accent-600);background:#0074c81f;background:oklch(55% .2 250/.12);border:1px solid oklch(55% .2 250/.2)}.dark .glass-active{background:#0065b033;background:oklch(50% .15 250/.2);border-color:#0083e04d;border-color:oklch(60% .18 250/.3);box-shadow:0 .125rem .5rem -.125rem #0065b040,inset 0 .0625rem .0625rem #ffffff14;box-shadow:0 .125rem .5rem -.125rem oklch(50% .18 250/.25),inset 0 .0625rem .0625rem #ffffff14}.glass-input{transition:all var(--transition-normal)var(--ease-out-smooth);color:var(--color-surface-900);background:#00000008;border:1px solid oklch(0% 0 0/.08);border-radius:.75rem;padding:.625rem 1rem}select.glass-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;white-space:nowrap;background-image:none;overflow:hidden}.dark .glass-input{color:var(--color-surface-100);background:#ffffff14;border-color:#ffffff1f}.glass-input:hover{background:#0000000d;border-color:#00000026}.dark .glass-input:hover{background:#ffffff1f;border-color:#ffffff2e}.glass-input:focus{border-color:var(--color-accent-500);background:#fffc;box-shadow:0 0 0 3px #0074c826;box-shadow:0 0 0 3px oklch(55% .2 250/.15)}.dark .glass-input:focus{border-color:var(--color-accent-400);background:#0f171fcc;box-shadow:0 0 0 .1875rem #0074c840;box-shadow:0 0 0 .1875rem oklch(55% .2 250/.25)}.glass-input::-moz-placeholder{color:#0006}.glass-input::placeholder{color:#0006}.dark .glass-input::-moz-placeholder{color:#fff6}.dark .glass-input::placeholder{color:#fff6}.glass-input-error,.dark .glass-input-error{border-color:#ff2d39!important;border-color:oklch(65% .25 25)!important}.glass-input-error:focus{border-color:#ff2d39!important;border-color:oklch(65% .25 25)!important;box-shadow:0 0 0 3px #ff2d3926!important;box-shadow:0 0 0 3px oklch(65% .25 25/.15)!important}.dark .glass-input-error:focus{border-color:#ff2d39!important;border-color:oklch(65% .25 25)!important;box-shadow:0 0 0 3px #ff2d3940!important;box-shadow:0 0 0 3px oklch(65% .25 25/.25)!important}.glass-button{color:var(--color-surface-800);background:#ffffff80;border:1px solid oklch(0% 0 0/.06);box-shadow:0 1px 2px #0000000d}.dark .glass-button{color:var(--color-surface-200);background:#ffffff1f;border-color:#ffffff1a}.glass-button:hover{background:#fffc;border-color:#0000001a;transform:translateY(-.5px)}.dark .glass-button:hover{background:#ffffff2e;border-color:#fff3;transform:none}.glass-icon-btn{color:var(--color-surface-600);border-radius:.5rem;padding:.375rem;transition:all .15s}.glass-icon-btn:hover{color:var(--color-surface-900);background:#0000000f}.dark .glass-icon-btn{color:var(--color-surface-400)}.dark .glass-icon-btn:hover{color:var(--color-surface-100);background:#ffffff1a}.glass-icon-btn:disabled{opacity:.3;cursor:not-allowed}.glass-icon-btn:disabled:hover{color:inherit;background:0 0}.glass-checkbox{transition:all var(--transition-normal)var(--ease-out-smooth);background:#0000000a;border:1.5px solid oklch(0% 0 0/.2);border-radius:.375rem}.dark .glass-checkbox{background:#ffffff14;border-color:#fff3}.glass-checkbox-checked{background:var(--color-accent-500);border:1.5px solid var(--color-accent-500);border-radius:.375rem;box-shadow:0 2px 4px #0074c84d;box-shadow:0 2px 4px oklch(55% .2 250/.3)}.dark .glass-checkbox-checked{background:var(--color-accent-400);border:1.5px solid var(--color-accent-400);border-radius:.375rem;box-shadow:0 .125rem .25rem #0074c866;box-shadow:0 .125rem .25rem oklch(55% .2 250/.4)}.glass-morphic{-webkit-backdrop-filter:blur(40px)saturate();isolation:isolate;background:0 0;border:none;position:relative;box-shadow:0 4px 24px #0000000f}.glass-morphic:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#fff9,#ffffff4d 15%,#ffffff1a 40%,#ffffff0d 60%,#ffffff26 85%,#ffffff4d) border-box;border:1.5px solid #0000;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dark .glass-morphic{background:0 0;box-shadow:0 4px 24px #0003}.dark .glass-morphic:before{background:linear-gradient(160deg,#ffffff4d,#ffffff26 15%,#ffffff0d 40%,#ffffff05 60%,#ffffff14 85%,#ffffff26) border-box}.glass-morphic-thick{-webkit-backdrop-filter:blur(var(--glass-blur-thick))saturate(115%);isolation:isolate;background:#ffffff0d;border:2px solid oklch(100% 0 0/.3);position:relative;box-shadow:0 12px 40px #0000001a,inset 0 2px 2px #ffffff80,inset 0 -1px 2px #ffffff26}.glass-morphic-thick:before{content:"";border-radius:inherit;pointer-events:none;filter:blur(.75px);background:linear-gradient(135deg,#fff9,#ffffff40 20%,#ffffff14,#ffffff08 80%,#ffffff26);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dark .glass-morphic-thick{background:#ffffff08;border-color:#ffffff26;box-shadow:0 12px 40px #00000059,inset 0 2px 2px #fff3,inset 0 -1px 2px #ffffff0d}.dark .glass-morphic-thick:before{background:linear-gradient(135deg,#ffffff40,#ffffff1a 20%,#ffffff08,#ffffff03 80%,#ffffff0f)}.glass-morphic-subtle{-webkit-backdrop-filter:blur(var(--glass-blur-standard))saturate(105%);isolation:isolate;background:#ffffff05;border:1px solid oklch(100% 0 0/.15);position:relative;box-shadow:0 4px 16px #0000000d,inset 0 1px #ffffff40}.glass-morphic-subtle:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff59,#ffffff1a 30%,#ffffff05 70%,#ffffff14);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dark .glass-morphic-subtle{background:#ffffff04;border-color:#ffffff14;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff1a}.dark .glass-morphic-subtle:before{background:linear-gradient(135deg,#ffffff26,#ffffff0a 30%,#ffffff03 70%,#ffffff08)}.glass-chromatic{--chromatic-spread:4px;--chromatic-intensity:.6;-webkit-backdrop-filter:blur(var(--glass-blur-standard))saturate(var(--glass-saturate-high));border-radius:inherit;isolation:isolate;background:linear-gradient(135deg,#ffffff1a,#ffffff03);border:1px solid #0000;position:relative;box-shadow:0 8px 32px #0000001a,inset 0 0 0 1px #ffffff1a}.glass-chromatic:before{content:"";border-radius:inherit;background:linear-gradient(135deg,oklch(.65 .25 15/var(--chromatic-intensity)),oklch(.65 .25 140/var(--chromatic-intensity))30%,oklch(.65 .25 220/var(--chromatic-intensity))70%,oklch(.65 .25 320/var(--chromatic-intensity)));pointer-events:none;filter:blur(1.5px);padding:2px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-chromatic:after{content:"";inset:calc(var(--chromatic-spread)*-1);border-radius:inherit;box-shadow:inset 0 0 calc(var(--chromatic-spread)*2) #ef4b6726,inset 0 0 calc(var(--chromatic-spread)*3) #019fc11f,0 4px 12px #0000001a;box-shadow:inset 0 0 calc(var(--chromatic-spread)*2) #ef4b6726,inset 0 0 calc(var(--chromatic-spread)*3) oklch(65% .2 220/.12),0 4px 12px #0000001a;pointer-events:none;z-index:-1;opacity:1;background:0 0;position:absolute}.dark .glass-chromatic{--chromatic-intensity:.5;background:linear-gradient(135deg,#03060d40,#03060d0d);box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff1a}.dark .glass-chromatic:after{box-shadow:inset 0 0 calc(var(--chromatic-spread)*2) #c9546333,inset 0 0 calc(var(--chromatic-spread)*3) #008fad26,0 4px 12px #0000004d;box-shadow:inset 0 0 calc(var(--chromatic-spread)*2) #c9546333,inset 0 0 calc(var(--chromatic-spread)*3) oklch(60% .15 220/.15),0 4px 12px #0000004d}.glass-chromatic-subtle{--chromatic-spread:2px;--chromatic-intensity:.35;-webkit-backdrop-filter:blur(var(--glass-blur-thin))saturate(160%);isolation:isolate;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #0000;position:relative;box-shadow:0 4px 16px #0000000d}.glass-chromatic-subtle:before{content:"";border-radius:inherit;background:linear-gradient(135deg,oklch(.75 .18 350/var(--chromatic-intensity)),oklch(.75 .18 220/var(--chromatic-intensity)));pointer-events:none;filter:blur(.5px);padding:1.5px;position:absolute;inset:-.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dark .glass-chromatic-subtle{--chromatic-intensity:.3;background:linear-gradient(135deg,#070b1440,#070b141a);box-shadow:0 4px 16px #0003}.glass-chromatic-intense{--chromatic-spread:6px;--chromatic-intensity:.8;-webkit-backdrop-filter:blur(var(--glass-blur-thick))saturate(var(--glass-saturate-high));isolation:isolate;background:linear-gradient(135deg,#ffffff0d,#fff0);border:1px solid #0000;position:relative;box-shadow:0 12px 48px #00000026,inset 0 0 20px #ffffff1a}.glass-chromatic-intense:before{content:"";border-radius:inherit;background:conic-gradient(from 0deg,oklch(.7 .28 0/var(--chromatic-intensity)),oklch(.7 .28 90/var(--chromatic-intensity)),oklch(.7 .28 180/var(--chromatic-intensity)),oklch(.7 .28 270/var(--chromatic-intensity)),oklch(.7 .28 360/var(--chromatic-intensity)));pointer-events:none;filter:blur(2px);padding:3px;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-chromatic-intense:after{content:"";inset:calc(var(--chromatic-spread)*-1);border-radius:inherit;box-shadow:inset 0 0 calc(var(--chromatic-spread)*1.5) #fb218926,inset 0 0 calc(var(--chromatic-spread)*2.5) #849c001f,inset 0 0 calc(var(--chromatic-spread)*3.5) #0099e01a;box-shadow:inset 0 0 calc(var(--chromatic-spread)*1.5) #fb218926,inset 0 0 calc(var(--chromatic-spread)*2.5) oklch(65% .25 120/.12),inset 0 0 calc(var(--chromatic-spread)*3.5) oklch(65% .25 240/.1);pointer-events:none;z-index:-1;opacity:1;background:0 0;position:absolute}.dark .glass-chromatic-intense{--chromatic-intensity:.6;background:linear-gradient(135deg,#01030926,#0103090d);box-shadow:0 12px 48px #0006}.dark .glass-chromatic-intense:after{box-shadow:inset 0 0 calc(var(--chromatic-spread)*1.5) #d7397b33,inset 0 0 calc(var(--chromatic-spread)*2.5) #768c002e,inset 0 0 calc(var(--chromatic-spread)*3.5) #0089c926;box-shadow:inset 0 0 calc(var(--chromatic-spread)*1.5) #d7397b33,inset 0 0 calc(var(--chromatic-spread)*2.5) oklch(60% .2 120/.18),inset 0 0 calc(var(--chromatic-spread)*3.5) oklch(60% .2 240/.15)}.glass-chromatic-animated{--chromatic-spread:2.5px;--chromatic-intensity:.6;-webkit-backdrop-filter:blur(var(--glass-blur-standard))saturate(var(--glass-saturate-high));isolation:isolate;background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid #0000;position:relative;box-shadow:0 8px 32px #0000001a}.glass-chromatic-animated:before{content:"";border-radius:inherit;background:conic-gradient(from var(--chromatic-angle,0deg),oklch(.7 .25 0/var(--chromatic-intensity)),oklch(.7 .25 60/var(--chromatic-intensity)),oklch(.7 .25 120/var(--chromatic-intensity)),oklch(.7 .25 180/var(--chromatic-intensity)),oklch(.7 .25 240/var(--chromatic-intensity)),oklch(.7 .25 300/var(--chromatic-intensity)),oklch(.7 .25 360/var(--chromatic-intensity)));pointer-events:none;padding:1.5px;animation:8s linear infinite chromatic-rotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes chromatic-rotate{0%{--chromatic-angle:0deg}to{--chromatic-angle:360deg}}@property --chromatic-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.dark .glass-chromatic-animated{--chromatic-intensity:.4;background:#03060d33}.glass-tooltip{-webkit-backdrop-filter:blur(1.5rem)saturate(180%);color:var(--color-surface-900);background:#ffffffd9;border:1px solid oklch(0% 0 0/.08);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dark .glass-tooltip{color:var(--color-surface-50);background:#11161fe6;border-color:#ffffff26;box-shadow:0 .25rem .75rem -.125rem #0006,0 .5rem 1.5rem -.25rem #0000004d}.btn-primary{background:var(--color-accent-500);color:#fff;letter-spacing:-.01em;transition:all var(--transition-normal)var(--ease-out-smooth);border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;box-shadow:0 2px 10px #0074c84d,inset 0 1px #fff3;box-shadow:0 2px 10px oklch(55% .2 250/.3),inset 0 1px #fff3}.btn-primary:hover{background:var(--color-accent-600);transform:translateY(-1px);box-shadow:0 4px 12px #0074c866,inset 0 1px #fff3;box-shadow:0 4px 12px oklch(55% .2 250/.4),inset 0 1px #fff3}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #0074c84d;box-shadow:0 1px 2px oklch(55% .2 250/.3)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;background:#87a1bd;transform:none}.dark .btn-primary{background:#0083e0;background:oklch(60% .2 250);box-shadow:0 2px 10px #0083e040,inset 0 1px #ffffff1a;box-shadow:0 2px 10px oklch(60% .2 250/.25),inset 0 1px #ffffff1a}.dark .btn-primary:hover{background:#0092f9;background:oklch(65% .2 250);box-shadow:0 4px 12px #0083e059,inset 0 1px #ffffff1a;box-shadow:0 4px 12px oklch(60% .2 250/.35),inset 0 1px #ffffff1a}.dark .btn-primary:disabled{box-shadow:none;background:#143c62}.btn-secondary{color:var(--color-accent-600);letter-spacing:-.01em;transition:all var(--transition-normal)var(--ease-out-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid oklch(55% .2 250/.2);border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600}.dark .btn-secondary{color:#c4cfdb;background:#ffffff14;border-color:#ffffff1f}.btn-secondary:hover{background:#0074c81a;background:oklch(55% .2 250/.1);border-color:#0074c84d;border-color:oklch(55% .2 250/.3)}.dark .btn-secondary:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.btn-secondary:active{background:#0074c826;background:oklch(55% .2 250/.15)}.btn-tertiary{color:var(--color-accent-600);letter-spacing:-.01em;background:0 0;border:none;border-radius:.625rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;transition:all .15s}.dark .btn-tertiary{color:var(--color-accent-400)}.btn-tertiary:hover{color:var(--color-accent-700);background:#0074c814;background:oklch(55% .2 250/.08)}.dark .btn-tertiary:hover{background:#0074c826;background:oklch(55% .2 250/.15)}.btn-ghost{color:var(--color-surface-700);letter-spacing:-.01em;background:0 0;border:none;border-radius:.625rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;transition:all .15s}.dark .btn-ghost{color:var(--color-surface-300)}.btn-ghost:hover{color:var(--color-surface-900);background:#0000000d}.dark .btn-ghost:hover{color:var(--color-surface-100);background:#ffffff14}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:#fff;letter-spacing:-.01em;transition:all var(--transition-normal)var(--ease-out-smooth);background:#d40924;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;box-shadow:0 2px 10px #d409244d,inset 0 1px #fff3}.btn-danger:hover{background:#bc001d;background:oklch(50% .24 25);transform:translateY(-1px);box-shadow:0 4px 12px #d4092466,inset 0 1px #fff3}.btn-danger:active{transform:translateY(0);box-shadow:0 1px 2px #d409244d}.btn-danger:disabled{box-shadow:none;cursor:not-allowed;background:#cc8b85;transform:none}.dark .btn-danger{background:#e62b34;box-shadow:0 2px 10px #e62b3440,inset 0 1px #ffffff1a}.dark .btn-danger:hover{background:#f94144;box-shadow:0 4px 12px #e62b3459,inset 0 1px #ffffff1a}.dark .btn-danger:disabled{box-shadow:none;background:#65201e}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes zoom-in-95{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes zoom-out-95{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes slide-in-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-to-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-in-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-out-to-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-to-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-in-from-top-2{0%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes slide-in-from-bottom-2{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}@keyframes slide-in-from-bottom-4{0%{transform:translateY(1rem)}to{transform:translateY(0)}}@keyframes slide-out-to-bottom-4{0%{transform:translateY(0)}to{transform:translateY(1rem)}}@keyframes slide-in-from-right-4{0%{transform:translate(1rem)}to{transform:translate(0)}}@keyframes slide-out-to-right-4{0%{transform:translate(0)}to{transform:translate(1rem)}}@keyframes slide-in-from-left-4{0%{transform:translate(-1rem)}to{transform:translate(0)}}@keyframes slide-out-to-left-4{0%{transform:translate(0)}to{transform:translate(-1rem)}}.animate-in{animation-duration:.3s;animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both}.animate-out{animation-duration:.2s;animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both}.fade-in{animation-name:fade-in}.fade-out{animation-name:fade-out}.zoom-in-95{animation-name:zoom-in-95}.zoom-out-95{animation-name:zoom-out-95}.slide-in-from-right{animation-name:slide-in-from-right}.slide-out-to-right{animation-name:slide-out-to-right}.slide-in-from-left{animation-name:slide-in-from-left}.slide-out-to-left{animation-name:slide-out-to-left}.slide-in-from-top-2{animation-name:slide-in-from-top-2}.slide-in-from-bottom{animation-name:slide-in-from-bottom}.slide-out-to-bottom{animation-name:slide-out-to-bottom}.slide-in-from-bottom-2{animation-name:slide-in-from-bottom-2}.slide-in-from-bottom-4{animation-name:slide-in-from-bottom-4}.slide-out-to-bottom-4{animation-name:slide-out-to-bottom-4}.slide-in-from-right-4{animation-name:slide-in-from-right-4}.slide-out-to-right-4{animation-name:slide-out-to-right-4}.slide-in-from-left-4{animation-name:slide-in-from-left-4}.slide-out-to-left-4{animation-name:slide-out-to-left-4}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.transition-smooth{transition:all var(--transition-slow)var(--ease-out-smooth)}.transition-spring{transition:all .4s cubic-bezier(.34,1.56,.64,1)}code[class*=language-],pre[class*=language-]{color:#132139;text-shadow:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;hyphens:none;direction:ltr;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875rem;line-height:1.6}.dark code[class*=language-],.dark pre[class*=language-]{color:#c4cfdb}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#4d667f;font-style:italic}.token.punctuation{color:#334a62}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#bb061e}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#006818;color:oklch(45% .18 145)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#925000;color:oklch(50% .15 60)}.token.atrule,.token.attr-value,.token.keyword{color:#4838bf}.token.function,.token.class-name{color:#007276;color:oklch(50% .18 200)}.token.regex,.token.important,.token.variable{color:#925000;color:oklch(50% .15 60)}.dark .token.comment,.dark .token.prolog,.dark .token.doctype,.dark .token.cdata{color:#5b646f;font-style:italic}.dark .token.punctuation{color:#8291a1}.dark .token.property,.dark .token.tag,.dark .token.boolean,.dark .token.number,.dark .token.constant,.dark .token.symbol,.dark .token.deleted{color:#ff847d}.dark .token.selector,.dark .token.attr-name,.dark .token.string,.dark .token.char,.dark .token.builtin,.dark .token.inserted{color:#5bb661}.dark .token.operator,.dark .token.entity,.dark .token.url,.dark .language-css .token.string,.dark .style .token.string{color:#dd9f6b}.dark .token.atrule,.dark .token.attr-value,.dark .token.keyword{color:#8d92f9}.dark .token.function,.dark .token.class-name{color:#2ac4cc}.dark .token.regex,.dark .token.important,.dark .token.variable{color:#eeae7b}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--color-surface-900);background-color:#fcfcfc;background-color:var(--color-surface-50);transition:background var(--theme-transition),background-color var(--theme-transition),color var(--theme-transition),border-color var(--theme-transition),box-shadow var(--theme-transition)}.dark body{color:var(--color-surface-100);background-color:#0f0f0f;background-color:var(--color-surface-950)}.focus-ring{outline:none}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px #0074c84d;box-shadow:0 0 0 3px oklch(55% .2 250/.3)}.scrollbar-thin::-webkit-scrollbar{width:.375rem;height:.375rem}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:#00000026 padding-box content-box;border:1px solid #0000;border-radius:62.5rem}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#00000040 padding-box content-box;border:1px solid #0000}.dark .scrollbar-thin::-webkit-scrollbar-thumb{background:#fff3}.dark .scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.bg-mesh{transition:background-color var(--theme-transition);background-color:#fcfcfc}.dark .bg-mesh{background-color:#0f0f0f}.bg-mesh:before{content:"";opacity:1;transition:opacity var(--theme-transition);pointer-events:none;background:radial-gradient(circle at 0 0,#bee4ff66,#0000 50%),radial-gradient(circle at 100% 0,#d7dbff4d,#0000 50%),radial-gradient(circle at 100% 100%,#f6ceff59,#0000 50%),radial-gradient(circle at 0 100%,#a3f5fa66,#0000 50%),linear-gradient(to bottom right,#f3faff,#e5f0fc);background:radial-gradient(circle at 0 0,color(xyz 0.658 0.739 1.299 / 0.4),#0000 50%),radial-gradient(circle at 100% 0,color(xyz 0.779 0.709 1.68 / 0.302),#0000 50%),radial-gradient(circle at 100% 100%,color(xyz 0.829 0.697 1.184 / 0.349),#0000 50%),radial-gradient(circle at 0 100%,#a3f5fa66,#0000 50%),linear-gradient(to bottom right,#f3faff,#e5f0fc);position:absolute;inset:0}.dark .bg-mesh:before{opacity:0}.bg-mesh:after{content:"";opacity:0;transition:opacity var(--theme-transition);pointer-events:none;background:radial-gradient(at 20% 0,#3c369580,#0000 50%),radial-gradient(at 80% 100%,#00444866,#0000 50%),radial-gradient(at 60%,#002f554d,#0000 40%),linear-gradient(#010309,#000104);background:radial-gradient(at 20% 0,#3c369580,#0000 50%),radial-gradient(at 80% 100%,color(xyz 0.022 0.049 0.102 / 0.4),#0000 50%),radial-gradient(at 60%,color(xyz 0.028 0.027 0.107 / 0.302),#0000 40%),linear-gradient(#010309,#000104);position:absolute;inset:0}.dark .bg-mesh:after{opacity:1}.noise-overlay:before{content:"";opacity:.03;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.dark .noise-overlay:before{opacity:.04}.pattern-dots{background-image:radial-gradient(#0000000d 1px,#0000 1px);background-size:20px 20px}.dark .pattern-dots{background-image:radial-gradient(#77818c08 0.06rem,#0000 0.06rem)}.divider-glass{background:linear-gradient(90deg,#0000,#00000014,#0000);height:1px}.dark .divider-glass{background:linear-gradient(90deg,#0000,#5b646f1a,#0000)}.pill{border-radius:9999px;padding:.5rem 1rem}.glow-sm{box-shadow:0 0 1.25rem -.3125rem #0083e040;box-shadow:0 0 1.25rem -.3125rem oklch(60% .18 250/.25)}.glow-md{box-shadow:0 0 2.1875rem -.5rem #0083e059;box-shadow:0 0 2.1875rem -.5rem oklch(60% .18 250/.35)}.transition-grid-rows{transition-property:grid-template-rows;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.slider-input{--slider-fill:0%;--slider-track-height:8px;--slider-thumb-size:16px;--slider-track-color:oklch(90% .01 260/.6);--slider-fill-color:oklch(55% .25 285);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--slider-thumb-size);background:0 0}.dark .slider-input{--slider-track-color:oklch(30% .02 260/.4);--slider-fill-color:oklch(65% .22 285)}.slider-input::-webkit-slider-runnable-track{height:var(--slider-track-height);background:linear-gradient(to right,var(--slider-fill-color)var(--slider-fill),var(--slider-track-color)var(--slider-fill));border-radius:9999px}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);cursor:pointer;transform:translateY(calc((var(--slider-track-height) - var(--slider-thumb-size))/2));background:#fff;border:1px solid oklch(0% 0 0/.08);border-radius:9999px;-webkit-transition:transform .1s,box-shadow .1s;transition:transform .1s,box-shadow .1s;box-shadow:0 2px 6px -1px #00000026,0 1px 3px -1px #0000001a}.slider-input::-webkit-slider-thumb:hover{transform:translateY(calc((var(--slider-track-height) - var(--slider-thumb-size))/2))scale(1.08);box-shadow:0 3px 8px -1px #0003,0 2px 4px -1px #0000001a}.slider-input::-webkit-slider-thumb:active{transform:translateY(calc((var(--slider-track-height) - var(--slider-thumb-size))/2))scale(.96)}.slider-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #0074c84d,0 2px 6px -1px #00000026;box-shadow:0 0 0 3px oklch(55% .2 250/.3),0 2px 6px -1px #00000026}.dark .slider-input::-webkit-slider-thumb{background:#eee;border-color:#ffffff1a}.slider-input::-moz-range-track{height:var(--slider-track-height);background:linear-gradient(to right,var(--slider-fill-color)var(--slider-fill),var(--slider-track-color)var(--slider-fill));border-radius:9999px}.slider-input::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);cursor:pointer;background:#fff;border:1px solid oklch(0% 0 0/.08);border-radius:9999px;-moz-transition:transform .1s,box-shadow .1s;transition:transform .1s,box-shadow .1s;box-shadow:0 2px 6px -1px #00000026,0 1px 3px -1px #0000001a}.slider-input::-moz-range-thumb:hover{transform:scale(1.08);box-shadow:0 3px 8px -1px #0003,0 2px 4px -1px #0000001a}.slider-input::-moz-range-thumb:active{transform:scale(.96)}.slider-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #0074c84d,0 2px 6px -1px #00000026;box-shadow:0 0 0 3px oklch(55% .2 250/.3),0 2px 6px -1px #00000026}.dark .slider-input::-moz-range-thumb{background:#eee;border-color:#ffffff1a}:root{--theme-transition:.4s ease;--ease-out-smooth:cubic-bezier(.25,.46,.45,.94);--transition-fast:.15s;--transition-normal:.2s;--transition-slow:.3s;--color-surface-50:oklch(99% .002 240);--color-surface-100:oklch(97% .004 240);--color-surface-200:oklch(92% .01 240);--color-surface-300:oklch(80% .02 240);--color-surface-400:oklch(60% .025 240);--color-surface-500:oklch(40% .03 240);--color-surface-600:oklch(30% .03 250);--color-surface-700:oklch(20% .03 260);--color-surface-800:oklch(15% .03 260);--color-surface-900:oklch(10% .03 260);--color-surface-950:oklch(5% .03 260)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
+@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--chromatic-angle:0deg}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-900:oklch(39.6% .141 25.723);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-lime-500:oklch(76.8% .233 130.85);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-900:oklch(39.8% .07 227.392);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-900:oklch(38% .189 293.745);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-500:oklch(62.7% .265 303.9);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-surface-50:oklch(99% .002 240);--color-surface-100:oklch(97% .004 240);--color-surface-200:oklch(92% .01 240);--color-surface-300:oklch(80% .02 240);--color-surface-400:oklch(60% .025 240);--color-surface-500:oklch(40% .03 240);--color-surface-600:oklch(30% .03 250);--color-surface-700:oklch(20% .03 260);--color-surface-800:oklch(15% .03 260);--color-surface-900:oklch(10% .03 260);--color-surface-950:oklch(5% .03 260);--color-accent-50:oklch(97% .02 250);--color-accent-100:oklch(92% .04 250);--color-accent-200:oklch(85% .08 250);--color-accent-300:oklch(75% .12 250);--color-accent-400:oklch(65% .16 250);--color-accent-500:oklch(55% .2 250);--color-accent-600:oklch(45% .22 250);--color-accent-700:oklch(35% .2 250);--color-accent-800:oklch(25% .18 250);--color-accent-900:oklch(15% .15 250);--color-error-50:oklch(97% .02 25);--color-error-200:oklch(85% .08 25);--color-error-400:oklch(65% .18 25);--color-error-500:oklch(55% .22 25);--color-error-600:oklch(48% .22 25);--color-error-800:oklch(28% .16 25);--color-error-900:oklch(18% .1 25)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}dialog::backdrop{-webkit-backdrop-filter:blur(8px);background:#00000080}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-5{top:calc(var(--spacing)*5)}.top-10{top:calc(var(--spacing)*10)}.top-24{top:calc(var(--spacing)*24)}.top-\[10\%\]{top:10%}.top-\[40\%\]{top:40%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-\[10\%\]{right:10%}.right-full{right:100%}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-\[20\%\]{bottom:20%}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-2{left:calc(var(--spacing)*2)}.left-2\/4{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-3\/4{left:75%}.left-4{left:calc(var(--spacing)*4)}.left-5{left:calc(var(--spacing)*5)}.left-\[5\%\]{left:5%}.left-\[15\%\]{left:15%}.left-\[40\%\]{left:40%}.left-full{left:100%}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-1\.5{margin-inline:calc(var(--spacing)*1.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.my-1\.5{margin-block:calc(var(--spacing)*1.5)}.my-2{margin-block:calc(var(--spacing)*2)}.my-12{margin-block:calc(var(--spacing)*12)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.-mr-0\.5{margin-right:calc(var(--spacing)*-.5)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.-mb-0\.5{margin-bottom:calc(var(--spacing)*-.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.-ml-4{margin-left:calc(var(--spacing)*-4)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-8{margin-left:calc(var(--spacing)*8)}.ml-10{margin-left:calc(var(--spacing)*10)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0{height:calc(var(--spacing)*0)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-10\.5{height:calc(var(--spacing)*10.5)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-48{height:calc(var(--spacing)*48)}.h-64{height:calc(var(--spacing)*64)}.h-72{height:calc(var(--spacing)*72)}.h-80{height:calc(var(--spacing)*80)}.h-96{height:calc(var(--spacing)*96)}.h-\[1\.125rem\]{height:1.125rem}.h-\[42px\]{height:42px}.h-\[500px\]{height:500px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-\[80vh\]{max-height:80vh}.max-h-\[1000px\]{max-height:1000px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-10\.5{min-height:calc(var(--spacing)*10.5)}.min-h-\[35vh\]{min-height:35vh}.min-h-\[80vh\]{min-height:80vh}.min-h-\[200px\]{min-height:200px}.min-h-\[inherit\]{min-height:inherit}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-0\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-10\.5{width:calc(var(--spacing)*10.5)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.w-60{width:calc(var(--spacing)*60)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-\[1\.125rem\]{width:1.125rem}.w-\[1px\]{width:1px}.w-\[42px\]{width:42px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[80\%\]{max-width:80%}.max-w-\[85vw\]{max-width:85vw}.max-w-\[90\%\]{max-width:90%}.max-w-\[90vw\]{max-width:90vw}.max-w-\[calc\(100vw-1rem\)\]{max-width:calc(100vw - 1rem)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-3{--tw-translate-x:calc(var(--spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-7{--tw-translate-x:calc(var(--spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-context-menu{cursor:context-menu}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-l-full{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.rounded-br-md{border-bottom-right-radius:var(--radius-md)}.rounded-bl-md{border-bottom-left-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-accent-200{border-color:var(--color-accent-200)}.border-accent-300\/30{border-color:#70b3f74d}@supports (color:color-mix(in lab,red,red)){.border-accent-300\/30{border-color:color-mix(in oklab,var(--color-accent-300)30%,transparent)}}.border-accent-300\/40{border-color:#70b3f766}@supports (color:color-mix(in lab,red,red)){.border-accent-300\/40{border-color:color-mix(in oklab,var(--color-accent-300)40%,transparent)}}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-200\/50{border-color:#fee68580}@supports (color:color-mix(in lab,red,red)){.border-amber-200\/50{border-color:color-mix(in oklab,var(--color-amber-200)50%,transparent)}}.border-amber-300{border-color:var(--color-amber-300)}.border-blue-200\/50{border-color:#bedbff80}@supports (color:color-mix(in lab,red,red)){.border-blue-200\/50{border-color:color-mix(in oklab,var(--color-blue-200)50%,transparent)}}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500\/50{border-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/50{border-color:color-mix(in oklab,var(--color-blue-500)50%,transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-200\/50{border-color:#a4f4cf80}@supports (color:color-mix(in lab,red,red)){.border-emerald-200\/50{border-color:color-mix(in oklab,var(--color-emerald-200)50%,transparent)}}.border-emerald-300{border-color:var(--color-emerald-300)}.border-error-200\/30{border-color:#febab44d}@supports (color:color-mix(in lab,red,red)){.border-error-200\/30{border-color:color-mix(in oklab,var(--color-error-200)30%,transparent)}}.border-error-500{border-color:var(--color-error-500)}.border-error-500\/50{border-color:#d4092480}@supports (color:color-mix(in lab,red,red)){.border-error-500\/50{border-color:color-mix(in oklab,var(--color-error-500)50%,transparent)}}.border-green-500\/50{border-color:#00c75880}@supports (color:color-mix(in lab,red,red)){.border-green-500\/50{border-color:color-mix(in oklab,var(--color-green-500)50%,transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-500\/50{border-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.border-red-500\/50{border-color:color-mix(in oklab,var(--color-red-500)50%,transparent)}}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-200\/50{border-color:#ffccd380}@supports (color:color-mix(in lab,red,red)){.border-rose-200\/50{border-color:color-mix(in oklab,var(--color-rose-200)50%,transparent)}}.border-rose-300{border-color:var(--color-rose-300)}.border-surface-100{border-color:var(--color-surface-100)}.border-surface-100\/30{border-color:#f3f5f74d}@supports (color:color-mix(in lab,red,red)){.border-surface-100\/30{border-color:color-mix(in oklab,var(--color-surface-100)30%,transparent)}}.border-surface-100\/50{border-color:#f3f5f780}@supports (color:color-mix(in lab,red,red)){.border-surface-100\/50{border-color:color-mix(in oklab,var(--color-surface-100)50%,transparent)}}.border-surface-200{border-color:var(--color-surface-200)}.border-surface-200\/50{border-color:#dfe6eb80}@supports (color:color-mix(in lab,red,red)){.border-surface-200\/50{border-color:color-mix(in oklab,var(--color-surface-200)50%,transparent)}}.border-surface-300{border-color:var(--color-surface-300)}.border-transparent{border-color:#0000}.border-violet-200\/50{border-color:#ddd6ff80}@supports (color:color-mix(in lab,red,red)){.border-violet-200\/50{border-color:color-mix(in oklab,var(--color-violet-200)50%,transparent)}}.border-violet-300{border-color:var(--color-violet-300)}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.border-x-transparent{border-inline-color:#0000}.border-y-transparent{border-block-color:#0000}.border-t-surface-900{border-top-color:var(--color-surface-900)}.border-t-transparent{border-top-color:#0000}.border-r-surface-900{border-right-color:var(--color-surface-900)}.border-r-transparent{border-right-color:#0000}.border-b-surface-900{border-bottom-color:var(--color-surface-900)}.border-b-transparent{border-bottom-color:#0000}.border-l-amber-500{border-left-color:var(--color-amber-500)}.border-l-blue-500{border-left-color:var(--color-blue-500)}.border-l-emerald-500{border-left-color:var(--color-emerald-500)}.border-l-rose-500{border-left-color:var(--color-rose-500)}.border-l-surface-900{border-left-color:var(--color-surface-900)}.border-l-transparent{border-left-color:#0000}.bg-accent-50{background-color:var(--color-accent-50)}.bg-accent-100{background-color:var(--color-accent-100)}.bg-accent-500{background-color:var(--color-accent-500)}.bg-accent-500\/10{background-color:#0073d21a}@supports (color:color-mix(in lab,red,red)){.bg-accent-500\/10{background-color:color-mix(in oklab,var(--color-accent-500)10%,transparent)}}.bg-accent-500\/15{background-color:#0073d226}@supports (color:color-mix(in lab,red,red)){.bg-accent-500\/15{background-color:color-mix(in oklab,var(--color-accent-500)15%,transparent)}}.bg-accent-500\/20{background-color:#0073d233}@supports (color:color-mix(in lab,red,red)){.bg-accent-500\/20{background-color:color-mix(in oklab,var(--color-accent-500)20%,transparent)}}.bg-accent-500\/40{background-color:#0073d266}@supports (color:color-mix(in lab,red,red)){.bg-accent-500\/40{background-color:color-mix(in oklab,var(--color-accent-500)40%,transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/50{background-color:#fffbeb80}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/50{background-color:color-mix(in oklab,var(--color-amber-50)50%,transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.bg-black\/5{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50\/50{background-color:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/50{background-color:color-mix(in oklab,var(--color-blue-50)50%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/30{background-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/30{background-color:color-mix(in oklab,var(--color-blue-500)30%,transparent)}}.bg-current{background-color:currentColor}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-cyan-400\/20{background-color:#00d2ef33}@supports (color:color-mix(in lab,red,red)){.bg-cyan-400\/20{background-color:color-mix(in oklab,var(--color-cyan-400)20%,transparent)}}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\/50{background-color:#ecfdf580}@supports (color:color-mix(in lab,red,red)){.bg-emerald-50\/50{background-color:color-mix(in oklab,var(--color-emerald-50)50%,transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/20{background-color:color-mix(in oklab,var(--color-emerald-500)20%,transparent)}}.bg-error-50{background-color:var(--color-error-50)}.bg-error-50\/30{background-color:#fff1f04d}@supports (color:color-mix(in lab,red,red)){.bg-error-50\/30{background-color:color-mix(in oklab,var(--color-error-50)30%,transparent)}}.bg-error-500{background-color:var(--color-error-500)}.bg-error-500\/15{background-color:#d4092426}@supports (color:color-mix(in lab,red,red)){.bg-error-500\/15{background-color:color-mix(in oklab,var(--color-error-500)15%,transparent)}}.bg-fuchsia-500{background-color:var(--color-fuchsia-500)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-lime-500{background-color:var(--color-lime-500)}.bg-pink-500\/25{background-color:#f6339a40}@supports (color:color-mix(in lab,red,red)){.bg-pink-500\/25{background-color:color-mix(in oklab,var(--color-pink-500)25%,transparent)}}.bg-purple-500\/20{background-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.bg-purple-500\/20{background-color:color-mix(in oklab,var(--color-purple-500)20%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-50\/50{background-color:#fff1f280}@supports (color:color-mix(in lab,red,red)){.bg-rose-50\/50{background-color:color-mix(in oklab,var(--color-rose-50)50%,transparent)}}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-surface-50{background-color:var(--color-surface-50)}.bg-surface-50\/30{background-color:#fbfcfd4d}@supports (color:color-mix(in lab,red,red)){.bg-surface-50\/30{background-color:color-mix(in oklab,var(--color-surface-50)30%,transparent)}}.bg-surface-50\/50{background-color:#fbfcfd80}@supports (color:color-mix(in lab,red,red)){.bg-surface-50\/50{background-color:color-mix(in oklab,var(--color-surface-50)50%,transparent)}}.bg-surface-100{background-color:var(--color-surface-100)}.bg-surface-100\/80{background-color:#f3f5f7cc}@supports (color:color-mix(in lab,red,red)){.bg-surface-100\/80{background-color:color-mix(in oklab,var(--color-surface-100)80%,transparent)}}.bg-surface-200{background-color:var(--color-surface-200)}.bg-surface-200\/50{background-color:#dfe6eb80}@supports (color:color-mix(in lab,red,red)){.bg-surface-200\/50{background-color:color-mix(in oklab,var(--color-surface-200)50%,transparent)}}.bg-surface-200\/60{background-color:#dfe6eb99}@supports (color:color-mix(in lab,red,red)){.bg-surface-200\/60{background-color:color-mix(in oklab,var(--color-surface-200)60%,transparent)}}.bg-surface-200\/80{background-color:#dfe6ebcc}@supports (color:color-mix(in lab,red,red)){.bg-surface-200\/80{background-color:color-mix(in oklab,var(--color-surface-200)80%,transparent)}}.bg-surface-400{background-color:var(--color-surface-400)}.bg-surface-500{background-color:var(--color-surface-500)}.bg-surface-700\/80{background-color:#0e1624cc}@supports (color:color-mix(in lab,red,red)){.bg-surface-700\/80{background-color:color-mix(in oklab,var(--color-surface-700)80%,transparent)}}.bg-surface-800{background-color:var(--color-surface-800)}.bg-transparent{background-color:#0000}.bg-violet-100{background-color:var(--color-violet-100)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-surface-300\/20{--tw-gradient-via:#b3c0ca33}@supports (color:color-mix(in lab,red,red)){.via-surface-300\/20{--tw-gradient-via:color-mix(in oklab,var(--color-surface-300)20%,transparent)}}.via-surface-300\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-accent-500{--tw-gradient-to:var(--color-accent-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.stroke-amber-200{stroke:var(--color-amber-200)}.stroke-amber-500{stroke:var(--color-amber-500)}.stroke-blue-200{stroke:var(--color-blue-200)}.stroke-blue-500{stroke:var(--color-blue-500)}.stroke-emerald-200{stroke:var(--color-emerald-200)}.stroke-emerald-500{stroke:var(--color-emerald-500)}.stroke-rose-200{stroke:var(--color-rose-200)}.stroke-rose-500{stroke:var(--color-rose-500)}.stroke-surface-200{stroke:var(--color-surface-200)}.stroke-surface-500{stroke:var(--color-surface-500)}.stroke-violet-500{stroke:var(--color-violet-500)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.\!px-2\.5{padding-inline:calc(var(--spacing)*2.5)!important}.\!px-5{padding-inline:calc(var(--spacing)*5)!important}.\!px-6{padding-inline:calc(var(--spacing)*6)!important}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-12{padding-inline:calc(var(--spacing)*12)}.\!py-1\.5{padding-block:calc(var(--spacing)*1.5)!important}.\!py-2\.5{padding-block:calc(var(--spacing)*2.5)!important}.\!py-3{padding-block:calc(var(--spacing)*3)!important}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-14{padding-block:calc(var(--spacing)*14)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-20{padding-top:calc(var(--spacing)*20)}.pt-\[8vh\]{padding-top:8vh}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-16{padding-right:calc(var(--spacing)*16)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.5rem\]{font-size:.5rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent-500{color:var(--color-accent-500)}.text-accent-600{color:var(--color-accent-600)}.text-accent-700{color:var(--color-accent-700)}.text-amber-400{color:var(--color-amber-400)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-cyan-700{color:var(--color-cyan-700)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-error-500{color:var(--color-error-500)}.text-error-600{color:var(--color-error-600)}.text-error-800{color:var(--color-error-800)}.text-gray-700{color:var(--color-gray-700)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-inherit{color:inherit}.text-purple-300{color:var(--color-purple-300)}.text-red-600{color:var(--color-red-600)}.text-rose-400{color:var(--color-rose-400)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-surface-200{color:var(--color-surface-200)}.text-surface-300{color:var(--color-surface-300)}.text-surface-400{color:var(--color-surface-400)}.text-surface-500{color:var(--color-surface-500)}.text-surface-600{color:var(--color-surface-600)}.text-surface-700{color:var(--color-surface-700)}.text-surface-800{color:var(--color-surface-800)}.text-surface-900{color:var(--color-surface-900)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\/25{color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.text-white\/25{color:color-mix(in oklab,var(--color-white)25%,transparent)}}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.text-white\/30{color:color-mix(in oklab,var(--color-white)30%,transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white)50%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-current\/50{text-decoration-color:currentColor}@supports (color:color-mix(in lab,red,red)){.decoration-current\/50{text-decoration-color:color-mix(in oklab,currentcolor 50%,transparent)}}.placeholder-surface-400::-moz-placeholder{color:var(--color-surface-400)}.placeholder-surface-400::placeholder{color:var(--color-surface-400)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\,0_2px_6px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff1a),0 2px 6px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\,0_2px_8px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff1a),0 2px 8px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\,0_4px_12px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff1a),0 4px 12px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\]{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.2\)\,0_4px_12px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#fff3),0 4px 12px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.05\)\]{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_2px_rgba\(255\,255\,255\,0\.3\)\,0_2px_8px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:inset 0 1px 2px var(--tw-shadow-color,#ffffff4d),0 2px 8px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-accent-500\/20{--tw-shadow-color:#0073d233}@supports (color:color-mix(in lab,red,red)){.shadow-accent-500\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-accent-500)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-error-500\/5{--tw-shadow-color:#d409240d}@supports (color:color-mix(in lab,red,red)){.shadow-error-500\/5{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-error-500)5%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-violet-500\/20{--tw-ring-color:#8d54ff33}@supports (color:color-mix(in lab,red,red)){.ring-violet-500\/20{--tw-ring-color:color-mix(in oklab,var(--color-violet-500)20%,transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));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,)}.blur-\[70px\]{--tw-blur:blur(70px);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,)}.blur-\[80px\]{--tw-blur:blur(80px);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,)}.blur-\[90px\]{--tw-blur:blur(90px);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,)}.blur-\[100px\]{--tw-blur:blur(100px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:opacity-40:is(:where(.group):hover *){opacity:.4}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.first\:mt-1:first-child{margin-top:calc(var(--spacing)*1)}.first\:border-l-0:first-child{border-left-style:var(--tw-border-style);border-left-width:0}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border:hover{border-style:var(--tw-border-style);border-width:1px}.hover\:border-surface-300:hover{border-color:var(--color-surface-300)}.hover\:border-white\/15:hover{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/15:hover{border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:border-white\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/30:hover{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hover\:bg-accent-600:hover{background-color:var(--color-accent-600)}.hover\:bg-black\/2:hover{background-color:#00000005}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/2:hover{background-color:color-mix(in oklab,var(--color-black)2%,transparent)}}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.hover\:bg-black\/\[0\.02\]:hover{background-color:#00000005}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/\[0\.02\]:hover{background-color:color-mix(in oklab,var(--color-black)2%,transparent)}}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-error-50:hover{background-color:var(--color-error-50)}.hover\:bg-error-500\/10:hover{background-color:#d409241a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-error-500\/10:hover{background-color:color-mix(in oklab,var(--color-error-500)10%,transparent)}}.hover\:bg-error-600:hover{background-color:var(--color-error-600)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-rose-700:hover{background-color:var(--color-rose-700)}.hover\:bg-surface-50:hover{background-color:var(--color-surface-50)}.hover\:bg-surface-50\/50:hover{background-color:#fbfcfd80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-surface-50\/50:hover{background-color:color-mix(in oklab,var(--color-surface-50)50%,transparent)}}.hover\:bg-surface-100:hover{background-color:var(--color-surface-100)}.hover\:bg-surface-100\/50:hover{background-color:#f3f5f780}@supports (color:color-mix(in lab,red,red)){.hover\:bg-surface-100\/50:hover{background-color:color-mix(in oklab,var(--color-surface-100)50%,transparent)}}.hover\:bg-surface-200:hover{background-color:var(--color-surface-200)}.hover\:bg-surface-200\/50:hover{background-color:#dfe6eb80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-surface-200\/50:hover{background-color:color-mix(in oklab,var(--color-surface-200)50%,transparent)}}.hover\:bg-surface-200\/80:hover{background-color:#dfe6ebcc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-surface-200\/80:hover{background-color:color-mix(in oklab,var(--color-surface-200)80%,transparent)}}.hover\:bg-surface-300:hover{background-color:var(--color-surface-300)}.hover\:bg-surface-600:hover{background-color:var(--color-surface-600)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:text-accent-700:hover{color:var(--color-accent-700)}.hover\:text-error-500:hover{color:var(--color-error-500)}.hover\:text-rose-600:hover{color:var(--color-rose-600)}.hover\:text-surface-100:hover{color:var(--color-surface-100)}.hover\:text-surface-600:hover{color:var(--color-surface-600)}.hover\:text-surface-700:hover{color:var(--color-surface-700)}.hover\:text-surface-900:hover{color:var(--color-surface-900)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-current:hover{text-decoration-color:currentColor}.hover\:shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\,0_2px_8px_rgba\(0\,0\,0\,0\.05\)\]:hover{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff1a),0 2px 8px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.05\)\]:hover{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:backdrop-blur-md:hover{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}}.focus\:bg-black\/5:focus{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.focus\:bg-black\/5:focus{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-accent-500:focus-visible{--tw-ring-color:var(--color-accent-500)}.focus-visible\:ring-accent-500\/50:focus-visible{--tw-ring-color:#0073d280}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-accent-500\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-accent-500)50%,transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(hover:hover){.disabled\:hover\:bg-accent-500:disabled:hover{background-color:var(--color-accent-500)}.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-surface-400:disabled:hover{color:var(--color-surface-400)}}.disabled\:active\:scale-100:disabled:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media(min-width:40rem){.sm\:top-3{top:calc(var(--spacing)*3)}.sm\:right-3{right:calc(var(--spacing)*3)}.sm\:mx-4{margin-inline:calc(var(--spacing)*4)}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:h-3\.5{height:calc(var(--spacing)*3.5)}.sm\:max-h-80{max-height:calc(var(--spacing)*80)}.sm\:max-h-\[70vh\]{max-height:70vh}.sm\:w-3\.5{width:calc(var(--spacing)*3.5)}.sm\:max-w-4xl{max-width:var(--container-4xl)}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:max-w-xl{max-width:var(--container-xl)}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}:where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.sm\:self-auto{align-self:auto}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-3{padding-inline:calc(var(--spacing)*3)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-1\.5{padding-block:calc(var(--spacing)*1.5)}.sm\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.sm\:py-4{padding-block:calc(var(--spacing)*4)}.sm\:pt-\[15vh\]{padding-top:15vh}}@media(min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:mt-6{margin-top:calc(var(--spacing)*6)}.md\:mb-3{margin-bottom:calc(var(--spacing)*3)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:items-center{align-items:center}.md\:gap-1{gap:calc(var(--spacing)*1)}.md\:gap-2{gap:calc(var(--spacing)*2)}:where(.md\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.md\:p-4{padding:calc(var(--spacing)*4)}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.first\:md\:mt-2:first-child{margin-top:calc(var(--spacing)*2)}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}.dark\:border-accent-400\/20:where(.dark,.dark *){border-color:#3093ec33}@supports (color:color-mix(in lab,red,red)){.dark\:border-accent-400\/20:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-accent-400)20%,transparent)}}.dark\:border-accent-400\/30:where(.dark,.dark *){border-color:#3093ec4d}@supports (color:color-mix(in lab,red,red)){.dark\:border-accent-400\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-accent-400)30%,transparent)}}.dark\:border-accent-800\/30:where(.dark,.dark *){border-color:#00214a4d}@supports (color:color-mix(in lab,red,red)){.dark\:border-accent-800\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-accent-800)30%,transparent)}}.dark\:border-amber-600:where(.dark,.dark *){border-color:var(--color-amber-600)}.dark\:border-amber-700\/50:where(.dark,.dark *){border-color:#b7500080}@supports (color:color-mix(in lab,red,red)){.dark\:border-amber-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-amber-700)50%,transparent)}}.dark\:border-amber-800\/30:where(.dark,.dark *){border-color:#953d004d}@supports (color:color-mix(in lab,red,red)){.dark\:border-amber-800\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-amber-800)30%,transparent)}}.dark\:border-blue-600:where(.dark,.dark *){border-color:var(--color-blue-600)}.dark\:border-blue-700\/50:where(.dark,.dark *){border-color:#1447e680}@supports (color:color-mix(in lab,red,red)){.dark\:border-blue-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-blue-700)50%,transparent)}}.dark\:border-emerald-600:where(.dark,.dark *){border-color:var(--color-emerald-600)}.dark\:border-emerald-700\/50:where(.dark,.dark *){border-color:#00795680}@supports (color:color-mix(in lab,red,red)){.dark\:border-emerald-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-emerald-700)50%,transparent)}}.dark\:border-emerald-800\/30:where(.dark,.dark *){border-color:#005f464d}@supports (color:color-mix(in lab,red,red)){.dark\:border-emerald-800\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-emerald-800)30%,transparent)}}.dark\:border-error-400:where(.dark,.dark *){border-color:var(--color-error-400)}.dark\:border-error-800\/20:where(.dark,.dark *){border-color:#56000533}@supports (color:color-mix(in lab,red,red)){.dark\:border-error-800\/20:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-error-800)20%,transparent)}}.dark\:border-red-900\/50:where(.dark,.dark *){border-color:#82181a80}@supports (color:color-mix(in lab,red,red)){.dark\:border-red-900\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-red-900)50%,transparent)}}.dark\:border-rose-600:where(.dark,.dark *){border-color:var(--color-rose-600)}.dark\:border-rose-700\/50:where(.dark,.dark *){border-color:#c2003980}@supports (color:color-mix(in lab,red,red)){.dark\:border-rose-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-rose-700)50%,transparent)}}.dark\:border-rose-800\/30:where(.dark,.dark *){border-color:#a300374d}@supports (color:color-mix(in lab,red,red)){.dark\:border-rose-800\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-rose-800)30%,transparent)}}.dark\:border-surface-600:where(.dark,.dark *){border-color:var(--color-surface-600)}.dark\:border-surface-600\/50:where(.dark,.dark *){border-color:#222f3c80}@supports (color:color-mix(in lab,red,red)){.dark\:border-surface-600\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-surface-600)50%,transparent)}}.dark\:border-surface-700:where(.dark,.dark *){border-color:var(--color-surface-700)}.dark\:border-surface-700\/50:where(.dark,.dark *){border-color:#0e162480}@supports (color:color-mix(in lab,red,red)){.dark\:border-surface-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-surface-700)50%,transparent)}}.dark\:border-surface-800:where(.dark,.dark *){border-color:var(--color-surface-800)}.dark\:border-surface-800\/30:where(.dark,.dark *){border-color:#050b184d}@supports (color:color-mix(in lab,red,red)){.dark\:border-surface-800\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-surface-800)30%,transparent)}}.dark\:border-surface-800\/50:where(.dark,.dark *){border-color:#050b1880}@supports (color:color-mix(in lab,red,red)){.dark\:border-surface-800\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-surface-800)50%,transparent)}}.dark\:border-surface-900:where(.dark,.dark *){border-color:var(--color-surface-900)}.dark\:border-violet-600:where(.dark,.dark *){border-color:var(--color-violet-600)}.dark\:border-violet-700\/50:where(.dark,.dark *){border-color:#7008e780}@supports (color:color-mix(in lab,red,red)){.dark\:border-violet-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-violet-700)50%,transparent)}}.dark\:border-white\/5:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/5:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.dark\:border-white\/10:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/10:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:border-white\/20:where(.dark,.dark *){border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/20:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.dark\:border-t-surface-800:where(.dark,.dark *){border-top-color:var(--color-surface-800)}.dark\:border-r-surface-800:where(.dark,.dark *){border-right-color:var(--color-surface-800)}.dark\:border-b-surface-800:where(.dark,.dark *){border-bottom-color:var(--color-surface-800)}.dark\:border-l-surface-800:where(.dark,.dark *){border-left-color:var(--color-surface-800)}.dark\:bg-accent-400\/15:where(.dark,.dark *){background-color:#3093ec26}@supports (color:color-mix(in lab,red,red)){.dark\:bg-accent-400\/15:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-accent-400)15%,transparent)}}.dark\:bg-accent-400\/20:where(.dark,.dark *){background-color:#3093ec33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-accent-400\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-accent-400)20%,transparent)}}.dark\:bg-accent-400\/30:where(.dark,.dark *){background-color:#3093ec4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-accent-400\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-accent-400)30%,transparent)}}.dark\:bg-accent-500\/20:where(.dark,.dark *){background-color:#0073d233}@supports (color:color-mix(in lab,red,red)){.dark\:bg-accent-500\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-accent-500)20%,transparent)}}.dark\:bg-accent-900\/20:where(.dark,.dark *){background-color:#00092933}@supports (color:color-mix(in lab,red,red)){.dark\:bg-accent-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-accent-900)20%,transparent)}}.dark\:bg-accent-900\/30:where(.dark,.dark *){background-color:#0009294d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-accent-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-accent-900)30%,transparent)}}.dark\:bg-amber-400:where(.dark,.dark *){background-color:var(--color-amber-400)}.dark\:bg-amber-900\/10:where(.dark,.dark *){background-color:#7b33061a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900)10%,transparent)}}.dark\:bg-amber-900\/20:where(.dark,.dark *){background-color:#7b330633}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900)20%,transparent)}}.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:#7b33064d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900)30%,transparent)}}.dark\:bg-black\/40:where(.dark,.dark *){background-color:#0006}@supports (color:color-mix(in lab,red,red)){.dark\:bg-black\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.dark\:bg-blue-400:where(.dark,.dark *){background-color:var(--color-blue-400)}.dark\:bg-blue-900\/10:where(.dark,.dark *){background-color:#1c398e1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900)10%,transparent)}}.dark\:bg-blue-900\/30:where(.dark,.dark *){background-color:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\:bg-cyan-900\/30:where(.dark,.dark *){background-color:#104e644d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-cyan-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-cyan-900)30%,transparent)}}.dark\:bg-emerald-400:where(.dark,.dark *){background-color:var(--color-emerald-400)}.dark\:bg-emerald-900\/10:where(.dark,.dark *){background-color:#004e3b1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-900\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-900)10%,transparent)}}.dark\:bg-emerald-900\/20:where(.dark,.dark *){background-color:#004e3b33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-900)20%,transparent)}}.dark\:bg-emerald-900\/30:where(.dark,.dark *){background-color:#004e3b4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-900)30%,transparent)}}.dark\:bg-error-500\/20:where(.dark,.dark *){background-color:#d4092433}@supports (color:color-mix(in lab,red,red)){.dark\:bg-error-500\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-error-500)20%,transparent)}}.dark\:bg-error-900\/20:where(.dark,.dark *){background-color:#2b000233}@supports (color:color-mix(in lab,red,red)){.dark\:bg-error-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-error-900)20%,transparent)}}.dark\:bg-gray-800:where(.dark,.dark *){background-color:var(--color-gray-800)}.dark\:bg-rose-400:where(.dark,.dark *){background-color:var(--color-rose-400)}.dark\:bg-rose-900\/10:where(.dark,.dark *){background-color:#8b08361a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-rose-900\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-rose-900)10%,transparent)}}.dark\:bg-rose-900\/20:where(.dark,.dark *){background-color:#8b083633}@supports (color:color-mix(in lab,red,red)){.dark\:bg-rose-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-rose-900)20%,transparent)}}.dark\:bg-rose-900\/30:where(.dark,.dark *){background-color:#8b08364d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-rose-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-rose-900)30%,transparent)}}.dark\:bg-surface-400:where(.dark,.dark *){background-color:var(--color-surface-400)}.dark\:bg-surface-500:where(.dark,.dark *){background-color:var(--color-surface-500)}.dark\:bg-surface-600:where(.dark,.dark *){background-color:var(--color-surface-600)}.dark\:bg-surface-600\/60:where(.dark,.dark *){background-color:#222f3c99}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-600\/60:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-600)60%,transparent)}}.dark\:bg-surface-700:where(.dark,.dark *){background-color:var(--color-surface-700)}.dark\:bg-surface-700\/40:where(.dark,.dark *){background-color:#0e162466}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-700\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-700)40%,transparent)}}.dark\:bg-surface-700\/50:where(.dark,.dark *){background-color:#0e162480}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-700\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-700)50%,transparent)}}.dark\:bg-surface-800:where(.dark,.dark *){background-color:var(--color-surface-800)}.dark\:bg-surface-800\/20:where(.dark,.dark *){background-color:#050b1833}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-800\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-800)20%,transparent)}}.dark\:bg-surface-800\/30:where(.dark,.dark *){background-color:#050b184d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-800\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-800)30%,transparent)}}.dark\:bg-surface-800\/50:where(.dark,.dark *){background-color:#050b1880}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-800\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-800)50%,transparent)}}.dark\:bg-surface-800\/80:where(.dark,.dark *){background-color:#050b18cc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-800\/80:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-800)80%,transparent)}}.dark\:bg-surface-800\/90:where(.dark,.dark *){background-color:#050b18e6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-800\/90:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-800)90%,transparent)}}.dark\:bg-surface-900:where(.dark,.dark *){background-color:var(--color-surface-900)}.dark\:bg-surface-900\/30:where(.dark,.dark *){background-color:#01030c4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-900)30%,transparent)}}.dark\:bg-surface-900\/50:where(.dark,.dark *){background-color:#01030c80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-900)50%,transparent)}}.dark\:bg-surface-900\/80:where(.dark,.dark *){background-color:#01030ccc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-900\/80:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-900)80%,transparent)}}.dark\:bg-surface-900\/90:where(.dark,.dark *){background-color:#01030ce6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-900\/90:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-surface-900)90%,transparent)}}.dark\:bg-surface-950:where(.dark,.dark *){background-color:var(--color-surface-950)}.dark\:bg-violet-400:where(.dark,.dark *){background-color:var(--color-violet-400)}.dark\:bg-violet-900\/30:where(.dark,.dark *){background-color:#4d179a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-violet-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-violet-900)30%,transparent)}}.dark\:bg-violet-900\/40:where(.dark,.dark *){background-color:#4d179a66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-violet-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-violet-900)40%,transparent)}}.dark\:bg-white\/5:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/5:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.dark\:bg-white\/10:where(.dark,.dark *){background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:bg-white\/15:where(.dark,.dark *){background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/15:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.dark\:bg-white\/20:where(.dark,.dark *){background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.dark\:bg-white\/70:where(.dark,.dark *){background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/70:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.dark\:stroke-amber-400:where(.dark,.dark *){stroke:var(--color-amber-400)}.dark\:stroke-amber-900:where(.dark,.dark *){stroke:var(--color-amber-900)}.dark\:stroke-blue-400:where(.dark,.dark *){stroke:var(--color-blue-400)}.dark\:stroke-blue-900:where(.dark,.dark *){stroke:var(--color-blue-900)}.dark\:stroke-emerald-400:where(.dark,.dark *){stroke:var(--color-emerald-400)}.dark\:stroke-emerald-900:where(.dark,.dark *){stroke:var(--color-emerald-900)}.dark\:stroke-rose-400:where(.dark,.dark *){stroke:var(--color-rose-400)}.dark\:stroke-rose-900:where(.dark,.dark *){stroke:var(--color-rose-900)}.dark\:stroke-surface-400:where(.dark,.dark *){stroke:var(--color-surface-400)}.dark\:stroke-surface-700:where(.dark,.dark *){stroke:var(--color-surface-700)}.dark\:stroke-violet-400:where(.dark,.dark *){stroke:var(--color-violet-400)}.dark\:text-accent-300:where(.dark,.dark *){color:var(--color-accent-300)}.dark\:text-accent-400:where(.dark,.dark *){color:var(--color-accent-400)}.dark\:text-amber-300:where(.dark,.dark *){color:var(--color-amber-300)}.dark\:text-amber-400:where(.dark,.dark *){color:var(--color-amber-400)}.dark\:text-blue-300:where(.dark,.dark *){color:var(--color-blue-300)}.dark\:text-blue-400:where(.dark,.dark *){color:var(--color-blue-400)}.dark\:text-cyan-300:where(.dark,.dark *){color:var(--color-cyan-300)}.dark\:text-emerald-300:where(.dark,.dark *){color:var(--color-emerald-300)}.dark\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\:text-error-200:where(.dark,.dark *){color:var(--color-error-200)}.dark\:text-error-400:where(.dark,.dark *){color:var(--color-error-400)}.dark\:text-gray-300:where(.dark,.dark *){color:var(--color-gray-300)}.dark\:text-green-400:where(.dark,.dark *){color:var(--color-green-400)}.dark\:text-red-400:where(.dark,.dark *){color:var(--color-red-400)}.dark\:text-rose-300:where(.dark,.dark *){color:var(--color-rose-300)}.dark\:text-rose-400:where(.dark,.dark *){color:var(--color-rose-400)}.dark\:text-surface-100:where(.dark,.dark *){color:var(--color-surface-100)}.dark\:text-surface-200:where(.dark,.dark *){color:var(--color-surface-200)}.dark\:text-surface-300:where(.dark,.dark *){color:var(--color-surface-300)}.dark\:text-surface-400:where(.dark,.dark *){color:var(--color-surface-400)}.dark\:text-surface-500:where(.dark,.dark *){color:var(--color-surface-500)}.dark\:text-surface-600:where(.dark,.dark *){color:var(--color-surface-600)}.dark\:text-surface-700:where(.dark,.dark *){color:var(--color-surface-700)}.dark\:text-violet-300:where(.dark,.dark *){color:var(--color-violet-300)}.dark\:text-violet-400:where(.dark,.dark *){color:var(--color-violet-400)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:shadow-2xl:where(.dark,.dark *){--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:shadow-none:where(.dark,.dark *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:ring-violet-400\/20:where(.dark,.dark *){--tw-ring-color:#a685ff33}@supports (color:color-mix(in lab,red,red)){.dark\:ring-violet-400\/20:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-violet-400)20%,transparent)}}@media(hover:hover){.dark\:hover\:border-surface-600:where(.dark,.dark *):hover{border-color:var(--color-surface-600)}.dark\:hover\:border-white\/10:where(.dark,.dark *):hover{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-white\/10:where(.dark,.dark *):hover{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:hover\:border-white\/20:where(.dark,.dark *):hover{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-white\/20:where(.dark,.dark *):hover{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.dark\:hover\:bg-error-500\/20:where(.dark,.dark *):hover{background-color:#d4092433}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-error-500\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-error-500)20%,transparent)}}.dark\:hover\:bg-error-900\/20:where(.dark,.dark *):hover{background-color:#2b000233}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-error-900\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-error-900)20%,transparent)}}.dark\:hover\:bg-red-500\/10:where(.dark,.dark *):hover{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-500\/10:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.dark\:hover\:bg-rose-900\/20:where(.dark,.dark *):hover{background-color:#8b083633}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-rose-900\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-rose-900)20%,transparent)}}.dark\:hover\:bg-surface-600:where(.dark,.dark *):hover{background-color:var(--color-surface-600)}.dark\:hover\:bg-surface-700:where(.dark,.dark *):hover{background-color:var(--color-surface-700)}.dark\:hover\:bg-surface-700\/30:where(.dark,.dark *):hover{background-color:#0e16244d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-surface-700\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-surface-700)30%,transparent)}}.dark\:hover\:bg-surface-700\/50:where(.dark,.dark *):hover{background-color:#0e162480}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-surface-700\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-surface-700)50%,transparent)}}.dark\:hover\:bg-surface-700\/80:where(.dark,.dark *):hover{background-color:#0e1624cc}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-surface-700\/80:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-surface-700)80%,transparent)}}.dark\:hover\:bg-surface-800:where(.dark,.dark *):hover{background-color:var(--color-surface-800)}.dark\:hover\:bg-surface-800\/30:where(.dark,.dark *):hover{background-color:#050b184d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-surface-800\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-surface-800)30%,transparent)}}.dark\:hover\:bg-surface-800\/50:where(.dark,.dark *):hover{background-color:#050b1880}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-surface-800\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-surface-800)50%,transparent)}}.dark\:hover\:bg-white\/2:where(.dark,.dark *):hover{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/2:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)2%,transparent)}}.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:hover\:bg-white\/\[0\.02\]:where(.dark,.dark *):hover{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/\[0\.02\]:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)2%,transparent)}}.dark\:hover\:text-accent-300:where(.dark,.dark *):hover{color:var(--color-accent-300)}.dark\:hover\:text-error-400:where(.dark,.dark *):hover{color:var(--color-error-400)}.dark\:hover\:text-rose-300:where(.dark,.dark *):hover{color:var(--color-rose-300)}.dark\:hover\:text-surface-100:where(.dark,.dark *):hover{color:var(--color-surface-100)}.dark\:hover\:text-surface-200:where(.dark,.dark *):hover{color:var(--color-surface-200)}.dark\:hover\:text-surface-300:where(.dark,.dark *):hover{color:var(--color-surface-300)}}.dark\:focus\:bg-white\/10:where(.dark,.dark *):focus{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:focus\:bg-white\/10:where(.dark,.dark *):focus{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:focus-visible\:ring-accent-400:where(.dark,.dark *):focus-visible{--tw-ring-color:var(--color-accent-400)}.dark\:focus-visible\:ring-offset-surface-900:where(.dark,.dark *):focus-visible{--tw-ring-offset-color:var(--color-surface-900)}}:root{--glass-blur-thin:1rem;--glass-blur-standard:2rem;--glass-blur-thick:3rem;--glass-saturate-standard:180%;--glass-saturate-high:200%}.glass,.glass-thick,.glass-thin,.glass-sidebar,.glass-card,.glass-input,.glass-button,.glass-icon-btn,.glass-active,.glass-morphic,.glass-morphic-thick,.glass-morphic-subtle,.glass-chromatic,.glass-chromatic-subtle,.glass-chromatic-intense,.glass-chromatic-animated{transition:background var(--theme-transition),background-color var(--theme-transition),color var(--theme-transition),border-color var(--theme-transition),box-shadow var(--theme-transition)}.glass{-webkit-backdrop-filter:blur(var(--glass-blur-standard))saturate(var(--glass-saturate-standard));background:#ffffff73;border:.0625rem solid oklch(100% 0 0/.3);box-shadow:0 4px 6px -1px #00000005,0 2px 4px -2px #00000005}.dark .glass{box-shadow:none;background:#070b1499;border-color:#ffffff14}.glass-thick{-webkit-backdrop-filter:blur(var(--glass-blur-thick))saturate(var(--glass-saturate-high));background:#ffffffa6;border:.0625rem solid oklch(100% 0 0/.4)}.dark .glass-thick{background:#03060dbf;border-color:#ffffff1a}.glass-thin{-webkit-backdrop-filter:blur(var(--glass-blur-thin))saturate(140%);background:#ffffff4d;border:.0625rem solid oklch(100% 0 0/.2)}.dark .glass-thin{background:#0c121a73;border-color:#ffffff0f}.glass-sidebar{-webkit-backdrop-filter:blur(var(--glass-blur-standard))saturate(var(--glass-saturate-standard));background:#ffffff80;border-right:.0625rem solid oklch(0% 0 0/.06)}.dark .glass-sidebar{-webkit-backdrop-filter:blur(var(--glass-blur-standard))saturate(150%);background:#05070dd9;border-right-color:#ffffff0d}.glass-navbar{-webkit-backdrop-filter:blur(var(--glass-blur-standard))saturate(var(--glass-saturate-standard));transition:all var(--theme-transition);background:#ffffffa6;border-bottom:.0625rem solid oklch(0% 0 0/.05);box-shadow:0 4px 20px -5px #00000008}.dark .glass-navbar{background:#03060dbf;border-bottom-color:#ffffff0d;box-shadow:0 4px 20px -5px #0000001a}.glass-nav-item{color:var(--color-surface-600);border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.25,.46,.45,.94);position:relative}.dark .glass-nav-item{color:var(--color-surface-400)}.glass-nav-item:hover{color:var(--color-surface-900);background:#0000000d}.dark .glass-nav-item:hover{color:var(--color-surface-100);background:#ffffff1a}.glass-nav-item.active{color:var(--color-accent-600);background:#0074c81a;background:oklch(55% .2 250/.1)}.dark .glass-nav-item.active{color:var(--color-accent-400);background:#0074c833;background:oklch(55% .2 250/.2)}.glass-card{-webkit-backdrop-filter:blur(2rem)saturate(160%);background:#ffffff8c;border:.0625rem solid oklch(100% 0 0/.4);box-shadow:0 4px 20px -2px #0000000f,inset 0 0 0 1px #fff6}.dark .glass-card{background:#070b148c;border-color:#ffffff14;box-shadow:0 .125rem .5rem -.125rem #0000004d,0 .5rem 1.5rem -.25rem #00000040,inset 0 .0625rem .0625rem #ffffff0d}.glass-active{-webkit-backdrop-filter:blur(1rem);color:var(--color-accent-600);background:#0074c81f;background:oklch(55% .2 250/.12);border:1px solid oklch(55% .2 250/.2)}.dark .glass-active{background:#0065b033;background:oklch(50% .15 250/.2);border-color:#0083e04d;border-color:oklch(60% .18 250/.3);box-shadow:0 .125rem .5rem -.125rem #0065b040,inset 0 .0625rem .0625rem #ffffff14;box-shadow:0 .125rem .5rem -.125rem oklch(50% .18 250/.25),inset 0 .0625rem .0625rem #ffffff14}.glass-input{transition:all var(--transition-normal)var(--ease-out-smooth);color:var(--color-surface-900);background:#00000008;border:1px solid oklch(0% 0 0/.08);border-radius:.75rem;padding:.625rem 1rem}select.glass-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;white-space:nowrap;background-image:none;overflow:hidden}.dark .glass-input{color:var(--color-surface-100);background:#ffffff14;border-color:#ffffff1f}.glass-input:hover{background:#0000000d;border-color:#00000026}.dark .glass-input:hover{background:#ffffff1f;border-color:#ffffff2e}.glass-input:focus{border-color:var(--color-accent-500);background:#fffc;box-shadow:0 0 0 3px #0074c826;box-shadow:0 0 0 3px oklch(55% .2 250/.15)}.dark .glass-input:focus{border-color:var(--color-accent-400);background:#0f171fcc;box-shadow:0 0 0 .1875rem #0074c840;box-shadow:0 0 0 .1875rem oklch(55% .2 250/.25)}.glass-input::-moz-placeholder{color:#0006}.glass-input::placeholder{color:#0006}.dark .glass-input::-moz-placeholder{color:#fff6}.dark .glass-input::placeholder{color:#fff6}.glass-input-error,.dark .glass-input-error{border-color:#ff2d39!important;border-color:oklch(65% .25 25)!important}.glass-input-error:focus{border-color:#ff2d39!important;border-color:oklch(65% .25 25)!important;box-shadow:0 0 0 3px #ff2d3926!important;box-shadow:0 0 0 3px oklch(65% .25 25/.15)!important}.dark .glass-input-error:focus{border-color:#ff2d39!important;border-color:oklch(65% .25 25)!important;box-shadow:0 0 0 3px #ff2d3940!important;box-shadow:0 0 0 3px oklch(65% .25 25/.25)!important}.glass-button{color:var(--color-surface-800);background:#ffffff80;border:1px solid oklch(0% 0 0/.06);box-shadow:0 1px 2px #0000000d}.dark .glass-button{color:var(--color-surface-200);background:#ffffff1f;border-color:#ffffff1a}.glass-button:hover{background:#fffc;border-color:#0000001a;transform:translateY(-.5px)}.dark .glass-button:hover{background:#ffffff2e;border-color:#fff3;transform:none}.glass-icon-btn{color:var(--color-surface-600);border-radius:.5rem;padding:.375rem;transition:all .15s}.glass-icon-btn:hover{color:var(--color-surface-900);background:#0000000f}.dark .glass-icon-btn{color:var(--color-surface-400)}.dark .glass-icon-btn:hover{color:var(--color-surface-100);background:#ffffff1a}.glass-icon-btn:disabled{opacity:.3;cursor:not-allowed}.glass-icon-btn:disabled:hover{color:inherit;background:0 0}.glass-checkbox{transition:all var(--transition-normal)var(--ease-out-smooth);background:#0000000a;border:1.5px solid oklch(0% 0 0/.2);border-radius:.375rem}.dark .glass-checkbox{background:#ffffff14;border-color:#fff3}.glass-checkbox-checked{background:var(--color-accent-500);border:1.5px solid var(--color-accent-500);border-radius:.375rem;box-shadow:0 2px 4px #0074c84d;box-shadow:0 2px 4px oklch(55% .2 250/.3)}.dark .glass-checkbox-checked{background:var(--color-accent-400);border:1.5px solid var(--color-accent-400);border-radius:.375rem;box-shadow:0 .125rem .25rem #0074c866;box-shadow:0 .125rem .25rem oklch(55% .2 250/.4)}.glass-morphic{-webkit-backdrop-filter:blur(40px)saturate();isolation:isolate;background:0 0;border:none;position:relative;box-shadow:0 4px 24px #0000000f}.glass-morphic:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#fff9,#ffffff4d 15%,#ffffff1a 40%,#ffffff0d 60%,#ffffff26 85%,#ffffff4d) border-box;border:1.5px solid #0000;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dark .glass-morphic{background:0 0;box-shadow:0 4px 24px #0003}.dark .glass-morphic:before{background:linear-gradient(160deg,#ffffff4d,#ffffff26 15%,#ffffff0d 40%,#ffffff05 60%,#ffffff14 85%,#ffffff26) border-box}.glass-morphic-thick{-webkit-backdrop-filter:blur(var(--glass-blur-thick))saturate(115%);isolation:isolate;background:#ffffff0d;border:2px solid oklch(100% 0 0/.3);position:relative;box-shadow:0 12px 40px #0000001a,inset 0 2px 2px #ffffff80,inset 0 -1px 2px #ffffff26}.glass-morphic-thick:before{content:"";border-radius:inherit;pointer-events:none;filter:blur(.75px);background:linear-gradient(135deg,#fff9,#ffffff40 20%,#ffffff14,#ffffff08 80%,#ffffff26);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dark .glass-morphic-thick{background:#ffffff08;border-color:#ffffff26;box-shadow:0 12px 40px #00000059,inset 0 2px 2px #fff3,inset 0 -1px 2px #ffffff0d}.dark .glass-morphic-thick:before{background:linear-gradient(135deg,#ffffff40,#ffffff1a 20%,#ffffff08,#ffffff03 80%,#ffffff0f)}.glass-morphic-subtle{-webkit-backdrop-filter:blur(var(--glass-blur-standard))saturate(105%);isolation:isolate;background:#ffffff05;border:1px solid oklch(100% 0 0/.15);position:relative;box-shadow:0 4px 16px #0000000d,inset 0 1px #ffffff40}.glass-morphic-subtle:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff59,#ffffff1a 30%,#ffffff05 70%,#ffffff14);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dark .glass-morphic-subtle{background:#ffffff04;border-color:#ffffff14;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff1a}.dark .glass-morphic-subtle:before{background:linear-gradient(135deg,#ffffff26,#ffffff0a 30%,#ffffff03 70%,#ffffff08)}.glass-chromatic{--chromatic-spread:4px;--chromatic-intensity:.6;-webkit-backdrop-filter:blur(var(--glass-blur-standard))saturate(var(--glass-saturate-high));border-radius:inherit;isolation:isolate;background:linear-gradient(135deg,#ffffff1a,#ffffff03);border:1px solid #0000;position:relative;box-shadow:0 8px 32px #0000001a,inset 0 0 0 1px #ffffff1a}.glass-chromatic:before{content:"";border-radius:inherit;background:linear-gradient(135deg,oklch(.65 .25 15/var(--chromatic-intensity)),oklch(.65 .25 140/var(--chromatic-intensity))30%,oklch(.65 .25 220/var(--chromatic-intensity))70%,oklch(.65 .25 320/var(--chromatic-intensity)));pointer-events:none;filter:blur(1.5px);padding:2px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-chromatic:after{content:"";inset:calc(var(--chromatic-spread)*-1);border-radius:inherit;box-shadow:inset 0 0 calc(var(--chromatic-spread)*2) #ef4b6726,inset 0 0 calc(var(--chromatic-spread)*3) #019fc11f,0 4px 12px #0000001a;box-shadow:inset 0 0 calc(var(--chromatic-spread)*2) #ef4b6726,inset 0 0 calc(var(--chromatic-spread)*3) oklch(65% .2 220/.12),0 4px 12px #0000001a;pointer-events:none;z-index:-1;opacity:1;background:0 0;position:absolute}.dark .glass-chromatic{--chromatic-intensity:.5;background:linear-gradient(135deg,#03060d40,#03060d0d);box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff1a}.dark .glass-chromatic:after{box-shadow:inset 0 0 calc(var(--chromatic-spread)*2) #c9546333,inset 0 0 calc(var(--chromatic-spread)*3) #008fad26,0 4px 12px #0000004d;box-shadow:inset 0 0 calc(var(--chromatic-spread)*2) #c9546333,inset 0 0 calc(var(--chromatic-spread)*3) oklch(60% .15 220/.15),0 4px 12px #0000004d}.glass-chromatic-subtle{--chromatic-spread:2px;--chromatic-intensity:.35;-webkit-backdrop-filter:blur(var(--glass-blur-thin))saturate(160%);isolation:isolate;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #0000;position:relative;box-shadow:0 4px 16px #0000000d}.glass-chromatic-subtle:before{content:"";border-radius:inherit;background:linear-gradient(135deg,oklch(.75 .18 350/var(--chromatic-intensity)),oklch(.75 .18 220/var(--chromatic-intensity)));pointer-events:none;filter:blur(.5px);padding:1.5px;position:absolute;inset:-.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dark .glass-chromatic-subtle{--chromatic-intensity:.3;background:linear-gradient(135deg,#070b1440,#070b141a);box-shadow:0 4px 16px #0003}.glass-chromatic-intense{--chromatic-spread:6px;--chromatic-intensity:.8;-webkit-backdrop-filter:blur(var(--glass-blur-thick))saturate(var(--glass-saturate-high));isolation:isolate;background:linear-gradient(135deg,#ffffff0d,#fff0);border:1px solid #0000;position:relative;box-shadow:0 12px 48px #00000026,inset 0 0 20px #ffffff1a}.glass-chromatic-intense:before{content:"";border-radius:inherit;background:conic-gradient(from 0deg,oklch(.7 .28 0/var(--chromatic-intensity)),oklch(.7 .28 90/var(--chromatic-intensity)),oklch(.7 .28 180/var(--chromatic-intensity)),oklch(.7 .28 270/var(--chromatic-intensity)),oklch(.7 .28 360/var(--chromatic-intensity)));pointer-events:none;filter:blur(2px);padding:3px;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-chromatic-intense:after{content:"";inset:calc(var(--chromatic-spread)*-1);border-radius:inherit;box-shadow:inset 0 0 calc(var(--chromatic-spread)*1.5) #fb218926,inset 0 0 calc(var(--chromatic-spread)*2.5) #849c001f,inset 0 0 calc(var(--chromatic-spread)*3.5) #0099e01a;box-shadow:inset 0 0 calc(var(--chromatic-spread)*1.5) #fb218926,inset 0 0 calc(var(--chromatic-spread)*2.5) oklch(65% .25 120/.12),inset 0 0 calc(var(--chromatic-spread)*3.5) oklch(65% .25 240/.1);pointer-events:none;z-index:-1;opacity:1;background:0 0;position:absolute}.dark .glass-chromatic-intense{--chromatic-intensity:.6;background:linear-gradient(135deg,#01030926,#0103090d);box-shadow:0 12px 48px #0006}.dark .glass-chromatic-intense:after{box-shadow:inset 0 0 calc(var(--chromatic-spread)*1.5) #d7397b33,inset 0 0 calc(var(--chromatic-spread)*2.5) #768c002e,inset 0 0 calc(var(--chromatic-spread)*3.5) #0089c926;box-shadow:inset 0 0 calc(var(--chromatic-spread)*1.5) #d7397b33,inset 0 0 calc(var(--chromatic-spread)*2.5) oklch(60% .2 120/.18),inset 0 0 calc(var(--chromatic-spread)*3.5) oklch(60% .2 240/.15)}.glass-chromatic-animated{--chromatic-spread:2.5px;--chromatic-intensity:.6;-webkit-backdrop-filter:blur(var(--glass-blur-standard))saturate(var(--glass-saturate-high));isolation:isolate;background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid #0000;position:relative;box-shadow:0 8px 32px #0000001a}.glass-chromatic-animated:before{content:"";border-radius:inherit;background:conic-gradient(from var(--chromatic-angle,0deg),oklch(.7 .25 0/var(--chromatic-intensity)),oklch(.7 .25 60/var(--chromatic-intensity)),oklch(.7 .25 120/var(--chromatic-intensity)),oklch(.7 .25 180/var(--chromatic-intensity)),oklch(.7 .25 240/var(--chromatic-intensity)),oklch(.7 .25 300/var(--chromatic-intensity)),oklch(.7 .25 360/var(--chromatic-intensity)));pointer-events:none;padding:1.5px;animation:8s linear infinite chromatic-rotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes chromatic-rotate{0%{--chromatic-angle:0deg}to{--chromatic-angle:360deg}}@property --chromatic-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.dark .glass-chromatic-animated{--chromatic-intensity:.4;background:#03060d33}.glass-tooltip{-webkit-backdrop-filter:blur(1.5rem)saturate(180%);color:var(--color-surface-900);background:#ffffffd9;border:1px solid oklch(0% 0 0/.08);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dark .glass-tooltip{color:var(--color-surface-50);background:#11161fe6;border-color:#ffffff26;box-shadow:0 .25rem .75rem -.125rem #0006,0 .5rem 1.5rem -.25rem #0000004d}.btn-primary{background:var(--color-accent-500);color:#fff;letter-spacing:-.01em;transition:all var(--transition-normal)var(--ease-out-smooth);border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;box-shadow:0 2px 10px #0074c84d,inset 0 1px #fff3;box-shadow:0 2px 10px oklch(55% .2 250/.3),inset 0 1px #fff3}.btn-primary:hover{background:var(--color-accent-600);transform:translateY(-1px);box-shadow:0 4px 12px #0074c866,inset 0 1px #fff3;box-shadow:0 4px 12px oklch(55% .2 250/.4),inset 0 1px #fff3}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #0074c84d;box-shadow:0 1px 2px oklch(55% .2 250/.3)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;background:#87a1bd;transform:none}.dark .btn-primary{background:#0083e0;background:oklch(60% .2 250);box-shadow:0 2px 10px #0083e040,inset 0 1px #ffffff1a;box-shadow:0 2px 10px oklch(60% .2 250/.25),inset 0 1px #ffffff1a}.dark .btn-primary:hover{background:#0092f9;background:oklch(65% .2 250);box-shadow:0 4px 12px #0083e059,inset 0 1px #ffffff1a;box-shadow:0 4px 12px oklch(60% .2 250/.35),inset 0 1px #ffffff1a}.dark .btn-primary:disabled{box-shadow:none;background:#143c62}.btn-secondary{color:var(--color-accent-600);letter-spacing:-.01em;transition:all var(--transition-normal)var(--ease-out-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid oklch(55% .2 250/.2);border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600}.dark .btn-secondary{color:#c4cfdb;background:#ffffff14;border-color:#ffffff1f}.btn-secondary:hover{background:#0074c81a;background:oklch(55% .2 250/.1);border-color:#0074c84d;border-color:oklch(55% .2 250/.3)}.dark .btn-secondary:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.btn-secondary:active{background:#0074c826;background:oklch(55% .2 250/.15)}.btn-tertiary{color:var(--color-accent-600);letter-spacing:-.01em;background:0 0;border:none;border-radius:.625rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;transition:all .15s}.dark .btn-tertiary{color:var(--color-accent-400)}.btn-tertiary:hover{color:var(--color-accent-700);background:#0074c814;background:oklch(55% .2 250/.08)}.dark .btn-tertiary:hover{background:#0074c826;background:oklch(55% .2 250/.15)}.btn-ghost{color:var(--color-surface-700);letter-spacing:-.01em;background:0 0;border:none;border-radius:.625rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;transition:all .15s}.dark .btn-ghost{color:var(--color-surface-300)}.btn-ghost:hover{color:var(--color-surface-900);background:#0000000d}.dark .btn-ghost:hover{color:var(--color-surface-100);background:#ffffff14}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:#fff;letter-spacing:-.01em;transition:all var(--transition-normal)var(--ease-out-smooth);background:#d40924;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;box-shadow:0 2px 10px #d409244d,inset 0 1px #fff3}.btn-danger:hover{background:#bc001d;background:oklch(50% .24 25);transform:translateY(-1px);box-shadow:0 4px 12px #d4092466,inset 0 1px #fff3}.btn-danger:active{transform:translateY(0);box-shadow:0 1px 2px #d409244d}.btn-danger:disabled{box-shadow:none;cursor:not-allowed;background:#cc8b85;transform:none}.dark .btn-danger{background:#e62b34;box-shadow:0 2px 10px #e62b3440,inset 0 1px #ffffff1a}.dark .btn-danger:hover{background:#f94144;box-shadow:0 4px 12px #e62b3459,inset 0 1px #ffffff1a}.dark .btn-danger:disabled{box-shadow:none;background:#65201e}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes zoom-in-95{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes zoom-out-95{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes slide-in-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-to-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-in-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-out-to-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-to-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-in-from-top-2{0%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes slide-in-from-bottom-2{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}@keyframes slide-in-from-bottom-4{0%{transform:translateY(1rem)}to{transform:translateY(0)}}@keyframes slide-out-to-bottom-4{0%{transform:translateY(0)}to{transform:translateY(1rem)}}@keyframes slide-in-from-right-4{0%{transform:translate(1rem)}to{transform:translate(0)}}@keyframes slide-out-to-right-4{0%{transform:translate(0)}to{transform:translate(1rem)}}@keyframes slide-in-from-left-4{0%{transform:translate(-1rem)}to{transform:translate(0)}}@keyframes slide-out-to-left-4{0%{transform:translate(0)}to{transform:translate(-1rem)}}.animate-in{animation-duration:.3s;animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both}.animate-out{animation-duration:.2s;animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both}.fade-in{animation-name:fade-in}.fade-out{animation-name:fade-out}.zoom-in-95{animation-name:zoom-in-95}.zoom-out-95{animation-name:zoom-out-95}.slide-in-from-right{animation-name:slide-in-from-right}.slide-out-to-right{animation-name:slide-out-to-right}.slide-in-from-left{animation-name:slide-in-from-left}.slide-out-to-left{animation-name:slide-out-to-left}.slide-in-from-top-2{animation-name:slide-in-from-top-2}.slide-in-from-bottom{animation-name:slide-in-from-bottom}.slide-out-to-bottom{animation-name:slide-out-to-bottom}.slide-in-from-bottom-2{animation-name:slide-in-from-bottom-2}.slide-in-from-bottom-4{animation-name:slide-in-from-bottom-4}.slide-out-to-bottom-4{animation-name:slide-out-to-bottom-4}.slide-in-from-right-4{animation-name:slide-in-from-right-4}.slide-out-to-right-4{animation-name:slide-out-to-right-4}.slide-in-from-left-4{animation-name:slide-in-from-left-4}.slide-out-to-left-4{animation-name:slide-out-to-left-4}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.transition-smooth{transition:all var(--transition-slow)var(--ease-out-smooth)}.transition-spring{transition:all .4s cubic-bezier(.34,1.56,.64,1)}code[class*=language-],pre[class*=language-]{color:#132139;text-shadow:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;hyphens:none;direction:ltr;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875rem;line-height:1.6}.dark code[class*=language-],.dark pre[class*=language-]{color:#c4cfdb}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#4d667f;font-style:italic}.token.punctuation{color:#334a62}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#bb061e}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#006818;color:oklch(45% .18 145)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#925000;color:oklch(50% .15 60)}.token.atrule,.token.attr-value,.token.keyword{color:#4838bf}.token.function,.token.class-name{color:#007276;color:oklch(50% .18 200)}.token.regex,.token.important,.token.variable{color:#925000;color:oklch(50% .15 60)}.dark .token.comment,.dark .token.prolog,.dark .token.doctype,.dark .token.cdata{color:#5b646f;font-style:italic}.dark .token.punctuation{color:#8291a1}.dark .token.property,.dark .token.tag,.dark .token.boolean,.dark .token.number,.dark .token.constant,.dark .token.symbol,.dark .token.deleted{color:#ff847d}.dark .token.selector,.dark .token.attr-name,.dark .token.string,.dark .token.char,.dark .token.builtin,.dark .token.inserted{color:#5bb661}.dark .token.operator,.dark .token.entity,.dark .token.url,.dark .language-css .token.string,.dark .style .token.string{color:#dd9f6b}.dark .token.atrule,.dark .token.attr-value,.dark .token.keyword{color:#8d92f9}.dark .token.function,.dark .token.class-name{color:#2ac4cc}.dark .token.regex,.dark .token.important,.dark .token.variable{color:#eeae7b}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--color-surface-900);background-color:#fcfcfc;background-color:var(--color-surface-50);transition:background var(--theme-transition),background-color var(--theme-transition),color var(--theme-transition),border-color var(--theme-transition),box-shadow var(--theme-transition)}.dark body{color:var(--color-surface-100);background-color:#0f0f0f;background-color:var(--color-surface-950)}.focus-ring{outline:none}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px #0074c84d;box-shadow:0 0 0 3px oklch(55% .2 250/.3)}.scrollbar-thin::-webkit-scrollbar{width:.375rem;height:.375rem}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:#00000026 padding-box content-box;border:1px solid #0000;border-radius:62.5rem}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#00000040 padding-box content-box;border:1px solid #0000}.dark .scrollbar-thin::-webkit-scrollbar-thumb{background:#fff3}.dark .scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.bg-mesh{transition:background-color var(--theme-transition);background-color:#fcfcfc}.dark .bg-mesh{background-color:#0f0f0f}.bg-mesh:before{content:"";opacity:1;transition:opacity var(--theme-transition);pointer-events:none;background:radial-gradient(circle at 0 0,#bee4ff66,#0000 50%),radial-gradient(circle at 100% 0,#d7dbff4d,#0000 50%),radial-gradient(circle at 100% 100%,#f6ceff59,#0000 50%),radial-gradient(circle at 0 100%,#a3f5fa66,#0000 50%),linear-gradient(to bottom right,#f3faff,#e5f0fc);background:radial-gradient(circle at 0 0,color(xyz 0.658 0.739 1.299 / 0.4),#0000 50%),radial-gradient(circle at 100% 0,color(xyz 0.779 0.709 1.68 / 0.302),#0000 50%),radial-gradient(circle at 100% 100%,color(xyz 0.829 0.697 1.184 / 0.349),#0000 50%),radial-gradient(circle at 0 100%,#a3f5fa66,#0000 50%),linear-gradient(to bottom right,#f3faff,#e5f0fc);position:absolute;inset:0}.dark .bg-mesh:before{opacity:0}.bg-mesh:after{content:"";opacity:0;transition:opacity var(--theme-transition);pointer-events:none;background:radial-gradient(at 20% 0,#3c369580,#0000 50%),radial-gradient(at 80% 100%,#00444866,#0000 50%),radial-gradient(at 60%,#002f554d,#0000 40%),linear-gradient(#010309,#000104);background:radial-gradient(at 20% 0,#3c369580,#0000 50%),radial-gradient(at 80% 100%,color(xyz 0.022 0.049 0.102 / 0.4),#0000 50%),radial-gradient(at 60%,color(xyz 0.028 0.027 0.107 / 0.302),#0000 40%),linear-gradient(#010309,#000104);position:absolute;inset:0}.dark .bg-mesh:after{opacity:1}.noise-overlay:before{content:"";opacity:.03;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.dark .noise-overlay:before{opacity:.04}.pattern-dots{background-image:radial-gradient(#0000000d 1px,#0000 1px);background-size:20px 20px}.dark .pattern-dots{background-image:radial-gradient(#77818c08 0.06rem,#0000 0.06rem)}.divider-glass{background:linear-gradient(90deg,#0000,#00000014,#0000);height:1px}.dark .divider-glass{background:linear-gradient(90deg,#0000,#5b646f1a,#0000)}.pill{border-radius:9999px;padding:.5rem 1rem}.glow-sm{box-shadow:0 0 1.25rem -.3125rem #0083e040;box-shadow:0 0 1.25rem -.3125rem oklch(60% .18 250/.25)}.glow-md{box-shadow:0 0 2.1875rem -.5rem #0083e059;box-shadow:0 0 2.1875rem -.5rem oklch(60% .18 250/.35)}.transition-grid-rows{transition-property:grid-template-rows;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.slider-input{--slider-fill:0%;--slider-track-height:8px;--slider-thumb-size:16px;--slider-track-color:oklch(90% .01 260/.6);--slider-fill-color:oklch(55% .25 285);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--slider-thumb-size);background:0 0}.dark .slider-input{--slider-track-color:oklch(30% .02 260/.4);--slider-fill-color:oklch(65% .22 285)}.slider-input::-webkit-slider-runnable-track{height:var(--slider-track-height);background:linear-gradient(to right,var(--slider-fill-color)var(--slider-fill),var(--slider-track-color)var(--slider-fill));border-radius:9999px}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);cursor:pointer;transform:translateY(calc((var(--slider-track-height) - var(--slider-thumb-size))/2));background:#fff;border:1px solid oklch(0% 0 0/.08);border-radius:9999px;-webkit-transition:transform .1s,box-shadow .1s;transition:transform .1s,box-shadow .1s;box-shadow:0 2px 6px -1px #00000026,0 1px 3px -1px #0000001a}.slider-input::-webkit-slider-thumb:hover{transform:translateY(calc((var(--slider-track-height) - var(--slider-thumb-size))/2))scale(1.08);box-shadow:0 3px 8px -1px #0003,0 2px 4px -1px #0000001a}.slider-input::-webkit-slider-thumb:active{transform:translateY(calc((var(--slider-track-height) - var(--slider-thumb-size))/2))scale(.96)}.slider-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #0074c84d,0 2px 6px -1px #00000026;box-shadow:0 0 0 3px oklch(55% .2 250/.3),0 2px 6px -1px #00000026}.dark .slider-input::-webkit-slider-thumb{background:#eee;border-color:#ffffff1a}.slider-input::-moz-range-track{height:var(--slider-track-height);background:linear-gradient(to right,var(--slider-fill-color)var(--slider-fill),var(--slider-track-color)var(--slider-fill));border-radius:9999px}.slider-input::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);cursor:pointer;background:#fff;border:1px solid oklch(0% 0 0/.08);border-radius:9999px;-moz-transition:transform .1s,box-shadow .1s;transition:transform .1s,box-shadow .1s;box-shadow:0 2px 6px -1px #00000026,0 1px 3px -1px #0000001a}.slider-input::-moz-range-thumb:hover{transform:scale(1.08);box-shadow:0 3px 8px -1px #0003,0 2px 4px -1px #0000001a}.slider-input::-moz-range-thumb:active{transform:scale(.96)}.slider-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #0074c84d,0 2px 6px -1px #00000026;box-shadow:0 0 0 3px oklch(55% .2 250/.3),0 2px 6px -1px #00000026}.dark .slider-input::-moz-range-thumb{background:#eee;border-color:#ffffff1a}:root{--theme-transition:.4s ease;--ease-out-smooth:cubic-bezier(.25,.46,.45,.94);--transition-fast:.15s;--transition-normal:.2s;--transition-slow:.3s;--color-surface-50:oklch(99% .002 240);--color-surface-100:oklch(97% .004 240);--color-surface-200:oklch(92% .01 240);--color-surface-300:oklch(80% .02 240);--color-surface-400:oklch(60% .025 240);--color-surface-500:oklch(40% .03 240);--color-surface-600:oklch(30% .03 250);--color-surface-700:oklch(20% .03 260);--color-surface-800:oklch(15% .03 260);--color-surface-900:oklch(10% .03 260);--color-surface-950:oklch(5% .03 260)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glass-ui-solid",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "description": "iOS 26-inspired glassmorphism UI components for SolidJS",
   "author": "plawn",
   "license": "Apache-2.0",