@embarkai/ui-kit 0.4.72 → 0.4.73

package/dist/index.js

@@ -8459,7 +8459,7 @@ var init_onboarder = __esm({
     useOnboardingStore = create4((set) => ({
       elRect: { x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 },
       tooltip: { title: "", description: "" },
-      setStore: (tooltipStore) => set(tooltipStore),
+      setFrame: (tooltipStore) => set(tooltipStore),
       mountIntoNode: document.body,
       setMountIntoNode: (mountIntoNode) => set({ mountIntoNode })
     }));
@@ -8468,15 +8468,38 @@ var init_onboarder = __esm({
       tourPointer = 0;
       // index of the current step in the tour
       elements = /* @__PURE__ */ new Map();
-      resizeObserver = new ResizeObserver(([entry]) => {
-        const element = entry.target;
-        if (!element) {
-          console.warn("[ONBOARDER] No element provided to setOverlay");
-          return;
-        }
-        const { title, description } = this.tour[this.tourPointer];
-        const { x, y, width, height } = element.getBoundingClientRect();
-        useOnboardingStore.getState().setStore({ elRect: { x, y, width, height }, tooltip: { title, description } });
+      /** deferred DOM observer */
+      domObserverTimer = null;
+      domObserver = new MutationObserver(([domMutation]) => {
+        if (this.domObserverTimer) clearTimeout(this.domObserverTimer);
+        this.domObserverTimer = setTimeout(() => {
+          const { elId, title, description } = this.tour[this.tourPointer];
+          const elementRef = this.elements.get(elId)?.deref();
+          if (!elementRef) return;
+          const { x, y, width, height } = elementRef.getBoundingClientRect();
+          useOnboardingStore.getState().setFrame({ elRect: { x, y, width, height }, tooltip: { title, description } });
+        }, 200);
+      });
+      /** deferred resize observer */
+      resizeObserverTimer = null;
+      resizeObserver = new ResizeObserver((entries) => {
+        if (this.resizeObserverTimer) clearTimeout(this.resizeObserverTimer);
+        this.resizeObserverTimer = setTimeout(() => {
+          for (const entry of entries) {
+            const element = entry.target;
+            let frameData;
+            const { elId, title, description } = this.tour[this.tourPointer];
+            if (!element || element.nodeName === "BODY") {
+              const elementRef = this.elements.get(elId)?.deref();
+              const { x, y, width, height } = elementRef.getBoundingClientRect();
+              frameData = { elRect: { x, y, width, height }, tooltip: { title, description } };
+            } else {
+              const { x, y, width, height } = element.getBoundingClientRect();
+              frameData = { elRect: { x, y, width, height }, tooltip: { title, description } };
+            }
+            useOnboardingStore.getState().setFrame(frameData);
+          }
+        }, 200);
       });
       /** TOUR */
       startTour(tour) {
@@ -8486,18 +8509,23 @@ var init_onboarder = __esm({
         useLayoutDataStore.getInitialState().setIsOnboarding(true);
         useLayoutStore.getInitialState().setIsDialogForced(true);
         const startElRef = this.elements.get(tour[0].elId)?.deref();
+        this.domObserver.observe(startElRef, { childList: true, subtree: true });
         this.resizeObserver.observe(startElRef);
+        this.resizeObserver.observe(document.body);
       }
       endTour() {
         this.tour = null;
         this.tourPointer = 0;
+        this.domObserver.disconnect();
         this.resizeObserver.disconnect();
-        useOnboardingStore.getState().setStore({
+        useOnboardingStore.getState().setFrame({
           elRect: { x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 },
           tooltip: { title: "", description: "" }
         });
-        useLayoutDataStore.getInitialState().setIsOnboarding(false);
-        useLayoutStore.getInitialState().setIsDialogForced(false);
+        setTimeout(() => {
+          useLayoutDataStore.getInitialState().setIsOnboarding(false);
+          useLayoutStore.getInitialState().setIsDialogForced(false);
+        }, 200);
       }
       next() {
         if (!this.tour) return;
@@ -8505,12 +8533,17 @@ var init_onboarder = __esm({
         curStep?.onNext?.();
         if (this.tourPointer === this.tour.length - 1) return this.endTour();
         this.resizeObserver.disconnect();
+        this.domObserver.disconnect();
         setTimeout(() => {
           const nextStepPointer = this.tourPointer + 1;
           this.tourPointer = nextStepPointer;
           const nextStep = this.tour[nextStepPointer];
           const nextElRef = this.elements.get(nextStep.elId)?.deref();
-          if (!!nextElRef) this.resizeObserver.observe(nextElRef);
+          if (!!nextElRef) {
+            this.domObserver.observe(nextElRef, { childList: true, subtree: true });
+            this.resizeObserver.observe(nextElRef);
+            this.resizeObserver.observe(document.body);
+          }
         }, 200);
       }
       /**
@@ -8528,16 +8561,58 @@ var init_onboarder = __esm({
 });
 
 // src/internal/components/Onboarding/OnboardingOverlay.tsx
-import { ChevronRightIcon } from "lucide-react";
-import { useEffect as useEffect12 } from "react";
+import { ChevronRightIcon, LoaderIcon } from "lucide-react";
+import { useEffect as useEffect12, useRef as useRef9, useState as useState5 } from "react";
 import { createPortal } from "react-dom";
 import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+function getTooltipXPos(params) {
+  const { x, width, isMobileView, expandValue } = params;
+  const frameEndX = x + width + expandValue;
+  const frameWidth = isMobileView ? width : width + 2 * expandValue;
+  const ttWidth = Math.max(frameWidth, TOOLTIP_MIN_WIDTH);
+  const ttShiftX = isMobileView ? 0 : expandValue;
+  const ttEndX = x - ttShiftX + ttWidth;
+  const isTTOverflowsFrame = ttEndX > frameEndX;
+  const isTTOverflowsWindow = ttEndX > window.innerWidth;
+  if (isTTOverflowsWindow) {
+    return {
+      isOverflowX: true,
+      width: ttWidth,
+      x: x - (ttEndX - window.innerWidth) - EXPAND
+      // unstick tooltip from window right edge
+    };
+  }
+  if (isTTOverflowsFrame) {
+    return {
+      isOverflowX: true,
+      width: ttWidth,
+      x: x - ttShiftX - ttWidth / 2 + frameWidth / 2
+      // center tooltip over target element
+    };
+  }
+  return {
+    isOverflowX: isTTOverflowsFrame || isTTOverflowsWindow,
+    width: ttWidth,
+    x: x - ttShiftX
+  };
+}
+function getTooltipYPos(params) {
+  const { y, height, isMobileView, expandValue, ttCurrentHeight = 0 } = params;
+  let topPosY = y - expandValue * 2 - ttCurrentHeight;
+  const bottomPosY = y + height + expandValue;
+  return {
+    isOverflowY: topPosY < EXPAND,
+    y: isMobileView && topPosY >= EXPAND ? topPosY : bottomPosY
+    // topPosY >= EXPAND - unstick tooltip from window top edge
+  };
+}
 function OnboardingOverlay() {
   const { t } = useT();
   const page = useLayoutDataStore((st) => st.page);
   const isOnboarding = useLayoutDataStore((st) => st.isOnboarding);
   const isMobileView = useLayoutStore((st) => st.isMobileView);
   const colorMode = useLayoutStore((st) => st.colorMode);
+  const toolipElementRef = useRef9(null);
   const {
     elRect,
     tooltip,
@@ -8559,18 +8634,36 @@ function OnboardingOverlay() {
       setMountIntoNode(embarkUIContainer);
     }, 0);
   }, [page]);
-  if (!mountIntoNode) return null;
+  const [continueCountdown, setContinueCountdown] = useState5(null);
+  const expandValue = EXPAND * (isMobileView ? 0.5 : 1);
   const frame = {
-    x: elRect.x - EXPAND,
-    y: elRect.y - EXPAND,
-    width: elRect.width + 2 * EXPAND,
-    height: elRect.height + EXPAND * (isMobileView ? 2 : 3)
+    x: elRect.x - expandValue,
+    y: elRect.y - expandValue,
+    width: elRect.width + expandValue * 2,
+    height: elRect.height + expandValue * (isMobileView ? 2 : 3)
   };
   const tt = {
-    x: elRect.x - (isMobileView ? 0 : EXPAND),
-    y: isMobileView ? elRect.y - EXPAND - TOOLTIP_OFFSET : elRect.y + elRect.height + EXPAND,
-    width: isMobileView ? elRect.width : elRect.width + 2 * EXPAND
+    ...getTooltipXPos({ ...elRect, isMobileView, expandValue }),
+    ...getTooltipYPos({ ...elRect, isMobileView, expandValue, ttCurrentHeight: toolipElementRef.current?.clientHeight })
+    // y: isMobileView
+    //   ? elRect.y - expandValue * 2 - toolipElementRef.current?.clientHeight
+    //   : elRect.y + elRect.height + expandValue
   };
+  useEffect12(() => {
+    setContinueCountdown(NEXT_COUNTDOWN);
+    const countdownInterval = setInterval(() => {
+      setContinueCountdown((prev) => {
+        if (prev === null) return null;
+        if (prev <= 1) {
+          clearInterval(countdownInterval);
+          return null;
+        }
+        return prev - 1;
+      });
+    }, 1e3);
+    return () => clearInterval(countdownInterval);
+  }, [tooltip.title]);
+  if (!mountIntoNode) return null;
   return createPortal(
     /* @__PURE__ */ jsxs17(
       "div",
@@ -8622,6 +8715,7 @@ function OnboardingOverlay() {
           isOnboarding && /* @__PURE__ */ jsxs17(
             "div",
             {
+              ref: toolipElementRef,
               className: cn(
                 "absolute flex flex-col gap-1 p-[var(--ui-kit-pd)]",
                 "text-center text-sm",
@@ -8629,11 +8723,12 @@ function OnboardingOverlay() {
                 ""
               ),
               style: {
-                transition: "top 0.3s ease",
                 width: tt.width,
-                top: tt.y,
-                left: tt.x,
-                borderRadius: isMobileView ? "var(--ui-kit-bdrs)" : "0 0 var(--ui-kit-bdrs) var(--ui-kit-bdrs)"
+                top: 0,
+                left: 0,
+                transition: "transform 0.3s ease, width 0.3s ease",
+                transform: `translate(${tt.x}px, ${tt.y}px)`,
+                borderRadius: isMobileView || tt.isOverflowX ? "var(--ui-kit-bdrs)" : "0 0 var(--ui-kit-bdrs) var(--ui-kit-bdrs)"
               },
               children: [
                 /* @__PURE__ */ jsx21("p", { className: " font-bold", children: tooltip.title }),
@@ -8645,9 +8740,12 @@ function OnboardingOverlay() {
                     size: "medium",
                     className: "w-full",
                     onClick: () => onboarder.next(),
+                    disabled: continueCountdown !== null,
                     children: [
-                      /* @__PURE__ */ jsx21(ChevronRightIcon, { className: "h-4 w-4" }),
-                      String(t("passport:common.continue")).toUpperCase()
+                      continueCountdown !== null ? /* @__PURE__ */ jsx21(LoaderIcon, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx21(ChevronRightIcon, { className: "h-4 w-4" }),
+                      String(t("passport:common.next")).toUpperCase(),
+                      " ",
+                      continueCountdown !== null && continueCountdown
                     ]
                   }
                 )
@@ -8661,7 +8759,7 @@ function OnboardingOverlay() {
     mountIntoNode
   );
 }
-var EXPAND, TOOLTIP_OFFSET;
+var EXPAND, NEXT_COUNTDOWN, TOOLTIP_MIN_WIDTH;
 var init_OnboardingOverlay = __esm({
   "src/internal/components/Onboarding/OnboardingOverlay.tsx"() {
     init_i18n();
@@ -8670,8 +8768,9 @@ var init_OnboardingOverlay = __esm({
     init_utils2();
     init_button();
     init_onboarder();
-    EXPAND = 24;
-    TOOLTIP_OFFSET = 96;
+    EXPAND = 16;
+    NEXT_COUNTDOWN = 4;
+    TOOLTIP_MIN_WIDTH = 256;
   }
 });
 
@@ -8684,7 +8783,7 @@ var init_Onboarding = __esm({
 });
 
 // src/internal/components/ui/switch.tsx
-import { forwardRef as forwardRef3, useState as useState5 } from "react";
+import { forwardRef as forwardRef3, useState as useState6 } from "react";
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var Switch;
 var init_switch = __esm({
@@ -8694,7 +8793,7 @@ var init_switch = __esm({
     Switch = forwardRef3((props, ref) => {
       const { className, labels, ...inputProps } = props;
       const colorMode = useLayoutStore((st) => st.colorMode);
-      const [labelW, setLabelW] = useState5(0);
+      const [labelW, setLabelW] = useState6(0);
       return /* @__PURE__ */ jsx22(
         "div",
         {
@@ -9272,7 +9371,7 @@ var init_useBuyMenuStore = __esm({
 // src/internal/components/BuyMenu/components/CryptoSelector.tsx
 import { debounce as debounce2, toPairs } from "lodash-es";
 import { InfoIcon, PointerIcon, SearchIcon } from "lucide-react";
-import { useCallback as useCallback10, useMemo as useMemo2, useState as useState6 } from "react";
+import { useCallback as useCallback10, useMemo as useMemo2, useState as useState7 } from "react";
 import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 function CryptoItem(props) {
   const { symbol, network } = props;
@@ -9310,8 +9409,8 @@ function CryptoSelector(props) {
   const { coins } = props;
   const { t } = useT();
   const chainConfig = useSession((st) => st.chainConfig);
-  const [searchValue, setSearchValue] = useState6("");
-  const [target, setTarget] = useState6("");
+  const [searchValue, setSearchValue] = useState7("");
+  const [target, setTarget] = useState7("");
   const setSearchDebounced = useCallback10(
     debounce2((value) => {
       setTarget(value);
@@ -9497,7 +9596,7 @@ var init_ResolvedFiatIcon = __esm({
 // src/internal/components/BuyMenu/components/FiatSelector.tsx
 import { debounce as debounce3 } from "lodash-es";
 import { PointerIcon as PointerIcon2, SearchIcon as SearchIcon2 } from "lucide-react";
-import { useCallback as useCallback11, useMemo as useMemo3, useState as useState7 } from "react";
+import { useCallback as useCallback11, useMemo as useMemo3, useState as useState8 } from "react";
 import { Fragment as Fragment9, jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 function getCurrencyName(ticker, locale = "en") {
   try {
@@ -9535,8 +9634,8 @@ function FiatSelector(props) {
   const { fiats } = props;
   const { t, i18n } = useT();
   const locale = i18n.resolvedLanguage || "en";
-  const [searchValue, setSearchValue] = useState7("");
-  const [target, setTarget] = useState7("");
+  const [searchValue, setSearchValue] = useState8("");
+  const [target, setTarget] = useState8("");
   const setSearchDebounced = useCallback11(
     debounce3((value) => {
       setTarget(value);
@@ -9725,7 +9824,6 @@ var init_components = __esm({
 var BUY_MENU_BINANCE_TOUR;
 var init_onboarding_setup = __esm({
   "src/internal/components/BuyMenu/onboarding.setup.ts"() {
-    init_useLayoutDataStore();
     init_useBinanceStore();
     init_useBuyMenuStore();
     BUY_MENU_BINANCE_TOUR = [
@@ -9768,9 +9866,15 @@ var init_onboarding_setup = __esm({
         description: "Review the details of your purchase before confirming.",
         onNext: () => {
           useBuyMenuStore.getState().setIsProviderSummary(false);
-          useLayoutDataStore.getState().setPage("buy" /* BUY */);
           useBinanceStore.getState().setQuoteData(null);
         }
+      },
+      {
+        elId: "buymenu-tour-button" /* tourButton */,
+        title: "Tour Button",
+        description: 'Tours are available under the "Info" buttons of embarkAI menus. Click to have menu tour',
+        onNext: () => {
+        }
       }
     ];
   }
@@ -9904,7 +10008,7 @@ var init_config = __esm({
 
 // src/internal/components/BuyMenu/binance/BinanceSummary.tsx
 import { useMutation as useMutation5, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
-import { InfoIcon as InfoIcon3, LoaderIcon } from "lucide-react";
+import { InfoIcon as InfoIcon3, LoaderIcon as LoaderIcon2 } from "lucide-react";
 import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
 function BinanceSummary(props) {
   const { payment } = props;
@@ -10024,7 +10128,7 @@ function BinanceSummary(props) {
             variant: "default",
             onClick: () => checkoutFundWalletOrder(),
             children: [
-              redirecting && /* @__PURE__ */ jsx38(LoaderIcon, { size: 16, className: "animate-spin" }),
+              redirecting && /* @__PURE__ */ jsx38(LoaderIcon2, { size: 16, className: "animate-spin" }),
               /* @__PURE__ */ jsx38("span", { children: redirecting ? "REDIRECTING..." : String(t("passport:buyMenu.actions.confirmPurchase")).toUpperCase() }),
               !!quoteData?.totalAmount && /* @__PURE__ */ jsxs33("strong", { children: [
                 formatPrice(Number(quoteData.totalAmount)),
@@ -10230,7 +10334,7 @@ var init_statuses = __esm({
 import { useInfiniteQuery } from "@tanstack/react-query";
 import dayjs from "dayjs";
 import { debounce as debounce4 } from "lodash-es";
-import { DownloadIcon, ExternalLinkIcon, LoaderIcon as LoaderIcon2 } from "lucide-react";
+import { DownloadIcon, ExternalLinkIcon, LoaderIcon as LoaderIcon3 } from "lucide-react";
 import { useCallback as useCallback12, useEffect as useEffect14, useMemo as useMemo4 } from "react";
 import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
 function getStatusVariant(status) {
@@ -10380,7 +10484,7 @@ function BinanceTxHistory() {
     return /* @__PURE__ */ jsx40(Highlight, { children: t("passport:buyMenu.noItems.noTransactions") });
   }
   return /* @__PURE__ */ jsxs34("div", { className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
-    isTxDataLoading ? /* @__PURE__ */ jsx40("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx40(LoaderIcon2, { className: "w-4 h-4 animate-spin" }) }) : txList.map((tx) => /* @__PURE__ */ jsx40(BinanceTxHistoryItem, { ...tx }, tx.id)),
+    isTxDataLoading ? /* @__PURE__ */ jsx40("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx40(LoaderIcon3, { className: "w-4 h-4 animate-spin" }) }) : txList.map((tx) => /* @__PURE__ */ jsx40(BinanceTxHistoryItem, { ...tx }, tx.id)),
     hasNextPage && /* @__PURE__ */ jsxs34(
       Button,
       {
@@ -10390,7 +10494,7 @@ function BinanceTxHistory() {
         className: "w-full",
         onClick: () => fetchNextPage(),
         children: [
-          isTxDataFetching ? /* @__PURE__ */ jsx40(LoaderIcon2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx40(DownloadIcon, { className: "w-4 h-4" }),
+          isTxDataFetching ? /* @__PURE__ */ jsx40(LoaderIcon3, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx40(DownloadIcon, { className: "w-4 h-4" }),
           t("passport:common.loadMore")
         ]
       }
@@ -10419,10 +10523,10 @@ var init_BinanceTxHistory = __esm({
 
 // src/internal/components/BuyMenu/binance/useBinanceSseTracing.ts
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
-import { useEffect as useEffect15, useRef as useRef9 } from "react";
+import { useEffect as useEffect15, useRef as useRef10 } from "react";
 function useBinanceSseTxTracing(walletAddress) {
   const qc = useQueryClient4();
-  const debounceRef = useRef9(null);
+  const debounceRef = useRef10(null);
   useEffect15(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
@@ -10464,7 +10568,7 @@ var init_utils6 = __esm({
 
 // src/internal/components/BuyMenu/binance/Binance.tsx
 import { useMutation as useMutation6, useQuery as useQuery3, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
-import { LoaderIcon as LoaderIcon3 } from "lucide-react";
+import { LoaderIcon as LoaderIcon4 } from "lucide-react";
 import { useEffect as useEffect16 } from "react";
 import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
 function Binance() {
@@ -10680,7 +10784,7 @@ function Binance() {
             variant: "default",
             onClick: () => estimateQuote(),
             children: [
-              (isDataLoading || srcInputAmount < fiatMinimum) && /* @__PURE__ */ jsx41(LoaderIcon3, { className: "w-4 h-4 animate-spin" }),
+              (isDataLoading || srcInputAmount < fiatMinimum) && /* @__PURE__ */ jsx41(LoaderIcon4, { className: "w-4 h-4 animate-spin" }),
               !isPaymentModesLoading && !isQuoteEstimating && srcInputAmount < fiatMinimum && /* @__PURE__ */ jsx41("span", { children: String(t("passport:buyMenu.actions.limitsCheck")).toUpperCase() }),
               !isPaymentModesLoading && !isQuoteEstimating && srcInputAmount >= fiatMinimum && /* @__PURE__ */ jsx41("span", { children: String(
                 isDataLoading ? t("passport:common.loading") : t("passport:buyMenu.actions.estimateFees")
@@ -10896,8 +11000,8 @@ var init_FinchPaySummary = __esm({
 // src/internal/components/BuyMenu/finchpay/FinchPayTxHistory.tsx
 import { useInfiniteQuery as useInfiniteQuery2 } from "@tanstack/react-query";
 import dayjs2 from "dayjs";
-import { LoaderIcon as LoaderIcon4 } from "lucide-react";
-import { useCallback as useCallback13, useState as useState8 } from "react";
+import { LoaderIcon as LoaderIcon5 } from "lucide-react";
+import { useCallback as useCallback13, useState as useState9 } from "react";
 import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
 function getStatusVariant2(status) {
   switch (status) {
@@ -10977,7 +11081,7 @@ function FinchPayTxHistoryItem(props) {
 function FinchPayTxHistory() {
   const { t } = useT();
   const walletAddress = useSession((st) => st.address);
-  const [cursor, setCursor] = useState8(1);
+  const [cursor, setCursor] = useState9(1);
   const {
     data: txData,
     isLoading: isTxDataLoading,
@@ -11014,7 +11118,7 @@ function FinchPayTxHistory() {
     [fetchNextPage]
   );
   if (isTxDataLoading) {
-    return /* @__PURE__ */ jsx43("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx43(LoaderIcon4, { className: "w-4 h-4 animate-spin" }) });
+    return /* @__PURE__ */ jsx43("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx43(LoaderIcon5, { className: "w-4 h-4 animate-spin" }) });
   }
   if (!isTxDataLoading && txList.length === 0) {
     return /* @__PURE__ */ jsx43(Highlight, { children: t("passport:buyMenu.noItems.noTransactions") });
@@ -11046,7 +11150,7 @@ function FinchPayTxHistory() {
           }
         )
       ] }),
-      isTxDataFetching ? /* @__PURE__ */ jsx43(LoaderIcon4, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsxs37("span", { className: "text-xs leading-4 text-[var(--ui-kit-fg-muted)]", children: [
+      isTxDataFetching ? /* @__PURE__ */ jsx43(LoaderIcon5, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsxs37("span", { className: "text-xs leading-4 text-[var(--ui-kit-fg-muted)]", children: [
         cursor,
         " / ",
         pageCount
@@ -11084,10 +11188,10 @@ var init_networks = __esm({
 
 // src/internal/components/BuyMenu/finchpay/useFinchpaySseTxTracing.ts
 import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
-import { useEffect as useEffect17, useRef as useRef10 } from "react";
+import { useEffect as useEffect17, useRef as useRef11 } from "react";
 function useFinchpaySseTxTracing(walletAddress) {
   const qc = useQueryClient6();
-  const debounceRef = useRef10(null);
+  const debounceRef = useRef11(null);
   useEffect17(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
@@ -11136,7 +11240,7 @@ var init_utils7 = __esm({
 
 // src/internal/components/BuyMenu/finchpay/FinchPay.tsx
 import { useQuery as useQuery4, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
-import { DollarSign, LoaderIcon as LoaderIcon5 } from "lucide-react";
+import { DollarSign, LoaderIcon as LoaderIcon6 } from "lucide-react";
 import { useEffect as useEffect18 } from "react";
 import { Fragment as Fragment12, jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
 function FinchPay() {
@@ -11371,7 +11475,7 @@ function FinchPay() {
         variant: "default",
         onClick: () => useBuyMenuStore.getState().setIsProviderSummary(true),
         children: [
-          isFinchpayDataLoading && /* @__PURE__ */ jsx44(LoaderIcon5, { className: "w-4 h-4 animate-spin" }),
+          isFinchpayDataLoading && /* @__PURE__ */ jsx44(LoaderIcon6, { className: "w-4 h-4 animate-spin" }),
           /* @__PURE__ */ jsx44("span", { children: String(t("passport:common.confirm")).toUpperCase() }),
           estimateData?.to_amount && /* @__PURE__ */ jsxs38("span", { children: [
             formatPrice(Number(estimateData.to_amount)),
@@ -11515,7 +11619,7 @@ var init_ProviderSelector = __esm({
 });
 
 // src/internal/components/BuyMenu/useHandleInputAmount.ts
-import { useEffect as useEffect19, useRef as useRef11 } from "react";
+import { useEffect as useEffect19, useRef as useRef12 } from "react";
 var ON_INPUT_QUERY_DELAY, useHandleInputAmount;
 var init_useHandleInputAmount = __esm({
   "src/internal/components/BuyMenu/useHandleInputAmount.ts"() {
@@ -11523,11 +11627,11 @@ var init_useHandleInputAmount = __esm({
     init_useBuyMenuStore();
     ON_INPUT_QUERY_DELAY = 1500;
     useHandleInputAmount = () => {
-      const lastRampProviderRef = useRef11(DEFAULT_PROVIDER2);
+      const lastRampProviderRef = useRef12(DEFAULT_PROVIDER2);
       const rampProvider = useBuyMenuStore((st) => st.rampProvider);
       const srcInputAmount = useBuyMenuStore((st) => st.srcInputAmount);
       const minAmount = useBuyMenuStore((st) => st.minAmount);
-      const queryAmountTimer = useRef11(null);
+      const queryAmountTimer = useRef12(null);
       useEffect19(() => {
         if (queryAmountTimer.current) clearTimeout(queryAmountTimer.current);
         queryAmountTimer.current = setTimeout(() => {
@@ -11642,6 +11746,7 @@ function BuyMenu() {
             showProviderTrigger && /* @__PURE__ */ jsx46(
               Button,
               {
+                ref: (inst) => onboarder.registerElement("buymenu-tour-button" /* tourButton */, inst),
                 variant: "ghost",
                 size: "icon",
                 className: "flex-none",
@@ -12064,13 +12169,13 @@ import { PAYMASTER_CACHE_TTL_MS } from "@embarkai/core";
 import { getChainConfig as getChainConfig8, SUPPORTED_MAINNETS as SUPPORTED_MAINNETS2 } from "@embarkai/core/read";
 import { useQuery as useQuery5 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft4 } from "lucide-react";
-import { useMemo as useMemo5, useState as useState9 } from "react";
+import { useMemo as useMemo5, useState as useState10 } from "react";
 import { jsx as jsx54, jsxs as jsxs48 } from "react/jsx-runtime";
 function ChainsMenu() {
   const config = useProviderConfig().config;
   const activeChainId = useSession((st) => st.activeChainId);
-  const [isTestnets, setIsTestnets] = useState9(false);
-  const [nextChainId, setNextChainId] = useState9(null);
+  const [isTestnets, setIsTestnets] = useState10(false);
+  const [nextChainId, setNextChainId] = useState10(null);
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const visibleNetworks = useMemo5(() => {
@@ -12319,7 +12424,7 @@ var init_devices = __esm({
 });
 
 // src/internal/components/DevicesMenu/DeviceLinkScreen.tsx
-import { useState as useState10 } from "react";
+import { useState as useState11 } from "react";
 import { ArrowLeft as ArrowLeft6, Loader2 as Loader22 } from "lucide-react";
 import { jsx as jsx56, jsxs as jsxs50 } from "react/jsx-runtime";
 function getErrorMessage(err) {
@@ -12341,8 +12446,8 @@ function DeviceLinkScreen() {
   const setPage = useLayoutDataStore((s) => s.setPage);
   const maxScrollHeight = useLayoutStore((s) => s.maxScrollHeight);
   const { mutate: link, isPending } = useLinkDevice();
-  const [code, setCode] = useState10("");
-  const [error, setError] = useState10(null);
+  const [code, setCode] = useState11("");
+  const [error, setError] = useState11(null);
   const isValid = code.length === 6 && VALID_CHARS.test(code);
   function handleCodeChange(value) {
     const upper = value.toUpperCase().slice(0, 6);
@@ -12931,7 +13036,7 @@ var init_guardian_backup = __esm({
 });
 
 // src/internal/components/DevicesMenu/DeviceManageScreen.tsx
-import { useCallback as useCallback14, useEffect as useEffect20, useRef as useRef12, useState as useState11 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect20, useRef as useRef13, useState as useState12 } from "react";
 import { ArrowLeft as ArrowLeft7, Cpu, Download, HardDrive, Loader2 as Loader23, Trash2, Upload } from "lucide-react";
 import { Fragment as Fragment15, jsx as jsx57, jsxs as jsxs51 } from "react/jsx-runtime";
 function formatSize(bytes) {
@@ -12946,13 +13051,13 @@ function DeviceManageScreen() {
   const userId = session?.mpcUserId || "";
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const guardianRef = useRef12(null);
-  const [screen, setScreen] = useState11({ step: "connecting" });
-  const [actionState, setActionState] = useState11(null);
-  const [password, setPassword] = useState11("");
-  const [statusMessage, setStatusMessage] = useState11(null);
-  const [errorMessage, setErrorMessage] = useState11(null);
-  const [waitingConfirm, setWaitingConfirm] = useState11(false);
+  const guardianRef = useRef13(null);
+  const [screen, setScreen] = useState12({ step: "connecting" });
+  const [actionState, setActionState] = useState12(null);
+  const [password, setPassword] = useState12("");
+  const [statusMessage, setStatusMessage] = useState12(null);
+  const [errorMessage, setErrorMessage] = useState12(null);
+  const [waitingConfirm, setWaitingConfirm] = useState12(false);
   useEffect20(() => {
     if (!statusMessage) return;
     const t = setTimeout(() => setStatusMessage(null), 3e3);
@@ -13223,7 +13328,7 @@ var init_DeviceManageScreen = __esm({
 });
 
 // src/internal/components/DevicesMenu/DeviceRestoreScreen.tsx
-import { useCallback as useCallback15, useState as useState12 } from "react";
+import { useCallback as useCallback15, useState as useState13 } from "react";
 import { AlertTriangle as AlertTriangle3, ArrowLeft as ArrowLeft8, Download as Download2, Loader2 as Loader24 } from "lucide-react";
 import { Fragment as Fragment16, jsx as jsx58, jsxs as jsxs52 } from "react/jsx-runtime";
 function DeviceRestoreScreen() {
@@ -13235,10 +13340,10 @@ function DeviceRestoreScreen() {
   const keyshareId = pageParams?.keyshareId;
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const [password, setPassword] = useState12("");
-  const [isWorking, setIsWorking] = useState12(false);
-  const [statusMessage, setStatusMessage] = useState12(null);
-  const [errorMessage, setErrorMessage] = useState12(null);
+  const [password, setPassword] = useState13("");
+  const [isWorking, setIsWorking] = useState13(false);
+  const [statusMessage, setStatusMessage] = useState13(null);
+  const [errorMessage, setErrorMessage] = useState13(null);
   const handleRestore = useCallback15(async () => {
     if (!password || !keyshareId || !userId) return;
     const iframe4 = getIframeManager();
@@ -13339,7 +13444,7 @@ var init_DeviceRestoreScreen = __esm({
 });
 
 // src/internal/components/DevicesMenu/DevicesMenu.tsx
-import { useState as useState13 } from "react";
+import { useState as useState14 } from "react";
 import { ArrowLeft as ArrowLeft9, Cpu as Cpu2, Monitor, CheckCircle, Trash2 as Trash22, Loader2 as Loader25, RefreshCw, HardDrive as HardDrive2 } from "lucide-react";
 import { jsx as jsx59, jsxs as jsxs53 } from "react/jsx-runtime";
 function DeviceIcon({ deviceType }) {
@@ -13351,8 +13456,8 @@ function truncateAddress(address) {
   return `${address.slice(0, 6)}...${address.slice(-4)}`;
 }
 function DeviceRow({ device }) {
-  const [confirmingUnlink, setConfirmingUnlink] = useState13(false);
-  const [unlinkError, setUnlinkError] = useState13(null);
+  const [confirmingUnlink, setConfirmingUnlink] = useState14(false);
+  const [unlinkError, setUnlinkError] = useState14(null);
   const { mutate: unlink, isPending } = useUnlinkDevice();
   if (confirmingUnlink) {
     return /* @__PURE__ */ jsxs53("div", { className: "flex flex-col gap-2 p-3 rounded-lg bg-[var(--ui-kit-bg)]", children: [
@@ -14526,7 +14631,7 @@ var init_MethodSelector = __esm({
 
 // src/internal/components/KeyshareRestoreMenu/components/PasswordPasskey.tsx
 import { ChevronRight as ChevronRight2, Eye, EyeOff, Info as Info3, Key as Key4, Loader as Loader8, Plus } from "lucide-react";
-import { useEffect as useEffect23, useRef as useRef13 } from "react";
+import { useEffect as useEffect23, useRef as useRef14 } from "react";
 import { Fragment as Fragment18, jsx as jsx61, jsxs as jsxs55 } from "react/jsx-runtime";
 function PasswordPasskey(props) {
   const { t } = useT();
@@ -14541,7 +14646,7 @@ function PasswordPasskey(props) {
     onCreatePasskey
   } = props;
   const hasServerVault = useSession((st) => st.hasServerVault);
-  const actionRef = useRef13(null);
+  const actionRef = useRef14(null);
   const {
     showPassword,
     restorePassword,
@@ -15173,7 +15278,7 @@ var init_Cloud = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/methods/Guardian.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 import { Cpu as Cpu4, Loader2 as Loader26 } from "lucide-react";
 import { Fragment as Fragment23, jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
 function Guardian(props) {
@@ -15182,8 +15287,8 @@ function Guardian(props) {
   const session = useSession((st) => st.session);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const { onRestoreSuccess } = useOnRestoreSuccess();
-  const [isWorking, setIsWorking] = useState15(false);
-  const [step, setStep] = useState15("idle");
+  const [isWorking, setIsWorking] = useState16(false);
+  const [step, setStep] = useState16("idle");
   const handleGuardianBackup = async () => {
     if (!restorePassword) {
       setError("Please enter a password");
@@ -15876,15 +15981,15 @@ var init_SumsubIframeManager = __esm({
 });
 
 // src/internal/components/KYC/useSumsubIframe.ts
-import { useEffect as useEffect29, useRef as useRef14, useState as useState16 } from "react";
+import { useEffect as useEffect29, useRef as useRef15, useState as useState17 } from "react";
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
-  const iframeRef = useRef14(null);
-  const [isLoading, setIsLoading] = useState16(true);
-  const [error, setError] = useState16(null);
-  const [height, setHeight] = useState16(0);
-  const [status, setStatus] = useState16("");
+  const iframeRef = useRef15(null);
+  const [isLoading, setIsLoading] = useState17(true);
+  const [error, setError] = useState17(null);
+  const [height, setHeight] = useState17(0);
+  const [status, setStatus] = useState17("");
   const levelName = config.current?.kyc?.options?.levelName;
   useEffect29(() => {
     setError(null);
@@ -15937,7 +16042,7 @@ var init_useSumsubIframe = __esm({
 });
 
 // src/internal/components/KYC/SumsubIframe.tsx
-import { LoaderIcon as LoaderIcon6 } from "lucide-react";
+import { LoaderIcon as LoaderIcon7 } from "lucide-react";
 import { Fragment as Fragment26, jsx as jsx70, jsxs as jsxs64 } from "react/jsx-runtime";
 var SumsubIframe;
 var init_SumsubIframe = __esm({
@@ -15950,7 +16055,7 @@ var init_SumsubIframe = __esm({
       const { iframeRef, isLoading, error, height, status } = useSumsubIframe({ iframeUrl });
       return /* @__PURE__ */ jsxs64(Fragment26, { children: [
         isLoading && /* @__PURE__ */ jsxs64("div", { className: "rounded-[10px] p-6 text-center", children: [
-          /* @__PURE__ */ jsx70(LoaderIcon6, { className: "w-4 h-4 animate-spin mx-auto" }),
+          /* @__PURE__ */ jsx70(LoaderIcon7, { className: "w-4 h-4 animate-spin mx-auto" }),
           /* @__PURE__ */ jsx70("p", { className: "text-sm text-[var(--ui-kit-text-secondary)] mt-2", children: status || "Loading KYC verification..." })
         ] }),
         error && /* @__PURE__ */ jsx70("div", { className: "rounded-[10px] p-4 text-center bg-[var(--ui-kit-bg-error)] border border-[var(--ui-kit-error)]", children: /* @__PURE__ */ jsx70("div", { className: "text-sm text-[var(--ui-kit-error)]", children: error }) }),
@@ -16919,7 +17024,7 @@ var init_telegram2 = __esm({
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts
 import { useQueryClient as useQueryClient16 } from "@tanstack/react-query";
-import { useCallback as useCallback20, useEffect as useEffect32, useState as useState17 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect32, useState as useState18 } from "react";
 function useLinkTelegram() {
   const {
     config: { current: config },
@@ -16977,7 +17082,7 @@ function useLinkTelegram() {
       setLinkIsLoading(false);
     }
   }, [config.social?.providers]);
-  const [telegramLinkStarted, setTelegramLinkStarted] = useState17(false);
+  const [telegramLinkStarted, setTelegramLinkStarted] = useState18(false);
   useEffect32(() => {
     console.log("[useLinkTelegram] Effect triggered:", {
       providerType,
@@ -17298,7 +17403,7 @@ var init_ManageWallet = __esm({
 // src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx
 import { useMutation as useMutation15, useQueryClient as useQueryClient17 } from "@tanstack/react-query";
 import { Key as Key6, Loader as Loader14 } from "lucide-react";
-import { useState as useState18 } from "react";
+import { useState as useState19 } from "react";
 import { useDisconnect as useDisconnect2 } from "wagmi";
 import { jsx as jsx80, jsxs as jsxs74 } from "react/jsx-runtime";
 function UnlinkProviderMenu() {
@@ -17310,7 +17415,7 @@ function UnlinkProviderMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { confirmUnlink, setConfirmUnlink, setAlert } = useManageWalletStore();
-  const [confirmInput, setConfirmInput] = useState18("");
+  const [confirmInput, setConfirmInput] = useState19("");
   const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = useMutation15({
     mutationFn: async () => {
       if (!confirmUnlink) {
@@ -17570,8 +17675,8 @@ var init_useNicknameAvailability = __esm({
 
 // src/internal/components/NicknameMenu/NicknameEditForm.tsx
 import { useMutation as useMutation17, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
-import { AtSignIcon, CheckIcon as CheckIcon2, CopyIcon, LoaderIcon as LoaderIcon7, SaveIcon } from "lucide-react";
-import { useCallback as useCallback22, useState as useState19 } from "react";
+import { AtSignIcon, CheckIcon as CheckIcon2, CopyIcon, LoaderIcon as LoaderIcon8, SaveIcon } from "lucide-react";
+import { useCallback as useCallback22, useState as useState20 } from "react";
 import { Fragment as Fragment29, jsx as jsx81, jsxs as jsxs75 } from "react/jsx-runtime";
 function NicknameEditForm(props) {
   const { isInitialUser, nicknameInfo } = props;
@@ -17584,7 +17689,7 @@ function NicknameEditForm(props) {
   const nicknameValue = useNicknameStore((st) => st.nicknameValue);
   const nicknameAvailability = useNicknameStore((st) => st.availability);
   const { isCheckingAvailability } = useNicknameAvailability(nicknameInfo ? nicknameInfo.handle : "");
-  const [isNicknameCopied, setIsNicknameCopied] = useState19(false);
+  const [isNicknameCopied, setIsNicknameCopied] = useState20(false);
   const {
     mutate: changeNickname2,
     isError: isNicknameChangeError,
@@ -17677,7 +17782,7 @@ function NicknameEditForm(props) {
           className: cn("w-12", {
             "bg-[var(--ui-kit-bg-success)] text-[var(--ui-kit-success)]": isNicknameAvailalable
           }),
-          children: isCheckingAvailability || isNicknameChanging ? /* @__PURE__ */ jsx81(LoaderIcon7, { className: "w-4 h-4 animate-spin" }) : isNicknameChangeSuccess ? /* @__PURE__ */ jsx81(CheckIcon2, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx81(SaveIcon, { className: "w-4 h-4" })
+          children: isCheckingAvailability || isNicknameChanging ? /* @__PURE__ */ jsx81(LoaderIcon8, { className: "w-4 h-4 animate-spin" }) : isNicknameChangeSuccess ? /* @__PURE__ */ jsx81(CheckIcon2, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx81(SaveIcon, { className: "w-4 h-4" })
         }
       )
     ] }) }) : /* @__PURE__ */ jsxs75("div", { className: "w-full flex items-center justify-between px-[var(--ui-kit-pd)] h-12 bg-[var(--ui-kit-secondary)] rounded-[var(--ui-kit-el-bdrs)]", children: [
@@ -18168,7 +18273,7 @@ var init_utils8 = __esm({
 // src/internal/hooks/useBlockscoutAssets/useBlockscoutAssets.ts
 import { createBlockscoutClient as createBlockscoutClient2, nonBlockscoutClient } from "@embarkai/core";
 import { useQuery as useQuery16, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
-import { useCallback as useCallback23, useMemo as useMemo10, useRef as useRef15 } from "react";
+import { useCallback as useCallback23, useMemo as useMemo10, useRef as useRef16 } from "react";
 function useBlockscoutAssets(options) {
   const { address, chainId, enabled = true, detectSecurityTokens = true } = options;
   const qc = useQueryClient19();
@@ -18183,7 +18288,7 @@ function useBlockscoutAssets(options) {
     () => blockscoutApiUrl ? createBlockscoutClient2({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
-  const lastRefreshRef = useRef15(0);
+  const lastRefreshRef = useRef16(0);
   const {
     data: watchTokenAssets = [],
     isLoading: watchTokensLoading,
@@ -18535,7 +18640,7 @@ var init_BalanceView2 = __esm({
 
 // src/internal/components/PortfolioMenu/PortfolioItem.tsx
 import { useQuery as useQuery17 } from "@tanstack/react-query";
-import { LoaderIcon as LoaderIcon8, ShieldAlertIcon, SparklesIcon } from "lucide-react";
+import { LoaderIcon as LoaderIcon9, ShieldAlertIcon, SparklesIcon } from "lucide-react";
 import { formatUnits as formatUnits6 } from "viem";
 import { Fragment as Fragment30, jsx as jsx84, jsxs as jsxs78 } from "react/jsx-runtime";
 function openInExplorer(address) {
@@ -18688,7 +18793,7 @@ function PortfolioItem(props) {
                 asset.symbol
               ] })
             ] }),
-            isRateLoading && /* @__PURE__ */ jsx84(LoaderIcon8, { className: "h-4 w-4 animate-spin" }),
+            isRateLoading && /* @__PURE__ */ jsx84(LoaderIcon9, { className: "h-4 w-4 animate-spin" }),
             !isRateLoading && !!usdRenderBalance && /* @__PURE__ */ jsxs78("span", { className: "text-xs", children: [
               /* @__PURE__ */ jsx84("span", { children: "$" }),
               /* @__PURE__ */ jsx84("span", { children: formatPrice(usdRenderBalance) })
@@ -18899,7 +19004,7 @@ var init_nickname_fingerprint = __esm({
 // src/internal/components/ReceiveMenu/ReceiveMenu.tsx
 import { ArrowLeft as ArrowLeft17, CheckCircle2 as CheckCircle23, Copy as Copy2, Info as Info5, Loader as Loader17, Shield } from "lucide-react";
 import QRCode from "qrcode";
-import { useCallback as useCallback25, useEffect as useEffect34, useMemo as useMemo11, useState as useState20 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect34, useMemo as useMemo11, useState as useState21 } from "react";
 import { Fragment as Fragment31, jsx as jsx86, jsxs as jsxs80 } from "react/jsx-runtime";
 function ReceiveMenu() {
   const session = useSession((st) => st.session);
@@ -18910,9 +19015,9 @@ function ReceiveMenu() {
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const open = page === "receive";
-  const [qrCodeUrl, setQrCodeUrl] = useState20("");
-  const [copied, setCopied] = useState20(false);
-  const [fingerprintCopied, setFingerprintCopied] = useState20(false);
+  const [qrCodeUrl, setQrCodeUrl] = useState21("");
+  const [copied, setCopied] = useState21(false);
+  const [fingerprintCopied, setFingerprintCopied] = useState21(false);
   const fingerprint = useMemo11(() => {
     if (!session?.ownerAddress) return null;
     try {
@@ -19079,7 +19184,7 @@ var init_useConnectedApps = __esm({
 
 // src/internal/components/SecurityMenu/ConnectedApps/ConnectedApps.tsx
 import dayjs5 from "dayjs";
-import { AppWindowMac, ExternalLinkIcon as ExternalLinkIcon2, InfoIcon as InfoIcon5, LoaderIcon as LoaderIcon9, ShieldBanIcon, ShieldCheckIcon } from "lucide-react";
+import { AppWindowMac, ExternalLinkIcon as ExternalLinkIcon2, InfoIcon as InfoIcon5, LoaderIcon as LoaderIcon10, ShieldBanIcon, ShieldCheckIcon } from "lucide-react";
 import { useEffect as useEffect35 } from "react";
 import { Fragment as Fragment32, jsx as jsx87, jsxs as jsxs81 } from "react/jsx-runtime";
 function Application(props) {
@@ -19192,7 +19297,7 @@ function ConnectedApps() {
   return /* @__PURE__ */ jsxs81(Fragment32, { children: [
     /* @__PURE__ */ jsxs81("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ jsx87("span", { className: "leading-4 text-xs", children: t("passport:securityMenu.connectedApps.connectedApps") }),
-      isConnectedAppsLoading && /* @__PURE__ */ jsx87(LoaderIcon9, { className: "h-4 w-4 animate-spin" })
+      isConnectedAppsLoading && /* @__PURE__ */ jsx87(LoaderIcon10, { className: "h-4 w-4 animate-spin" })
     ] }),
     /* @__PURE__ */ jsx87("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: connectedApps.map((app, index) => /* @__PURE__ */ jsx87(Application, { ...app }, index)) })
   ] });
@@ -19443,7 +19548,7 @@ var init_useKeyshareRecoveryStats = __esm({
 });
 
 // src/internal/components/SecurityMenu/Keyshare/Keyshare.tsx
-import { Cloud as Cloud3, Laptop, LoaderIcon as LoaderIcon10, Server as Server2 } from "lucide-react";
+import { Cloud as Cloud3, Laptop, LoaderIcon as LoaderIcon11, Server as Server2 } from "lucide-react";
 import { useEffect as useEffect36 } from "react";
 import { Fragment as Fragment34, jsx as jsx91, jsxs as jsxs85 } from "react/jsx-runtime";
 function Keyshare() {
@@ -19462,7 +19567,7 @@ function Keyshare() {
   return /* @__PURE__ */ jsxs85(Fragment34, { children: [
     /* @__PURE__ */ jsxs85("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ jsx91("span", { className: "text-xs leading-4", children: t("passport:securityMenu.keyshareStatus.title") }),
-      isRecoveryLoading && /* @__PURE__ */ jsx91(LoaderIcon10, { className: "h-4 w-4 animate-spin" })
+      isRecoveryLoading && /* @__PURE__ */ jsx91(LoaderIcon11, { className: "h-4 w-4 animate-spin" })
     ] }),
     !isRecoveryLoading && /* @__PURE__ */ jsxs85(Fragment34, { children: [
       /* @__PURE__ */ jsxs85("div", { className: "grid grid-cols-3 gap-[var(--ui-kit-gap)] px-[var(--ui-kit-gap)]", children: [
@@ -19857,7 +19962,7 @@ var init_useBridgeStore = __esm({
 // src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx
 import { useConnectModal } from "@rainbow-me/rainbowkit";
 import { useMutation as useMutation19 } from "@tanstack/react-query";
-import { useEffect as useEffect37, useRef as useRef16, useState as useState21 } from "react";
+import { useEffect as useEffect37, useRef as useRef17, useState as useState22 } from "react";
 import { useSignMessage } from "wagmi";
 import { jsx as jsx93, jsxs as jsxs87 } from "react/jsx-runtime";
 function SenderSelector(props) {
@@ -19868,11 +19973,11 @@ function SenderSelector(props) {
   const { openConnectModal } = useConnectModal();
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
-  const pendingWalletRef = useRef16(null);
+  const pendingWalletRef = useRef17(null);
   const originChain = useBridgeStore((st) => st.originChain);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const bridgeSenders = useBridgeStore((st) => st.bridgeSenders);
-  const [walletMessage, setWalletMessage] = useState21(null);
+  const [walletMessage, setWalletMessage] = useState22(null);
   useEffect37(() => {
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
   }, [walletMessage]);
@@ -20102,11 +20207,11 @@ var init_wallets = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts
-import { useEffect as useEffect38, useRef as useRef17 } from "react";
+import { useEffect as useEffect38, useRef as useRef18 } from "react";
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
   const { profiles } = useLinkedProfiles();
-  const lastCalcedSenders = useRef17([]);
+  const lastCalcedSenders = useRef18([]);
   useEffect38(() => {
     const sendersAccumulator = [
       {
@@ -21012,7 +21117,7 @@ var init_useBridgeBalance = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx
-import { ArrowLeftRightIcon, ArrowRightLeftIcon, LoaderIcon as LoaderIcon11, Wallet2Icon as Wallet2Icon2, XIcon } from "lucide-react";
+import { ArrowLeftRightIcon, ArrowRightLeftIcon, LoaderIcon as LoaderIcon12, Wallet2Icon as Wallet2Icon2, XIcon } from "lucide-react";
 import { Fragment as Fragment36 } from "react";
 import { Fragment as Fragment37, jsx as jsx97, jsxs as jsxs90 } from "react/jsx-runtime";
 function SelectStep(props) {
@@ -21038,7 +21143,7 @@ function SelectStep(props) {
   const SelectedWarpRoteIcon = TOKENS_ICONS[(selectedWarpRoute?.symbol || "null_icon").toUpperCase()] || TOKENS_ICONS.EMBARKAI;
   const isError = useFlowSelectorStore((st) => !!st.error);
   if (isLoadingWarpRoutes) {
-    return /* @__PURE__ */ jsx97("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx97(LoaderIcon11, { className: "w-4 h-4 animate-spin" }) });
+    return /* @__PURE__ */ jsx97("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx97(LoaderIcon12, { className: "w-4 h-4 animate-spin" }) });
   }
   const isBalanceInsufficient = !routeTokenBalance || Number(amount || 0) > Number(routeTokenBalance || 0);
   const isFalsyAmount = !amount || !Number(amount) || Number(amount) <= 0;
@@ -21086,7 +21191,7 @@ function SelectStep(props) {
             t("passport:common.balance"),
             ": "
           ] }),
-          isRouteTokenBalanceLoading && /* @__PURE__ */ jsx97(LoaderIcon11, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }),
+          isRouteTokenBalanceLoading && /* @__PURE__ */ jsx97(LoaderIcon12, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }),
           !isRouteTokenBalanceLoading && /* @__PURE__ */ jsxs90("span", { className: cn("font-semibold", { "text-[var(--ui-kit-bg-error)]": isBalanceInsufficient }), children: [
             formatPrice(Number(routeTokenBalance || 0)),
             " ",
@@ -21246,7 +21351,7 @@ function SelectStep(props) {
         onClick: () => handleQuoteEstimation(amount),
         disabled: isQuoteEstimationDisabled,
         children: [
-          isQuoteEstimating && /* @__PURE__ */ jsx97(LoaderIcon11, { className: "h-4 w-4 animate-spin" }),
+          isQuoteEstimating && /* @__PURE__ */ jsx97(LoaderIcon12, { className: "h-4 w-4 animate-spin" }),
           /* @__PURE__ */ jsx97("span", { children: isBalanceInsufficient ? t("passport:bridgeMenu.statuses.balanceInsufficient").toUpperCase() : t("passport:bridgeMenu.actions.estimateQuote").toUpperCase() })
         ]
       }
@@ -21301,12 +21406,12 @@ var init_checkbox = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx
-import { LoaderIcon as LoaderIcon12 } from "lucide-react";
-import { useState as useState22 } from "react";
+import { LoaderIcon as LoaderIcon13 } from "lucide-react";
+import { useState as useState23 } from "react";
 import { jsx as jsx99, jsxs as jsxs91 } from "react/jsx-runtime";
 function ConfirmStep(props) {
   const { isAssetBridging, bridgeAsset, hyperlaneWarpRoutes } = props;
-  const [userConsent, setUserConsent] = useState22(false);
+  const [userConsent, setUserConsent] = useState23(false);
   const { t } = useT();
   const address = useSession((st) => st.address);
   const bridgeSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
@@ -21408,7 +21513,7 @@ function ConfirmStep(props) {
         onClick: () => bridgeAsset(),
         className: "w-full",
         children: [
-          isAssetBridging && /* @__PURE__ */ jsx99(LoaderIcon12, { className: "h-4 w-4 animate-spin" }),
+          isAssetBridging && /* @__PURE__ */ jsx99(LoaderIcon13, { className: "h-4 w-4 animate-spin" }),
           /* @__PURE__ */ jsx99("span", { children: (bridgeTxStatus || t("passport:common.continue")).toUpperCase() })
         ]
       }
@@ -21525,7 +21630,7 @@ var init_SuccessStep = __esm({
 // src/internal/components/SendMenu/hyperbridge/steps/HistoryStep.tsx
 import { useQueryClient as useQueryClient24 } from "@tanstack/react-query";
 import dayjs7 from "dayjs";
-import { ArrowRightIcon, DownloadIcon as DownloadIcon2, ExternalLinkIcon as ExternalLinkIcon3, InfoIcon as InfoIcon6, LoaderIcon as LoaderIcon13 } from "lucide-react";
+import { ArrowRightIcon, DownloadIcon as DownloadIcon2, ExternalLinkIcon as ExternalLinkIcon3, InfoIcon as InfoIcon6, LoaderIcon as LoaderIcon14 } from "lucide-react";
 import { jsx as jsx101, jsxs as jsxs93 } from "react/jsx-runtime";
 function HistoryDetailsStep() {
   const { t } = useT();
@@ -21751,7 +21856,7 @@ function HistoryStep() {
     return /* @__PURE__ */ jsx101(Highlight, { type: "info", className: "w-full text-center text-[10px] text-[var(--ui-kit-fg-muted)] leading-4", children: t("passport:bridgeMenu.errors.noHistory") });
   }
   return /* @__PURE__ */ jsxs93("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
-    isLoading && /* @__PURE__ */ jsx101("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx101(LoaderIcon13, { className: "w-4 h-4 animate-spin" }) }),
+    isLoading && /* @__PURE__ */ jsx101("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx101(LoaderIcon14, { className: "w-4 h-4 animate-spin" }) }),
     !isLoading && txList.map((item) => /* @__PURE__ */ jsx101(HistoryItem, { ...item }, item.id)),
     hasNextPage && /* @__PURE__ */ jsxs93(
       Button,
@@ -21762,7 +21867,7 @@ function HistoryStep() {
         className: "w-full",
         onClick: () => fetchNextPage(),
         children: [
-          isTxDataFetching ? /* @__PURE__ */ jsx101(LoaderIcon13, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx101(DownloadIcon2, { className: "w-4 h-4" }),
+          isTxDataFetching ? /* @__PURE__ */ jsx101(LoaderIcon14, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx101(DownloadIcon2, { className: "w-4 h-4" }),
           t("passport:common.loadMore")
         ]
       }
@@ -21791,12 +21896,12 @@ var init_HistoryStep = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx
 import { ArrowLeftRightIcon as ArrowLeftRightIcon2 } from "lucide-react";
-import { useMemo as useMemo13, useState as useState23 } from "react";
+import { useMemo as useMemo13, useState as useState24 } from "react";
 import { Fragment as Fragment38, jsx as jsx102, jsxs as jsxs94 } from "react/jsx-runtime";
 function SelectAssetRoute(props) {
   const { hyperlaneWarpRoutes } = props;
   const { t } = useT();
-  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = useState23(false);
+  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = useState24(false);
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
   const tokenList = useMemo13(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
@@ -21973,14 +22078,14 @@ var init_HyperlaneBridge = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/components/HistorySwitch.tsx
-import { useRef as useRef18 } from "react";
+import { useRef as useRef19 } from "react";
 import { jsx as jsx104 } from "react/jsx-runtime";
 function BridgeHistorySwitch(props) {
   const { disabled } = props;
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
   const isUiLocked = useFlowSelectorStore((st) => st.isUiLocked);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const lastBridgeStepRef = useRef18(null);
+  const lastBridgeStepRef = useRef19(null);
   if (selectorFlow !== "bridge" || bridgeStep === "confirm" || bridgeStep === "success" || bridgeStep === "sender-selector" || bridgeStep === "select-token" || bridgeStep === "tx-history-details") {
     return null;
   }
@@ -22082,7 +22187,7 @@ var init_useErc3643Compliance = __esm({
 
 // src/hooks/useNicknameResolve.ts
 import { useQuery as useQuery22 } from "@tanstack/react-query";
-import { useEffect as useEffect44, useMemo as useMemo14, useState as useState24 } from "react";
+import { useEffect as useEffect44, useMemo as useMemo14, useState as useState25 } from "react";
 function looksLikeNickname(input) {
   if (!input) return false;
   if (input.startsWith("0x")) return false;
@@ -22092,8 +22197,8 @@ function looksLikeNickname(input) {
 }
 function useNicknameResolve(input, options) {
   const { enabled = true, chainId } = options;
-  const [debouncedInput, setDebouncedInput] = useState24("");
-  const [isDebouncing, setIsDebouncing] = useState24(false);
+  const [debouncedInput, setDebouncedInput] = useState25("");
+  const [isDebouncing, setIsDebouncing] = useState25(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
   useEffect44(() => {
@@ -22156,14 +22261,14 @@ var init_useNicknameResolve = __esm({
 });
 
 // src/hooks/useSendTransaction.ts
-import { useCallback as useCallback29, useState as useState25 } from "react";
+import { useCallback as useCallback29, useState as useState26 } from "react";
 import { encodeFunctionData as encodeFunctionData2, isAddress, parseEther as parseEther2, parseUnits } from "viem";
 function useSendTransaction() {
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
-  const [isLoading, setIsLoading] = useState25(false);
-  const [error, setError] = useState25(null);
-  const [userOpHash, setUserOpHash] = useState25(null);
+  const [isLoading, setIsLoading] = useState26(false);
+  const [error, setError] = useState26(null);
+  const [userOpHash, setUserOpHash] = useState26(null);
   const sendTransaction = useCallback29(
     async (params) => {
       if (!session || !address) {
@@ -22416,10 +22521,10 @@ var init_AssetInputIcon = __esm({
 
 // src/internal/components/SendMenu/send/components/NftDisplayCard.tsx
 import { Image as ImageIcon2, Sparkles as Sparkles2 } from "lucide-react";
-import { useState as useState26 } from "react";
+import { useState as useState27 } from "react";
 import { jsx as jsx106, jsxs as jsxs97 } from "react/jsx-runtime";
 function NftDisplayCard({ asset }) {
-  const [imageError, setImageError] = useState26(false);
+  const [imageError, setImageError] = useState27(false);
   const nftImage = asset.image || asset.nftMetadata?.image;
   return /* @__PURE__ */ jsxs97("div", { className: "flex items-center gap-3 p-3 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg-secondary)]", children: [
     nftImage && !imageError ? /* @__PURE__ */ jsx106(
@@ -24537,7 +24642,7 @@ var init_TransactionsGroup = __esm({
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
 import { useQuery as useQuery25, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft22, Loader as Loader28, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
-import { useCallback as useCallback30, useState as useState27 } from "react";
+import { useCallback as useCallback30, useState as useState28 } from "react";
 import { jsx as jsx116, jsxs as jsxs107 } from "react/jsx-runtime";
 function TransactionsMenu() {
   const qc = useQueryClient25();
@@ -24546,7 +24651,7 @@ function TransactionsMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const [expandedGroups, setExpandedGroups] = useState27({});
+  const [expandedGroups, setExpandedGroups] = useState28({});
   const historySupported = isTransactionHistorySupported(chainConfig?.id);
   const {
     data: txHistoryGroups = [],
@@ -24899,7 +25004,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.72",
+      version: "0.4.73",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -25142,7 +25247,7 @@ var init_Footer2 = __esm({
 
 // src/internal/components/Header/Header.tsx
 import { Copy as Copy4, Loader as Loader30 } from "lucide-react";
-import { useCallback as useCallback32, useRef as useRef19, useState as useState28 } from "react";
+import { useCallback as useCallback32, useRef as useRef20, useState as useState29 } from "react";
 import { Fragment as Fragment45, jsx as jsx119, jsxs as jsxs109 } from "react/jsx-runtime";
 function formatAddress2(addr) {
   if (!addr) return "";
@@ -25154,10 +25259,10 @@ function Header() {
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
   const proMode = useProMode();
-  const [proToast, setProToast] = useState28(false);
-  const [copied, setCopied] = useState28(false);
-  const clickCountRef = useRef19(0);
-  const clickTimerRef = useRef19(null);
+  const [proToast, setProToast] = useState29(false);
+  const [copied, setCopied] = useState29(false);
+  const clickCountRef = useRef20(0);
+  const clickTimerRef = useRef20(null);
   const handleAvatarClick = useCallback32(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
@@ -28758,7 +28863,7 @@ import {
   useContext,
   useEffect as useEffect54,
   useMemo as useMemo17,
-  useRef as useRef20
+  useRef as useRef21
 } from "react";
 import { jsx as jsx126 } from "react/jsx-runtime";
 function clearLegacyWagmiStorage() {
@@ -28778,9 +28883,9 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = useRef20(callbacks);
+  const callbacksRef = useRef21(callbacks);
   useEffect54(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = useRef20(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const config = useRef21(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
   const updateConfig = useCallback35((updates) => {
     const prev = config.current;
     const next = { ...prev };
@@ -28909,7 +29014,7 @@ var init_ProviderContext = __esm({
 });
 
 // src/styles/built.css
-var built_default = `.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.embarkai-ui-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-2{right:.5rem}.embarkai-ui-scope .right-3{right:.75rem}.embarkai-ui-scope .right-4{right:1rem}.embarkai-ui-scope .right-\\[var\\(--ui-kit-pd\\)\\]{right:var(--ui-kit-pd)}.embarkai-ui-scope .right-full{right:100%}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1\\/2{top:50%}.embarkai-ui-scope .top-2{top:.5rem}.embarkai-ui-scope .top-4{top:1rem}.embarkai-ui-scope .top-\\[var\\(--ui-kit-pd\\)\\]{top:var(--ui-kit-pd)}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-\\[9998\\]{z-index:9998}.embarkai-ui-scope .z-\\[9999\\]{z-index:9999}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .table{display:table}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-8{width:2rem;height:2rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-0{height:0}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .min-h-12{min-height:3rem}.embarkai-ui-scope .w-0{width:0}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[var\\(--ui-kit-maw\\)\\]{width:var(--ui-kit-maw)}.embarkai-ui-scope .w-fit{width:-moz-fit-content;width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-px{width:1px}.embarkai-ui-scope .min-w-0{min-width:0}.embarkai-ui-scope .min-w-10{min-width:2.5rem}.embarkai-ui-scope .min-w-16{min-width:4rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .max-w-\\[100px\\]{max-width:100px}.embarkai-ui-scope .max-w-\\[144px\\]{max-width:144px}.embarkai-ui-scope .max-w-\\[150px\\]{max-width:150px}.embarkai-ui-scope .max-w-\\[160px\\]{max-width:160px}.embarkai-ui-scope .max-w-\\[256px\\]{max-width:256px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[calc\\(50\\%-8px\\)\\]{max-width:calc(50% - 8px)}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{transform:scale(1);box-shadow:0 0 16px var(--ui-kit-bg-warning)}50%{transform:scale(.97);box-shadow:0 0 4px var(--ui-kit-bg-warning)}}.embarkai-ui-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse{50%{opacity:.5}}.embarkai-ui-scope .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.embarkai-ui-scope .animate-spin{animation:spin 1s linear infinite}.embarkai-ui-scope .cursor-default{cursor:default}.embarkai-ui-scope .cursor-help{cursor:help}.embarkai-ui-scope .cursor-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[calc\\(var\\(--ui-kit-el-bdrs\\)_\\/_2\\)\\]{border-radius:calc(var(--ui-kit-el-bdrs)/2)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary-h\\)\\]{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-transparent{background-color:transparent}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{-o-object-fit:contain;object-fit:contain}.embarkai-ui-scope .object-cover{-o-object-fit:cover;object-fit:cover}.embarkai-ui-scope .p-0{padding:0}.embarkai-ui-scope .p-1{padding:.25rem}.embarkai-ui-scope .p-2{padding:.5rem}.embarkai-ui-scope .p-3{padding:.75rem}.embarkai-ui-scope .p-4{padding:1rem}.embarkai-ui-scope .p-5{padding:1.25rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-2{padding-left:.5rem;padding-right:.5rem}.embarkai-ui-scope .px-3{padding-left:.75rem;padding-right:.75rem}.embarkai-ui-scope .px-4{padding-left:1rem;padding-right:1rem}.embarkai-ui-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.embarkai-ui-scope .px-8{padding-left:2rem;padding-right:2rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-left:var(--ui-kit-gap);padding-right:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-top:0;padding-bottom:0}.embarkai-ui-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.embarkai-ui-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.embarkai-ui-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.embarkai-ui-scope .py-4{padding-top:1rem;padding-bottom:1rem}.embarkai-ui-scope .py-8{padding-top:2rem;padding-bottom:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-top:var(--ui-kit-gap);padding-bottom:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-top:var(--ui-kit-pd);padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pb-2{padding-bottom:.5rem}.embarkai-ui-scope .pb-5{padding-bottom:1.25rem}.embarkai-ui-scope .pb-6{padding-bottom:1.5rem}.embarkai-ui-scope .pb-\\[var\\(--ui-kit-pd\\)\\]{padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pl-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd)}.embarkai-ui-scope .pr-8{padding-right:2rem}.embarkai-ui-scope .pt-3{padding-top:.75rem}.embarkai-ui-scope .pt-4{padding-top:1rem}.embarkai-ui-scope .pt-5{padding-top:1.25rem}.embarkai-ui-scope .text-left{text-align:left}.embarkai-ui-scope .text-center{text-align:center}.embarkai-ui-scope .text-right{text-align:right}.embarkai-ui-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.embarkai-ui-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.embarkai-ui-scope .text-2xl{font-size:1.5rem;line-height:2rem}.embarkai-ui-scope .text-\\[10px\\]{font-size:10px}.embarkai-ui-scope .text-\\[14px\\]{font-size:14px}.embarkai-ui-scope .text-\\[16px\\]{font-size:16px}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:1rem}.embarkai-ui-scope .font-bold{font-weight:700}.embarkai-ui-scope .font-medium{font-weight:500}.embarkai-ui-scope .font-normal{font-weight:400}.embarkai-ui-scope .font-semibold{font-weight:600}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .leading-3{line-height:.75rem}.embarkai-ui-scope .leading-4{line-height:1rem}.embarkai-ui-scope .leading-5{line-height:1.25rem}.embarkai-ui-scope .leading-6{line-height:1.5rem}.embarkai-ui-scope .leading-7{line-height:1.75rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.embarkai-ui-scope .shadow,.embarkai-ui-scope .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .blur{--tw-blur:blur(8px)}.embarkai-ui-scope .blur,.embarkai-ui-scope .grayscale{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)}.embarkai-ui-scope .grayscale{--tw-grayscale:grayscale(100%)}.embarkai-ui-scope .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)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[color\\2c box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .duration-200{transition-duration:.2s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.embarkai-ui-scope{--ui-kit-ff:var(--embark-ui-ff,-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif);--ui-kit-maw:var(--embark-ui-maw,384px);--ui-kit-pd:var(--embark-ui-pd,12px);--ui-kit-gap:var(--embark-ui-gap,10px);--ui-kit-bdrs:var(--embark-ui-bdrs,20px);--ui-kit-el-bdrs:var(--embark-ui-element-bdrs,10px);--ui-kit-backdrop-blur:var(--embark-ui-backdrop-blur,10px)}.embarkai-ui-scope[data-current-theme-mode=light]{--ui-kit-overlay:var(--embark-ui-overlay,hsla(0,0%,100%,.8));--ui-kit-bg:var(--embark-ui-bg,#fff);--ui-kit-fg:var(--embark-ui-fg,#000);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#fff);--ui-kit-fg-muted:var(--embark-ui-fg-muted,rgba(0,0,0,.6));--ui-kit-primary:var(--embark-ui-primary,#000);--ui-kit-primary-h:var(--embark-ui-primary-h,rgba(0,0,0,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,rgba(0,0,0,.6));--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-secondary-h:var(--embark-ui-secondary-h,hsla(0,0%,89%,.8));--ui-kit-secondary-a:var(--embark-ui-secondary-a,hsla(0,0%,89%,.6));--ui-kit-bd:var(--embark-ui-bd,#ebebeb);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#a9a9a9);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,rgba(0,0,0,.8));--ui-kit-bg:var(--embark-ui-bg,#1a1a1a);--ui-kit-fg:var(--embark-ui-fg,#fff);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#000);--ui-kit-fg-muted:var(--embark-ui-fg-muted,hsla(0,0%,100%,.6));--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-primary-h:var(--embark-ui-primary-h,hsla(0,0%,100%,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,hsla(0,0%,100%,.6));--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-secondary-h:var(--embark-ui-secondary-h,rgba(42,42,42,.6));--ui-kit-secondary-a:var(--embark-ui-secondary-a,rgba(42,42,42,.4));--ui-kit-bd:var(--embark-ui-bd,#3a3a3a);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#4a4a4a);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope,.embarkai-ui-scope *{margin:0;box-sizing:border-box;font-family:var(--ui-kit-ff);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope button,.embarkai-ui-scope h1,.embarkai-ui-scope h2,.embarkai-ui-scope h3,.embarkai-ui-scope h4,.embarkai-ui-scope h5,.embarkai-ui-scope h6,.embarkai-ui-scope input,.embarkai-ui-scope p,.embarkai-ui-scope select,.embarkai-ui-scope textarea{font-family:var(--ui-kit-ff)!important;margin:0}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{border-style:solid;outline:none!important;appearance:none!important;-webkit-appearance:none;-moz-appearance:none}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0 4px 20px var(--ui-kit-shadow-c),inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s ease}.embarkai-ui-scope .account-connect-button:hover{transform:scale(1.02)}.embarkai-ui-scope .account-connect-button:active{transform:scale(1)}@keyframes lumia-mobile-dialog-fade-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes lumia-mobile-dialog-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}.embarkai-ui-scope .animate-mobile-dialog-in{animation:lumia-mobile-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-mobile-dialog-out{animation:lumia-mobile-dialog-fade-out 375ms ease}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.embarkai-ui-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0);overflow-y:auto;overflow-x:hidden;max-height:var(--ui-kit-scrollbar-mah,300px)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--ui-kit-bd)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.embarkai-ui-scope .noScrollbars::-webkit-scrollbar{display:none}.embarkai-ui-scope div[data-radix-popper-content-wrapper]{z-index:10000!important}@keyframes rotateShine{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.embarkai-ui-scope .button-shine-outline{position:absolute;top:0;left:0;width:100%;height:100%;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;mask-composite:exclude}.embarkai-ui-scope .button-shine-outline-shiner{pointer-events:none;position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0,var(--ui-kit-fg) 8%,transparent 24%);animation:rotateShine 3s linear infinite}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\:bg-transparent::file-selector-button{background-color:transparent}.embarkai-ui-scope .file\\:px-\\[var\\(--ui-kit-pd\\)\\]::file-selector-button{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .file\\:text-\\[16px\\]::file-selector-button{font-size:16px}.embarkai-ui-scope .file\\:text-base::file-selector-button{font-size:1rem;line-height:1.5rem}.embarkai-ui-scope .file\\:font-medium::file-selector-button{font-weight:500}.embarkai-ui-scope .file\\:text-\\[var\\(--ui-kit-fg-inverted\\)\\]::file-selector-button{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::-moz-placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .focus-within\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus-within{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus-within\\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .hover\\:bg-\\[\\#002c15\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#081f2c\\]:hover{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary-h\\)\\]:hover{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .hover\\:brightness-110:hover{--tw-brightness:brightness(1.1);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)}.embarkai-ui-scope .file\\:hover\\:opacity-90:hover::file-selector-button{opacity:.9}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus\\:bg-transparent:focus{background-color:transparent}.embarkai-ui-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-\\[2px\\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.embarkai-ui-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:active{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .active\\:opacity-60:active{opacity:.6}.embarkai-ui-scope .file\\:active\\:opacity-80:active::file-selector-button{opacity:.8}.embarkai-ui-scope .disabled\\:cursor-default:disabled{cursor:default}.embarkai-ui-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.embarkai-ui-scope .disabled\\:opacity-50:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover:disabled{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:hover:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:hover\\:opacity-50:hover:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:active:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:active\\:opacity-50:active:disabled{opacity:.5}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.embarkai-ui-scope .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-\\[size\\=default\\]\\:h-12[data-size=default]{height:3rem}.embarkai-ui-scope .data-\\[size\\=sm\\]\\:h-10[data-size=sm]{height:2.5rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom],.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right],.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--ui-kit-bd-intense\\)\\][data-state=checked]{border-color:var(--ui-kit-bd-intense)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--ui-kit-secondary\\)\\][data-state=checked]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--ui-kit-fg\\)\\][data-state=checked]{color:var(--ui-kit-fg)}.embarkai-ui-scope .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1[data-slot=select-value]>*){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex[data-slot=select-value]>*){display:flex}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center[data-slot=select-value]>*){align-items:center}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}@media (min-width:640px){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}.embarkai-ui-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:768px){.embarkai-ui-scope .md\\:h-8{height:2rem}.embarkai-ui-scope .md\\:w-8{width:2rem}.embarkai-ui-scope .md\\:gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope .md\\:py-1{padding-top:.25rem;padding-bottom:.25rem}}.embarkai-ui-scope :is(.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-])){width:1rem;height:1rem}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}`;
+var built_default = `.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.embarkai-ui-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-2{right:.5rem}.embarkai-ui-scope .right-3{right:.75rem}.embarkai-ui-scope .right-4{right:1rem}.embarkai-ui-scope .right-\\[var\\(--ui-kit-pd\\)\\]{right:var(--ui-kit-pd)}.embarkai-ui-scope .right-full{right:100%}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1\\/2{top:50%}.embarkai-ui-scope .top-2{top:.5rem}.embarkai-ui-scope .top-4{top:1rem}.embarkai-ui-scope .top-\\[var\\(--ui-kit-pd\\)\\]{top:var(--ui-kit-pd)}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-\\[9998\\]{z-index:9998}.embarkai-ui-scope .z-\\[9999\\]{z-index:9999}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .table{display:table}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-8{width:2rem;height:2rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-0{height:0}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .min-h-12{min-height:3rem}.embarkai-ui-scope .w-0{width:0}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[var\\(--ui-kit-maw\\)\\]{width:var(--ui-kit-maw)}.embarkai-ui-scope .w-fit{width:-moz-fit-content;width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-px{width:1px}.embarkai-ui-scope .min-w-0{min-width:0}.embarkai-ui-scope .min-w-10{min-width:2.5rem}.embarkai-ui-scope .min-w-16{min-width:4rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .max-w-\\[100px\\]{max-width:100px}.embarkai-ui-scope .max-w-\\[144px\\]{max-width:144px}.embarkai-ui-scope .max-w-\\[150px\\]{max-width:150px}.embarkai-ui-scope .max-w-\\[160px\\]{max-width:160px}.embarkai-ui-scope .max-w-\\[256px\\]{max-width:256px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[calc\\(50\\%-8px\\)\\]{max-width:calc(50% - 8px)}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{transform:scale(1);box-shadow:0 0 16px var(--ui-kit-bg-warning)}50%{transform:scale(.97);box-shadow:0 0 4px var(--ui-kit-bg-warning)}}.embarkai-ui-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse{50%{opacity:.5}}.embarkai-ui-scope .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.embarkai-ui-scope .animate-spin{animation:spin 1s linear infinite}.embarkai-ui-scope .cursor-default{cursor:default}.embarkai-ui-scope .cursor-help{cursor:help}.embarkai-ui-scope .cursor-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .resize{resize:both}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[calc\\(var\\(--ui-kit-el-bdrs\\)_\\/_2\\)\\]{border-radius:calc(var(--ui-kit-el-bdrs)/2)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary-h\\)\\]{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-transparent{background-color:transparent}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{-o-object-fit:contain;object-fit:contain}.embarkai-ui-scope .object-cover{-o-object-fit:cover;object-fit:cover}.embarkai-ui-scope .p-0{padding:0}.embarkai-ui-scope .p-1{padding:.25rem}.embarkai-ui-scope .p-2{padding:.5rem}.embarkai-ui-scope .p-3{padding:.75rem}.embarkai-ui-scope .p-4{padding:1rem}.embarkai-ui-scope .p-5{padding:1.25rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-2{padding-left:.5rem;padding-right:.5rem}.embarkai-ui-scope .px-3{padding-left:.75rem;padding-right:.75rem}.embarkai-ui-scope .px-4{padding-left:1rem;padding-right:1rem}.embarkai-ui-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.embarkai-ui-scope .px-8{padding-left:2rem;padding-right:2rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-left:var(--ui-kit-gap);padding-right:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-top:0;padding-bottom:0}.embarkai-ui-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.embarkai-ui-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.embarkai-ui-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.embarkai-ui-scope .py-4{padding-top:1rem;padding-bottom:1rem}.embarkai-ui-scope .py-8{padding-top:2rem;padding-bottom:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-top:var(--ui-kit-gap);padding-bottom:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-top:var(--ui-kit-pd);padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pb-2{padding-bottom:.5rem}.embarkai-ui-scope .pb-5{padding-bottom:1.25rem}.embarkai-ui-scope .pb-6{padding-bottom:1.5rem}.embarkai-ui-scope .pb-\\[var\\(--ui-kit-pd\\)\\]{padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pl-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd)}.embarkai-ui-scope .pr-8{padding-right:2rem}.embarkai-ui-scope .pt-3{padding-top:.75rem}.embarkai-ui-scope .pt-4{padding-top:1rem}.embarkai-ui-scope .pt-5{padding-top:1.25rem}.embarkai-ui-scope .text-left{text-align:left}.embarkai-ui-scope .text-center{text-align:center}.embarkai-ui-scope .text-right{text-align:right}.embarkai-ui-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.embarkai-ui-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.embarkai-ui-scope .text-2xl{font-size:1.5rem;line-height:2rem}.embarkai-ui-scope .text-\\[10px\\]{font-size:10px}.embarkai-ui-scope .text-\\[14px\\]{font-size:14px}.embarkai-ui-scope .text-\\[16px\\]{font-size:16px}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:1rem}.embarkai-ui-scope .font-bold{font-weight:700}.embarkai-ui-scope .font-medium{font-weight:500}.embarkai-ui-scope .font-normal{font-weight:400}.embarkai-ui-scope .font-semibold{font-weight:600}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .leading-3{line-height:.75rem}.embarkai-ui-scope .leading-4{line-height:1rem}.embarkai-ui-scope .leading-5{line-height:1.25rem}.embarkai-ui-scope .leading-6{line-height:1.5rem}.embarkai-ui-scope .leading-7{line-height:1.75rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.embarkai-ui-scope .shadow,.embarkai-ui-scope .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .blur{--tw-blur:blur(8px)}.embarkai-ui-scope .blur,.embarkai-ui-scope .grayscale{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)}.embarkai-ui-scope .grayscale{--tw-grayscale:grayscale(100%)}.embarkai-ui-scope .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)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[color\\2c box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .duration-200{transition-duration:.2s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.embarkai-ui-scope{--ui-kit-ff:var(--embark-ui-ff,-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif);--ui-kit-maw:var(--embark-ui-maw,384px);--ui-kit-pd:var(--embark-ui-pd,12px);--ui-kit-gap:var(--embark-ui-gap,10px);--ui-kit-bdrs:var(--embark-ui-bdrs,20px);--ui-kit-el-bdrs:var(--embark-ui-element-bdrs,10px);--ui-kit-backdrop-blur:var(--embark-ui-backdrop-blur,10px)}.embarkai-ui-scope[data-current-theme-mode=light]{--ui-kit-overlay:var(--embark-ui-overlay,hsla(0,0%,100%,.8));--ui-kit-bg:var(--embark-ui-bg,#fff);--ui-kit-fg:var(--embark-ui-fg,#000);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#fff);--ui-kit-fg-muted:var(--embark-ui-fg-muted,rgba(0,0,0,.6));--ui-kit-primary:var(--embark-ui-primary,#000);--ui-kit-primary-h:var(--embark-ui-primary-h,rgba(0,0,0,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,rgba(0,0,0,.6));--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-secondary-h:var(--embark-ui-secondary-h,hsla(0,0%,89%,.8));--ui-kit-secondary-a:var(--embark-ui-secondary-a,hsla(0,0%,89%,.6));--ui-kit-bd:var(--embark-ui-bd,#ebebeb);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#a9a9a9);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,rgba(0,0,0,.8));--ui-kit-bg:var(--embark-ui-bg,#1a1a1a);--ui-kit-fg:var(--embark-ui-fg,#fff);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#000);--ui-kit-fg-muted:var(--embark-ui-fg-muted,hsla(0,0%,100%,.6));--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-primary-h:var(--embark-ui-primary-h,hsla(0,0%,100%,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,hsla(0,0%,100%,.6));--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-secondary-h:var(--embark-ui-secondary-h,rgba(42,42,42,.6));--ui-kit-secondary-a:var(--embark-ui-secondary-a,rgba(42,42,42,.4));--ui-kit-bd:var(--embark-ui-bd,#3a3a3a);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#4a4a4a);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope,.embarkai-ui-scope *{margin:0;box-sizing:border-box;font-family:var(--ui-kit-ff);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope button,.embarkai-ui-scope h1,.embarkai-ui-scope h2,.embarkai-ui-scope h3,.embarkai-ui-scope h4,.embarkai-ui-scope h5,.embarkai-ui-scope h6,.embarkai-ui-scope input,.embarkai-ui-scope p,.embarkai-ui-scope select,.embarkai-ui-scope textarea{font-family:var(--ui-kit-ff)!important;margin:0}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{border-style:solid;outline:none!important;appearance:none!important;-webkit-appearance:none;-moz-appearance:none}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0 4px 20px var(--ui-kit-shadow-c),inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s ease}.embarkai-ui-scope .account-connect-button:hover{transform:scale(1.02)}.embarkai-ui-scope .account-connect-button:active{transform:scale(1)}@keyframes lumia-mobile-dialog-fade-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes lumia-mobile-dialog-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}.embarkai-ui-scope .animate-mobile-dialog-in{animation:lumia-mobile-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-mobile-dialog-out{animation:lumia-mobile-dialog-fade-out 375ms ease}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.embarkai-ui-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0);overflow-y:auto;overflow-x:hidden;max-height:var(--ui-kit-scrollbar-mah,300px)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--ui-kit-bd)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.embarkai-ui-scope .noScrollbars::-webkit-scrollbar{display:none}.embarkai-ui-scope div[data-radix-popper-content-wrapper]{z-index:10000!important}@keyframes rotateShine{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.embarkai-ui-scope .button-shine-outline{position:absolute;top:0;left:0;width:100%;height:100%;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;mask-composite:exclude}.embarkai-ui-scope .button-shine-outline-shiner{pointer-events:none;position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0,var(--ui-kit-fg) 8%,transparent 24%);animation:rotateShine 3s linear infinite}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\:bg-transparent::file-selector-button{background-color:transparent}.embarkai-ui-scope .file\\:px-\\[var\\(--ui-kit-pd\\)\\]::file-selector-button{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .file\\:text-\\[16px\\]::file-selector-button{font-size:16px}.embarkai-ui-scope .file\\:text-base::file-selector-button{font-size:1rem;line-height:1.5rem}.embarkai-ui-scope .file\\:font-medium::file-selector-button{font-weight:500}.embarkai-ui-scope .file\\:text-\\[var\\(--ui-kit-fg-inverted\\)\\]::file-selector-button{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::-moz-placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .focus-within\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus-within{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus-within\\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .hover\\:bg-\\[\\#002c15\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#081f2c\\]:hover{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary-h\\)\\]:hover{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .hover\\:brightness-110:hover{--tw-brightness:brightness(1.1);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)}.embarkai-ui-scope .file\\:hover\\:opacity-90:hover::file-selector-button{opacity:.9}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus\\:bg-transparent:focus{background-color:transparent}.embarkai-ui-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-\\[2px\\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.embarkai-ui-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:active{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .active\\:opacity-60:active{opacity:.6}.embarkai-ui-scope .file\\:active\\:opacity-80:active::file-selector-button{opacity:.8}.embarkai-ui-scope .disabled\\:cursor-default:disabled{cursor:default}.embarkai-ui-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.embarkai-ui-scope .disabled\\:opacity-50:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover:disabled{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:hover:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:hover\\:opacity-50:hover:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:active:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:active\\:opacity-50:active:disabled{opacity:.5}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.embarkai-ui-scope .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-\\[size\\=default\\]\\:h-12[data-size=default]{height:3rem}.embarkai-ui-scope .data-\\[size\\=sm\\]\\:h-10[data-size=sm]{height:2.5rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom],.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right],.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--ui-kit-bd-intense\\)\\][data-state=checked]{border-color:var(--ui-kit-bd-intense)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--ui-kit-secondary\\)\\][data-state=checked]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--ui-kit-fg\\)\\][data-state=checked]{color:var(--ui-kit-fg)}.embarkai-ui-scope .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1[data-slot=select-value]>*){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex[data-slot=select-value]>*){display:flex}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center[data-slot=select-value]>*){align-items:center}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}@media (min-width:640px){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}.embarkai-ui-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:768px){.embarkai-ui-scope .md\\:h-8{height:2rem}.embarkai-ui-scope .md\\:w-8{width:2rem}.embarkai-ui-scope .md\\:gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope .md\\:py-1{padding-top:.25rem;padding-bottom:.25rem}}.embarkai-ui-scope :is(.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-])){width:1rem;height:1rem}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}`;
 
 // src/index.ts
 init_ProviderContext();
@@ -29595,12 +29700,12 @@ var Hash = ({
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
 init_base2();
-import { useEffect as useEffect57, useState as useState32 } from "react";
+import { useEffect as useEffect57, useState as useState33 } from "react";
 import { jsx as jsx133, jsxs as jsxs117 } from "react/jsx-runtime";
 var TransactionsList = ({ address, itemsCount = 10 }) => {
-  const [transactions, setTransactions] = useState32([]);
-  const [loading, setLoading] = useState32(true);
-  const [error, setError] = useState32(null);
+  const [transactions, setTransactions] = useState33([]);
+  const [loading, setLoading] = useState33(true);
+  const [error, setError] = useState33(null);
   useEffect57(() => {
     const fetchTransactions2 = async () => {
       try {
@@ -29951,7 +30056,7 @@ function useDirectWallet() {
 
 // src/hooks/useSendDirectTransaction.ts
 init_useExternalWalletStore();
-import { useCallback as useCallback40, useState as useState34 } from "react";
+import { useCallback as useCallback40, useState as useState35 } from "react";
 import { isAddress as isAddress3, parseEther as parseEther3 } from "viem";
 import { useSendTransaction as useWagmiSendTransaction, useSwitchChain as useSwitchChain3 } from "wagmi";
 function useSendDirectTransaction() {
@@ -29959,9 +30064,9 @@ function useSendDirectTransaction() {
   const externalChainId = useExternalWalletStore((st) => st.externalChainId);
   const { sendTransactionAsync } = useWagmiSendTransaction();
   const { switchChainAsync } = useSwitchChain3();
-  const [isPending, setIsPending] = useState34(false);
-  const [error, setError] = useState34(null);
-  const [txHash, setTxHash] = useState34(null);
+  const [isPending, setIsPending] = useState35(false);
+  const [error, setError] = useState35(null);
+  const [txHash, setTxHash] = useState35(null);
   const sendTransaction = useCallback40(
     async (params) => {
       if (!isConnected) {
@@ -30008,7 +30113,7 @@ function useSendDirectTransaction() {
 init_SessionContext();
 init_account2();
 init_linkedProfiles();
-import { useCallback as useCallback41, useMemo as useMemo19, useState as useState35 } from "react";
+import { useCallback as useCallback41, useMemo as useMemo19, useState as useState36 } from "react";
 import { encodeFunctionData as encodeFunctionData3, isAddress as isAddress4, parseEther as parseEther4, parseUnits as parseUnits3 } from "viem";
 var ERC20_TRANSFER_ABI2 = [
   {
@@ -30024,9 +30129,9 @@ var ERC20_TRANSFER_ABI2 = [
 function useTransferToLinkedWallet() {
   const session = useSession((st) => st.session);
   const { profiles } = useLinkedProfiles();
-  const [isPending, setIsPending] = useState35(false);
-  const [error, setError] = useState35(null);
-  const [userOpHash, setUserOpHash] = useState35(null);
+  const [isPending, setIsPending] = useState36(false);
+  const [error, setError] = useState36(null);
+  const [userOpHash, setUserOpHash] = useState36(null);
   const linkedWallets = useMemo19(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]