npm - @b3dotfun/sdk - Versions diffs - 0.0.65-test.4 → 0.0.65-test.5 - Mend

@b3dotfun/sdk 0.0.65-test.4 → 0.0.65-test.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/dist/cjs/global-account/react/components/LinkAccount/LinkAccount.js CHANGED Viewed

@@ -145,7 +145,7 @@ const LinkAccount = ({ partnerId, onLogout, chain, }) => {
                                                                             ? "font-mono text-sm" // Use monospace font for addresses
                                                                             : "break-words" // Use break-words for emails/names (better than break-all)
                                                                         }`, title: isAddress ? profile.title : undefined, children: displayTitle }), isAddress && ((0, jsx_runtime_1.jsx)("button", { onClick: handleCopyAddress, className: "linked-account-copy-button ml-1 rounded p-1 opacity-0 transition-opacity hover:bg-gray-100 group-hover:opacity-100", title: "Copy full address", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { size: 12, className: "text-gray-500 hover:text-gray-700" }) }))] }));
-                                                        })(), (0, jsx_runtime_1.jsx)("span", { className: "linked-account-type text-b3-foreground-muted font-neue-montreal-medium bg-b3-primary-wash rounded px-2 py-0.5 text-xs", children: profile.type.toUpperCase() })] }), (0, jsx_runtime_1.jsx)("div", { className: "linked-account-subtitle text-b3-foreground-muted font-neue-montreal-medium text-sm", children: profile.subtitle })] })] }), (0, jsx_runtime_1.jsx)(react_1.Button, { variant: "ghost", size: "icon", className: "linked-account-unlink-button text-b3-grey hover:text-b3-negative", onClick: () => handleUnlink(profile), disabled: unlinkingAccountId === profile.title || isUnlinking, children: unlinkingAccountId === profile.title || isUnlinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "linked-account-unlink-loading animate-spin" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.UnlinkIcon, { size: 16, className: "linked-account-unlink-icon" })) })] }, profile.title))) })) : ((0, jsx_runtime_1.jsx)("div", { className: "linked-accounts-empty text-b3-foreground-muted py-8 text-center", children: "No linked accounts found" })), (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: handleOpenLinkModal, disabled: isLinking, className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 border-white/12 group relative h-12 w-full rounded-xl border-2 px-[18px] text-base font-semibold text-white shadow-[inset_0px_0px_0px_1px_rgba(10,13,18,0.18),inset_0px_-2px_0px_0px_rgba(10,13,18,0.05)] transition-all", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "shrink-0", children: (0, jsx_runtime_1.jsx)("path", { d: "M10.0001 13.3333V6.66667M6.66675 10H13.3334M18.3334 10C18.3334 14.6024 14.6025 18.3333 10.0001 18.3333C5.39771 18.3333 1.66675 14.6024 1.66675 10C1.66675 5.39763 5.39771 1.66667 10.0001 1.66667C14.6025 1.66667 18.3334 5.39763 18.3334 10Z", stroke: "currentColor", strokeWidth: "1.67", strokeLinecap: "round", strokeLinejoin: "round" }) }), (0, jsx_runtime_1.jsx)("span", { children: "Link new account" })] }) })] }), showReferralInfo && (
+                                                        })(), (0, jsx_runtime_1.jsx)("span", { className: "linked-account-type text-b3-foreground-muted font-neue-montreal-medium bg-b3-primary-wash rounded px-2 py-0.5 text-xs", children: profile.type.toUpperCase() })] }), (0, jsx_runtime_1.jsx)("div", { className: "linked-account-subtitle text-b3-foreground-muted font-neue-montreal-medium text-sm", children: profile.subtitle })] })] }), (0, jsx_runtime_1.jsx)(react_1.Button, { variant: "ghost", size: "icon", className: "linked-account-unlink-button text-b3-grey hover:text-b3-negative", onClick: () => handleUnlink(profile), disabled: unlinkingAccountId === profile.title || isUnlinking, children: unlinkingAccountId === profile.title || isUnlinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "linked-account-unlink-loading animate-spin" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.UnlinkIcon, { size: 16, className: "linked-account-unlink-icon" })) })] }, profile.title))) })) : ((0, jsx_runtime_1.jsx)("div", { className: "linked-accounts-empty text-b3-foreground-muted py-8 text-center", children: "No linked accounts found" })), (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: handleOpenLinkModal, disabled: isLinking, className: "b3-modal-link-new-account-button bg-b3-primary-blue hover:bg-b3-primary-blue/90 border-white/12 group relative h-12 w-full rounded-xl border-2 px-[18px] text-base font-semibold text-white shadow-[inset_0px_0px_0px_1px_rgba(10,13,18,0.18),inset_0px_-2px_0px_0px_rgba(10,13,18,0.05)] transition-all", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "shrink-0", children: (0, jsx_runtime_1.jsx)("path", { d: "M10.0001 13.3333V6.66667M6.66675 10H13.3334M18.3334 10C18.3334 14.6024 14.6025 18.3333 10.0001 18.3333C5.39771 18.3333 1.66675 14.6024 1.66675 10C1.66675 5.39763 5.39771 1.66667 10.0001 1.66667C14.6025 1.66667 18.3334 5.39763 18.3334 10Z", stroke: "currentColor", strokeWidth: "1.67", strokeLinecap: "round", strokeLinejoin: "round" }) }), (0, jsx_runtime_1.jsx)("span", { children: "Link new account" })] }) })] }), showReferralInfo && (
             /* Referral Section */
             (0, jsx_runtime_1.jsxs)("div", { className: "referrals-section space-y-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "referrals-title text-b3-grey font-neue-montreal-semibold text-xl", children: "Referrals" }), (0, jsx_runtime_1.jsxs)("div", { className: "referral-code-container bg-b3-line rounded-xl p-4", children: [isEditingCode && ((0, jsx_runtime_1.jsxs)("div", { className: "referral-code-header-editing", children: [(0, jsx_runtime_1.jsx)("div", { className: "referral-code-title text-b3-grey font-neue-montreal-semibold", children: "Your Referral Code" }), (0, jsx_runtime_1.jsx)("div", { className: "referral-code-description text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Share this code with friends to earn rewards" })] })), (0, jsx_runtime_1.jsxs)("div", { className: "referral-code-content flex items-center justify-between", children: [!isEditingCode && ((0, jsx_runtime_1.jsxs)("div", { className: "referral-code-header", children: [(0, jsx_runtime_1.jsx)("div", { className: "referral-code-title text-b3-grey font-neue-montreal-semibold", children: "Your Referral Code" }), (0, jsx_runtime_1.jsx)("div", { className: "referral-code-description text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Share this code with friends to earn rewards" })] })), (0, jsx_runtime_1.jsx)("div", { className: "referral-code-actions flex items-center gap-2", children: isEditingCode ? ((0, jsx_runtime_1.jsxs)("div", { className: "referral-code-edit-form flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", value: newReferralCode, onChange: e => setNewReferralCode(e.target.value), className: "referral-code-input rounded-lg border border-gray-200 bg-white px-3 py-1.5 text-sm", placeholder: "Enter new code", ref: referallCodeRef }), (0, jsx_runtime_1.jsx)(react_1.Button, { size: "sm", className: "referral-code-save-button", onClick: handleUpdateReferralCode, disabled: isUpdatingCode || !newReferralCode, children: isUpdatingCode ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "referral-code-save-loading h-4 w-4 animate-spin" })) : ("Save") }), (0, jsx_runtime_1.jsx)(react_1.Button, { size: "sm", variant: "ghost", className: "referral-code-cancel-button", onClick: () => {
                                                         setIsEditingCode(false);

package/dist/cjs/global-account/react/components/ManageAccount/BottomNavigation.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SettingsIcon = () => {
 };
 const BottomNavigation = () => {
     const setB3ModalContentType = (0, react_1.useModalStore)(state => state.setB3ModalContentType);
-    return ((0, jsx_runtime_1.jsx)("div", { className: "sticky bottom-0 left-0 w-full rounded-b-xl border-t border-gray-200 bg-[#FAFAFA]", children: (0, jsx_runtime_1.jsxs)(react_1.TabsListPrimitive, { className: "flex h-[68px] w-full items-center justify-center gap-4 border-none bg-transparent", children: [(0, jsx_runtime_1.jsxs)(react_1.TabTriggerPrimitive, { value: "home", className: "data-[state=active]:border-b3-primary-blue group flex flex-initial flex-col items-center gap-1 border-r-0 border-t-0 px-6 pb-2 pt-2.5 text-[#a0a0ab] data-[state=active]:border-t-4 data-[state=active]:text-[#18181B]", children: [(0, jsx_runtime_1.jsx)(HomeIcon, {}), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold text-xs", children: "Home" })] }), (0, jsx_runtime_1.jsxs)(react_1.TabTriggerPrimitive, { value: "swap", className: "data-[state=active]:border-b3-primary-blue group flex flex-initial flex-col items-center gap-1 border-r-0 border-t-0 px-6 pb-2 pt-2.5 text-[#a0a0ab] data-[state=active]:border-t-4 data-[state=active]:text-[#18181B]", onClick: () => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "b3-modal-bottom-navigation sticky bottom-0 left-0 w-full rounded-b-xl border-t border-gray-200 bg-[#FAFAFA]", children: (0, jsx_runtime_1.jsxs)(react_1.TabsListPrimitive, { className: "flex h-[68px] w-full items-center justify-center gap-4 border-none bg-transparent", children: [(0, jsx_runtime_1.jsxs)(react_1.TabTriggerPrimitive, { value: "home", className: "data-[state=active]:border-b3-primary-blue group flex flex-initial flex-col items-center gap-1 border-r-0 border-t-0 px-6 pb-2 pt-2.5 text-[#a0a0ab] data-[state=active]:border-t-4 data-[state=active]:text-[#18181B]", children: [(0, jsx_runtime_1.jsx)(HomeIcon, {}), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold text-xs", children: "Home" })] }), (0, jsx_runtime_1.jsxs)(react_1.TabTriggerPrimitive, { value: "swap", className: "data-[state=active]:border-b3-primary-blue group flex flex-initial flex-col items-center gap-1 border-r-0 border-t-0 px-6 pb-2 pt-2.5 text-[#a0a0ab] data-[state=active]:border-t-4 data-[state=active]:text-[#18181B]", onClick: () => {
                         setB3ModalContentType({
                             type: "anySpend",
                             showBackButton: true,

package/dist/cjs/global-account/react/components/ManageAccount/Header.js CHANGED Viewed

@@ -76,7 +76,7 @@ function WalletItem({ wallet, isActive, onClick }) {
                     : isGlobalAccount
                         ? "Smart Wallet"
                         : "Wallet";
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `box-border flex cursor-pointer items-center gap-2 rounded-xl px-3 py-2 transition-colors ${isActive ? "bg-[#F4F4F5]" : "hover:bg-b3-line/50"}`, onClick: onClick, children: [(0, jsx_runtime_1.jsx)("div", { className: "relative size-10 shrink-0 overflow-clip rounded-full", children: isGlobalAccount ? ((0, jsx_runtime_1.jsx)("div", { className: "flex size-full items-center justify-center p-1", children: (0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "size-full object-contain" }) })) : walletImage ? ((0, jsx_runtime_1.jsx)("img", { src: walletImage, alt: walletName, className: "size-full object-contain p-1" })) : ((0, jsx_runtime_1.jsx)("div", { className: "flex size-full items-center justify-center", children: (0, jsx_runtime_1.jsx)(WalletIcon_1.WalletIcon, {}) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-b3-grey font-neue-montreal-semibold truncate text-sm", children: walletName }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: centerTruncate(address, 4) })] }), isActive && ((0, jsx_runtime_1.jsx)("div", { className: "shrink-0", children: (0, jsx_runtime_1.jsx)(CheckIcon, {}) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `b3-modal-wallet-item ${isActive ? "b3-modal-wallet-item-active bg-[#F4F4F5]" : "hover:bg-b3-line/50"} box-border flex cursor-pointer items-center gap-2 rounded-xl px-3 py-2 transition-colors`, onClick: onClick, children: [(0, jsx_runtime_1.jsx)("div", { className: "relative size-10 shrink-0 overflow-clip rounded-full", children: isGlobalAccount ? ((0, jsx_runtime_1.jsx)("div", { className: "flex size-full items-center justify-center p-1", children: (0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "size-full object-contain" }) })) : walletImage ? ((0, jsx_runtime_1.jsx)("img", { src: walletImage, alt: walletName, className: "size-full object-contain p-1" })) : ((0, jsx_runtime_1.jsx)("div", { className: "flex size-full items-center justify-center", children: (0, jsx_runtime_1.jsx)(WalletIcon_1.WalletIcon, {}) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-b3-grey font-neue-montreal-semibold truncate text-sm", children: walletName }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: centerTruncate(address, 4) })] }), isActive && ((0, jsx_runtime_1.jsx)("div", { className: "shrink-0", children: (0, jsx_runtime_1.jsx)(CheckIcon, {}) }))] }));
 }
 function Header({ onLogout }) {
     const activeWallet = (0, react_3.useActiveWallet)();
@@ -114,7 +114,7 @@ function Header({ onLogout }) {
             },
         });
     };
-    return ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Root, { type: "single", collapsible: true, value: isExpanded ? "wallet-switcher" : "", className: "bg-b3-background border-b3-line relative border-b", onValueChange: (value) => setIsExpanded(value === "wallet-switcher"), children: (0, jsx_runtime_1.jsxs)(AccordionPrimitive.Item, { value: "wallet-switcher", className: "border-none", children: [(0, jsx_runtime_1.jsxs)(AccordionPrimitive.Trigger, { className: "group flex w-full items-center justify-between border-none bg-transparent px-5 py-3 outline-none", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative size-10 shrink-0 overflow-clip rounded-full", children: isActiveGlobalAccount ? ((0, jsx_runtime_1.jsx)("div", { className: "flex size-full items-center justify-center p-1", children: (0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "size-full object-contain" }) })) : activeWalletImage ? ((0, jsx_runtime_1.jsx)("img", { src: activeWalletImage, alt: "Active Wallet", className: "size-full object-contain p-1" })) : ((0, jsx_runtime_1.jsx)("div", { className: "flex size-full items-center justify-center", children: (0, jsx_runtime_1.jsx)(WalletIcon_1.WalletIcon, {}) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-0.5", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-b3-grey font-neue-montreal-semibold text-sm", children: "Active Wallet" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: centerTruncate(address, 4) }), (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: address })] })] })] }), (0, jsx_runtime_1.jsx)(ChevronDownIcon_1.ChevronDownIcon, { className: "text-b3-grey transition-transform duration-200 group-data-[state=open]:rotate-180" })] }), (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: isExpanded && ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Content, { forceMount: true, className: "absolute left-0 right-0 top-full z-50 overflow-visible", children: (0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: { opacity: 0, y: -10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -10 }, transition: { duration: 0.2, ease: "easeInOut" }, className: "flex flex-col gap-3 rounded-bl-3xl rounded-br-3xl bg-white px-2 pb-5 pt-3 shadow-[0px_32px_64px_-12px_rgba(10,13,18,0.14),0px_5px_5px_-2.5px_rgba(10,13,18,0.04)]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3", children: [connectedWallets.map(wallet => ((0, jsx_runtime_1.jsx)(WalletItem, { wallet: wallet, isActive: activeWallet?.id === wallet.id, onClick: () => handleWalletSwitch(wallet) }, wallet.id))), (0, jsx_runtime_1.jsxs)("div", { className: "hover:bg-b3-line/50 box-border flex cursor-pointer items-center gap-2 rounded-xl px-3 py-2 transition-colors", onClick: handleLinkWallet, children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-b3-line flex size-10 shrink-0 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)(LinkIcon_1.default, { className: "text-b3-grey" }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 flex-col", children: (0, jsx_runtime_1.jsx)("p", { className: "text-b3-grey font-neue-montreal-semibold text-sm", children: "Link another wallet" }) })] })] }), (0, jsx_runtime_1.jsxs)("button", { className: "border-b3-line hover:bg-b3-line bg-b3-background flex items-center justify-center gap-1.5 rounded-xl border border-solid p-2.5 transition-colors", onClick: onLogoutEnhanced, disabled: logoutLoading, style: {
+    return ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Root, { type: "single", collapsible: true, value: isExpanded ? "wallet-switcher" : "", className: "b3-modal-wallet-switcher bg-b3-background border-b3-line relative border-b", onValueChange: (value) => setIsExpanded(value === "wallet-switcher"), children: (0, jsx_runtime_1.jsxs)(AccordionPrimitive.Item, { value: "wallet-switcher", className: "border-none", children: [(0, jsx_runtime_1.jsxs)(AccordionPrimitive.Trigger, { className: "b3-modal-wallet-switcher-trigger group flex w-full items-center justify-between border-none bg-transparent px-5 py-3 outline-none", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative size-10 shrink-0 overflow-clip rounded-full", children: isActiveGlobalAccount ? ((0, jsx_runtime_1.jsx)("div", { className: "flex size-full items-center justify-center p-1", children: (0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "size-full object-contain" }) })) : activeWalletImage ? ((0, jsx_runtime_1.jsx)("img", { src: activeWalletImage, alt: "Active Wallet", className: "size-full object-contain p-1" })) : ((0, jsx_runtime_1.jsx)("div", { className: "flex size-full items-center justify-center", children: (0, jsx_runtime_1.jsx)(WalletIcon_1.WalletIcon, {}) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-0.5", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-b3-grey font-neue-montreal-semibold text-sm", children: "Active Wallet" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: centerTruncate(address, 4) }), (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: address })] })] })] }), (0, jsx_runtime_1.jsx)(ChevronDownIcon_1.ChevronDownIcon, { className: "b3-modal-wallet-switcher-chevron text-b3-grey transition-transform duration-200 group-data-[state=open]:rotate-180" })] }), (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: isExpanded && ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Content, { forceMount: true, className: "absolute left-0 right-0 top-full z-50 overflow-visible", children: (0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: { opacity: 0, y: -10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -10 }, transition: { duration: 0.2, ease: "easeInOut" }, className: "b3-modal-wallet-switcher-content flex flex-col gap-3 rounded-bl-3xl rounded-br-3xl bg-white px-2 pb-5 pt-3 shadow-[0px_32px_64px_-12px_rgba(10,13,18,0.14),0px_5px_5px_-2.5px_rgba(10,13,18,0.04)]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3", children: [connectedWallets.map(wallet => ((0, jsx_runtime_1.jsx)(WalletItem, { wallet: wallet, isActive: activeWallet?.id === wallet.id, onClick: () => handleWalletSwitch(wallet) }, wallet.id))), (0, jsx_runtime_1.jsxs)("div", { className: "b3-modal-link-another-wallet hover:bg-b3-line/50 box-border flex cursor-pointer items-center gap-2 rounded-xl px-3 py-2 transition-colors", onClick: handleLinkWallet, children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-b3-line flex size-10 shrink-0 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)(LinkIcon_1.default, { className: "text-b3-grey" }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 flex-col", children: (0, jsx_runtime_1.jsx)("p", { className: "text-b3-grey font-neue-montreal-semibold text-sm", children: "Link another wallet" }) })] })] }), (0, jsx_runtime_1.jsxs)("button", { className: "b3-modal-sign-out-button border-b3-line hover:bg-b3-line bg-b3-background flex items-center justify-center gap-1.5 rounded-xl border border-solid p-2.5 transition-colors", onClick: onLogoutEnhanced, disabled: logoutLoading, style: {
                                         boxShadow: "inset 0px 0px 0px 1px rgba(10,13,18,0.18), inset 0px -2px 0px 0px rgba(10,13,18,0.05)",
                                     }, children: [logoutLoading ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin", size: 20 })) : ((0, jsx_runtime_1.jsx)(SignOutIcon_1.default, { size: 20, className: "text-b3-grey" })), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-grey font-neue-montreal-semibold text-base", children: "Sign out" })] })] }) })) })] }) }));
 }

package/dist/cjs/global-account/react/components/ManageAccount/HomeActions.js CHANGED Viewed

@@ -13,7 +13,7 @@ const HomeActionButton = ({ customClass, icon, label, onClick, }) => {
 const HomeActions = ({ showDeposit, showSwap }) => {
     const setB3ModalOpen = (0, react_1.useModalStore)(state => state.setB3ModalOpen);
     const setB3ModalContentType = (0, react_1.useModalStore)(state => state.setB3ModalContentType);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "border-b3-line grid grid-cols-4 gap-3 border-b px-5 pb-6", children: [showDeposit && ((0, jsx_runtime_1.jsx)(HomeActionButton, { customClass: "manage-account-deposit", icon: (0, jsx_runtime_1.jsx)(BankIcon_1.BankIcon, { size: 24, className: "text-b3-primary-blue shrink-0" }), label: "Deposit", onClick: () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "b3-modal-home-actions border-b3-line grid grid-cols-4 gap-3 border-b px-5 pb-6", children: [showDeposit && ((0, jsx_runtime_1.jsx)(HomeActionButton, { customClass: "manage-account-deposit", icon: (0, jsx_runtime_1.jsx)(BankIcon_1.BankIcon, { size: 24, className: "text-b3-primary-blue shrink-0" }), label: "Deposit", onClick: () => {
                     setB3ModalOpen(true);
                     setB3ModalContentType({
                         type: "deposit",

package/dist/cjs/global-account/react/components/ManageAccount/HomeContent.js CHANGED Viewed

@@ -12,5 +12,5 @@ const NFTContent_1 = __importDefault(require("./NFTContent"));
 const ProfileSection_1 = __importDefault(require("./ProfileSection"));
 const TokenContent_1 = __importDefault(require("./TokenContent"));
 function HomeContent({ showDeposit = false, showSwap = true }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)(Header_1.Header, {}), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)(ProfileSection_1.default, {}), (0, jsx_runtime_1.jsx)(HomeActions_1.default, { showDeposit: showDeposit, showSwap: showSwap }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-2 p-5", children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { defaultValue: "balance", children: [(0, jsx_runtime_1.jsxs)(Tabs_1.TabsList, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.TabTrigger, { value: "balance", className: "font-neue-montreal-semibold p-0 pr-3", children: "Balance" }), (0, jsx_runtime_1.jsx)(Tabs_1.TabTrigger, { value: "nfts", className: "font-neue-montreal-semibold p-0 pr-3", children: "NFTs" })] }), (0, jsx_runtime_1.jsx)(Tabs_1.TabsContent, { value: "balance", className: "px-0 pb-4 pt-2", children: (0, jsx_runtime_1.jsx)(TokenContent_1.default, {}) }), (0, jsx_runtime_1.jsx)(Tabs_1.TabsContent, { value: "nfts", className: "px-0 pb-4 pt-2", children: (0, jsx_runtime_1.jsx)(NFTContent_1.default, {}) })] }) })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)(Header_1.Header, {}), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)(ProfileSection_1.default, {}), (0, jsx_runtime_1.jsx)(HomeActions_1.default, { showDeposit: showDeposit, showSwap: showSwap }), (0, jsx_runtime_1.jsx)("div", { className: "b3-modal-balance-content space-y-2 p-5", children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { defaultValue: "balance", children: [(0, jsx_runtime_1.jsxs)(Tabs_1.TabsList, { className: "b3-modal-balance-tabs-list", children: [(0, jsx_runtime_1.jsx)(Tabs_1.TabTrigger, { value: "balance", className: "font-neue-montreal-semibold p-0 pr-3", children: "Balance" }), (0, jsx_runtime_1.jsx)(Tabs_1.TabTrigger, { value: "nfts", className: "font-neue-montreal-semibold p-0 pr-3", children: "NFTs" })] }), (0, jsx_runtime_1.jsx)(Tabs_1.TabsContent, { value: "balance", className: "px-0 pb-4 pt-2", children: (0, jsx_runtime_1.jsx)(TokenContent_1.default, {}) }), (0, jsx_runtime_1.jsx)(Tabs_1.TabsContent, { value: "nfts", className: "px-0 pb-4 pt-2", children: (0, jsx_runtime_1.jsx)(NFTContent_1.default, {}) })] }) })] })] }));
 }

package/dist/cjs/global-account/react/components/ManageAccount/ProfileSection.js CHANGED Viewed

@@ -42,6 +42,6 @@ const ProfileSection = () => {
     const avatarSrc = user?.avatar || profile?.avatar;
     // Get current username - prioritize user.username, fallback to profile data
     const currentUsername = user?.username || profile?.displayName || (0, utils_1.formatUsername)(profile?.name || "");
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-between px-5 py-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "global-account-profile flex items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "global-account-profile-avatar relative", children: [(0, jsx_runtime_1.jsx)(IPFSMediaRenderer_1.IPFSMediaRenderer, { src: avatarSrc, alt: "Profile Avatar", className: "border-b3-line border-1 bg-b3-primary-wash size-14 rounded-full border" }), (0, jsx_runtime_1.jsx)("button", { onClick: handleEditAvatar, className: "border-b3-background hover:bg-b3-grey/80 absolute -bottom-1 -right-1 flex size-6 items-center justify-center rounded-full border-4 bg-[#a0a0ab] transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { size: 10, className: "text-b3-background" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "global-account-profile-info flex flex-col gap-1", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "text-b3-grey font-neue-montreal-semibold flex h-[38px] items-center gap-1 text-xl", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted", children: " $" }), (0, jsx_runtime_1.jsx)("div", { className: "text-[30px]", children: (0, number_1.formatDisplayNumber)(totalBalanceUsd, { fractionDigits: 2 }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "font-neue-montreal-semibold text-base leading-none text-[#0B57C2]", children: currentUsername })] })] }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-between px-5 py-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "global-account-profile flex items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "global-account-profile-avatar relative", children: [(0, jsx_runtime_1.jsx)(IPFSMediaRenderer_1.IPFSMediaRenderer, { src: avatarSrc, alt: "Profile Avatar", className: "border-b3-line border-1 bg-b3-primary-wash size-14 rounded-full border" }), (0, jsx_runtime_1.jsx)("button", { onClick: handleEditAvatar, className: "border-b3-background hover:bg-b3-grey/80 absolute -bottom-1 -right-1 flex size-6 items-center justify-center rounded-full border-4 bg-[#a0a0ab] transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { size: 10, className: "text-b3-background" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "global-account-profile-info flex flex-col gap-1", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "text-b3-grey font-neue-montreal-semibold flex h-[38px] items-center gap-1 text-xl", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted", children: " $" }), (0, jsx_runtime_1.jsx)("div", { className: "text-[30px]", children: (0, number_1.formatDisplayNumber)(totalBalanceUsd, { fractionDigits: 2 }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "b3-modal-username font-neue-montreal-semibold text-base leading-none text-[#0B57C2]", children: currentUsername })] })] }) }));
 };
 exports.default = ProfileSection;

package/dist/cjs/global-account/react/components/ManageAccount/SettingsContent.js CHANGED Viewed

@@ -45,6 +45,6 @@ const SettingsContent = ({ partnerId, onLogout, chain, }) => {
         }
         setB3ModalOpen(true);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-[470px] flex-col", children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.default, { showBackButton: false, showCloseButton: false, title: "Settings" }), (0, jsx_runtime_1.jsx)("div", { className: "p-5", children: (0, jsx_runtime_1.jsx)("div", { className: "flex items-center rounded-xl border border-[#e4e4e7] bg-[#f4f4f5] p-4", children: (0, jsx_runtime_1.jsx)(SettingsProfileCard_1.default, {}) }) }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-3 px-5", children: (0, jsx_runtime_1.jsx)(SettingsMenuItem_1.default, { icon: (0, jsx_runtime_1.jsx)(LinkIcon_1.default, { className: "text-b3-grey-500" }), title: "Linked Accounts", subtitle: "3 connected accounts", onClick: () => handleNavigate("linkAccount") }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-[470px] flex-col", children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.default, { showBackButton: false, showCloseButton: false, title: "Settings" }), (0, jsx_runtime_1.jsx)("div", { className: "p-5", children: (0, jsx_runtime_1.jsx)("div", { className: "b3-modal-settings-profile-card flex items-center rounded-xl border border-[#e4e4e7] bg-[#f4f4f5] p-4", children: (0, jsx_runtime_1.jsx)(SettingsProfileCard_1.default, {}) }) }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-3 px-5", children: (0, jsx_runtime_1.jsx)(SettingsMenuItem_1.default, { icon: (0, jsx_runtime_1.jsx)(LinkIcon_1.default, { className: "text-b3-grey-500" }), title: "Linked Accounts", subtitle: "3 connected accounts", onClick: () => handleNavigate("linkAccount") }) })] }));
 };
 exports.default = SettingsContent;

package/dist/cjs/global-account/react/components/ManageAccount/SettingsMenuItem.js CHANGED Viewed

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const lucide_react_1 = require("lucide-react");
 const SettingsMenuItem = ({ icon, title, subtitle, onClick }) => {
-    return ((0, jsx_runtime_1.jsxs)("button", { onClick: onClick, className: "flex w-full items-center gap-2 rounded-xl px-3 py-2 transition-colors hover:bg-[#f4f4f5]", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex size-10 items-center justify-center rounded-full bg-[#f4f4f5]", children: icon }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col items-start gap-1 text-left", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-semibold text-[14px] leading-none tracking-[-0.28px] text-[#3f3f46]", children: title }), (0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-medium text-[14px] leading-none tracking-[-0.28px] text-[#70707b]", children: subtitle })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { size: 20, className: "text-[#51525c]" })] }));
+    return ((0, jsx_runtime_1.jsxs)("button", { onClick: onClick, className: "b3-modal-settings-menu-item flex w-full items-center gap-2 rounded-xl px-3 py-2 transition-colors hover:bg-[#f4f4f5]", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex size-10 items-center justify-center rounded-full bg-[#f4f4f5]", children: icon }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col items-start gap-1 text-left", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-semibold text-[14px] leading-none tracking-[-0.28px] text-[#3f3f46]", children: title }), (0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-medium text-[14px] leading-none tracking-[-0.28px] text-[#70707b]", children: subtitle })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { size: 20, className: "text-[#51525c]" })] }));
 };
 exports.default = SettingsMenuItem;

package/dist/cjs/global-account/react/components/ManageAccount/SettingsProfileCard.js CHANGED Viewed

@@ -101,6 +101,6 @@ const SettingsProfileCard = () => {
                 /* Edit mode - inline input */
                 (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "text", value: editedUsername, onChange: e => setEditedUsername(e.target.value), onKeyDown: handleKeyDown, disabled: isSaving, className: "border-b3-line bg-b3-background text-b3-grey placeholder:text-b3-foreground-muted font-neue-montreal-semibold focus:border-b3-primary-blue w-full rounded-md border px-2 py-1 text-lg leading-none transition-colors focus:outline-none disabled:opacity-50", placeholder: "Enter username" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)("button", { onClick: handleSaveUsername, disabled: isSaving, className: "text-b3-primary-blue hover:text-b3-primary-blue/80 flex items-center justify-center rounded-md p-1 transition-colors disabled:opacity-50", "aria-label": "Save username", children: isSaving ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { size: 18, className: "animate-spin" }) : (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { size: 18, strokeWidth: 2.5 }) }), (0, jsx_runtime_1.jsx)("button", { onClick: handleCancelEdit, disabled: isSaving, className: "text-b3-foreground-muted hover:text-b3-grey flex items-center justify-center rounded-md p-1 transition-colors disabled:opacity-50", "aria-label": "Cancel editing", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 18, strokeWidth: 2.5 }) })] })] })) : (
                 /* Display mode */
-                (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-1", children: (0, jsx_runtime_1.jsx)("p", { className: "font-neue-montreal-semibold text-lg leading-none text-[#0B57C2]", children: currentUsername }) }), (0, jsx_runtime_1.jsx)("button", { onClick: handleEditUsername, className: "flex items-center justify-center gap-1 text-left transition-opacity hover:opacity-80", children: (0, jsx_runtime_1.jsx)("p", { className: "font-inter text-sm font-semibold leading-5 text-[#51525C]", children: "Edit Username" }) })] })) })] }));
+                (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-1", children: (0, jsx_runtime_1.jsx)("p", { className: "b3-modal-username font-neue-montreal-semibold text-lg leading-none text-[#0B57C2]", children: currentUsername }) }), (0, jsx_runtime_1.jsx)("button", { onClick: handleEditUsername, className: "flex items-center justify-center gap-1 text-left transition-opacity hover:opacity-80", children: (0, jsx_runtime_1.jsx)("p", { className: "font-inter text-sm font-semibold leading-5 text-[#51525C]", children: "Edit Username" }) })] })) })] }));
 };
 exports.default = SettingsProfileCard;

package/dist/cjs/global-account/react/components/ModalHeader/ModalHeader.js CHANGED Viewed

@@ -7,6 +7,6 @@ const stores_1 = require("../../stores");
 const ModalHeader = ({ showBackButton = true, handleBack, handleClose, title, children, showCloseButton = true, className, showBackWord = false, }) => {
     const navigateBack = (0, stores_1.useModalStore)(state => state.navigateBack);
     const setB3ModalOpen = (0, stores_1.useModalStore)(state => state.setB3ModalOpen);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("flex h-16 items-center justify-between border-b border-[#e4e4e7] bg-white px-5 py-3", className), children: [showBackButton ? ((0, jsx_runtime_1.jsxs)("button", { onClick: handleBack || navigateBack, className: "flex h-6 w-6 items-center justify-center transition-opacity hover:opacity-70", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "h-6 w-6 rotate-90 text-[#51525c]" }), showBackWord && (0, jsx_runtime_1.jsx)("span", { className: "text-sm font-medium", children: "Back" })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "w-2" })), (0, jsx_runtime_1.jsx)("p", { className: "font-inter text-lg font-semibold leading-7 text-[#18181b]", children: title }), showCloseButton ? ((0, jsx_runtime_1.jsx)("button", { onClick: handleClose || (() => setB3ModalOpen(false)), className: "flex h-6 w-6 items-center justify-center transition-opacity hover:opacity-70", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-6 w-6 text-[#51525c]" }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "w-2" })), children] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("b3-modal-header flex h-16 items-center justify-between border-b border-[#e4e4e7] bg-white px-5 py-3", className), children: [showBackButton ? ((0, jsx_runtime_1.jsxs)("button", { onClick: handleBack || navigateBack, className: "flex h-6 w-6 items-center justify-center transition-opacity hover:opacity-70", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft, { className: "h-6 w-6 text-[#51525c]" }), showBackWord && (0, jsx_runtime_1.jsx)("span", { className: "text-sm font-medium", children: "Back" })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "w-2" })), (0, jsx_runtime_1.jsx)("p", { className: "font-inter text-lg font-semibold leading-7 text-[#18181b]", children: title }), showCloseButton ? ((0, jsx_runtime_1.jsx)("button", { onClick: handleClose || (() => setB3ModalOpen(false)), className: "flex h-6 w-6 items-center justify-center transition-opacity hover:opacity-70", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-6 w-6 text-[#51525c]" }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "w-2" })), children] }));
 };
 exports.default = ModalHeader;

package/dist/cjs/global-account/react/components/ui/dialog.js CHANGED Viewed

@@ -53,7 +53,7 @@ exports.DialogOverlay = DialogOverlay;
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 const DialogContent = React.forwardRef(({ className, children, hideCloseButton = true, closeBtnClassName, ...props }, ref) => {
     const container = typeof window !== "undefined" ? document.getElementById("b3-root") : null;
-    return ((0, jsx_runtime_1.jsxs)(DialogPortal, { container: container, children: [(0, jsx_runtime_1.jsx)(DialogOverlay, {}), (0, jsx_runtime_1.jsxs)(DialogPrimitive.Content, { ref: ref, className: (0, utils_1.cn)("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border shadow-lg !outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-500", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "[perspective:1200px] [transform-style:preserve-3d] sm:rounded-xl", "transition-all ease-out", className), ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col overflow-hidden rounded-xl border border-[#D1D1D6] bg-white shadow-[0_20px_24px_-4px_rgba(10,13,18,0.08),0_8px_8px_-4px_rgba(10,13,18,0.03),0_3px_3px_-1.5px_rgba(10,13,18,0.04)]", children: [children, !hideCloseButton && ((0, jsx_runtime_1.jsxs)(DialogPrimitive.Close, { className: (0, utils_1.cn)("modal-close-button data-[state=open]:bg-b3-react-background data-[state=open]:text-b3-react-muted-foreground absolute right-2 top-2 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400", closeBtnClassName), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-5 w-5" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close" })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-1.5 pt-[10px]", children: [(0, jsx_runtime_1.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M2 4.66667C2 3.19391 3.19391 2 4.66667 2H11.3333C12.8061 2 14 3.19391 14 4.66667V11.3333C14 12.8061 12.8061 14 11.3333 14H4.66667C3.19391 14 2 12.8061 2 11.3333V4.66667Z", fill: "#0B57C2" }), (0, jsx_runtime_1.jsx)("path", { d: "M5.33333 6C5.33333 5.63181 5.63181 5.33333 6 5.33333H10C10.3682 5.33333 10.6667 5.63181 10.6667 6V10C10.6667 10.3682 10.3682 10.6667 10 10.6667H6C5.63181 10.6667 5.33333 10.3682 5.33333 10V6Z", fill: "white" })] }), (0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-semibold text-xs uppercase leading-none tracking-[0.72px] text-[#0B57C2]", children: "Global Account" })] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(DialogPortal, { container: container, children: [(0, jsx_runtime_1.jsx)(DialogOverlay, {}), (0, jsx_runtime_1.jsxs)(DialogPrimitive.Content, { ref: ref, className: (0, utils_1.cn)("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border shadow-lg !outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-500", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "[perspective:1200px] [transform-style:preserve-3d] sm:rounded-xl", "transition-all ease-out", className), ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "modal-inner-content flex flex-1 flex-col overflow-hidden rounded-xl border border-[#D1D1D6] bg-white shadow-[0_20px_24px_-4px_rgba(10,13,18,0.08),0_8px_8px_-4px_rgba(10,13,18,0.03),0_3px_3px_-1.5px_rgba(10,13,18,0.04)]", children: [children, !hideCloseButton && ((0, jsx_runtime_1.jsxs)(DialogPrimitive.Close, { className: (0, utils_1.cn)("modal-close-button data-[state=open]:bg-b3-react-background data-[state=open]:text-b3-react-muted-foreground absolute right-2 top-2 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400", closeBtnClassName), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-5 w-5" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close" })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "b3-modal-ga-branding flex items-center justify-center gap-1.5 pt-[10px]", children: [(0, jsx_runtime_1.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M2 4.66667C2 3.19391 3.19391 2 4.66667 2H11.3333C12.8061 2 14 3.19391 14 4.66667V11.3333C14 12.8061 12.8061 14 11.3333 14H4.66667C3.19391 14 2 12.8061 2 11.3333V4.66667Z", fill: "#0B57C2" }), (0, jsx_runtime_1.jsx)("path", { d: "M5.33333 6C5.33333 5.63181 5.63181 5.33333 6 5.33333H10C10.3682 5.33333 10.6667 5.63181 10.6667 6V10C10.6667 10.3682 10.3682 10.6667 10 10.6667H6C5.63181 10.6667 5.33333 10.3682 5.33333 10V6Z", fill: "white" })] }), (0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-semibold text-xs uppercase leading-none tracking-[0.72px] text-[#0B57C2]", children: "Global Account" })] })] })] }));
 });
 exports.DialogContent = DialogContent;
 DialogContent.displayName = DialogPrimitive.Content.displayName;

package/dist/esm/global-account/react/components/LinkAccount/LinkAccount.js CHANGED Viewed

@@ -139,7 +139,7 @@ export const LinkAccount = ({ partnerId, onLogout, chain, }) => {
                                                                             ? "font-mono text-sm" // Use monospace font for addresses
                                                                             : "break-words" // Use break-words for emails/names (better than break-all)
                                                                         }`, title: isAddress ? profile.title : undefined, children: displayTitle }), isAddress && (_jsx("button", { onClick: handleCopyAddress, className: "linked-account-copy-button ml-1 rounded p-1 opacity-0 transition-opacity hover:bg-gray-100 group-hover:opacity-100", title: "Copy full address", children: _jsx(Copy, { size: 12, className: "text-gray-500 hover:text-gray-700" }) }))] }));
-                                                        })(), _jsx("span", { className: "linked-account-type text-b3-foreground-muted font-neue-montreal-medium bg-b3-primary-wash rounded px-2 py-0.5 text-xs", children: profile.type.toUpperCase() })] }), _jsx("div", { className: "linked-account-subtitle text-b3-foreground-muted font-neue-montreal-medium text-sm", children: profile.subtitle })] })] }), _jsx(Button, { variant: "ghost", size: "icon", className: "linked-account-unlink-button text-b3-grey hover:text-b3-negative", onClick: () => handleUnlink(profile), disabled: unlinkingAccountId === profile.title || isUnlinking, children: unlinkingAccountId === profile.title || isUnlinking ? (_jsx(Loader2, { className: "linked-account-unlink-loading animate-spin" })) : (_jsx(UnlinkIcon, { size: 16, className: "linked-account-unlink-icon" })) })] }, profile.title))) })) : (_jsx("div", { className: "linked-accounts-empty text-b3-foreground-muted py-8 text-center", children: "No linked accounts found" })), _jsx(Button, { onClick: handleOpenLinkModal, disabled: isLinking, className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 border-white/12 group relative h-12 w-full rounded-xl border-2 px-[18px] text-base font-semibold text-white shadow-[inset_0px_0px_0px_1px_rgba(10,13,18,0.18),inset_0px_-2px_0px_0px_rgba(10,13,18,0.05)] transition-all", children: _jsxs("div", { className: "flex items-center justify-center gap-1.5", children: [_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "shrink-0", children: _jsx("path", { d: "M10.0001 13.3333V6.66667M6.66675 10H13.3334M18.3334 10C18.3334 14.6024 14.6025 18.3333 10.0001 18.3333C5.39771 18.3333 1.66675 14.6024 1.66675 10C1.66675 5.39763 5.39771 1.66667 10.0001 1.66667C14.6025 1.66667 18.3334 5.39763 18.3334 10Z", stroke: "currentColor", strokeWidth: "1.67", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("span", { children: "Link new account" })] }) })] }), showReferralInfo && (
+                                                        })(), _jsx("span", { className: "linked-account-type text-b3-foreground-muted font-neue-montreal-medium bg-b3-primary-wash rounded px-2 py-0.5 text-xs", children: profile.type.toUpperCase() })] }), _jsx("div", { className: "linked-account-subtitle text-b3-foreground-muted font-neue-montreal-medium text-sm", children: profile.subtitle })] })] }), _jsx(Button, { variant: "ghost", size: "icon", className: "linked-account-unlink-button text-b3-grey hover:text-b3-negative", onClick: () => handleUnlink(profile), disabled: unlinkingAccountId === profile.title || isUnlinking, children: unlinkingAccountId === profile.title || isUnlinking ? (_jsx(Loader2, { className: "linked-account-unlink-loading animate-spin" })) : (_jsx(UnlinkIcon, { size: 16, className: "linked-account-unlink-icon" })) })] }, profile.title))) })) : (_jsx("div", { className: "linked-accounts-empty text-b3-foreground-muted py-8 text-center", children: "No linked accounts found" })), _jsx(Button, { onClick: handleOpenLinkModal, disabled: isLinking, className: "b3-modal-link-new-account-button bg-b3-primary-blue hover:bg-b3-primary-blue/90 border-white/12 group relative h-12 w-full rounded-xl border-2 px-[18px] text-base font-semibold text-white shadow-[inset_0px_0px_0px_1px_rgba(10,13,18,0.18),inset_0px_-2px_0px_0px_rgba(10,13,18,0.05)] transition-all", children: _jsxs("div", { className: "flex items-center justify-center gap-1.5", children: [_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "shrink-0", children: _jsx("path", { d: "M10.0001 13.3333V6.66667M6.66675 10H13.3334M18.3334 10C18.3334 14.6024 14.6025 18.3333 10.0001 18.3333C5.39771 18.3333 1.66675 14.6024 1.66675 10C1.66675 5.39763 5.39771 1.66667 10.0001 1.66667C14.6025 1.66667 18.3334 5.39763 18.3334 10Z", stroke: "currentColor", strokeWidth: "1.67", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("span", { children: "Link new account" })] }) })] }), showReferralInfo && (
             /* Referral Section */
             _jsxs("div", { className: "referrals-section space-y-4", children: [_jsx("h3", { className: "referrals-title text-b3-grey font-neue-montreal-semibold text-xl", children: "Referrals" }), _jsxs("div", { className: "referral-code-container bg-b3-line rounded-xl p-4", children: [isEditingCode && (_jsxs("div", { className: "referral-code-header-editing", children: [_jsx("div", { className: "referral-code-title text-b3-grey font-neue-montreal-semibold", children: "Your Referral Code" }), _jsx("div", { className: "referral-code-description text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Share this code with friends to earn rewards" })] })), _jsxs("div", { className: "referral-code-content flex items-center justify-between", children: [!isEditingCode && (_jsxs("div", { className: "referral-code-header", children: [_jsx("div", { className: "referral-code-title text-b3-grey font-neue-montreal-semibold", children: "Your Referral Code" }), _jsx("div", { className: "referral-code-description text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Share this code with friends to earn rewards" })] })), _jsx("div", { className: "referral-code-actions flex items-center gap-2", children: isEditingCode ? (_jsxs("div", { className: "referral-code-edit-form flex items-center gap-2", children: [_jsx("input", { type: "text", value: newReferralCode, onChange: e => setNewReferralCode(e.target.value), className: "referral-code-input rounded-lg border border-gray-200 bg-white px-3 py-1.5 text-sm", placeholder: "Enter new code", ref: referallCodeRef }), _jsx(Button, { size: "sm", className: "referral-code-save-button", onClick: handleUpdateReferralCode, disabled: isUpdatingCode || !newReferralCode, children: isUpdatingCode ? (_jsx(Loader2, { className: "referral-code-save-loading h-4 w-4 animate-spin" })) : ("Save") }), _jsx(Button, { size: "sm", variant: "ghost", className: "referral-code-cancel-button", onClick: () => {
                                                         setIsEditingCode(false);

package/dist/esm/global-account/react/components/ManageAccount/BottomNavigation.js CHANGED Viewed

@@ -11,7 +11,7 @@ const SettingsIcon = () => {
 };
 const BottomNavigation = () => {
     const setB3ModalContentType = useModalStore(state => state.setB3ModalContentType);
-    return (_jsx("div", { className: "sticky bottom-0 left-0 w-full rounded-b-xl border-t border-gray-200 bg-[#FAFAFA]", children: _jsxs(TabsListPrimitive, { className: "flex h-[68px] w-full items-center justify-center gap-4 border-none bg-transparent", children: [_jsxs(TabTriggerPrimitive, { value: "home", className: "data-[state=active]:border-b3-primary-blue group flex flex-initial flex-col items-center gap-1 border-r-0 border-t-0 px-6 pb-2 pt-2.5 text-[#a0a0ab] data-[state=active]:border-t-4 data-[state=active]:text-[#18181B]", children: [_jsx(HomeIcon, {}), _jsx("span", { className: "text-b3-grey font-neue-montreal-semibold text-xs", children: "Home" })] }), _jsxs(TabTriggerPrimitive, { value: "swap", className: "data-[state=active]:border-b3-primary-blue group flex flex-initial flex-col items-center gap-1 border-r-0 border-t-0 px-6 pb-2 pt-2.5 text-[#a0a0ab] data-[state=active]:border-t-4 data-[state=active]:text-[#18181B]", onClick: () => {
+    return (_jsx("div", { className: "b3-modal-bottom-navigation sticky bottom-0 left-0 w-full rounded-b-xl border-t border-gray-200 bg-[#FAFAFA]", children: _jsxs(TabsListPrimitive, { className: "flex h-[68px] w-full items-center justify-center gap-4 border-none bg-transparent", children: [_jsxs(TabTriggerPrimitive, { value: "home", className: "data-[state=active]:border-b3-primary-blue group flex flex-initial flex-col items-center gap-1 border-r-0 border-t-0 px-6 pb-2 pt-2.5 text-[#a0a0ab] data-[state=active]:border-t-4 data-[state=active]:text-[#18181B]", children: [_jsx(HomeIcon, {}), _jsx("span", { className: "text-b3-grey font-neue-montreal-semibold text-xs", children: "Home" })] }), _jsxs(TabTriggerPrimitive, { value: "swap", className: "data-[state=active]:border-b3-primary-blue group flex flex-initial flex-col items-center gap-1 border-r-0 border-t-0 px-6 pb-2 pt-2.5 text-[#a0a0ab] data-[state=active]:border-t-4 data-[state=active]:text-[#18181B]", onClick: () => {
                         setB3ModalContentType({
                             type: "anySpend",
                             showBackButton: true,

package/dist/esm/global-account/react/components/ManageAccount/Header.js CHANGED Viewed

@@ -37,7 +37,7 @@ function WalletItem({ wallet, isActive, onClick }) {
                     : isGlobalAccount
                         ? "Smart Wallet"
                         : "Wallet";
-    return (_jsxs("div", { className: `box-border flex cursor-pointer items-center gap-2 rounded-xl px-3 py-2 transition-colors ${isActive ? "bg-[#F4F4F5]" : "hover:bg-b3-line/50"}`, onClick: onClick, children: [_jsx("div", { className: "relative size-10 shrink-0 overflow-clip rounded-full", children: isGlobalAccount ? (_jsx("div", { className: "flex size-full items-center justify-center p-1", children: _jsx("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "size-full object-contain" }) })) : walletImage ? (_jsx("img", { src: walletImage, alt: walletName, className: "size-full object-contain p-1" })) : (_jsx("div", { className: "flex size-full items-center justify-center", children: _jsx(WalletIcon, {}) })) }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [_jsx("p", { className: "text-b3-grey font-neue-montreal-semibold truncate text-sm", children: walletName }), _jsx("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: centerTruncate(address, 4) })] }), isActive && (_jsx("div", { className: "shrink-0", children: _jsx(CheckIcon, {}) }))] }));
+    return (_jsxs("div", { className: `b3-modal-wallet-item ${isActive ? "b3-modal-wallet-item-active bg-[#F4F4F5]" : "hover:bg-b3-line/50"} box-border flex cursor-pointer items-center gap-2 rounded-xl px-3 py-2 transition-colors`, onClick: onClick, children: [_jsx("div", { className: "relative size-10 shrink-0 overflow-clip rounded-full", children: isGlobalAccount ? (_jsx("div", { className: "flex size-full items-center justify-center p-1", children: _jsx("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "size-full object-contain" }) })) : walletImage ? (_jsx("img", { src: walletImage, alt: walletName, className: "size-full object-contain p-1" })) : (_jsx("div", { className: "flex size-full items-center justify-center", children: _jsx(WalletIcon, {}) })) }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [_jsx("p", { className: "text-b3-grey font-neue-montreal-semibold truncate text-sm", children: walletName }), _jsx("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: centerTruncate(address, 4) })] }), isActive && (_jsx("div", { className: "shrink-0", children: _jsx(CheckIcon, {}) }))] }));
 }
 export function Header({ onLogout }) {
     const activeWallet = useActiveWallet();
@@ -75,7 +75,7 @@ export function Header({ onLogout }) {
             },
         });
     };
-    return (_jsx(AccordionPrimitive.Root, { type: "single", collapsible: true, value: isExpanded ? "wallet-switcher" : "", className: "bg-b3-background border-b3-line relative border-b", onValueChange: (value) => setIsExpanded(value === "wallet-switcher"), children: _jsxs(AccordionPrimitive.Item, { value: "wallet-switcher", className: "border-none", children: [_jsxs(AccordionPrimitive.Trigger, { className: "group flex w-full items-center justify-between border-none bg-transparent px-5 py-3 outline-none", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "relative size-10 shrink-0 overflow-clip rounded-full", children: isActiveGlobalAccount ? (_jsx("div", { className: "flex size-full items-center justify-center p-1", children: _jsx("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "size-full object-contain" }) })) : activeWalletImage ? (_jsx("img", { src: activeWalletImage, alt: "Active Wallet", className: "size-full object-contain p-1" })) : (_jsx("div", { className: "flex size-full items-center justify-center", children: _jsx(WalletIcon, {}) })) }), _jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("p", { className: "text-b3-grey font-neue-montreal-semibold text-sm", children: "Active Wallet" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: centerTruncate(address, 4) }), _jsx(CopyToClipboard, { text: address })] })] })] }), _jsx(ChevronDownIcon, { className: "text-b3-grey transition-transform duration-200 group-data-[state=open]:rotate-180" })] }), _jsx(AnimatePresence, { children: isExpanded && (_jsx(AccordionPrimitive.Content, { forceMount: true, className: "absolute left-0 right-0 top-full z-50 overflow-visible", children: _jsxs(motion.div, { initial: { opacity: 0, y: -10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -10 }, transition: { duration: 0.2, ease: "easeInOut" }, className: "flex flex-col gap-3 rounded-bl-3xl rounded-br-3xl bg-white px-2 pb-5 pt-3 shadow-[0px_32px_64px_-12px_rgba(10,13,18,0.14),0px_5px_5px_-2.5px_rgba(10,13,18,0.04)]", children: [_jsxs("div", { className: "flex flex-col gap-3", children: [connectedWallets.map(wallet => (_jsx(WalletItem, { wallet: wallet, isActive: activeWallet?.id === wallet.id, onClick: () => handleWalletSwitch(wallet) }, wallet.id))), _jsxs("div", { className: "hover:bg-b3-line/50 box-border flex cursor-pointer items-center gap-2 rounded-xl px-3 py-2 transition-colors", onClick: handleLinkWallet, children: [_jsx("div", { className: "bg-b3-line flex size-10 shrink-0 items-center justify-center rounded-full", children: _jsx(LinkIcon, { className: "text-b3-grey" }) }), _jsx("div", { className: "flex flex-1 flex-col", children: _jsx("p", { className: "text-b3-grey font-neue-montreal-semibold text-sm", children: "Link another wallet" }) })] })] }), _jsxs("button", { className: "border-b3-line hover:bg-b3-line bg-b3-background flex items-center justify-center gap-1.5 rounded-xl border border-solid p-2.5 transition-colors", onClick: onLogoutEnhanced, disabled: logoutLoading, style: {
+    return (_jsx(AccordionPrimitive.Root, { type: "single", collapsible: true, value: isExpanded ? "wallet-switcher" : "", className: "b3-modal-wallet-switcher bg-b3-background border-b3-line relative border-b", onValueChange: (value) => setIsExpanded(value === "wallet-switcher"), children: _jsxs(AccordionPrimitive.Item, { value: "wallet-switcher", className: "border-none", children: [_jsxs(AccordionPrimitive.Trigger, { className: "b3-modal-wallet-switcher-trigger group flex w-full items-center justify-between border-none bg-transparent px-5 py-3 outline-none", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "relative size-10 shrink-0 overflow-clip rounded-full", children: isActiveGlobalAccount ? (_jsx("div", { className: "flex size-full items-center justify-center p-1", children: _jsx("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "size-full object-contain" }) })) : activeWalletImage ? (_jsx("img", { src: activeWalletImage, alt: "Active Wallet", className: "size-full object-contain p-1" })) : (_jsx("div", { className: "flex size-full items-center justify-center", children: _jsx(WalletIcon, {}) })) }), _jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("p", { className: "text-b3-grey font-neue-montreal-semibold text-sm", children: "Active Wallet" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: centerTruncate(address, 4) }), _jsx(CopyToClipboard, { text: address })] })] })] }), _jsx(ChevronDownIcon, { className: "b3-modal-wallet-switcher-chevron text-b3-grey transition-transform duration-200 group-data-[state=open]:rotate-180" })] }), _jsx(AnimatePresence, { children: isExpanded && (_jsx(AccordionPrimitive.Content, { forceMount: true, className: "absolute left-0 right-0 top-full z-50 overflow-visible", children: _jsxs(motion.div, { initial: { opacity: 0, y: -10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -10 }, transition: { duration: 0.2, ease: "easeInOut" }, className: "b3-modal-wallet-switcher-content flex flex-col gap-3 rounded-bl-3xl rounded-br-3xl bg-white px-2 pb-5 pt-3 shadow-[0px_32px_64px_-12px_rgba(10,13,18,0.14),0px_5px_5px_-2.5px_rgba(10,13,18,0.04)]", children: [_jsxs("div", { className: "flex flex-col gap-3", children: [connectedWallets.map(wallet => (_jsx(WalletItem, { wallet: wallet, isActive: activeWallet?.id === wallet.id, onClick: () => handleWalletSwitch(wallet) }, wallet.id))), _jsxs("div", { className: "b3-modal-link-another-wallet hover:bg-b3-line/50 box-border flex cursor-pointer items-center gap-2 rounded-xl px-3 py-2 transition-colors", onClick: handleLinkWallet, children: [_jsx("div", { className: "bg-b3-line flex size-10 shrink-0 items-center justify-center rounded-full", children: _jsx(LinkIcon, { className: "text-b3-grey" }) }), _jsx("div", { className: "flex flex-1 flex-col", children: _jsx("p", { className: "text-b3-grey font-neue-montreal-semibold text-sm", children: "Link another wallet" }) })] })] }), _jsxs("button", { className: "b3-modal-sign-out-button border-b3-line hover:bg-b3-line bg-b3-background flex items-center justify-center gap-1.5 rounded-xl border border-solid p-2.5 transition-colors", onClick: onLogoutEnhanced, disabled: logoutLoading, style: {
                                         boxShadow: "inset 0px 0px 0px 1px rgba(10,13,18,0.18), inset 0px -2px 0px 0px rgba(10,13,18,0.05)",
                                     }, children: [logoutLoading ? (_jsx(Loader2, { className: "animate-spin", size: 20 })) : (_jsx(SignOutIcon, { size: 20, className: "text-b3-grey" })), _jsx("p", { className: "text-b3-grey font-neue-montreal-semibold text-base", children: "Sign out" })] })] }) })) })] }) }));
 }

package/dist/esm/global-account/react/components/ManageAccount/HomeActions.js CHANGED Viewed

@@ -11,7 +11,7 @@ const HomeActionButton = ({ customClass, icon, label, onClick, }) => {
 const HomeActions = ({ showDeposit, showSwap }) => {
     const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
     const setB3ModalContentType = useModalStore(state => state.setB3ModalContentType);
-    return (_jsxs("div", { className: "border-b3-line grid grid-cols-4 gap-3 border-b px-5 pb-6", children: [showDeposit && (_jsx(HomeActionButton, { customClass: "manage-account-deposit", icon: _jsx(BankIcon, { size: 24, className: "text-b3-primary-blue shrink-0" }), label: "Deposit", onClick: () => {
+    return (_jsxs("div", { className: "b3-modal-home-actions border-b3-line grid grid-cols-4 gap-3 border-b px-5 pb-6", children: [showDeposit && (_jsx(HomeActionButton, { customClass: "manage-account-deposit", icon: _jsx(BankIcon, { size: 24, className: "text-b3-primary-blue shrink-0" }), label: "Deposit", onClick: () => {
                     setB3ModalOpen(true);
                     setB3ModalContentType({
                         type: "deposit",

package/dist/esm/global-account/react/components/ManageAccount/HomeContent.js CHANGED Viewed

@@ -6,5 +6,5 @@ import NFTContent from "./NFTContent.js";
 import ProfileSection from "./ProfileSection.js";
 import TokenContent from "./TokenContent.js";
 export function HomeContent({ showDeposit = false, showSwap = true }) {
-    return (_jsxs("div", { className: "flex flex-col", children: [_jsx(Header, {}), _jsxs("div", { className: "flex flex-col", children: [_jsx(ProfileSection, {}), _jsx(HomeActions, { showDeposit: showDeposit, showSwap: showSwap }), _jsx("div", { className: "space-y-2 p-5", children: _jsxs(Tabs, { defaultValue: "balance", children: [_jsxs(TabsList, { children: [_jsx(TabTrigger, { value: "balance", className: "font-neue-montreal-semibold p-0 pr-3", children: "Balance" }), _jsx(TabTrigger, { value: "nfts", className: "font-neue-montreal-semibold p-0 pr-3", children: "NFTs" })] }), _jsx(TabsContent, { value: "balance", className: "px-0 pb-4 pt-2", children: _jsx(TokenContent, {}) }), _jsx(TabsContent, { value: "nfts", className: "px-0 pb-4 pt-2", children: _jsx(NFTContent, {}) })] }) })] })] }));
+    return (_jsxs("div", { className: "flex flex-col", children: [_jsx(Header, {}), _jsxs("div", { className: "flex flex-col", children: [_jsx(ProfileSection, {}), _jsx(HomeActions, { showDeposit: showDeposit, showSwap: showSwap }), _jsx("div", { className: "b3-modal-balance-content space-y-2 p-5", children: _jsxs(Tabs, { defaultValue: "balance", children: [_jsxs(TabsList, { className: "b3-modal-balance-tabs-list", children: [_jsx(TabTrigger, { value: "balance", className: "font-neue-montreal-semibold p-0 pr-3", children: "Balance" }), _jsx(TabTrigger, { value: "nfts", className: "font-neue-montreal-semibold p-0 pr-3", children: "NFTs" })] }), _jsx(TabsContent, { value: "balance", className: "px-0 pb-4 pt-2", children: _jsx(TokenContent, {}) }), _jsx(TabsContent, { value: "nfts", className: "px-0 pb-4 pt-2", children: _jsx(NFTContent, {}) })] }) })] })] }));
 }

package/dist/esm/global-account/react/components/ManageAccount/ProfileSection.js CHANGED Viewed

@@ -40,6 +40,6 @@ const ProfileSection = () => {
     const avatarSrc = user?.avatar || profile?.avatar;
     // Get current username - prioritize user.username, fallback to profile data
     const currentUsername = user?.username || profile?.displayName || formatUsername(profile?.name || "");
-    return (_jsx("div", { className: "flex items-center justify-between px-5 py-6", children: _jsxs("div", { className: "global-account-profile flex items-center gap-4", children: [_jsxs("div", { className: "global-account-profile-avatar relative", children: [_jsx(IPFSMediaRenderer, { src: avatarSrc, alt: "Profile Avatar", className: "border-b3-line border-1 bg-b3-primary-wash size-14 rounded-full border" }), _jsx("button", { onClick: handleEditAvatar, className: "border-b3-background hover:bg-b3-grey/80 absolute -bottom-1 -right-1 flex size-6 items-center justify-center rounded-full border-4 bg-[#a0a0ab] transition-colors", children: _jsx(Pencil, { size: 10, className: "text-b3-background" }) })] }), _jsxs("div", { className: "global-account-profile-info flex flex-col gap-1", children: [_jsxs("h2", { className: "text-b3-grey font-neue-montreal-semibold flex h-[38px] items-center gap-1 text-xl", children: [_jsx("div", { className: "text-b3-foreground-muted", children: " $" }), _jsx("div", { className: "text-[30px]", children: formatDisplayNumber(totalBalanceUsd, { fractionDigits: 2 }) })] }), _jsx("div", { className: "font-neue-montreal-semibold text-base leading-none text-[#0B57C2]", children: currentUsername })] })] }) }));
+    return (_jsx("div", { className: "flex items-center justify-between px-5 py-6", children: _jsxs("div", { className: "global-account-profile flex items-center gap-4", children: [_jsxs("div", { className: "global-account-profile-avatar relative", children: [_jsx(IPFSMediaRenderer, { src: avatarSrc, alt: "Profile Avatar", className: "border-b3-line border-1 bg-b3-primary-wash size-14 rounded-full border" }), _jsx("button", { onClick: handleEditAvatar, className: "border-b3-background hover:bg-b3-grey/80 absolute -bottom-1 -right-1 flex size-6 items-center justify-center rounded-full border-4 bg-[#a0a0ab] transition-colors", children: _jsx(Pencil, { size: 10, className: "text-b3-background" }) })] }), _jsxs("div", { className: "global-account-profile-info flex flex-col gap-1", children: [_jsxs("h2", { className: "text-b3-grey font-neue-montreal-semibold flex h-[38px] items-center gap-1 text-xl", children: [_jsx("div", { className: "text-b3-foreground-muted", children: " $" }), _jsx("div", { className: "text-[30px]", children: formatDisplayNumber(totalBalanceUsd, { fractionDigits: 2 }) })] }), _jsx("div", { className: "b3-modal-username font-neue-montreal-semibold text-base leading-none text-[#0B57C2]", children: currentUsername })] })] }) }));
 };
 export default ProfileSection;

package/dist/esm/global-account/react/components/ManageAccount/SettingsContent.js CHANGED Viewed

@@ -40,6 +40,6 @@ const SettingsContent = ({ partnerId, onLogout, chain, }) => {
         }
         setB3ModalOpen(true);
     };
-    return (_jsxs("div", { className: "flex h-[470px] flex-col", children: [_jsx(ModalHeader, { showBackButton: false, showCloseButton: false, title: "Settings" }), _jsx("div", { className: "p-5", children: _jsx("div", { className: "flex items-center rounded-xl border border-[#e4e4e7] bg-[#f4f4f5] p-4", children: _jsx(SettingsProfileCard, {}) }) }), _jsx("div", { className: "space-y-3 px-5", children: _jsx(SettingsMenuItem, { icon: _jsx(LinkIcon, { className: "text-b3-grey-500" }), title: "Linked Accounts", subtitle: "3 connected accounts", onClick: () => handleNavigate("linkAccount") }) })] }));
+    return (_jsxs("div", { className: "flex h-[470px] flex-col", children: [_jsx(ModalHeader, { showBackButton: false, showCloseButton: false, title: "Settings" }), _jsx("div", { className: "p-5", children: _jsx("div", { className: "b3-modal-settings-profile-card flex items-center rounded-xl border border-[#e4e4e7] bg-[#f4f4f5] p-4", children: _jsx(SettingsProfileCard, {}) }) }), _jsx("div", { className: "space-y-3 px-5", children: _jsx(SettingsMenuItem, { icon: _jsx(LinkIcon, { className: "text-b3-grey-500" }), title: "Linked Accounts", subtitle: "3 connected accounts", onClick: () => handleNavigate("linkAccount") }) })] }));
 };
 export default SettingsContent;

package/dist/esm/global-account/react/components/ManageAccount/SettingsMenuItem.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
 const SettingsMenuItem = ({ icon, title, subtitle, onClick }) => {
-    return (_jsxs("button", { onClick: onClick, className: "flex w-full items-center gap-2 rounded-xl px-3 py-2 transition-colors hover:bg-[#f4f4f5]", children: [_jsx("div", { className: "flex size-10 items-center justify-center rounded-full bg-[#f4f4f5]", children: icon }), _jsxs("div", { className: "flex flex-1 flex-col items-start gap-1 text-left", children: [_jsx("span", { className: "font-neue-montreal-semibold text-[14px] leading-none tracking-[-0.28px] text-[#3f3f46]", children: title }), _jsx("span", { className: "font-neue-montreal-medium text-[14px] leading-none tracking-[-0.28px] text-[#70707b]", children: subtitle })] }), _jsx(ChevronRight, { size: 20, className: "text-[#51525c]" })] }));
+    return (_jsxs("button", { onClick: onClick, className: "b3-modal-settings-menu-item flex w-full items-center gap-2 rounded-xl px-3 py-2 transition-colors hover:bg-[#f4f4f5]", children: [_jsx("div", { className: "flex size-10 items-center justify-center rounded-full bg-[#f4f4f5]", children: icon }), _jsxs("div", { className: "flex flex-1 flex-col items-start gap-1 text-left", children: [_jsx("span", { className: "font-neue-montreal-semibold text-[14px] leading-none tracking-[-0.28px] text-[#3f3f46]", children: title }), _jsx("span", { className: "font-neue-montreal-medium text-[14px] leading-none tracking-[-0.28px] text-[#70707b]", children: subtitle })] }), _jsx(ChevronRight, { size: 20, className: "text-[#51525c]" })] }));
 };
 export default SettingsMenuItem;

package/dist/esm/global-account/react/components/ManageAccount/SettingsProfileCard.js CHANGED Viewed

@@ -96,6 +96,6 @@ const SettingsProfileCard = () => {
                 /* Edit mode - inline input */
                 _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { ref: inputRef, type: "text", value: editedUsername, onChange: e => setEditedUsername(e.target.value), onKeyDown: handleKeyDown, disabled: isSaving, className: "border-b3-line bg-b3-background text-b3-grey placeholder:text-b3-foreground-muted font-neue-montreal-semibold focus:border-b3-primary-blue w-full rounded-md border px-2 py-1 text-lg leading-none transition-colors focus:outline-none disabled:opacity-50", placeholder: "Enter username" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { onClick: handleSaveUsername, disabled: isSaving, className: "text-b3-primary-blue hover:text-b3-primary-blue/80 flex items-center justify-center rounded-md p-1 transition-colors disabled:opacity-50", "aria-label": "Save username", children: isSaving ? _jsx(Loader2, { size: 18, className: "animate-spin" }) : _jsx(Check, { size: 18, strokeWidth: 2.5 }) }), _jsx("button", { onClick: handleCancelEdit, disabled: isSaving, className: "text-b3-foreground-muted hover:text-b3-grey flex items-center justify-center rounded-md p-1 transition-colors disabled:opacity-50", "aria-label": "Cancel editing", children: _jsx(X, { size: 18, strokeWidth: 2.5 }) })] })] })) : (
                 /* Display mode */
-                _jsxs(_Fragment, { children: [_jsx("div", { className: "flex items-center gap-1", children: _jsx("p", { className: "font-neue-montreal-semibold text-lg leading-none text-[#0B57C2]", children: currentUsername }) }), _jsx("button", { onClick: handleEditUsername, className: "flex items-center justify-center gap-1 text-left transition-opacity hover:opacity-80", children: _jsx("p", { className: "font-inter text-sm font-semibold leading-5 text-[#51525C]", children: "Edit Username" }) })] })) })] }));
+                _jsxs(_Fragment, { children: [_jsx("div", { className: "flex items-center gap-1", children: _jsx("p", { className: "b3-modal-username font-neue-montreal-semibold text-lg leading-none text-[#0B57C2]", children: currentUsername }) }), _jsx("button", { onClick: handleEditUsername, className: "flex items-center justify-center gap-1 text-left transition-opacity hover:opacity-80", children: _jsx("p", { className: "font-inter text-sm font-semibold leading-5 text-[#51525C]", children: "Edit Username" }) })] })) })] }));
 };
 export default SettingsProfileCard;

package/dist/esm/global-account/react/components/ModalHeader/ModalHeader.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../../../../shared/utils/index.js";
-import { ChevronDown, X } from "lucide-react";
+import { ChevronLeft, X } from "lucide-react";
 import { useModalStore } from "../../stores/index.js";
 const ModalHeader = ({ showBackButton = true, handleBack, handleClose, title, children, showCloseButton = true, className, showBackWord = false, }) => {
     const navigateBack = useModalStore(state => state.navigateBack);
     const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
-    return (_jsxs("div", { className: cn("flex h-16 items-center justify-between border-b border-[#e4e4e7] bg-white px-5 py-3", className), children: [showBackButton ? (_jsxs("button", { onClick: handleBack || navigateBack, className: "flex h-6 w-6 items-center justify-center transition-opacity hover:opacity-70", children: [_jsx(ChevronDown, { className: "h-6 w-6 rotate-90 text-[#51525c]" }), showBackWord && _jsx("span", { className: "text-sm font-medium", children: "Back" })] })) : (_jsx("div", { className: "w-2" })), _jsx("p", { className: "font-inter text-lg font-semibold leading-7 text-[#18181b]", children: title }), showCloseButton ? (_jsx("button", { onClick: handleClose || (() => setB3ModalOpen(false)), className: "flex h-6 w-6 items-center justify-center transition-opacity hover:opacity-70", children: _jsx(X, { className: "h-6 w-6 text-[#51525c]" }) })) : (_jsx("div", { className: "w-2" })), children] }));
+    return (_jsxs("div", { className: cn("b3-modal-header flex h-16 items-center justify-between border-b border-[#e4e4e7] bg-white px-5 py-3", className), children: [showBackButton ? (_jsxs("button", { onClick: handleBack || navigateBack, className: "flex h-6 w-6 items-center justify-center transition-opacity hover:opacity-70", children: [_jsx(ChevronLeft, { className: "h-6 w-6 text-[#51525c]" }), showBackWord && _jsx("span", { className: "text-sm font-medium", children: "Back" })] })) : (_jsx("div", { className: "w-2" })), _jsx("p", { className: "font-inter text-lg font-semibold leading-7 text-[#18181b]", children: title }), showCloseButton ? (_jsx("button", { onClick: handleClose || (() => setB3ModalOpen(false)), className: "flex h-6 w-6 items-center justify-center transition-opacity hover:opacity-70", children: _jsx(X, { className: "h-6 w-6 text-[#51525c]" }) })) : (_jsx("div", { className: "w-2" })), children] }));
 };
 export default ModalHeader;

package/dist/esm/global-account/react/components/ui/dialog.js CHANGED Viewed

@@ -12,7 +12,7 @@ const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(D
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 const DialogContent = React.forwardRef(({ className, children, hideCloseButton = true, closeBtnClassName, ...props }, ref) => {
     const container = typeof window !== "undefined" ? document.getElementById("b3-root") : null;
-    return (_jsxs(DialogPortal, { container: container, children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border shadow-lg !outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-500", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "[perspective:1200px] [transform-style:preserve-3d] sm:rounded-xl", "transition-all ease-out", className), ...props, children: [_jsxs("div", { className: "flex flex-1 flex-col overflow-hidden rounded-xl border border-[#D1D1D6] bg-white shadow-[0_20px_24px_-4px_rgba(10,13,18,0.08),0_8px_8px_-4px_rgba(10,13,18,0.03),0_3px_3px_-1.5px_rgba(10,13,18,0.04)]", children: [children, !hideCloseButton && (_jsxs(DialogPrimitive.Close, { className: cn("modal-close-button data-[state=open]:bg-b3-react-background data-[state=open]:text-b3-react-muted-foreground absolute right-2 top-2 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400", closeBtnClassName), children: [_jsx(X, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Close" })] }))] }), _jsxs("div", { className: "flex items-center justify-center gap-1.5 pt-[10px]", children: [_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M2 4.66667C2 3.19391 3.19391 2 4.66667 2H11.3333C12.8061 2 14 3.19391 14 4.66667V11.3333C14 12.8061 12.8061 14 11.3333 14H4.66667C3.19391 14 2 12.8061 2 11.3333V4.66667Z", fill: "#0B57C2" }), _jsx("path", { d: "M5.33333 6C5.33333 5.63181 5.63181 5.33333 6 5.33333H10C10.3682 5.33333 10.6667 5.63181 10.6667 6V10C10.6667 10.3682 10.3682 10.6667 10 10.6667H6C5.63181 10.6667 5.33333 10.3682 5.33333 10V6Z", fill: "white" })] }), _jsx("span", { className: "font-neue-montreal-semibold text-xs uppercase leading-none tracking-[0.72px] text-[#0B57C2]", children: "Global Account" })] })] })] }));
+    return (_jsxs(DialogPortal, { container: container, children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border shadow-lg !outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-500", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "[perspective:1200px] [transform-style:preserve-3d] sm:rounded-xl", "transition-all ease-out", className), ...props, children: [_jsxs("div", { className: "modal-inner-content flex flex-1 flex-col overflow-hidden rounded-xl border border-[#D1D1D6] bg-white shadow-[0_20px_24px_-4px_rgba(10,13,18,0.08),0_8px_8px_-4px_rgba(10,13,18,0.03),0_3px_3px_-1.5px_rgba(10,13,18,0.04)]", children: [children, !hideCloseButton && (_jsxs(DialogPrimitive.Close, { className: cn("modal-close-button data-[state=open]:bg-b3-react-background data-[state=open]:text-b3-react-muted-foreground absolute right-2 top-2 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400", closeBtnClassName), children: [_jsx(X, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Close" })] }))] }), _jsxs("div", { className: "b3-modal-ga-branding flex items-center justify-center gap-1.5 pt-[10px]", children: [_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M2 4.66667C2 3.19391 3.19391 2 4.66667 2H11.3333C12.8061 2 14 3.19391 14 4.66667V11.3333C14 12.8061 12.8061 14 11.3333 14H4.66667C3.19391 14 2 12.8061 2 11.3333V4.66667Z", fill: "#0B57C2" }), _jsx("path", { d: "M5.33333 6C5.33333 5.63181 5.63181 5.33333 6 5.33333H10C10.3682 5.33333 10.6667 5.63181 10.6667 6V10C10.6667 10.3682 10.3682 10.6667 10 10.6667H6C5.63181 10.6667 5.33333 10.3682 5.33333 10V6Z", fill: "white" })] }), _jsx("span", { className: "font-neue-montreal-semibold text-xs uppercase leading-none tracking-[0.72px] text-[#0B57C2]", children: "Global Account" })] })] })] }));
 });
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));

package/dist/styles/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");@font-face{font-display:swap;font-family:Pack;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/pack.ttf) format("truetype")}@font-face{font-family:Neue Montreal Bold;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-bold-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-bold-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Regular;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-regular-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-regular-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Book;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-book-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-book-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Medium;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-medium-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-medium-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Semibold;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-semibold-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-semibold-webfont.woff) format("woff")}@font-face{font-family:Calibre Bold;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/calibre2-bold-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/calibre2-bold-webfont.woff) format("woff")}@font-face{font-family:Calibre Heavy;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/calibre2-heavy-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/calibre2-heavy-webfont.woff) format("woff")}@font-face{font-family:Calibre Regular;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/calibre2-regular-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/calibre2-regular-webfont.woff) format("woff")}.b3-root{--b3-react-background:0 0% 100%;--b3-react-foreground:0 0% 10%;--b3-react-card:0 0% 98%;--b3-react-card-foreground:0 0% 15%;--b3-react-subtle:0 0% 96%;--b3-react-secondary-foreground:0 0% 30%;--b3-react-primary:210 80% 45%;--b3-react-primary-foreground:0 0% 100%;--b3-react-muted-foreground:0 0% 50%;--b3-react-border:0 0% 90%;--b3-react-muted:256 16% 23%;--b3-react-ring:256 16% 23%;--b3-react-popover:210 40% 98%;--b3-react-popover-foreground:222 84% 5%;--as-primary:204 9% 11%;--as-content-primary:240 6% 10%;--as-content-secondary:240 5% 26%;--as-surface-primary:0 0% 100%;--as-surface-secondary:0 0% 98%;--as-on-surface-1:0 0% 99%;--as-on-surface-2:0 0% 94%;--as-on-surface-3:210 9% 91%;--as-on-surface-4:240 6% 90%;--as-border-primary:240 6% 83%;--as-border-secondary:240 6% 90%;--as-stroke:0 0% 94%;--as-n-8:0 0% 96%;--as-brand:215 90% 48%;--as-light-brand:215 90% 70%;--as-yellow:32 96% 64%;--as-secondary:212 6% 46%;--as-red:14 88% 52%;--as-error-secondary:4 95% 94%;--as-content-icon-error:4 74% 49%;--as-on-surface-disabled:0 0% 78%;--as-on-disabled:0 0% 44%;--as-shadow-lg:220 29% 5%;--as-quaternary:240 6% 65%;--as-tertiarry:235 6% 34%;--as-success-secondary:89 85% 89%;--as-content-icon-success:95 85% 35%;--as-content-disabled:220 6% 47%;--b3-foreground-muted:0 0% 40%;--b3-primary-blue:223 86% 57%;--b3-primary-wash:224 58% 94%;--b3-grey:0 0% 15%;--b3-line:0 0% 91%;--b3-white:0 0% 98%;--b3-background:0 0% 100%;--b3-positive:153 100% 39%;--b3-negative:0 100% 63%;--relay-colors-focus-color:#0c68e9!important;--brand-50:#d5e5fd;--brand-100:#d8f0ff;--brand-200:#8dbaf9;--brand-700:#0948a0;--red-100:#fde6d7;--green-100:#dff9e8;--border-brand:#2a9fff;--yellow-100:#fee6c7;--purple-100:#f5edfa;--purple-300:#ddc3ef;--yellow-50:#fff6eb;--dune:#f0eae3;--green:#32ae60;--red:#f04d1a;--purple:#b981da;--yellow:#fba94b;--brand:#0c68e9;--content-primary:#18181b;--content-secondary:#3f3f46;--content-placeholder:#70707b;--success-50:#f3fee7;--success-200:#d0f8ab;--success-700:#3b7c0f;--warning-50:#fefbe8;--warning-200:#feee95;--warning-700:#a15c07;--error-50:#fef3f2;--error-200:#fecdca;--error-700:#b42318;--brand-tertiary:#0b57c2;--fg-quaternary:#a0a0ab}.b3-root[data-theme=dark],html[data-theme=dark] .b3-root{--b3-react-background:0 0% 10%;--b3-react-foreground:0 0% 90%;--b3-react-card:0 0% 15%;--b3-react-card-foreground:0 0% 90%;--b3-react-subtle:0 0% 18%;--b3-react-secondary-foreground:0 0% 70%;--b3-react-primary:210 80% 45%;--b3-react-primary-foreground:0 0% 100%;--b3-react-muted-foreground:0 0% 50%;--b3-react-border:0 0% 25%;--b3-react-muted:256 16% 23%;--b3-react-popover:260 13% 9%;--b3-react-ring:256 16% 23%;--b3-react-popover:260,13%,9%;--b3-react-popover-foreground:215 40.54% 91.12%;--as-primary:0 0% 99%;--as-content-primary:0 0% 98%;--as-content-secondary:240 6% 83%;--as-surface-primary:240 7% 8%;--as-surface-secondary:240 6% 10%;--as-on-surface-1:204 9% 11%;--as-on-surface-2:213 10% 17%;--as-on-surface-3:203 8% 21%;--as-border-primary:240 5% 26%;--as-border-secondary:228 6% 16%;--as-stroke:213 10% 17%;--as-n-8:210 11% 7%;--as-brand:215 90% 48%;--as-light-brand:215 90% 70%;--as-yellow:32 96% 64%;--as-secondary:212 6% 46%;--as-red:14 88% 52%;--as-error-secondary:4 74% 49%;--as-content-icon-error:4 95% 94%;--as-on-surface-disabled:0 0% 78%;--as-on-disabled:0 0% 44%;--as-quaternary:240 6% 65%;--as-tertiarry:240 6% 65%;--as-success-secondary:95 85% 35%;--as-content-icon-success:89 85% 89%;--as-content-disabled:220 6% 47%;--relay-colors-focus-color:#0c68e9!important;--b3-foreground-muted:0 0% 65%;--b3-primary-blue:223 86% 67%;--b3-primary-wash:224 58% 15%;--b3-grey:0 0% 85%;--b3-line:0 0% 25%;--b3-white:0 0% 100%;--b3-background:0 0% 12%;--b3-positive:153 100% 49%;--b3-negative:0 100% 73%;--brand-50:#031633;--brand-100:#2a323f;--brand-200:#07387c;--brand-700:#67a4f7;--red-100:#6a5550;--green-100:rgba(68,90,76,.57);--border-brand:#2a9fff;--yellow-100:#957a6c;--purple-100:rgba(113,88,126,.38);--purple-300:#a375c3;--yellow-50:#82776b;--dune:#272c30;--content-primary:#fafafa;--content-secondary:#d1d1d6;--content-placeholder:#70707b;--utility-brand:#67a4f7;--success-50:#15290a;--success-200:#326212;--success-700:#a6ef67;--warning-50:#542c0d;--warning-200:#854a0e;--warning-700:#fde272;--error-50:#55160c;--error-200:#912018;--error-700:#fda29b;--brand-tertiary:#a0a0ab;--fg-quaternary:#51525c}.b3-root ,.b3-root :after,.b3-root :before{border:0 solid #e5e7eb;box-sizing:border-box}.b3-root :after,.b3-root :before{--tw-content:""}.b3-root :host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}.b3-root hr{border-top-width:1px;color:inherit;height:0}.b3-root abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.b3-root h1,.b3-root h2,.b3-root h3,.b3-root h4,.b3-root h5,.b3-root h6{font-size:inherit;font-weight:inherit}.b3-root a{color:inherit;text-decoration:inherit}.b3-root b,.b3-root strong{font-weight:bolder}.b3-root code,.b3-root kbd,.b3-root pre,.b3-root samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}.b3-root small{font-size:80%}.b3-root sub,.b3-root sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.b3-root sub{bottom:-.25em}.b3-root sup{top:-.5em}.b3-root table{border-collapse:collapse;border-color:inherit;text-indent:0}.b3-root button,.b3-root input,.b3-root optgroup,.b3-root select,.b3-root textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}.b3-root button,.b3-root select{text-transform:none}.b3-root [type=button],.b3-root [type=reset],.b3-root [type=submit],.b3-root button{-webkit-appearance:button;background-color:transparent;background-image:none}.b3-root :-moz-focusring{outline:auto}.b3-root :-moz-ui-invalid{box-shadow:none}.b3-root progress{vertical-align:baseline}.b3-root ::-webkit-inner-spin-button,.b3-root ::-webkit-outer-spin-button{height:auto}.b3-root [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.b3-root ::-webkit-search-decoration{-webkit-appearance:none}.b3-root ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.b3-root summary{display:list-item}.b3-root blockquote,.b3-root dd,.b3-root dl,.b3-root figure,.b3-root h1,.b3-root h2,.b3-root h3,.b3-root h4,.b3-root h5,.b3-root h6,.b3-root hr,.b3-root p,.b3-root pre{margin:0}.b3-root fieldset{margin:0;padding:0}.b3-root legend{padding:0}.b3-root menu,.b3-root ol,.b3-root ul{list-style:none;margin:0;padding:0}.b3-root dialog{padding:0}.b3-root textarea{resize:vertical}.b3-root input::-moz-placeholder,.b3-root textarea::-moz-placeholder{color:#9ca3af;opacity:1}.b3-root input::placeholder,.b3-root textarea::placeholder{color:#9ca3af;opacity:1}.b3-root [role=button],.b3-root button{cursor:pointer}.b3-root :disabled{cursor:default}.b3-root audio,.b3-root canvas,.b3-root embed,.b3-root iframe,.b3-root img,.b3-root object,.b3-root svg,.b3-root video{display:block;vertical-align:middle}.b3-root img,.b3-root video{height:auto;max-width:100%}.b3-root [hidden]{display:none}.b3-root ,.b3-root :after,.b3-root :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.b3-root ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.b3-root .container{width:100%}.b3-root .sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.b3-root .pointer-events-none{pointer-events:none}.b3-root .pointer-events-auto{pointer-events:auto}.b3-root .visible{visibility:visible}.b3-root .static{position:static}.b3-root .fixed{position:fixed}.b3-root .absolute{position:absolute}.b3-root .relative{position:relative}.b3-root .sticky{position:sticky}.b3-root .-inset-0{inset:0}.b3-root .-inset-0\.5{inset:-.125rem}.b3-root .inset-0{inset:0}.b3-root .inset-x-0{left:0;right:0}.b3-root .-bottom-0{bottom:0}.b3-root .-bottom-0\.5{bottom:-.125rem}.b3-root .-bottom-1{bottom:-.25rem}.b3-root .-right-0{right:0}.b3-root .-right-0\.5{right:-.125rem}.b3-root .-right-1{right:-.25rem}.b3-root .-right-4{right:-1rem}.b3-root .-top-1{top:-.25rem}.b3-root .-top-10{top:-2.5rem}.b3-root .bottom-0{bottom:0}.b3-root .bottom-2{bottom:.5rem}.b3-root .bottom-3{bottom:.75rem}.b3-root .left-0{left:0}.b3-root .left-1\/2{left:50%}.b3-root .left-4{left:1rem}.b3-root .left-\[2px\]{left:2px}.b3-root .right-0{right:0}.b3-root .right-2{right:.5rem}.b3-root .right-3{right:.75rem}.b3-root .right-4{right:1rem}.b3-root .right-5{right:1.25rem}.b3-root .top-0{top:0}.b3-root .top-1\/2{top:50%}.b3-root .top-12{top:3rem}.b3-root .top-2{top:.5rem}.b3-root .top-4{top:1rem}.b3-root .top-5{top:1.25rem}.b3-root .top-\[calc\(50\%\+56px\)\]{top:calc(50% + 56px)}.b3-root .top-full{top:100%}.b3-root .isolate{isolation:isolate}.b3-root .z-0{z-index:0}.b3-root .z-10{z-index:10}.b3-root .z-50{z-index:50}.b3-root .z-\[100\]{z-index:100}.b3-root .z-\[5\]{z-index:5}.b3-root .z-\[9999\]{z-index:9999}.b3-root .col-span-3{grid-column:span 3/span 3}.b3-root .m-0{margin:0}.b3-root .m-2{margin:.5rem}.b3-root .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.b3-root .-my-1{margin-bottom:-.25rem;margin-top:-.25rem}.b3-root .mx-1{margin-left:.25rem;margin-right:.25rem}.b3-root .mx-5{margin-left:1.25rem;margin-right:1.25rem}.b3-root .mx-auto{margin-left:auto;margin-right:auto}.b3-root .my-1{margin-bottom:.25rem;margin-top:.25rem}.b3-root .my-3{margin-bottom:.75rem;margin-top:.75rem}.b3-root .my-8{margin-bottom:2rem;margin-top:2rem}.b3-root .-mb-3{margin-bottom:-.75rem}.b3-root .-mb-5{margin-bottom:-1.25rem}.b3-root .-mt-0{margin-top:0}.b3-root .-mt-0\.5{margin-top:-.125rem}.b3-root .-mt-4{margin-top:-1rem}.b3-root .mb-0{margin-bottom:0}.b3-root .mb-1{margin-bottom:.25rem}.b3-root .mb-1\.5{margin-bottom:.375rem}.b3-root .mb-12{margin-bottom:3rem}.b3-root .mb-2{margin-bottom:.5rem}.b3-root .mb-3{margin-bottom:.75rem}.b3-root .mb-4{margin-bottom:1rem}.b3-root .mb-6{margin-bottom:1.5rem}.b3-root .ml-1{margin-left:.25rem}.b3-root .ml-2{margin-left:.5rem}.b3-root .ml-3{margin-left:.75rem}.b3-root .ml-4{margin-left:1rem}.b3-root .ml-auto{margin-left:auto}.b3-root .mr-2{margin-right:.5rem}.b3-root .mr-4{margin-right:1rem}.b3-root .mr-auto{margin-right:auto}.b3-root .mt-0{margin-top:0}.b3-root .mt-1{margin-top:.25rem}.b3-root .mt-2{margin-top:.5rem}.b3-root .mt-24{margin-top:6rem}.b3-root .mt-3{margin-top:.75rem}.b3-root .mt-4{margin-top:1rem}.b3-root .mt-6{margin-top:1.5rem}.b3-root .mt-8{margin-top:2rem}.b3-root .mt-\[-100px\]{margin-top:-100px}.b3-root .mt-\[-60px\]{margin-top:-60px}.b3-root .mt-auto{margin-top:auto}.b3-root .box-border{box-sizing:border-box}.b3-root .block{display:block}.b3-root .inline-block{display:inline-block}.b3-root .inline{display:inline}.b3-root .flex{display:flex}.b3-root .inline-flex{display:inline-flex}.b3-root .table{display:table}.b3-root .grid{display:grid}.b3-root .contents{display:contents}.b3-root .hidden{display:none}.b3-root .aspect-\[144\/146\]{aspect-ratio:144/146}.b3-root .aspect-square{aspect-ratio:1/1}.b3-root .size-10{height:2.5rem;width:2.5rem}.b3-root .size-14{height:3.5rem;width:3.5rem}.b3-root .size-16{height:4rem;width:4rem}.b3-root .size-24{height:6rem;width:6rem}.b3-root .size-3{height:.75rem;width:.75rem}.b3-root .size-32{height:8rem;width:8rem}.b3-root .size-4{height:1rem;width:1rem}.b3-root .size-48{height:12rem;width:12rem}.b3-root .size-5{height:1.25rem;width:1.25rem}.b3-root .size-6{height:1.5rem;width:1.5rem}.b3-root .size-7{height:1.75rem;width:1.75rem}.b3-root .size-8{height:2rem;width:2rem}.b3-root .size-\[120px\]{height:120px;width:120px}.b3-root .size-\[18px\]{height:18px;width:18px}.b3-root .size-\[200px\]{height:200px;width:200px}.b3-root .size-full{height:100%;width:100%}.b3-root .h-0{height:0}.b3-root .h-1{height:.25rem}.b3-root .h-10{height:2.5rem}.b3-root .h-11{height:2.75rem}.b3-root .h-12{height:3rem}.b3-root .h-14{height:3.5rem}.b3-root .h-16{height:4rem}.b3-root .h-2{height:.5rem}.b3-root .h-2\.5{height:.625rem}.b3-root .h-3{height:.75rem}.b3-root .h-3\.5{height:.875rem}.b3-root .h-32{height:8rem}.b3-root .h-4{height:1rem}.b3-root .h-5{height:1.25rem}.b3-root .h-6{height:1.5rem}.b3-root .h-7{height:1.75rem}.b3-root .h-8{height:2rem}.b3-root .h-9{height:2.25rem}.b3-root .h-\[100px\]{height:100px}.b3-root .h-\[180px\]{height:180px}.b3-root .h-\[18px\]{height:18px}.b3-root .h-\[200px\]{height:200px}.b3-root .h-\[220px\]{height:220px}.b3-root .h-\[270px\]{height:270px}.b3-root .h-\[2px\]{height:2px}.b3-root .h-\[32px\]{height:32px}.b3-root .h-\[36px\]{height:36px}.b3-root .h-\[38px\]{height:38px}.b3-root .h-\[45\%\]{height:45%}.b3-root .h-\[470px\]{height:470px}.b3-root .h-\[600px\]{height:600px}.b3-root .h-\[60px\]{height:60px}.b3-root .h-\[68px\]{height:68px}.b3-root .h-\[74px\]{height:74px}.b3-root .h-\[80vh\]{height:80vh}.b3-root .h-\[84px\]{height:84px}.b3-root .h-\[90dvh\]{height:90dvh}.b3-root .h-\[98px\]{height:98px}.b3-root .h-\[calc\(90vh-2px\)\]{height:calc(90vh - 2px)}.b3-root .h-auto{height:auto}.b3-root .h-fit{height:-moz-fit-content;height:fit-content}.b3-root .h-full{height:100%}.b3-root .h-px{height:1px}.b3-root .max-h-48{max-height:12rem}.b3-root .max-h-60{max-height:15rem}.b3-root .max-h-\[300px\]{max-height:300px}.b3-root .max-h-\[60dvh\]{max-height:60dvh}.b3-root .max-h-\[80vh\]{max-height:80vh}.b3-root .max-h-\[90dvh\]{max-height:90dvh}.b3-root .min-h-4{min-height:1rem}.b3-root .min-h-8{min-height:2rem}.b3-root .min-h-\[400px\]{min-height:400px}.b3-root .min-h-fit{min-height:-moz-fit-content;min-height:fit-content}.b3-root .min-h-full{min-height:100%}.b3-root .w-0{width:0}.b3-root .w-0\.5{width:.125rem}.b3-root .w-1{width:.25rem}.b3-root .w-1\/2{width:50%}.b3-root .w-10{width:2.5rem}.b3-root .w-11{width:2.75rem}.b3-root .w-12{width:3rem}.b3-root .w-14{width:3.5rem}.b3-root .w-16{width:4rem}.b3-root .w-2{width:.5rem}.b3-root .w-2\.5{width:.625rem}.b3-root .w-20{width:5rem}.b3-root .w-24{width:6rem}.b3-root .w-3{width:.75rem}.b3-root .w-3\.5{width:.875rem}.b3-root .w-32{width:8rem}.b3-root .w-4{width:1rem}.b3-root .w-4\/5{width:80%}.b3-root .w-48{width:12rem}.b3-root .w-5{width:1.25rem}.b3-root .w-5\/6{width:83.333333%}.b3-root .w-6{width:1.5rem}.b3-root .w-7{width:1.75rem}.b3-root .w-8{width:2rem}.b3-root .w-9{width:2.25rem}.b3-root .w-\[100px\]{width:100px}.b3-root .w-\[140px\]{width:140px}.b3-root .w-\[18px\]{width:18px}.b3-root .w-\[200px\]{width:200px}.b3-root .w-\[2px\]{width:2px}.b3-root .w-\[360px\]{width:360px}.b3-root .w-\[3px\]{width:3px}.b3-root .w-\[400px\]{width:400px}.b3-root .w-\[420px\]{width:420px}.b3-root .w-\[45\%\]{width:45%}.b3-root .w-\[460px\]{width:460px}.b3-root .w-\[560px\]{width:560px}.b3-root .w-\[90vw\]{width:90vw}.b3-root .w-\[98px\]{width:98px}.b3-root .w-\[calc\(100\%-12px\)\]{width:calc(100% - 12px)}.b3-root .w-auto{width:auto}.b3-root .w-fit{width:-moz-fit-content;width:fit-content}.b3-root .w-full{width:100%}.b3-root .min-w-0{min-width:0}.b3-root .min-w-32{min-width:8rem}.b3-root .min-w-4{min-width:1rem}.b3-root .min-w-48{min-width:12rem}.b3-root .min-w-64{min-width:16rem}.b3-root .min-w-8{min-width:2rem}.b3-root .min-w-\[200px\]{min-width:200px}.b3-root .min-w-\[240px\]{min-width:240px}.b3-root .min-w-\[70px\]{min-width:70px}.b3-root .max-w-2xl{max-width:42rem}.b3-root .max-w-48{max-width:12rem}.b3-root .max-w-\[200px\]{max-width:200px}.b3-root .max-w-\[400px\]{max-width:400px}.b3-root .max-w-\[460px\]{max-width:460px}.b3-root .max-w-\[90vw\]{max-width:90vw}.b3-root .max-w-\[calc\(100vw-32px\)\]{max-width:calc(100vw - 32px)}.b3-root .max-w-full{max-width:100%}.b3-root .max-w-lg{max-width:32rem}.b3-root .max-w-md{max-width:28rem}.b3-root .flex-1{flex:1 1 0%}.b3-root .flex-initial{flex:0 1 auto}.b3-root .flex-shrink-0,.b3-root .shrink-0{flex-shrink:0}.b3-root .grow{flex-grow:1}.b3-root .origin-center{transform-origin:center}.b3-root .-translate-x-1\/2{--tw-translate-x:-50%}.b3-root .-translate-x-1\/2,.b3-root .-translate-y-1\/2{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))}.b3-root .-translate-y-1\/2{--tw-translate-y:-50%}.b3-root .translate-x-0{--tw-translate-x:0px}.b3-root .translate-x-0,.b3-root .translate-x-full{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))}.b3-root .translate-x-full{--tw-translate-x:100%}.b3-root .-rotate-90{--tw-rotate:-90deg}.b3-root .-rotate-90,.b3-root .rotate-180{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))}.b3-root .rotate-180{--tw-rotate:180deg}.b3-root .rotate-90{--tw-rotate:90deg}.b3-root .rotate-90,.b3-root .scale-100{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))}.b3-root .scale-100{--tw-scale-x:1;--tw-scale-y:1}.b3-root .scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.b3-root .scale-95,.b3-root .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 pulse{50%{opacity:.5}}.b3-root .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-fade{0%,to{opacity:1}50%{opacity:.5}}.b3-root .animate-pulse-fade{animation:pulse-fade 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.b3-root .animate-spin{animation:spin 1s linear infinite}.b3-root .cursor-default{cursor:default}.b3-root .cursor-not-allowed{cursor:not-allowed}.b3-root .cursor-pointer{cursor:pointer}.b3-root .touch-none{touch-action:none}.b3-root .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.b3-root .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.b3-root .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.b3-root .flex-col{flex-direction:column}.b3-root .flex-col-reverse{flex-direction:column-reverse}.b3-root .flex-wrap{flex-wrap:wrap}.b3-root .items-start{align-items:flex-start}.b3-root .items-end{align-items:flex-end}.b3-root .items-center{align-items:center}.b3-root .items-stretch{align-items:stretch}.b3-root .justify-normal{justify-content:normal}.b3-root .justify-start{justify-content:flex-start}.b3-root .justify-end{justify-content:flex-end}.b3-root .justify-center{justify-content:center}.b3-root .justify-between{justify-content:space-between}.b3-root .justify-around{justify-content:space-around}.b3-root .justify-evenly{justify-content:space-evenly}.b3-root .gap-0{gap:0}.b3-root .gap-0\.5{gap:.125rem}.b3-root .gap-1{gap:.25rem}.b3-root .gap-1\.5{gap:.375rem}.b3-root .gap-10{gap:2.5rem}.b3-root .gap-2{gap:.5rem}.b3-root .gap-3{gap:.75rem}.b3-root .gap-4{gap:1rem}.b3-root .gap-5{gap:1.25rem}.b3-root .gap-6{gap:1.5rem}.b3-root .gap-8{gap:2rem}.b3-root .space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem(1 - var(--tw-space-x-reverse)));margin-right:calc(.25remvar(--tw-space-x-reverse))}.b3-root .space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem(1 - var(--tw-space-x-reverse)));margin-right:calc(.5remvar(--tw-space-x-reverse))}.b3-root .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25remvar(--tw-space-y-reverse));margin-top:calc(.25rem(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375remvar(--tw-space-y-reverse));margin-top:calc(.375rem(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5remvar(--tw-space-y-reverse));margin-top:calc(.5rem(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75remvar(--tw-space-y-reverse));margin-top:calc(.75rem(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1remvar(--tw-space-y-reverse));margin-top:calc(1rem(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5remvar(--tw-space-y-reverse));margin-top:calc(1.5rem(1 - var(--tw-space-y-reverse)))}.b3-root .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1pxvar(--tw-divide-y-reverse));border-top-width:calc(1px(1 - var(--tw-divide-y-reverse)))}.b3-root .place-self-end{place-self:end}.b3-root .self-stretch{align-self:stretch}.b3-root .overflow-auto{overflow:auto}.b3-root .overflow-hidden{overflow:hidden}.b3-root .overflow-clip{overflow:clip}.b3-root .overflow-visible{overflow:visible}.b3-root .overflow-x-auto{overflow-x:auto}.b3-root .overflow-y-auto{overflow-y:auto}.b3-root .overflow-x-hidden{overflow-x:hidden}.b3-root .truncate{overflow:hidden;white-space:nowrap}.b3-root .text-ellipsis,.b3-root .truncate{text-overflow:ellipsis}.b3-root .whitespace-nowrap{white-space:nowrap}.b3-root .whitespace-pre-wrap{white-space:pre-wrap}.b3-root .text-balance{text-wrap:balance}.b3-root .break-words{overflow-wrap:break-word}.b3-root .break-all{word-break:break-all}.b3-root .rounded{border-radius:.25rem}.b3-root .rounded-2xl{border-radius:1rem}.b3-root .rounded-\[50\%\]{border-radius:50%}.b3-root .rounded-\[inherit\]{border-radius:inherit}.b3-root .rounded-\[var\(--radius\)\]{border-radius:var(--radius)}.b3-root .rounded-full{border-radius:9999px}.b3-root .rounded-lg{border-radius:.5rem}.b3-root .rounded-md{border-radius:.375rem}.b3-root .rounded-none{border-radius:0}.b3-root .rounded-sm{border-radius:.125rem}.b3-root .rounded-xl{border-radius:.75rem}.b3-root .rounded-b-xl{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.b3-root .rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.b3-root .rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.b3-root .rounded-bl-3xl{border-bottom-left-radius:1.5rem}.b3-root .rounded-br-3xl{border-bottom-right-radius:1.5rem}.b3-root .border{border-width:1px}.b3-root .border-0{border-width:0}.b3-root .border-2{border-width:2px}.b3-root .border-4{border-width:4px}.b3-root .border-\[1\.5px\]{border-width:1.5px}.b3-root .border-\[3px\]{border-width:3px}.b3-root .border-x{border-left-width:1px;border-right-width:1px}.b3-root .border-b{border-bottom-width:1px}.b3-root .border-b-2{border-bottom-width:2px}.b3-root .border-l{border-left-width:1px}.b3-root .border-r{border-right-width:1px}.b3-root .border-r-0{border-right-width:0}.b3-root .border-t{border-top-width:1px}.b3-root .border-t-0{border-top-width:0}.b3-root .border-solid{border-style:solid}.b3-root .border-dashed{border-style:dashed}.b3-root .border-none{border-style:none}.b3-root .border-\[\#3368ef\]{--tw-border-opacity:1;border-color:rgb(51 104 239/var(--tw-border-opacity))}.b3-root .border-\[\#D1D1D6\],.b3-root .border-\[\#d1d1d6\]{--tw-border-opacity:1;border-color:rgb(209 209 214/var(--tw-border-opacity))}.b3-root .border-\[\#e4e4e7\]{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity))}.b3-root .border-as-border-primary{border-color:hsl(var(--as-border-primary))}.b3-root .border-as-border-secondary{border-color:hsl(var(--as-border-secondary))}.b3-root .border-as-brand{border-color:hsl(var(--as-brand))}.b3-root .border-as-brand\/10{border-color:hsl(var(--as-brand)/.1)}.b3-root .border-as-brand\/30{border-color:hsl(var(--as-brand)/.3)}.b3-root .border-as-red{border-color:hsl(var(--as-red))}.b3-root .border-as-red\/20{border-color:hsl(var(--as-red)/.2)}.b3-root .border-as-stroke{border-color:hsl(var(--as-stroke))}.b3-root .border-b3-background{border-color:hsl(var(--b3-background))}.b3-root .border-b3-line{border-color:hsl(var(--b3-line))}.b3-root .border-b3-react-border{border-color:hsl(var(--b3-react-border))}.b3-root .border-b3-react-subtle{border-color:hsl(var(--b3-react-subtle))}.b3-root .border-black\/10{border-color:rgba(0,0,0,.1)}.b3-root .border-black\/50{border-color:rgba(0,0,0,.5)}.b3-root .border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.b3-root .border-current{border-color:currentColor}.b3-root .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.b3-root .border-orange-400{--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity))}.b3-root .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.b3-root .border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.b3-root .border-red-500\/80{border-color:rgba(239,68,68,.8)}.b3-root .border-transparent{border-color:transparent}.b3-root .border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.b3-root .border-white\/10{border-color:hsla(0,0%,100%,.1)}.b3-root .border-white\/20{border-color:hsla(0,0%,100%,.2)}.b3-root .border-white\/30{border-color:hsla(0,0%,100%,.3)}.b3-root .border-l-transparent{border-left-color:transparent}.b3-root .border-t-as-primary{border-top-color:hsl(var(--as-primary))}.b3-root .border-t-transparent{border-top-color:transparent}.b3-root .border-t-white\/15{border-top-color:hsla(0,0%,100%,.15)}.b3-root .border-t-white\/20{border-top-color:hsla(0,0%,100%,.2)}.b3-root .\!bg-as-brand{background-color:hsl(var(--as-brand))!important}.b3-root .\!bg-as-on-surface-2{background-color:hsl(var(--as-on-surface-2))!important}.b3-root .\!bg-as-red{background-color:hsl(var(--as-red))!important}.b3-root .bg-\[\#0c68e9\]{--tw-bg-opacity:1;background-color:rgb(12 104 233/var(--tw-bg-opacity))}.b3-root .bg-\[\#18181b\]{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity))}.b3-root .bg-\[\#3368ef\]{--tw-bg-opacity:1;background-color:rgb(51 104 239/var(--tw-bg-opacity))}.b3-root .bg-\[\#51525c\]{--tw-bg-opacity:1;background-color:rgb(81 82 92/var(--tw-bg-opacity))}.b3-root .bg-\[\#F4F4F5\]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.b3-root .bg-\[\#FAFAFA\]{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.b3-root .bg-\[\#a0a0ab\]{--tw-bg-opacity:1;background-color:rgb(160 160 171/var(--tw-bg-opacity))}.b3-root .bg-\[\#d5e5fd\]{--tw-bg-opacity:1;background-color:rgb(213 229 253/var(--tw-bg-opacity))}.b3-root .bg-\[\#f0f5ff\]{--tw-bg-opacity:1;background-color:rgb(240 245 255/var(--tw-bg-opacity))}.b3-root .bg-\[\#f4f4f5\]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.b3-root .bg-\[\#fafafa\]{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.b3-root .bg-as-border-primary{background-color:hsl(var(--as-border-primary))}.b3-root .bg-as-brand{background-color:hsl(var(--as-brand))}.b3-root .bg-as-brand\/10{background-color:hsl(var(--as-brand)/.1)}.b3-root .bg-as-brand\/20{background-color:hsl(var(--as-brand)/.2)}.b3-root .bg-as-brand\/5{background-color:hsl(var(--as-brand)/.05)}.b3-root .bg-as-error-secondary{background-color:hsl(var(--as-error-secondary))}.b3-root .bg-as-on-surface-1{background-color:hsl(var(--as-on-surface-1))}.b3-root .bg-as-on-surface-2{background-color:hsl(var(--as-on-surface-2))}.b3-root .bg-as-on-surface-2\/30{background-color:hsl(var(--as-on-surface-2)/.3)}.b3-root .bg-as-primary\/30{background-color:hsl(var(--as-primary)/.3)}.b3-root .bg-as-red{background-color:hsl(var(--as-red))}.b3-root .bg-as-red\/10{background-color:hsl(var(--as-red)/.1)}.b3-root .bg-as-red\/60{background-color:hsl(var(--as-red)/.6)}.b3-root .bg-as-success-secondary{background-color:hsl(var(--as-success-secondary))}.b3-root .bg-as-surface-primary{background-color:hsl(var(--as-surface-primary))}.b3-root .bg-as-surface-secondary{background-color:hsl(var(--as-surface-secondary))}.b3-root .bg-b3-background{background-color:hsl(var(--b3-background))}.b3-root .bg-b3-grey{background-color:hsl(var(--b3-grey))}.b3-root .bg-b3-line{background-color:hsl(var(--b3-line))}.b3-root .bg-b3-line\/20{background-color:hsl(var(--b3-line)/.2)}.b3-root .bg-b3-line\/50{background-color:hsl(var(--b3-line)/.5)}.b3-root .bg-b3-primary-blue{background-color:hsl(var(--b3-primary-blue))}.b3-root .bg-b3-primary-wash{background-color:hsl(var(--b3-primary-wash))}.b3-root .bg-b3-react-background{background-color:hsl(var(--b3-react-background))}.b3-root .bg-b3-react-card{background-color:hsl(var(--b3-react-card))}.b3-root .bg-b3-react-foreground{background-color:hsl(var(--b3-react-foreground))}.b3-root .bg-b3-react-muted{background-color:hsl(var(--b3-react-muted))}.b3-root .bg-b3-react-muted\/30{background-color:hsl(var(--b3-react-muted)/.3)}.b3-root .bg-b3-react-popover{background-color:hsl(var(--b3-react-popover))}.b3-root .bg-b3-react-primary{background-color:hsl(var(--b3-react-primary))}.b3-root .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.b3-root .bg-black\/20{background-color:rgba(0,0,0,.2)}.b3-root .bg-black\/30{background-color:rgba(0,0,0,.3)}.b3-root .bg-black\/50{background-color:rgba(0,0,0,.5)}.b3-root .bg-black\/80{background-color:rgba(0,0,0,.8)}.b3-root .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.b3-root .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.b3-root .bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.b3-root .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.b3-root .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.b3-root .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.b3-root .bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.b3-root .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.b3-root .bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.b3-root .bg-green-500\/10{background-color:rgba(34,197,94,.1)}.b3-root .bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.b3-root .bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity))}.b3-root .bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity))}.b3-root .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.b3-root .bg-red-600\/80{background-color:rgba(220,38,38,.8)}.b3-root .bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity))}.b3-root .bg-transparent{background-color:transparent}.b3-root .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.b3-root .bg-white\/10{background-color:hsla(0,0%,100%,.1)}.b3-root .bg-white\/5{background-color:hsla(0,0%,100%,.05)}.b3-root .bg-white\/50{background-color:hsla(0,0%,100%,.5)}.b3-root .bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.b3-root .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.b3-root .from-\[\#15121c\]{--tw-gradient-from:#15121c var(--tw-gradient-from-position);--tw-gradient-to:rgba(21,18,28,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-as-brand\/50{--tw-gradient-from:hsl(var(--as-brand)/0.5) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--as-brand)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-as-light-brand{--tw-gradient-from:hsl(var(--as-light-brand)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--as-light-brand)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-b3-react-background{--tw-gradient-from:hsl(var(--b3-react-background)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--b3-react-background)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-blue-500\/10{--tw-gradient-from:rgba(59,130,246,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-blue-500\/20{--tw-gradient-from:rgba(59,130,246,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-white\/10{--tw-gradient-from:hsla(0,0%,100%,.1) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-20\%{--tw-gradient-from-position:20%}.b3-root .via-purple-500\/50{--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(168,85,247,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.b3-root .via-80\%{--tw-gradient-via-position:80%}.b3-root .to-as-brand\/10{--tw-gradient-to:hsl(var(--as-brand)/0.1) var(--tw-gradient-to-position)}.b3-root .to-as-on-surface-1{--tw-gradient-to:hsl(var(--as-on-surface-1)) var(--tw-gradient-to-position)}.b3-root .to-purple-600\/10{--tw-gradient-to:rgba(147,51,234,.1) var(--tw-gradient-to-position)}.b3-root .to-purple-600\/20{--tw-gradient-to:rgba(147,51,234,.2) var(--tw-gradient-to-position)}.b3-root .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.b3-root .to-white\/0{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)}.b3-root .bg-\[length\:250\%_100\%\2c auto\]{background-size:250% 100%,auto}.b3-root .bg-clip-text{-webkit-background-clip:text;background-clip:text}.b3-root .fill-b3-negative{fill:hsl(var(--b3-negative))}.b3-root .fill-b3-positive{fill:hsl(var(--b3-positive))}.b3-root .fill-b3-react-primary{fill:hsl(var(--b3-react-primary))}.b3-root .object-contain{-o-object-fit:contain;object-fit:contain}.b3-root .object-cover{-o-object-fit:cover;object-fit:cover}.b3-root .object-center{-o-object-position:center;object-position:center}.b3-root .p-0{padding:0}.b3-root .p-1{padding:.25rem}.b3-root .p-1\.5{padding:.375rem}.b3-root .p-12{padding:3rem}.b3-root .p-16{padding:4rem}.b3-root .p-2{padding:.5rem}.b3-root .p-2\.5{padding:.625rem}.b3-root .p-3{padding:.75rem}.b3-root .p-3\.5{padding:.875rem}.b3-root .p-4{padding:1rem}.b3-root .p-5{padding:1.25rem}.b3-root .p-6{padding:1.5rem}.b3-root .p-8{padding:2rem}.b3-root .p-px{padding:1px}.b3-root .px-0{padding-left:0;padding-right:0}.b3-root .px-1{padding-left:.25rem;padding-right:.25rem}.b3-root .px-2{padding-left:.5rem;padding-right:.5rem}.b3-root .px-2\.5{padding-left:.625rem;padding-right:.625rem}.b3-root .px-3{padding-left:.75rem;padding-right:.75rem}.b3-root .px-4{padding-left:1rem;padding-right:1rem}.b3-root .px-5{padding-left:1.25rem;padding-right:1.25rem}.b3-root .px-6{padding-left:1.5rem;padding-right:1.5rem}.b3-root .px-8{padding-left:2rem;padding-right:2rem}.b3-root .px-\[18px\]{padding-left:18px;padding-right:18px}.b3-root .py-0{padding-bottom:0;padding-top:0}.b3-root .py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.b3-root .py-1{padding-bottom:.25rem;padding-top:.25rem}.b3-root .py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.b3-root .py-12{padding-bottom:3rem;padding-top:3rem}.b3-root .py-2{padding-bottom:.5rem;padding-top:.5rem}.b3-root .py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.b3-root .py-3{padding-bottom:.75rem;padding-top:.75rem}.b3-root .py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.b3-root .py-4{padding-bottom:1rem;padding-top:1rem}.b3-root .py-6{padding-bottom:1.5rem;padding-top:1.5rem}.b3-root .py-8{padding-bottom:2rem;padding-top:2rem}.b3-root .pb-0{padding-bottom:0}.b3-root .pb-1{padding-bottom:.25rem}.b3-root .pb-2{padding-bottom:.5rem}.b3-root .pb-3{padding-bottom:.75rem}.b3-root .pb-4{padding-bottom:1rem}.b3-root .pb-5{padding-bottom:1.25rem}.b3-root .pb-6{padding-bottom:1.5rem}.b3-root .pl-2{padding-left:.5rem}.b3-root .pl-4{padding-left:1rem}.b3-root .pr-12{padding-right:3rem}.b3-root .pr-2{padding-right:.5rem}.b3-root .pr-20{padding-right:5rem}.b3-root .pr-3{padding-right:.75rem}.b3-root .pr-4{padding-right:1rem}.b3-root .pr-6{padding-right:1.5rem}.b3-root .pt-0{padding-top:0}.b3-root .pt-1{padding-top:.25rem}.b3-root .pt-2{padding-top:.5rem}.b3-root .pt-2\.5{padding-top:.625rem}.b3-root .pt-3{padding-top:.75rem}.b3-root .pt-4{padding-top:1rem}.b3-root .pt-5{padding-top:1.25rem}.b3-root .pt-6{padding-top:1.5rem}.b3-root .pt-8{padding-top:2rem}.b3-root .pt-\[10px\]{padding-top:10px}.b3-root .text-left{text-align:left}.b3-root .text-center{text-align:center}.b3-root .text-right{text-align:right}.b3-root .align-middle{vertical-align:middle}.b3-root .font-inter{font-family:Inter,sans-serif}.b3-root .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.b3-root .font-neue-montreal-medium{font-family:Neue Montreal Medium,sans-serif}.b3-root .font-neue-montreal-semibold{font-family:Neue Montreal Semibold,sans-serif}.b3-root .font-pack{font-family:Pack,sans-serif}.b3-root .text-2xl{font-size:1.5rem;line-height:2rem}.b3-root .text-3xl{font-size:1.875rem;line-height:2.25rem}.b3-root .text-4xl{font-size:2.25rem;line-height:2.5rem}.b3-root .text-\[10px\]{font-size:10px}.b3-root .text-\[14px\]{font-size:14px}.b3-root .text-\[28px\]{font-size:28px}.b3-root .text-\[30px\]{font-size:30px}.b3-root .text-base{font-size:1rem;line-height:1.5rem}.b3-root .text-lg{font-size:1.125rem;line-height:1.75rem}.b3-root .text-sm{font-size:.875rem;line-height:1.25rem}.b3-root .text-xl{font-size:1.25rem;line-height:1.75rem}.b3-root .text-xs{font-size:.75rem;line-height:1rem}.b3-root .font-bold{font-weight:700}.b3-root .font-medium{font-weight:500}.b3-root .font-normal{font-weight:400}.b3-root .font-semibold{font-weight:600}.b3-root .uppercase{text-transform:uppercase}.b3-root .lowercase{text-transform:lowercase}.b3-root .leading-5{line-height:1.25rem}.b3-root .leading-6{line-height:1.5rem}.b3-root .leading-7{line-height:1.75rem}.b3-root .leading-\[1\.3\]{line-height:1.3}.b3-root .leading-\[18px\]{line-height:18px}.b3-root .leading-\[38px\]{line-height:38px}.b3-root .leading-\[42px\]{line-height:42px}.b3-root .leading-none{line-height:1}.b3-root .leading-relaxed{line-height:1.625}.b3-root .leading-snug{line-height:1.375}.b3-root .tracking-\[-0\.28px\]{letter-spacing:-.28px}.b3-root .tracking-\[-0\.32px\]{letter-spacing:-.32px}.b3-root .tracking-\[-0\.41px\]{letter-spacing:-.41px}.b3-root .tracking-\[0\.72px\]{letter-spacing:.72px}.b3-root .tracking-tight{letter-spacing:-.025em}.b3-root .tracking-wide{letter-spacing:.025em}.b3-root .tracking-widest{letter-spacing:.1em}.b3-root .text-\[\#0B57C2\],.b3-root .text-\[\#0b57c2\]{--tw-text-opacity:1;color:rgb(11 87 194/var(--tw-text-opacity))}.b3-root .text-\[\#0c68e9\]{--tw-text-opacity:1;color:rgb(12 104 233/var(--tw-text-opacity))}.b3-root .text-\[\#18181b\]{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.b3-root .text-\[\#3368ef\]{--tw-text-opacity:1;color:rgb(51 104 239/var(--tw-text-opacity))}.b3-root .text-\[\#3f3f46\]{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity))}.b3-root .text-\[\#475467\]{--tw-text-opacity:1;color:rgb(71 84 103/var(--tw-text-opacity))}.b3-root .text-\[\#51525C\],.b3-root .text-\[\#51525c\]{--tw-text-opacity:1;color:rgb(81 82 92/var(--tw-text-opacity))}.b3-root .text-\[\#70707b\]{--tw-text-opacity:1;color:rgb(112 112 123/var(--tw-text-opacity))}.b3-root .text-\[\#71717a\]{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity))}.b3-root .text-\[\#a0a0ab\]{--tw-text-opacity:1;color:rgb(160 160 171/var(--tw-text-opacity))}.b3-root .text-\[rgb\(0\2c 0\2c 0\2c 65\%\)\]{color:rgb(0,0,0,65%)}.b3-root .text-\[rgb\(255\2c 255\2c 255\2c 90\%\)\]{color:hsla(0,0%,100%,.9)}.b3-root .text-as-brand{color:hsl(var(--as-brand))}.b3-root .text-as-brand\/70{color:hsl(var(--as-brand)/.7)}.b3-root .text-as-content-disabled{color:hsl(var(--as-content-disabled))}.b3-root .text-as-content-icon-error{color:hsl(var(--as-content-icon-error))}.b3-root .text-as-content-icon-success{color:hsl(var(--as-content-icon-success))}.b3-root .text-as-content-primary{color:hsl(var(--as-text-primary))}.b3-root .text-as-content-secondary{color:hsl(var(--as-content-secondary))}.b3-root .text-as-primary{color:hsl(var(--as-primary))}.b3-root .text-as-primary\/30{color:hsl(var(--as-primary)/.3)}.b3-root .text-as-primary\/40{color:hsl(var(--as-primary)/.4)}.b3-root .text-as-primary\/50{color:hsl(var(--as-primary)/.5)}.b3-root .text-as-primary\/60{color:hsl(var(--as-primary)/.6)}.b3-root .text-as-primary\/70{color:hsl(var(--as-primary)/.7)}.b3-root .text-as-primary\/80{color:hsl(var(--as-primary)/.8)}.b3-root .text-as-quaternary{color:hsl(var(--as-quaternary))}.b3-root .text-as-red{color:hsl(var(--as-red))}.b3-root .text-as-secondary{color:hsl(var(--as-secondary))}.b3-root .text-as-tertiarry{color:hsl(var(--as-tertiarry))}.b3-root .text-b3-background{color:hsl(var(--b3-background))}.b3-root .text-b3-foreground-muted{color:hsl(var(--b3-foreground-muted))}.b3-root .text-b3-grey{color:hsl(var(--b3-grey))}.b3-root .text-b3-negative{color:hsl(var(--b3-negative))}.b3-root .text-b3-positive{color:hsl(var(--b3-positive))}.b3-root .text-b3-primary-blue{color:hsl(var(--b3-primary-blue))}.b3-root .text-b3-react-foreground{color:hsl(var(--b3-react-foreground))}.b3-root .text-b3-react-foreground\/40{color:hsl(var(--b3-react-foreground)/.4)}.b3-root .text-b3-react-foreground\/60{color:hsl(var(--b3-react-foreground)/.6)}.b3-root .text-b3-react-foreground\/70{color:hsl(var(--b3-react-foreground)/.7)}.b3-root .text-b3-react-foreground\/80{color:hsl(var(--b3-react-foreground)/.8)}.b3-root .text-b3-react-muted-foreground{color:hsl(var(--b3-react-muted-foreground))}.b3-root .text-b3-react-popover-foreground{color:hsl(var(--b3-react-popover-foreground))}.b3-root .text-b3-react-primary{color:hsl(var(--b3-react-primary))}.b3-root .text-b3-react-primary-foreground{color:hsl(var(--b3-react-primary-foreground))}.b3-root .text-black\/90{color:rgba(0,0,0,.9)}.b3-root .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.b3-root .text-blue-500\/70{color:rgba(59,130,246,.7)}.b3-root .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.b3-root .text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.b3-root .text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.b3-root .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.b3-root .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.b3-root .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.b3-root .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.b3-root .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.b3-root .text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.b3-root .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.b3-root .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.b3-root .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.b3-root .text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.b3-root .text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity))}.b3-root .text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.b3-root .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.b3-root .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.b3-root .text-transparent{color:transparent}.b3-root .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.b3-root .text-white\/50{color:hsla(0,0%,100%,.5)}.b3-root .text-white\/90{color:hsla(0,0%,100%,.9)}.b3-root .text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity))}.b3-root .text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity))}.b3-root .underline{text-decoration-line:underline}.b3-root .underline-offset-4{text-underline-offset:4px}.b3-root .accent-\[\#3368ef\]{accent-color:#3368ef}.b3-root .opacity-0{opacity:0}.b3-root .opacity-100{opacity:1}.b3-root .opacity-30{opacity:.3}.b3-root .opacity-50{opacity:.5}.b3-root .opacity-60{opacity:.6}.b3-root .opacity-70{opacity:.7}.b3-root .opacity-80{opacity:.8}.b3-root .opacity-\[var\(--opacity\)\]{opacity:var(--opacity)}.b3-root .mix-blend-color-dodge{mix-blend-mode:color-dodge}.b3-root .mix-blend-soft-light{mix-blend-mode:soft-light}.b3-root .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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-\[0_0_0_1px_rgba\(10\2c 13\2c 18\2c 0\.18\)_inset\2c 0_-2px_0_0_rgba\(10\2c 13\2c 18\2c 0\.05\)_inset\2c 0_1px_2px_0_rgba\(10\2c 13\2c 18\2c 0\.05\)\]{--tw-shadow:0 0 0 1px rgba(10,13,18,.18) inset,0 -2px 0 0 rgba(10,13,18,.05) inset,0 1px 2px 0 rgba(10,13,18,.05);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color),inset 0 -2px 0 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-\[0_20px_24px_-4px_rgba\(10\2c 13\2c 18\2c 0\.08\)\2c 0_8px_8px_-4px_rgba\(10\2c 13\2c 18\2c 0\.03\)\2c 0_3px_3px_-1\.5px_rgba\(10\2c 13\2c 18\2c 0\.04\)\]{--tw-shadow:0 20px 24px -4px rgba(10,13,18,.08),0 8px 8px -4px rgba(10,13,18,.03),0 3px 3px -1.5px rgba(10,13,18,.04);--tw-shadow-colored:0 20px 24px -4px var(--tw-shadow-color),0 8px 8px -4px var(--tw-shadow-color),0 3px 3px -1.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-\[0px_32px_64px_-12px_rgba\(10\2c 13\2c 18\2c 0\.14\)\2c 0px_5px_5px_-2\.5px_rgba\(10\2c 13\2c 18\2c 0\.04\)\]{--tw-shadow:0px 32px 64px -12px rgba(10,13,18,.14),0px 5px 5px -2.5px rgba(10,13,18,.04);--tw-shadow-colored:0px 32px 64px -12px var(--tw-shadow-color),0px 5px 5px -2.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-\[inset_0px_0px_0px_1px_rgba\(10\2c 13\2c 18\2c 0\.18\)\2c inset_0px_-2px_0px_0px_rgba\(10\2c 13\2c 18\2c 0\.05\)\]{--tw-shadow:inset 0px 0px 0px 1px rgba(10,13,18,.18),inset 0px -2px 0px 0px rgba(10,13,18,.05);--tw-shadow-colored:inset 0px 0px 0px 1px var(--tw-shadow-color),inset 0px -2px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .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)}.b3-root .shadow-lg,.b3-root .shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.b3-root .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.b3-root .shadow-sm,.b3-root .shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.b3-root .\!outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.b3-root .outline-none{outline:2px solid transparent;outline-offset:2px}.b3-root .outline{outline-style:solid}.b3-root .ring-2{--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)}.b3-root .ring-\[\#3368ef\]\/20{--tw-ring-color:rgba(51,104,239,.2)}.b3-root .ring-offset-b3-react-background{--tw-ring-offset-color:hsl(var(--b3-react-background))}.b3-root .blur{--tw-blur:blur(8px)}.b3-root .blur,.b3-root .blur-md{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)}.b3-root .blur-md{--tw-blur:blur(12px)}.b3-root .blur-xl{--tw-blur:blur(24px)}.b3-root .blur-xl,.b3-root .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)}.b3-root .backdrop-blur-\[20px\]{--tw-backdrop-blur:blur(20px)}.b3-root .backdrop-blur-\[20px\],.b3-root .backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.b3-root .backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.b3-root .backdrop-blur-xl{--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.b3-root .transition{transition-duration:.15s;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)}.b3-root .transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .duration-100{transition-duration:.1s}.b3-root .duration-200{transition-duration:.2s}.b3-root .duration-300{transition-duration:.3s}.b3-root .duration-500{transition-duration:.5s}.b3-root .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.b3-root .will-change-transform{will-change:transform}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.b3-root .animate-in{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.b3-root .fade-in-0{--tw-enter-opacity:0}.b3-root .zoom-in-95{--tw-enter-scale:.95}.b3-root .duration-100{animation-duration:.1s}.b3-root .duration-200{animation-duration:.2s}.b3-root .duration-300{animation-duration:.3s}.b3-root .duration-500{animation-duration:.5s}.b3-root .ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.b3-root .paused{animation-play-state:paused}.b3-root .\[--base-color\:\#a1a1aa\]{--base-color:#a1a1aa}.b3-root .\[--base-gradient-color\:\#000\]{--base-gradient-color:#000}.b3-root .\[--bg\:linear-gradient\(90deg\2c \#0000_calc\(50\%-var\(--spread\)\)\2c var\(--base-gradient-color\)\2c \#0000_calc\(50\%\+var\(--spread\)\)\)\]{--bg:linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--base-gradient-color),#0000 calc(50% + var(--spread)))}.b3-root .\[background-blend-mode\:hue_hue_hue_overlay\]{background-blend-mode:hue hue hue overlay}.b3-root .\[background-repeat\:no-repeat\2c padding-box\]{background-repeat:no-repeat,padding-box}.b3-root .\[background\:radial-gradient\(farthest-corner_circle_at_var\(--m-x\)_var\(--m-y\)\2c _rgba\(255\2c 255\2c 255\2c 0\.8\)_10\%\2c _rgba\(255\2c 255\2c 255\2c 0\.65\)_20\%\2c _rgba\(255\2c 255\2c 255\2c 0\)_90\%\)\]{background:radial-gradient(farthest-corner circle at var(--m-x) var(--m-y),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.65) 20%,hsla(0,0%,100%,0) 90%)}.b3-root .\[background\:var\(--pattern\)\2c _var\(--rainbow\)\2c _var\(--diagonal\)\2c _var\(--shade\)\]{background:var(--pattern),var(--rainbow),var(--diagonal),var(--shade)}.b3-root .\[clip-path\:inset\(0_0_0_0_round_var\(--radius\)\)\]{clip-path:inset(0 0 0 0 round var(--radius))}.b3-root .\[clip-path\:inset\(0_0_1px_0_round_var\(--radius\)\)\]{clip-path:inset(0 0 1px 0 round var(--radius))}.b3-root .\[contain\:layout_style\]{contain:layout style}.b3-root .\[grid-area\:1\/1\]{grid-area:1/1}.b3-root .\[perspective\:1200px\]{perspective:1200px}.b3-root .\[perspective\:600px\]{perspective:600px}.b3-root .\[transform-style\:preserve-3d\]{transform-style:preserve-3d}.b3-root .\[transform\:rotateY\(var\(--r-x\)\)_rotateX\(var\(--r-y\)\)\]{transform:rotateY(var(--r-x)) rotateX(var(--r-y))}.b3-root .b3-modal{border-radius:1rem;border-width:1px;border:1px solid var(--border);color:hsl(var(--b3-react-foreground));outline:none;overflow:hidden;padding:10px}@media (min-width:768px){.b3-root .b3-modal{background:#e4e4e7}}.b3-root .b3-modal-freestyle{background:transparent!important;padding:0!important}.b3-root .b3-modal-back-button:hover{border-style:none;--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.b3-root .b3-modal-back-button:focus{outline:none}.b3-root .b3-modal-back-button{border-style:none;color:hsl(var(--b3-react-muted-foreground))}.b3-root .bg-b3-react-card{background-color:var(--b3-react-card);border-radius:.5rem;border-width:1px;border:1px solid var(--border);padding:1rem}.b3-root .b3-text-primary{color:hsl(var(--b3-react-primary))}.b3-root .b3-text-muted{color:hsl(var(--b3-react-muted-foreground))}.b3-root .b3-button-primary{background-color:hsl(var(--b3-react-primary));border-radius:.75rem;color:hsl(var(--b3-react-primary-foreground))}@media (hover:hover) and (pointer:fine){.b3-root .b3-button-primary:hover{background-color:hsl(var(--b3-react-primary)/.9)}}.b3-root .b3-address-tag{background-color:hsl(var(--b3-react-background));border-radius:.375rem;border-width:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem}.b3-root .b3-permission-item{background-color:hsl(var(--b3-react-card));background-color:var(--b3-react-card);border-radius:.5rem;border-width:1px;border:1px solid var(--border);padding:1rem}.b3-root .b3-modal .css-1r76jxl{background-color:hsl(var(--b3-react-background))}.b3-root .b3-modal .css-1cv2836,.b3-root .b3-modal .css-1m9ejup{display:none!important}.b3-root .b3-modal .css-1r76jxl{border:none}.b3-root .divider{background:hsl(var(--as-border-secondary));display:block;height:1px}.b3-root .font-sf-rounded{letter-spacing:.05rem}.b3-root .label-style{font-weight:600;letter-spacing:.05rem;text-transform:uppercase}.b3-root .no-scrollbar::-webkit-scrollbar{display:none}.b3-root .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.b3-root .text-nano{font-family:SFCompact,sans-serif;font-size:10px;letter-spacing:.05em}.b3-root .b3-login-step>div>div>div>div>div>div>div>img{display:none}.b3-root .b3-login-step input{border-radius:8px!important;color:hsl(var(--b3-react-foreground))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px!important;padding-left:16px!important;transition:all .2s ease!important}.b3-root .b3-login-step input,.b3-root .b3-login-step input:focus{border:none!important;outline:none!important}.b3-root .b3-login-step input::-moz-placeholder{color:hsl(var(--b3-react-muted-foreground))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px}.b3-root .b3-login-step input::placeholder{color:hsl(var(--b3-react-muted-foreground))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px}.b3-root .b3-login-step button span{font-family:Neue Montreal Semibold,sans-serif!important}.b3-root .b3-login-step button[aria-label="Login with"]{background-color:#fff!important;border:1px solid hsl(var(--b3-line))!important;border-radius:16px!important;height:72px!important;padding:16px!important}.b3-root .b3-login-step button[aria-label="Login with"]:hover{background-color:hsl(var(--b3-white)/.8)!important;border-color:hsl(var(--b3-line)/.8)!important;cursor:pointer}.b3-root .b3-login-step button[aria-label="Login with"]:active{box-shadow:0 2px 4px hsl(var(--b3-react-foreground)/.1)!important;transform:translateY(0)!important}.b3-root .b3-login-step div[style="flex-direction: row"][style="position: relative"]{background:hsla(var(--b3-white),1);border:2px solid hsl(var(--b3-primary-blue))!important;border-radius:32px!important;box-shadow:none!important;font-size:16px;height:56px;margin:0 1px!important;outline:none!important;overflow:hidden!important;transition:all .2s ease!important}.b3-root .b3-login-step div[style="flex-direction: row"][style="position: relative"]:focus-within{border-color:hsl(var(--b3-primary-blue))!important}.b3-root .b3-login-step div[style="flex-direction: row"] button{background-color:hsl(var(--b3-react-primary))!important;border:8px solid #fff!important;border-radius:100%!important;color:hsl(var(--b3-react-primary-foreground))!important;flex-shrink:0;height:36px!important;padding:0!important;transition:all .2s ease!important;width:36px!important}.b3-root .b3-login-step select{color:hsl(var(--b3-react-muted-foreground))!important;font-family:Neue Montreal Medium,sans-serif!important;font-size:16px!important}.b3-root .b3-login-step div[style="flex-direction: row"] button:hover{background-color:hsl(var(--b3-react-primary)/.9)!important}.b3-root .b3-login-step div[style="flex-direction: row"] button svg{color:hsl(var(--b3-react-primary-foreground))!important}.b3-root .b3-login-step button[style="justify-content: flex-start"]{background-color:hsla(var(--b3-white),1)!important;border:1px solid hsl(var(--b3-line))!important;border-radius:32px!important;color:hsl(var(--b3-react-foreground))!important;font-family:Neue Montreal Regular,sans-serif!important;font-size:16px!important;height:56px!important;margin:0 1px!important;padding-left:16px!important;transition:all .2s ease!important}.b3-root .b3-login-step button[style="justify-content: flex-start"]:hover{background-color:hsl(var(--b3-white)/.8)!important;border-color:hsl(var(--b3-line)/.8)!important;cursor:pointer}.b3-root .b3-login-step button[style="justify-content: flex-start"]:active{transform:translateY(0)!important}.b3-root .b3-login-step button[style="justify-content: flex-start"] span{color:hsl(var(--b3-react-foreground))!important;font-weight:500!important}.b3-root .b3-login-step button[style="justify-content: flex-start"] svg{color:hsl(var(--b3-primary-blue))!important;transition:color .2s ease!important}.b3-root .b3-login-step button[style="justify-content: flex-start"]:focus svg{color:hsl(var(--b3-foreground-muted))!important}.b3-root .b3-login-step div[style="flex-direction: column"],.b3-root .b3-login-step div[style="flex-direction: column"]>div{gap:16px!important}.b3-root .b3-login-step>div>div>div>div>div[style="height: 24px"]{display:none!important}.b3-root .b3-login-step div[style="flex-flow: wrap"]{gap:12px!important}.b3-root .b3-login-step>div>div>div>div{padding:0 24px!important}.b3-root .b3-login-step>div>div>div>div>div:first-child,.b3-root .b3-login-step>div>div>div>div>div[style="flex: 1 1 0%"]{padding:0!important}.b3-root .b3-login-step {transition:all .2s ease!important}.b3-root .b3-login-step button:focus-visible{outline:2px solid hsl(var(--b3-react-primary))!important;outline-offset:2px!important}.b3-root .b3-login-step span[color=danger]{color:hsl(var(--b3-negative))!important;font-family:Neue Montreal Medium,sans-serif!important}@media (max-width:480px){.b3-root .b3-login-step>div>div>div>div{padding:0 24px!important}.b3-root .b3-login-step button[aria-label="Login with"]{min-height:48px!important;padding:10px!important}.b3-root .b3-login-step button[style="justify-content: flex-start"]{min-height:44px!important;padding:10px 12px!important}}.b3-root .b3-login-step ul{gap:24px!important}.b3-root .b3-login-step ul li button img{height:64px!important;width:64px!important}.b3-root .b3-login-step ul li button div:last-child{gap:4px!important}.b3-root :is(.b3-login-step ul li button div:last-child) span[color=primaryText]{color:hsl(var(--b3-grey))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px!important}.b3-root .b3-login-step h2{color:hsl(var(--b3-grey))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:24px!important}.b3-root .b3-login-step+h2{padding-bottom:32px!important}.b3-root .b3-login-step div>div>div>div>div>div>span[color=primaryText]{color:hsl(var(--b3-grey))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:24px!important}.b3-root :is(.b3-login-step div>div>div>div>div>div>span[color=primaryText])+div+span{color:hsl(var(--b3-foreground-muted))!important;font-family:Neue Montreal Medium,sans-serif!important;font-size:16px!important}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.b3-root .animate-accordion-down{animation:accordion-down .2s ease-out}.b3-root .animate-accordion-up{animation:accordion-up .2s ease-out}.b3-root .file\:border-0::file-selector-button{border-width:0}.b3-root .file\:bg-transparent::file-selector-button{background-color:transparent}.b3-root .file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.b3-root .file\:font-medium::file-selector-button{font-weight:500}.b3-root .placeholder\:text-\[\#70707b\]::-moz-placeholder{--tw-text-opacity:1;color:rgb(112 112 123/var(--tw-text-opacity))}.b3-root .placeholder\:text-\[\#70707b\]::placeholder{--tw-text-opacity:1;color:rgb(112 112 123/var(--tw-text-opacity))}.b3-root .placeholder\:text-as-primary\/50::-moz-placeholder{color:hsl(var(--as-primary)/.5)}.b3-root .placeholder\:text-as-primary\/50::placeholder{color:hsl(var(--as-primary)/.5)}.b3-root .placeholder\:text-as-primary\/70::-moz-placeholder{color:hsl(var(--as-primary)/.7)}.b3-root .placeholder\:text-as-primary\/70::placeholder{color:hsl(var(--as-primary)/.7)}.b3-root .placeholder\:text-b3-foreground-muted::-moz-placeholder{color:hsl(var(--b3-foreground-muted))}.b3-root .placeholder\:text-b3-foreground-muted::placeholder{color:hsl(var(--b3-foreground-muted))}.b3-root .placeholder\:text-b3-react-muted-foreground::-moz-placeholder{color:hsl(var(--b3-react-muted-foreground))}.b3-root .placeholder\:text-b3-react-muted-foreground::placeholder{color:hsl(var(--b3-react-muted-foreground))}.b3-root .after\:bg-\[inherit\]:after{background-color:inherit;content:var(--tw-content)}.b3-root .after\:mix-blend-exclusion:after{content:var(--tw-content);mix-blend-mode:exclusion}.b3-root .after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.b3-root .after\:\[background-blend-mode\:soft-light\2c _hue\2c _hard-light\]:after{background-blend-mode:soft-light,hue,hard-light;content:var(--tw-content)}.b3-root .after\:\[background-position\:center\2c _0\%_var\(--bg-y\)\2c _calc\(var\(--bg-x\)\_-1\)_calc\(var\(--bg-y\)\_-1\)\2c _var\(--bg-x\)_var\(--bg-y\)\]:after{background-position:50%,0 var(--bg-y),calc(var(--bg-x)-1) calc(var(--bg-y)-1),var(--bg-x) var(--bg-y);content:var(--tw-content)}.b3-root .after\:\[background-size\:var\(--foil-size\)\2c _200\%_400\%\2c _800\%\2c _200\%\]:after{background-size:var(--foil-size),200% 400%,800%,200%;content:var(--tw-content)}@media (hover:hover) and (pointer:fine){.b3-root .hover\:rotate-180:hover{--tw-rotate:180deg;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))}.b3-root .hover\:border-\[\#3368ef\]:hover{--tw-border-opacity:1;border-color:rgb(51 104 239/var(--tw-border-opacity))}.b3-root .hover\:border-\[\#e4e4e7\]:hover{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity))}.b3-root .hover\:border-as-border-secondary:hover{border-color:hsl(var(--as-border-secondary))}.b3-root .hover\:border-as-brand:hover{border-color:hsl(var(--as-brand))}.b3-root .hover\:border-as-brand\/50:hover{border-color:hsl(var(--as-brand)/.5)}.b3-root .hover\:border-as-secondary\/80:hover{border-color:hsl(var(--as-secondary)/.8)}.b3-root .hover\:border-b3-primary-blue:hover{border-color:hsl(var(--b3-primary-blue))}.b3-root .hover\:border-b3-primary-blue\/30:hover{border-color:hsl(var(--b3-primary-blue)/.3)}.b3-root .hover\:border-black\/30:hover{border-color:rgba(0,0,0,.3)}.b3-root .hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.b3-root .hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.b3-root .hover\:bg-\[\#0b5fd4\]:hover{--tw-bg-opacity:1;background-color:rgb(11 95 212/var(--tw-bg-opacity))}.b3-root .hover\:bg-\[\#2952cc\]:hover{--tw-bg-opacity:1;background-color:rgb(41 82 204/var(--tw-bg-opacity))}.b3-root .hover\:bg-\[\#3368ef\]\/90:hover{background-color:rgba(51,104,239,.9)}.b3-root .hover\:bg-\[\#71717a\]:hover{--tw-bg-opacity:1;background-color:rgb(113 113 122/var(--tw-bg-opacity))}.b3-root .hover\:bg-\[\#FAFAFA\]:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.b3-root .hover\:bg-\[\#a0a0ab\]\/80:hover{background-color:hsla(240,6%,65%,.8)}.b3-root .hover\:bg-\[\#e4e4e7\]:hover{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity))}.b3-root .hover\:bg-\[\#f0f5ff\]:hover{--tw-bg-opacity:1;background-color:rgb(240 245 255/var(--tw-bg-opacity))}.b3-root .hover\:bg-\[\#f4f4f5\]:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.b3-root .hover\:bg-\[\#fafafa\]:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.b3-root .hover\:bg-as-brand\/5:hover{background-color:hsl(var(--as-brand)/.05)}.b3-root .hover\:bg-as-brand\/90:hover{background-color:hsl(var(--as-brand)/.9)}.b3-root .hover\:bg-as-on-surface-2:hover{background-color:hsl(var(--as-on-surface-2))}.b3-root .hover\:bg-as-on-surface-3:hover{background-color:hsl(var(--as-on-surface-3))}.b3-root .hover\:bg-as-surface-primary:hover{background-color:hsl(var(--as-surface-primary))}.b3-root .hover\:bg-as-surface-secondary:hover{background-color:hsl(var(--as-surface-secondary))}.b3-root .hover\:bg-b3-grey\/80:hover{background-color:hsl(var(--b3-grey)/.8)}.b3-root .hover\:bg-b3-line:hover{background-color:hsl(var(--b3-line))}.b3-root .hover\:bg-b3-line\/40:hover{background-color:hsl(var(--b3-line)/.4)}.b3-root .hover\:bg-b3-line\/50:hover{background-color:hsl(var(--b3-line)/.5)}.b3-root .hover\:bg-b3-line\/60:hover{background-color:hsl(var(--b3-line)/.6)}.b3-root .hover\:bg-b3-primary-blue\/5:hover{background-color:hsl(var(--b3-primary-blue)/.05)}.b3-root .hover\:bg-b3-primary-blue\/90:hover{background-color:hsl(var(--b3-primary-blue)/.9)}.b3-root .hover\:bg-b3-primary-wash:hover{background-color:hsl(var(--b3-primary-wash))}.b3-root .hover\:bg-b3-primary-wash\/70:hover{background-color:hsl(var(--b3-primary-wash)/.7)}.b3-root .hover\:bg-b3-react-background:hover{background-color:hsl(var(--b3-react-background))}.b3-root .hover\:bg-b3-react-muted\/50:hover{background-color:hsl(var(--b3-react-muted)/.5)}.b3-root .hover\:bg-b3-react-primary\/80:hover{background-color:hsl(var(--b3-react-primary)/.8)}.b3-root .hover\:bg-b3-react-primary\/90:hover{background-color:hsl(var(--b3-react-primary)/.9)}.b3-root .hover\:bg-black\/30:hover{background-color:rgba(0,0,0,.3)}.b3-root .hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity))}.b3-root .hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.b3-root .hover\:bg-gray-100\/50:hover{background-color:rgba(243,244,246,.5)}.b3-root .hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.b3-root .hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.b3-root .hover\:text-as-primary:hover{color:hsl(var(--as-primary))}.b3-root .hover\:text-as-primary\/60:hover{color:hsl(var(--as-primary)/.6)}.b3-root .hover\:text-as-primary\/80:hover{color:hsl(var(--as-primary)/.8)}.b3-root .hover\:text-b3-foreground-muted\/80:hover{color:hsl(var(--b3-foreground-muted)/.8)}.b3-root .hover\:text-b3-grey:hover{color:hsl(var(--b3-grey))}.b3-root .hover\:text-b3-negative:hover{color:hsl(var(--b3-negative))}.b3-root .hover\:text-b3-primary-blue\/80:hover{color:hsl(var(--b3-primary-blue)/.8)}.b3-root .hover\:text-b3-react-foreground:hover{color:hsl(var(--b3-react-foreground))}.b3-root .hover\:text-b3-react-foreground\/80:hover{color:hsl(var(--b3-react-foreground)/.8)}.b3-root .hover\:text-b3-react-foreground\/90:hover{color:hsl(var(--b3-react-foreground)/.9)}.b3-root .hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.b3-root .hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.b3-root .hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.b3-root .hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.b3-root .hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.b3-root .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.b3-root .hover\:underline:hover{text-decoration-line:underline}.b3-root .hover\:no-underline:hover{text-decoration-line:none}.b3-root .hover\:opacity-100:hover{opacity:1}.b3-root .hover\:opacity-70:hover{opacity:.7}.b3-root .hover\:opacity-80:hover{opacity:.8}.b3-root .hover\:shadow-\[0_0_20px_rgb\(0\2c 0\2c 0\2c 20\%\)\]:hover{--tw-shadow:0 0 20px rgb(0,0,0,20%);--tw-shadow-colored:0 0 20px var(--tw-shadow-color)}.b3-root .hover\:shadow-\[0_0_20px_rgb\(0\2c 0\2c 0\2c 20\%\)\]:hover,.b3-root .hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.b3-root .hover\:filter-none:hover{filter:none}.b3-root .hover\:\[--duration\:200ms\]:hover{--duration:200ms}.b3-root .hover\:\[--easing\:linear\]:hover{--easing:linear}.b3-root .hover\:\[--opacity\:0\.1\]:hover{--opacity:0.1}}.b3-root .focus\:border-\[\#0c68e9\]:focus{--tw-border-opacity:1;border-color:rgb(12 104 233/var(--tw-border-opacity))}.b3-root .focus\:border-b3-primary-blue:focus{border-color:hsl(var(--b3-primary-blue))}.b3-root .focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.b3-root .focus\:\!outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.b3-root .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.b3-root .focus\:ring-2:focus{--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)}.b3-root .focus\:ring-b3-primary-blue\/20:focus{--tw-ring-color:hsl(var(--b3-primary-blue)/0.2)}.b3-root .focus\:ring-b3-react-ring:focus{--tw-ring-color:hsl(var(--b3-react-ring))}.b3-root .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.b3-root .focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.b3-root .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)}.b3-root .focus-visible\:ring-1: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(1px + 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)}.b3-root .focus-visible\:ring-2: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)}.b3-root .focus-visible\:ring-b3-react-ring:focus-visible{--tw-ring-color:hsl(var(--b3-react-ring))}.b3-root .focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.b3-root .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.b3-root .disabled\:pointer-events-none:disabled{pointer-events:none}.b3-root .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.b3-root .disabled\:bg-as-on-surface-2:disabled{background-color:hsl(var(--as-on-surface-2))}.b3-root .disabled\:bg-b3-line:disabled{background-color:hsl(var(--b3-line))}.b3-root .disabled\:text-as-primary\/70:disabled{color:hsl(var(--as-primary)/.7)}.b3-root .disabled\:text-as-secondary:disabled{color:hsl(var(--as-secondary))}.b3-root .disabled\:text-b3-foreground-muted:disabled{color:hsl(var(--b3-foreground-muted))}.b3-root .disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.b3-root .disabled\:hover\:border-b3-react-border:hover:disabled{border-color:hsl(var(--b3-react-border))}.b3-root .group:hover .group-hover\:font-bold{font-weight:700}.b3-root .group:hover .group-hover\:text-as-brand{color:hsl(var(--as-brand))}.b3-root .group:hover .group-hover\:text-as-primary\/60{color:hsl(var(--as-primary)/.6)}.b3-root .group:hover .group-hover\:text-as-primary\/90{color:hsl(var(--as-primary)/.9)}.b3-root .group:hover .group-hover\:text-b3-react-foreground\/60{color:hsl(var(--b3-react-foreground)/.6)}.b3-root .group:hover .group-hover\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.b3-root .group:hover .group-hover\:text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.b3-root .group:hover .group-hover\:opacity-100{opacity:1}.b3-root .group:hover .group-hover\: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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.b3-root .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.b3-root .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.b3-root .data-\[state\=open\]\:rotate-180[data-state=open]{--tw-rotate:180deg;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))}.b3-root .data-\[state\=open\]\:rounded-b-none[data-state=open]{border-bottom-left-radius:0;border-bottom-right-radius:0}.b3-root .data-\[state\=active\]\:border-t-4[data-state=active]{border-top-width:4px}.b3-root .data-\[state\=active\]\:border-b3-primary-blue[data-state=active]{border-color:hsl(var(--b3-primary-blue))}.b3-root .data-\[state\=open\]\:bg-b3-react-background[data-state=open]{background-color:hsl(var(--b3-react-background))}.b3-root .data-\[state\=active\]\:font-bold[data-state=active]{font-weight:700}.b3-root .data-\[state\=active\]\:text-\[\#18181B\][data-state=active]{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.b3-root .data-\[state\=active\]\:text-b3-react-primary[data-state=active]{color:hsl(var(--b3-react-primary))}.b3-root .data-\[state\=inactive\]\:text-b3-react-muted-foreground[data-state=inactive],.b3-root .data-\[state\=open\]\:text-b3-react-muted-foreground[data-state=open]{color:hsl(var(--b3-react-muted-foreground))}.b3-root .data-\[disabled\=true\]\:opacity-50[data-disabled=true],.b3-root .data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.b3-root .data-\[state\=closed\]\:backdrop-blur-none[data-state=closed]{--tw-backdrop-blur:blur(0)}.b3-root .data-\[state\=closed\]\:backdrop-blur-none[data-state=closed],.b3-root .data-\[state\=open\]\:backdrop-blur-\[20px\][data-state=open]{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.b3-root .data-\[state\=open\]\:backdrop-blur-\[20px\][data-state=open]{--tw-backdrop-blur:blur(20px)}.b3-root .data-\[state\=open\]\:animate-in[data-state=open]{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.b3-root .data-\[state\=closed\]\:animate-out[data-state=closed]{animation-duration:.15s;animation-name:exit;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.b3-root .data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.b3-root .data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.b3-root .data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.b3-root .data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.b3-root .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.b3-root .data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.b3-root .data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.b3-root .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.b3-root .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.b3-root .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.b3-root .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.b3-root .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.b3-root .group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;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))}.b3-root :is(.dark .dark\:border-gray-600){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.b3-root :is(.dark .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.b3-root :is(.dark .dark\:border-gray-800){--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}.b3-root :is(.dark .dark\:bg-blue-800){--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-blue-900\/20){background-color:rgba(30,58,138,.2)}.b3-root :is(.dark .dark\:bg-gray-600){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-gray-800\/50){background-color:rgba(31,41,55,.5)}.b3-root :is(.dark .dark\:bg-gray-900){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-transparent){background-color:transparent}.b3-root :is(.dark .dark\:bg-\[radial-gradient\(ellipse_at_50\%_0\%\2c hsl\(var\(--b3-react-primary\)\/25\%\)_0\%\2c transparent_70\%\)\]){background-image:radial-gradient(ellipse at 50% 0,hsl(var(--b3-react-primary)/25%) 0,transparent 70%)}.b3-root :is(.dark .dark\:text-\[rgb\(255\2c 255\2c 255\2c 90\%\)\]){color:hsla(0,0%,100%,.9)}.b3-root :is(.dark .dark\:text-blue-200){--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-gray-100){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-yellow-400){--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:\[--base-color\:\#71717a\]){--base-color:#71717a}.b3-root :is(.dark .dark\:\[--base-gradient-color\:\#ffffff\]){--base-gradient-color:#fff}.b3-root :is(.dark .dark\:\[--bg\:linear-gradient\(90deg\2c \#0000_calc\(50\%-var\(--spread\)\)\2c var\(--base-gradient-color\)\2c \#0000_calc\(50\%\+var\(--spread\)\)\)\]){--bg:linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--base-gradient-color),#0000 calc(50% + var(--spread)))}@media (hover:hover) and (pointer:fine){.b3-root :is(.dark .dark\:hover\:border-gray-500:hover){--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.b3-root :is(.dark .dark\:hover\:bg-b3-primary-wash\/40:hover){background-color:hsl(var(--b3-primary-wash)/.4)}.b3-root :is(.dark .dark\:hover\:bg-gray-700:hover){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:hover\:bg-gray-700\/50:hover){background-color:rgba(55,65,81,.5)}.b3-root :is(.dark .dark\:hover\:bg-gray-800:hover){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:hover\:text-gray-200:hover){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:hover\:text-white:hover){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}.b3-root :is(.dark .dark\:data-\[state\=open\]\:bg-gray-800[data-state=open]){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:data-\[state\=open\]\:text-gray-400[data-state=open]){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}@media (max-width:1023px){.b3-root .lg\:right-0{right:0}}@media (max-width:767px){.b3-root .md\:hidden{display:none}.b3-root .md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.b3-root .md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (max-width:480px){.b3-root .sm\:hidden{display:none}.b3-root .sm\:h-8{height:2rem}.b3-root .sm\:max-h-\[80dvh\]{max-height:80dvh}.b3-root .sm\:w-8{width:2rem}.b3-root .sm\:max-w-lg{max-width:32rem}.b3-root .sm\:flex-row{flex-direction:row}.b3-root .sm\:justify-end{justify-content:flex-end}.b3-root .sm\:justify-between{justify-content:space-between}.b3-root .sm\:gap-0{gap:0}.b3-root .sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem(1 - var(--tw-space-x-reverse)));margin-right:calc(.5remvar(--tw-space-x-reverse))}.b3-root .sm\:rounded-xl{border-radius:.75rem}.b3-root .sm\:p-6{padding:1.5rem}.b3-root .sm\:px-0{padding-left:0;padding-right:0}.b3-root .sm\:pt-5{padding-top:1.25rem}.b3-root .sm\:text-left{text-align:left}.b3-root .sm\:text-\[30px\]{font-size:30px}.b3-root .sm\:text-base{font-size:1rem;line-height:1.5rem}.b3-root .sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}.b3-root .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg;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))}.b3-root .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.b3-root .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.b3-root .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.b3-root .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.b3-root .\[\&_\[cmdk-group-heading\]\]\:text-b3-react-muted-foreground [cmdk-group-heading]{color:hsl(var(--b3-react-muted-foreground))}.b3-root .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.b3-root .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.b3-root .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.b3-root .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.b3-root .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.b3-root .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.b3-root .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.b3-root .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.b3-root .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.b3-root .\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.b3-root .\[\&_svg\]\:size-4 svg{height:1rem;width:1rem}.b3-root .\[\&_svg\]\:shrink-0 svg{flex-shrink:0}
1	+ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");@font-face{font-display:swap;font-family:Pack;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/pack.ttf) format("truetype")}@font-face{font-family:Neue Montreal Bold;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-bold-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-bold-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Regular;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-regular-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-regular-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Book;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-book-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-book-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Medium;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-medium-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-medium-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Semibold;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-semibold-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-semibold-webfont.woff) format("woff")}@font-face{font-family:Calibre Bold;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/calibre2-bold-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/calibre2-bold-webfont.woff) format("woff")}@font-face{font-family:Calibre Heavy;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/calibre2-heavy-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/calibre2-heavy-webfont.woff) format("woff")}@font-face{font-family:Calibre Regular;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/calibre2-regular-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/calibre2-regular-webfont.woff) format("woff")}.b3-root{--b3-react-background:0 0% 100%;--b3-react-foreground:0 0% 10%;--b3-react-card:0 0% 98%;--b3-react-card-foreground:0 0% 15%;--b3-react-subtle:0 0% 96%;--b3-react-secondary-foreground:0 0% 30%;--b3-react-primary:210 80% 45%;--b3-react-primary-foreground:0 0% 100%;--b3-react-muted-foreground:0 0% 50%;--b3-react-border:0 0% 90%;--b3-react-muted:256 16% 23%;--b3-react-ring:256 16% 23%;--b3-react-popover:210 40% 98%;--b3-react-popover-foreground:222 84% 5%;--as-primary:204 9% 11%;--as-content-primary:240 6% 10%;--as-content-secondary:240 5% 26%;--as-surface-primary:0 0% 100%;--as-surface-secondary:0 0% 98%;--as-on-surface-1:0 0% 99%;--as-on-surface-2:0 0% 94%;--as-on-surface-3:210 9% 91%;--as-on-surface-4:240 6% 90%;--as-border-primary:240 6% 83%;--as-border-secondary:240 6% 90%;--as-stroke:0 0% 94%;--as-n-8:0 0% 96%;--as-brand:215 90% 48%;--as-light-brand:215 90% 70%;--as-yellow:32 96% 64%;--as-secondary:212 6% 46%;--as-red:14 88% 52%;--as-error-secondary:4 95% 94%;--as-content-icon-error:4 74% 49%;--as-on-surface-disabled:0 0% 78%;--as-on-disabled:0 0% 44%;--as-shadow-lg:220 29% 5%;--as-quaternary:240 6% 65%;--as-tertiarry:235 6% 34%;--as-success-secondary:89 85% 89%;--as-content-icon-success:95 85% 35%;--as-content-disabled:220 6% 47%;--b3-foreground-muted:0 0% 40%;--b3-primary-blue:223 86% 57%;--b3-primary-wash:224 58% 94%;--b3-grey:0 0% 15%;--b3-line:0 0% 91%;--b3-white:0 0% 98%;--b3-background:0 0% 100%;--b3-positive:153 100% 39%;--b3-negative:0 100% 63%;--relay-colors-focus-color:#0c68e9!important;--brand-50:#d5e5fd;--brand-100:#d8f0ff;--brand-200:#8dbaf9;--brand-700:#0948a0;--red-100:#fde6d7;--green-100:#dff9e8;--border-brand:#2a9fff;--yellow-100:#fee6c7;--purple-100:#f5edfa;--purple-300:#ddc3ef;--yellow-50:#fff6eb;--dune:#f0eae3;--green:#32ae60;--red:#f04d1a;--purple:#b981da;--yellow:#fba94b;--brand:#0c68e9;--content-primary:#18181b;--content-secondary:#3f3f46;--content-placeholder:#70707b;--success-50:#f3fee7;--success-200:#d0f8ab;--success-700:#3b7c0f;--warning-50:#fefbe8;--warning-200:#feee95;--warning-700:#a15c07;--error-50:#fef3f2;--error-200:#fecdca;--error-700:#b42318;--brand-tertiary:#0b57c2;--fg-quaternary:#a0a0ab}.b3-root[data-theme=dark],html[data-theme=dark] .b3-root{--b3-react-background:0 0% 10%;--b3-react-foreground:0 0% 90%;--b3-react-card:0 0% 15%;--b3-react-card-foreground:0 0% 90%;--b3-react-subtle:0 0% 18%;--b3-react-secondary-foreground:0 0% 70%;--b3-react-primary:210 80% 45%;--b3-react-primary-foreground:0 0% 100%;--b3-react-muted-foreground:0 0% 50%;--b3-react-border:0 0% 25%;--b3-react-muted:256 16% 23%;--b3-react-popover:260 13% 9%;--b3-react-ring:256 16% 23%;--b3-react-popover:260,13%,9%;--b3-react-popover-foreground:215 40.54% 91.12%;--as-primary:0 0% 99%;--as-content-primary:0 0% 98%;--as-content-secondary:240 6% 83%;--as-surface-primary:240 7% 8%;--as-surface-secondary:240 6% 10%;--as-on-surface-1:204 9% 11%;--as-on-surface-2:213 10% 17%;--as-on-surface-3:203 8% 21%;--as-border-primary:240 5% 26%;--as-border-secondary:228 6% 16%;--as-stroke:213 10% 17%;--as-n-8:210 11% 7%;--as-brand:215 90% 48%;--as-light-brand:215 90% 70%;--as-yellow:32 96% 64%;--as-secondary:212 6% 46%;--as-red:14 88% 52%;--as-error-secondary:4 74% 49%;--as-content-icon-error:4 95% 94%;--as-on-surface-disabled:0 0% 78%;--as-on-disabled:0 0% 44%;--as-quaternary:240 6% 65%;--as-tertiarry:240 6% 65%;--as-success-secondary:95 85% 35%;--as-content-icon-success:89 85% 89%;--as-content-disabled:220 6% 47%;--relay-colors-focus-color:#0c68e9!important;--b3-foreground-muted:0 0% 65%;--b3-primary-blue:223 86% 67%;--b3-primary-wash:224 58% 15%;--b3-grey:0 0% 85%;--b3-line:0 0% 25%;--b3-white:0 0% 100%;--b3-background:0 0% 12%;--b3-positive:153 100% 49%;--b3-negative:0 100% 73%;--brand-50:#031633;--brand-100:#2a323f;--brand-200:#07387c;--brand-700:#67a4f7;--red-100:#6a5550;--green-100:rgba(68,90,76,.57);--border-brand:#2a9fff;--yellow-100:#957a6c;--purple-100:rgba(113,88,126,.38);--purple-300:#a375c3;--yellow-50:#82776b;--dune:#272c30;--content-primary:#fafafa;--content-secondary:#d1d1d6;--content-placeholder:#70707b;--utility-brand:#67a4f7;--success-50:#15290a;--success-200:#326212;--success-700:#a6ef67;--warning-50:#542c0d;--warning-200:#854a0e;--warning-700:#fde272;--error-50:#55160c;--error-200:#912018;--error-700:#fda29b;--brand-tertiary:#a0a0ab;--fg-quaternary:#51525c}.b3-root ,.b3-root :after,.b3-root :before{border:0 solid #e5e7eb;box-sizing:border-box}.b3-root :after,.b3-root :before{--tw-content:""}.b3-root :host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}.b3-root hr{border-top-width:1px;color:inherit;height:0}.b3-root abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.b3-root h1,.b3-root h2,.b3-root h3,.b3-root h4,.b3-root h5,.b3-root h6{font-size:inherit;font-weight:inherit}.b3-root a{color:inherit;text-decoration:inherit}.b3-root b,.b3-root strong{font-weight:bolder}.b3-root code,.b3-root kbd,.b3-root pre,.b3-root samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}.b3-root small{font-size:80%}.b3-root sub,.b3-root sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.b3-root sub{bottom:-.25em}.b3-root sup{top:-.5em}.b3-root table{border-collapse:collapse;border-color:inherit;text-indent:0}.b3-root button,.b3-root input,.b3-root optgroup,.b3-root select,.b3-root textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}.b3-root button,.b3-root select{text-transform:none}.b3-root [type=button],.b3-root [type=reset],.b3-root [type=submit],.b3-root button{-webkit-appearance:button;background-color:transparent;background-image:none}.b3-root :-moz-focusring{outline:auto}.b3-root :-moz-ui-invalid{box-shadow:none}.b3-root progress{vertical-align:baseline}.b3-root ::-webkit-inner-spin-button,.b3-root ::-webkit-outer-spin-button{height:auto}.b3-root [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.b3-root ::-webkit-search-decoration{-webkit-appearance:none}.b3-root ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.b3-root summary{display:list-item}.b3-root blockquote,.b3-root dd,.b3-root dl,.b3-root figure,.b3-root h1,.b3-root h2,.b3-root h3,.b3-root h4,.b3-root h5,.b3-root h6,.b3-root hr,.b3-root p,.b3-root pre{margin:0}.b3-root fieldset{margin:0;padding:0}.b3-root legend{padding:0}.b3-root menu,.b3-root ol,.b3-root ul{list-style:none;margin:0;padding:0}.b3-root dialog{padding:0}.b3-root textarea{resize:vertical}.b3-root input::-moz-placeholder,.b3-root textarea::-moz-placeholder{color:#9ca3af;opacity:1}.b3-root input::placeholder,.b3-root textarea::placeholder{color:#9ca3af;opacity:1}.b3-root [role=button],.b3-root button{cursor:pointer}.b3-root :disabled{cursor:default}.b3-root audio,.b3-root canvas,.b3-root embed,.b3-root iframe,.b3-root img,.b3-root object,.b3-root svg,.b3-root video{display:block;vertical-align:middle}.b3-root img,.b3-root video{height:auto;max-width:100%}.b3-root [hidden]{display:none}.b3-root ,.b3-root :after,.b3-root :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.b3-root ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.b3-root .container{width:100%}.b3-root .sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.b3-root .pointer-events-none{pointer-events:none}.b3-root .pointer-events-auto{pointer-events:auto}.b3-root .visible{visibility:visible}.b3-root .static{position:static}.b3-root .fixed{position:fixed}.b3-root .absolute{position:absolute}.b3-root .relative{position:relative}.b3-root .sticky{position:sticky}.b3-root .-inset-0{inset:0}.b3-root .-inset-0\.5{inset:-.125rem}.b3-root .inset-0{inset:0}.b3-root .inset-x-0{left:0;right:0}.b3-root .-bottom-0{bottom:0}.b3-root .-bottom-0\.5{bottom:-.125rem}.b3-root .-bottom-1{bottom:-.25rem}.b3-root .-right-0{right:0}.b3-root .-right-0\.5{right:-.125rem}.b3-root .-right-1{right:-.25rem}.b3-root .-right-4{right:-1rem}.b3-root .-top-1{top:-.25rem}.b3-root .-top-10{top:-2.5rem}.b3-root .bottom-0{bottom:0}.b3-root .bottom-2{bottom:.5rem}.b3-root .bottom-3{bottom:.75rem}.b3-root .left-0{left:0}.b3-root .left-1\/2{left:50%}.b3-root .left-4{left:1rem}.b3-root .left-\[2px\]{left:2px}.b3-root .right-0{right:0}.b3-root .right-2{right:.5rem}.b3-root .right-3{right:.75rem}.b3-root .right-4{right:1rem}.b3-root .right-5{right:1.25rem}.b3-root .top-0{top:0}.b3-root .top-1\/2{top:50%}.b3-root .top-12{top:3rem}.b3-root .top-2{top:.5rem}.b3-root .top-4{top:1rem}.b3-root .top-5{top:1.25rem}.b3-root .top-\[calc\(50\%\+56px\)\]{top:calc(50% + 56px)}.b3-root .top-full{top:100%}.b3-root .isolate{isolation:isolate}.b3-root .z-0{z-index:0}.b3-root .z-10{z-index:10}.b3-root .z-50{z-index:50}.b3-root .z-\[100\]{z-index:100}.b3-root .z-\[5\]{z-index:5}.b3-root .z-\[9999\]{z-index:9999}.b3-root .col-span-3{grid-column:span 3/span 3}.b3-root .m-0{margin:0}.b3-root .m-2{margin:.5rem}.b3-root .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.b3-root .-my-1{margin-bottom:-.25rem;margin-top:-.25rem}.b3-root .mx-1{margin-left:.25rem;margin-right:.25rem}.b3-root .mx-5{margin-left:1.25rem;margin-right:1.25rem}.b3-root .mx-auto{margin-left:auto;margin-right:auto}.b3-root .my-1{margin-bottom:.25rem;margin-top:.25rem}.b3-root .my-3{margin-bottom:.75rem;margin-top:.75rem}.b3-root .my-8{margin-bottom:2rem;margin-top:2rem}.b3-root .-mb-3{margin-bottom:-.75rem}.b3-root .-mb-5{margin-bottom:-1.25rem}.b3-root .-mt-0{margin-top:0}.b3-root .-mt-0\.5{margin-top:-.125rem}.b3-root .-mt-4{margin-top:-1rem}.b3-root .mb-0{margin-bottom:0}.b3-root .mb-1{margin-bottom:.25rem}.b3-root .mb-1\.5{margin-bottom:.375rem}.b3-root .mb-12{margin-bottom:3rem}.b3-root .mb-2{margin-bottom:.5rem}.b3-root .mb-3{margin-bottom:.75rem}.b3-root .mb-4{margin-bottom:1rem}.b3-root .mb-6{margin-bottom:1.5rem}.b3-root .ml-1{margin-left:.25rem}.b3-root .ml-2{margin-left:.5rem}.b3-root .ml-3{margin-left:.75rem}.b3-root .ml-4{margin-left:1rem}.b3-root .ml-auto{margin-left:auto}.b3-root .mr-2{margin-right:.5rem}.b3-root .mr-4{margin-right:1rem}.b3-root .mr-auto{margin-right:auto}.b3-root .mt-0{margin-top:0}.b3-root .mt-1{margin-top:.25rem}.b3-root .mt-2{margin-top:.5rem}.b3-root .mt-24{margin-top:6rem}.b3-root .mt-3{margin-top:.75rem}.b3-root .mt-4{margin-top:1rem}.b3-root .mt-6{margin-top:1.5rem}.b3-root .mt-8{margin-top:2rem}.b3-root .mt-\[-100px\]{margin-top:-100px}.b3-root .mt-\[-60px\]{margin-top:-60px}.b3-root .mt-auto{margin-top:auto}.b3-root .box-border{box-sizing:border-box}.b3-root .block{display:block}.b3-root .inline-block{display:inline-block}.b3-root .inline{display:inline}.b3-root .flex{display:flex}.b3-root .inline-flex{display:inline-flex}.b3-root .table{display:table}.b3-root .grid{display:grid}.b3-root .contents{display:contents}.b3-root .hidden{display:none}.b3-root .aspect-\[144\/146\]{aspect-ratio:144/146}.b3-root .aspect-square{aspect-ratio:1/1}.b3-root .size-10{height:2.5rem;width:2.5rem}.b3-root .size-14{height:3.5rem;width:3.5rem}.b3-root .size-16{height:4rem;width:4rem}.b3-root .size-24{height:6rem;width:6rem}.b3-root .size-3{height:.75rem;width:.75rem}.b3-root .size-32{height:8rem;width:8rem}.b3-root .size-4{height:1rem;width:1rem}.b3-root .size-48{height:12rem;width:12rem}.b3-root .size-5{height:1.25rem;width:1.25rem}.b3-root .size-6{height:1.5rem;width:1.5rem}.b3-root .size-7{height:1.75rem;width:1.75rem}.b3-root .size-8{height:2rem;width:2rem}.b3-root .size-\[120px\]{height:120px;width:120px}.b3-root .size-\[18px\]{height:18px;width:18px}.b3-root .size-\[200px\]{height:200px;width:200px}.b3-root .size-full{height:100%;width:100%}.b3-root .h-0{height:0}.b3-root .h-1{height:.25rem}.b3-root .h-10{height:2.5rem}.b3-root .h-11{height:2.75rem}.b3-root .h-12{height:3rem}.b3-root .h-14{height:3.5rem}.b3-root .h-16{height:4rem}.b3-root .h-2{height:.5rem}.b3-root .h-2\.5{height:.625rem}.b3-root .h-3{height:.75rem}.b3-root .h-3\.5{height:.875rem}.b3-root .h-32{height:8rem}.b3-root .h-4{height:1rem}.b3-root .h-5{height:1.25rem}.b3-root .h-6{height:1.5rem}.b3-root .h-7{height:1.75rem}.b3-root .h-8{height:2rem}.b3-root .h-9{height:2.25rem}.b3-root .h-\[100px\]{height:100px}.b3-root .h-\[180px\]{height:180px}.b3-root .h-\[18px\]{height:18px}.b3-root .h-\[200px\]{height:200px}.b3-root .h-\[220px\]{height:220px}.b3-root .h-\[270px\]{height:270px}.b3-root .h-\[2px\]{height:2px}.b3-root .h-\[32px\]{height:32px}.b3-root .h-\[36px\]{height:36px}.b3-root .h-\[38px\]{height:38px}.b3-root .h-\[45\%\]{height:45%}.b3-root .h-\[470px\]{height:470px}.b3-root .h-\[600px\]{height:600px}.b3-root .h-\[60px\]{height:60px}.b3-root .h-\[68px\]{height:68px}.b3-root .h-\[74px\]{height:74px}.b3-root .h-\[80vh\]{height:80vh}.b3-root .h-\[84px\]{height:84px}.b3-root .h-\[90dvh\]{height:90dvh}.b3-root .h-\[98px\]{height:98px}.b3-root .h-\[calc\(90vh-2px\)\]{height:calc(90vh - 2px)}.b3-root .h-auto{height:auto}.b3-root .h-fit{height:-moz-fit-content;height:fit-content}.b3-root .h-full{height:100%}.b3-root .h-px{height:1px}.b3-root .max-h-48{max-height:12rem}.b3-root .max-h-60{max-height:15rem}.b3-root .max-h-\[300px\]{max-height:300px}.b3-root .max-h-\[60dvh\]{max-height:60dvh}.b3-root .max-h-\[80vh\]{max-height:80vh}.b3-root .max-h-\[90dvh\]{max-height:90dvh}.b3-root .min-h-4{min-height:1rem}.b3-root .min-h-8{min-height:2rem}.b3-root .min-h-\[400px\]{min-height:400px}.b3-root .min-h-fit{min-height:-moz-fit-content;min-height:fit-content}.b3-root .min-h-full{min-height:100%}.b3-root .w-0{width:0}.b3-root .w-0\.5{width:.125rem}.b3-root .w-1{width:.25rem}.b3-root .w-1\/2{width:50%}.b3-root .w-10{width:2.5rem}.b3-root .w-11{width:2.75rem}.b3-root .w-12{width:3rem}.b3-root .w-14{width:3.5rem}.b3-root .w-16{width:4rem}.b3-root .w-2{width:.5rem}.b3-root .w-2\.5{width:.625rem}.b3-root .w-20{width:5rem}.b3-root .w-24{width:6rem}.b3-root .w-3{width:.75rem}.b3-root .w-3\.5{width:.875rem}.b3-root .w-32{width:8rem}.b3-root .w-4{width:1rem}.b3-root .w-4\/5{width:80%}.b3-root .w-48{width:12rem}.b3-root .w-5{width:1.25rem}.b3-root .w-5\/6{width:83.333333%}.b3-root .w-6{width:1.5rem}.b3-root .w-7{width:1.75rem}.b3-root .w-8{width:2rem}.b3-root .w-9{width:2.25rem}.b3-root .w-\[100px\]{width:100px}.b3-root .w-\[140px\]{width:140px}.b3-root .w-\[18px\]{width:18px}.b3-root .w-\[200px\]{width:200px}.b3-root .w-\[2px\]{width:2px}.b3-root .w-\[360px\]{width:360px}.b3-root .w-\[3px\]{width:3px}.b3-root .w-\[400px\]{width:400px}.b3-root .w-\[420px\]{width:420px}.b3-root .w-\[45\%\]{width:45%}.b3-root .w-\[460px\]{width:460px}.b3-root .w-\[560px\]{width:560px}.b3-root .w-\[90vw\]{width:90vw}.b3-root .w-\[98px\]{width:98px}.b3-root .w-\[calc\(100\%-12px\)\]{width:calc(100% - 12px)}.b3-root .w-auto{width:auto}.b3-root .w-fit{width:-moz-fit-content;width:fit-content}.b3-root .w-full{width:100%}.b3-root .min-w-0{min-width:0}.b3-root .min-w-32{min-width:8rem}.b3-root .min-w-4{min-width:1rem}.b3-root .min-w-48{min-width:12rem}.b3-root .min-w-64{min-width:16rem}.b3-root .min-w-8{min-width:2rem}.b3-root .min-w-\[200px\]{min-width:200px}.b3-root .min-w-\[240px\]{min-width:240px}.b3-root .min-w-\[70px\]{min-width:70px}.b3-root .max-w-2xl{max-width:42rem}.b3-root .max-w-48{max-width:12rem}.b3-root .max-w-\[200px\]{max-width:200px}.b3-root .max-w-\[400px\]{max-width:400px}.b3-root .max-w-\[460px\]{max-width:460px}.b3-root .max-w-\[90vw\]{max-width:90vw}.b3-root .max-w-\[calc\(100vw-32px\)\]{max-width:calc(100vw - 32px)}.b3-root .max-w-full{max-width:100%}.b3-root .max-w-lg{max-width:32rem}.b3-root .max-w-md{max-width:28rem}.b3-root .flex-1{flex:1 1 0%}.b3-root .flex-initial{flex:0 1 auto}.b3-root .flex-shrink-0,.b3-root .shrink-0{flex-shrink:0}.b3-root .grow{flex-grow:1}.b3-root .origin-center{transform-origin:center}.b3-root .-translate-x-1\/2{--tw-translate-x:-50%}.b3-root .-translate-x-1\/2,.b3-root .-translate-y-1\/2{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))}.b3-root .-translate-y-1\/2{--tw-translate-y:-50%}.b3-root .translate-x-0{--tw-translate-x:0px}.b3-root .translate-x-0,.b3-root .translate-x-full{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))}.b3-root .translate-x-full{--tw-translate-x:100%}.b3-root .-rotate-90{--tw-rotate:-90deg}.b3-root .-rotate-90,.b3-root .rotate-180{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))}.b3-root .rotate-180{--tw-rotate:180deg}.b3-root .scale-100{--tw-scale-x:1;--tw-scale-y:1}.b3-root .scale-100,.b3-root .scale-95{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))}.b3-root .scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.b3-root .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 pulse{50%{opacity:.5}}.b3-root .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-fade{0%,to{opacity:1}50%{opacity:.5}}.b3-root .animate-pulse-fade{animation:pulse-fade 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.b3-root .animate-spin{animation:spin 1s linear infinite}.b3-root .cursor-default{cursor:default}.b3-root .cursor-not-allowed{cursor:not-allowed}.b3-root .cursor-pointer{cursor:pointer}.b3-root .touch-none{touch-action:none}.b3-root .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.b3-root .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.b3-root .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.b3-root .flex-col{flex-direction:column}.b3-root .flex-col-reverse{flex-direction:column-reverse}.b3-root .flex-wrap{flex-wrap:wrap}.b3-root .items-start{align-items:flex-start}.b3-root .items-end{align-items:flex-end}.b3-root .items-center{align-items:center}.b3-root .items-stretch{align-items:stretch}.b3-root .justify-normal{justify-content:normal}.b3-root .justify-start{justify-content:flex-start}.b3-root .justify-end{justify-content:flex-end}.b3-root .justify-center{justify-content:center}.b3-root .justify-between{justify-content:space-between}.b3-root .justify-around{justify-content:space-around}.b3-root .justify-evenly{justify-content:space-evenly}.b3-root .gap-0{gap:0}.b3-root .gap-0\.5{gap:.125rem}.b3-root .gap-1{gap:.25rem}.b3-root .gap-1\.5{gap:.375rem}.b3-root .gap-10{gap:2.5rem}.b3-root .gap-2{gap:.5rem}.b3-root .gap-3{gap:.75rem}.b3-root .gap-4{gap:1rem}.b3-root .gap-5{gap:1.25rem}.b3-root .gap-6{gap:1.5rem}.b3-root .gap-8{gap:2rem}.b3-root .space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem(1 - var(--tw-space-x-reverse)));margin-right:calc(.25remvar(--tw-space-x-reverse))}.b3-root .space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem(1 - var(--tw-space-x-reverse)));margin-right:calc(.5remvar(--tw-space-x-reverse))}.b3-root .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25remvar(--tw-space-y-reverse));margin-top:calc(.25rem(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375remvar(--tw-space-y-reverse));margin-top:calc(.375rem(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5remvar(--tw-space-y-reverse));margin-top:calc(.5rem(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75remvar(--tw-space-y-reverse));margin-top:calc(.75rem(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1remvar(--tw-space-y-reverse));margin-top:calc(1rem(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5remvar(--tw-space-y-reverse));margin-top:calc(1.5rem(1 - var(--tw-space-y-reverse)))}.b3-root .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1pxvar(--tw-divide-y-reverse));border-top-width:calc(1px(1 - var(--tw-divide-y-reverse)))}.b3-root .place-self-end{place-self:end}.b3-root .self-stretch{align-self:stretch}.b3-root .overflow-auto{overflow:auto}.b3-root .overflow-hidden{overflow:hidden}.b3-root .overflow-clip{overflow:clip}.b3-root .overflow-visible{overflow:visible}.b3-root .overflow-x-auto{overflow-x:auto}.b3-root .overflow-y-auto{overflow-y:auto}.b3-root .overflow-x-hidden{overflow-x:hidden}.b3-root .truncate{overflow:hidden;white-space:nowrap}.b3-root .text-ellipsis,.b3-root .truncate{text-overflow:ellipsis}.b3-root .whitespace-nowrap{white-space:nowrap}.b3-root .whitespace-pre-wrap{white-space:pre-wrap}.b3-root .text-balance{text-wrap:balance}.b3-root .break-words{overflow-wrap:break-word}.b3-root .break-all{word-break:break-all}.b3-root .rounded{border-radius:.25rem}.b3-root .rounded-2xl{border-radius:1rem}.b3-root .rounded-\[50\%\]{border-radius:50%}.b3-root .rounded-\[inherit\]{border-radius:inherit}.b3-root .rounded-\[var\(--radius\)\]{border-radius:var(--radius)}.b3-root .rounded-full{border-radius:9999px}.b3-root .rounded-lg{border-radius:.5rem}.b3-root .rounded-md{border-radius:.375rem}.b3-root .rounded-none{border-radius:0}.b3-root .rounded-sm{border-radius:.125rem}.b3-root .rounded-xl{border-radius:.75rem}.b3-root .rounded-b-xl{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.b3-root .rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.b3-root .rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.b3-root .rounded-bl-3xl{border-bottom-left-radius:1.5rem}.b3-root .rounded-br-3xl{border-bottom-right-radius:1.5rem}.b3-root .border{border-width:1px}.b3-root .border-0{border-width:0}.b3-root .border-2{border-width:2px}.b3-root .border-4{border-width:4px}.b3-root .border-\[1\.5px\]{border-width:1.5px}.b3-root .border-\[3px\]{border-width:3px}.b3-root .border-x{border-left-width:1px;border-right-width:1px}.b3-root .border-b{border-bottom-width:1px}.b3-root .border-b-2{border-bottom-width:2px}.b3-root .border-l{border-left-width:1px}.b3-root .border-r{border-right-width:1px}.b3-root .border-r-0{border-right-width:0}.b3-root .border-t{border-top-width:1px}.b3-root .border-t-0{border-top-width:0}.b3-root .border-solid{border-style:solid}.b3-root .border-dashed{border-style:dashed}.b3-root .border-none{border-style:none}.b3-root .border-\[\#3368ef\]{--tw-border-opacity:1;border-color:rgb(51 104 239/var(--tw-border-opacity))}.b3-root .border-\[\#D1D1D6\],.b3-root .border-\[\#d1d1d6\]{--tw-border-opacity:1;border-color:rgb(209 209 214/var(--tw-border-opacity))}.b3-root .border-\[\#e4e4e7\]{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity))}.b3-root .border-as-border-primary{border-color:hsl(var(--as-border-primary))}.b3-root .border-as-border-secondary{border-color:hsl(var(--as-border-secondary))}.b3-root .border-as-brand{border-color:hsl(var(--as-brand))}.b3-root .border-as-brand\/10{border-color:hsl(var(--as-brand)/.1)}.b3-root .border-as-brand\/30{border-color:hsl(var(--as-brand)/.3)}.b3-root .border-as-red{border-color:hsl(var(--as-red))}.b3-root .border-as-red\/20{border-color:hsl(var(--as-red)/.2)}.b3-root .border-as-stroke{border-color:hsl(var(--as-stroke))}.b3-root .border-b3-background{border-color:hsl(var(--b3-background))}.b3-root .border-b3-line{border-color:hsl(var(--b3-line))}.b3-root .border-b3-react-border{border-color:hsl(var(--b3-react-border))}.b3-root .border-b3-react-subtle{border-color:hsl(var(--b3-react-subtle))}.b3-root .border-black\/10{border-color:rgba(0,0,0,.1)}.b3-root .border-black\/50{border-color:rgba(0,0,0,.5)}.b3-root .border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.b3-root .border-current{border-color:currentColor}.b3-root .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.b3-root .border-orange-400{--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity))}.b3-root .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.b3-root .border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.b3-root .border-red-500\/80{border-color:rgba(239,68,68,.8)}.b3-root .border-transparent{border-color:transparent}.b3-root .border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.b3-root .border-white\/10{border-color:hsla(0,0%,100%,.1)}.b3-root .border-white\/20{border-color:hsla(0,0%,100%,.2)}.b3-root .border-white\/30{border-color:hsla(0,0%,100%,.3)}.b3-root .border-l-transparent{border-left-color:transparent}.b3-root .border-t-as-primary{border-top-color:hsl(var(--as-primary))}.b3-root .border-t-transparent{border-top-color:transparent}.b3-root .border-t-white\/15{border-top-color:hsla(0,0%,100%,.15)}.b3-root .border-t-white\/20{border-top-color:hsla(0,0%,100%,.2)}.b3-root .\!bg-as-brand{background-color:hsl(var(--as-brand))!important}.b3-root .\!bg-as-on-surface-2{background-color:hsl(var(--as-on-surface-2))!important}.b3-root .\!bg-as-red{background-color:hsl(var(--as-red))!important}.b3-root .bg-\[\#0c68e9\]{--tw-bg-opacity:1;background-color:rgb(12 104 233/var(--tw-bg-opacity))}.b3-root .bg-\[\#18181b\]{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity))}.b3-root .bg-\[\#3368ef\]{--tw-bg-opacity:1;background-color:rgb(51 104 239/var(--tw-bg-opacity))}.b3-root .bg-\[\#51525c\]{--tw-bg-opacity:1;background-color:rgb(81 82 92/var(--tw-bg-opacity))}.b3-root .bg-\[\#F4F4F5\]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.b3-root .bg-\[\#FAFAFA\]{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.b3-root .bg-\[\#a0a0ab\]{--tw-bg-opacity:1;background-color:rgb(160 160 171/var(--tw-bg-opacity))}.b3-root .bg-\[\#d5e5fd\]{--tw-bg-opacity:1;background-color:rgb(213 229 253/var(--tw-bg-opacity))}.b3-root .bg-\[\#f0f5ff\]{--tw-bg-opacity:1;background-color:rgb(240 245 255/var(--tw-bg-opacity))}.b3-root .bg-\[\#f4f4f5\]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.b3-root .bg-\[\#fafafa\]{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.b3-root .bg-as-border-primary{background-color:hsl(var(--as-border-primary))}.b3-root .bg-as-brand{background-color:hsl(var(--as-brand))}.b3-root .bg-as-brand\/10{background-color:hsl(var(--as-brand)/.1)}.b3-root .bg-as-brand\/20{background-color:hsl(var(--as-brand)/.2)}.b3-root .bg-as-brand\/5{background-color:hsl(var(--as-brand)/.05)}.b3-root .bg-as-error-secondary{background-color:hsl(var(--as-error-secondary))}.b3-root .bg-as-on-surface-1{background-color:hsl(var(--as-on-surface-1))}.b3-root .bg-as-on-surface-2{background-color:hsl(var(--as-on-surface-2))}.b3-root .bg-as-on-surface-2\/30{background-color:hsl(var(--as-on-surface-2)/.3)}.b3-root .bg-as-primary\/30{background-color:hsl(var(--as-primary)/.3)}.b3-root .bg-as-red{background-color:hsl(var(--as-red))}.b3-root .bg-as-red\/10{background-color:hsl(var(--as-red)/.1)}.b3-root .bg-as-red\/60{background-color:hsl(var(--as-red)/.6)}.b3-root .bg-as-success-secondary{background-color:hsl(var(--as-success-secondary))}.b3-root .bg-as-surface-primary{background-color:hsl(var(--as-surface-primary))}.b3-root .bg-as-surface-secondary{background-color:hsl(var(--as-surface-secondary))}.b3-root .bg-b3-background{background-color:hsl(var(--b3-background))}.b3-root .bg-b3-grey{background-color:hsl(var(--b3-grey))}.b3-root .bg-b3-line{background-color:hsl(var(--b3-line))}.b3-root .bg-b3-line\/20{background-color:hsl(var(--b3-line)/.2)}.b3-root .bg-b3-line\/50{background-color:hsl(var(--b3-line)/.5)}.b3-root .bg-b3-primary-blue{background-color:hsl(var(--b3-primary-blue))}.b3-root .bg-b3-primary-wash{background-color:hsl(var(--b3-primary-wash))}.b3-root .bg-b3-react-background{background-color:hsl(var(--b3-react-background))}.b3-root .bg-b3-react-card{background-color:hsl(var(--b3-react-card))}.b3-root .bg-b3-react-foreground{background-color:hsl(var(--b3-react-foreground))}.b3-root .bg-b3-react-muted{background-color:hsl(var(--b3-react-muted))}.b3-root .bg-b3-react-muted\/30{background-color:hsl(var(--b3-react-muted)/.3)}.b3-root .bg-b3-react-popover{background-color:hsl(var(--b3-react-popover))}.b3-root .bg-b3-react-primary{background-color:hsl(var(--b3-react-primary))}.b3-root .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.b3-root .bg-black\/20{background-color:rgba(0,0,0,.2)}.b3-root .bg-black\/30{background-color:rgba(0,0,0,.3)}.b3-root .bg-black\/50{background-color:rgba(0,0,0,.5)}.b3-root .bg-black\/80{background-color:rgba(0,0,0,.8)}.b3-root .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.b3-root .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.b3-root .bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.b3-root .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.b3-root .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.b3-root .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.b3-root .bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.b3-root .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.b3-root .bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.b3-root .bg-green-500\/10{background-color:rgba(34,197,94,.1)}.b3-root .bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.b3-root .bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity))}.b3-root .bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity))}.b3-root .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.b3-root .bg-red-600\/80{background-color:rgba(220,38,38,.8)}.b3-root .bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity))}.b3-root .bg-transparent{background-color:transparent}.b3-root .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.b3-root .bg-white\/10{background-color:hsla(0,0%,100%,.1)}.b3-root .bg-white\/5{background-color:hsla(0,0%,100%,.05)}.b3-root .bg-white\/50{background-color:hsla(0,0%,100%,.5)}.b3-root .bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.b3-root .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.b3-root .from-\[\#15121c\]{--tw-gradient-from:#15121c var(--tw-gradient-from-position);--tw-gradient-to:rgba(21,18,28,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-as-brand\/50{--tw-gradient-from:hsl(var(--as-brand)/0.5) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--as-brand)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-as-light-brand{--tw-gradient-from:hsl(var(--as-light-brand)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--as-light-brand)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-b3-react-background{--tw-gradient-from:hsl(var(--b3-react-background)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--b3-react-background)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-blue-500\/10{--tw-gradient-from:rgba(59,130,246,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-blue-500\/20{--tw-gradient-from:rgba(59,130,246,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-white\/10{--tw-gradient-from:hsla(0,0%,100%,.1) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-20\%{--tw-gradient-from-position:20%}.b3-root .via-purple-500\/50{--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(168,85,247,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.b3-root .via-80\%{--tw-gradient-via-position:80%}.b3-root .to-as-brand\/10{--tw-gradient-to:hsl(var(--as-brand)/0.1) var(--tw-gradient-to-position)}.b3-root .to-as-on-surface-1{--tw-gradient-to:hsl(var(--as-on-surface-1)) var(--tw-gradient-to-position)}.b3-root .to-purple-600\/10{--tw-gradient-to:rgba(147,51,234,.1) var(--tw-gradient-to-position)}.b3-root .to-purple-600\/20{--tw-gradient-to:rgba(147,51,234,.2) var(--tw-gradient-to-position)}.b3-root .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.b3-root .to-white\/0{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)}.b3-root .bg-\[length\:250\%_100\%\2c auto\]{background-size:250% 100%,auto}.b3-root .bg-clip-text{-webkit-background-clip:text;background-clip:text}.b3-root .fill-b3-negative{fill:hsl(var(--b3-negative))}.b3-root .fill-b3-positive{fill:hsl(var(--b3-positive))}.b3-root .fill-b3-react-primary{fill:hsl(var(--b3-react-primary))}.b3-root .object-contain{-o-object-fit:contain;object-fit:contain}.b3-root .object-cover{-o-object-fit:cover;object-fit:cover}.b3-root .object-center{-o-object-position:center;object-position:center}.b3-root .p-0{padding:0}.b3-root .p-1{padding:.25rem}.b3-root .p-1\.5{padding:.375rem}.b3-root .p-12{padding:3rem}.b3-root .p-16{padding:4rem}.b3-root .p-2{padding:.5rem}.b3-root .p-2\.5{padding:.625rem}.b3-root .p-3{padding:.75rem}.b3-root .p-3\.5{padding:.875rem}.b3-root .p-4{padding:1rem}.b3-root .p-5{padding:1.25rem}.b3-root .p-6{padding:1.5rem}.b3-root .p-8{padding:2rem}.b3-root .p-px{padding:1px}.b3-root .px-0{padding-left:0;padding-right:0}.b3-root .px-1{padding-left:.25rem;padding-right:.25rem}.b3-root .px-2{padding-left:.5rem;padding-right:.5rem}.b3-root .px-2\.5{padding-left:.625rem;padding-right:.625rem}.b3-root .px-3{padding-left:.75rem;padding-right:.75rem}.b3-root .px-4{padding-left:1rem;padding-right:1rem}.b3-root .px-5{padding-left:1.25rem;padding-right:1.25rem}.b3-root .px-6{padding-left:1.5rem;padding-right:1.5rem}.b3-root .px-8{padding-left:2rem;padding-right:2rem}.b3-root .px-\[18px\]{padding-left:18px;padding-right:18px}.b3-root .py-0{padding-bottom:0;padding-top:0}.b3-root .py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.b3-root .py-1{padding-bottom:.25rem;padding-top:.25rem}.b3-root .py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.b3-root .py-12{padding-bottom:3rem;padding-top:3rem}.b3-root .py-2{padding-bottom:.5rem;padding-top:.5rem}.b3-root .py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.b3-root .py-3{padding-bottom:.75rem;padding-top:.75rem}.b3-root .py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.b3-root .py-4{padding-bottom:1rem;padding-top:1rem}.b3-root .py-6{padding-bottom:1.5rem;padding-top:1.5rem}.b3-root .py-8{padding-bottom:2rem;padding-top:2rem}.b3-root .pb-0{padding-bottom:0}.b3-root .pb-1{padding-bottom:.25rem}.b3-root .pb-2{padding-bottom:.5rem}.b3-root .pb-3{padding-bottom:.75rem}.b3-root .pb-4{padding-bottom:1rem}.b3-root .pb-5{padding-bottom:1.25rem}.b3-root .pb-6{padding-bottom:1.5rem}.b3-root .pl-2{padding-left:.5rem}.b3-root .pl-4{padding-left:1rem}.b3-root .pr-12{padding-right:3rem}.b3-root .pr-2{padding-right:.5rem}.b3-root .pr-20{padding-right:5rem}.b3-root .pr-3{padding-right:.75rem}.b3-root .pr-4{padding-right:1rem}.b3-root .pr-6{padding-right:1.5rem}.b3-root .pt-0{padding-top:0}.b3-root .pt-1{padding-top:.25rem}.b3-root .pt-2{padding-top:.5rem}.b3-root .pt-2\.5{padding-top:.625rem}.b3-root .pt-3{padding-top:.75rem}.b3-root .pt-4{padding-top:1rem}.b3-root .pt-5{padding-top:1.25rem}.b3-root .pt-6{padding-top:1.5rem}.b3-root .pt-8{padding-top:2rem}.b3-root .pt-\[10px\]{padding-top:10px}.b3-root .text-left{text-align:left}.b3-root .text-center{text-align:center}.b3-root .text-right{text-align:right}.b3-root .align-middle{vertical-align:middle}.b3-root .font-inter{font-family:Inter,sans-serif}.b3-root .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.b3-root .font-neue-montreal-medium{font-family:Neue Montreal Medium,sans-serif}.b3-root .font-neue-montreal-semibold{font-family:Neue Montreal Semibold,sans-serif}.b3-root .font-pack{font-family:Pack,sans-serif}.b3-root .text-2xl{font-size:1.5rem;line-height:2rem}.b3-root .text-3xl{font-size:1.875rem;line-height:2.25rem}.b3-root .text-4xl{font-size:2.25rem;line-height:2.5rem}.b3-root .text-\[10px\]{font-size:10px}.b3-root .text-\[14px\]{font-size:14px}.b3-root .text-\[28px\]{font-size:28px}.b3-root .text-\[30px\]{font-size:30px}.b3-root .text-base{font-size:1rem;line-height:1.5rem}.b3-root .text-lg{font-size:1.125rem;line-height:1.75rem}.b3-root .text-sm{font-size:.875rem;line-height:1.25rem}.b3-root .text-xl{font-size:1.25rem;line-height:1.75rem}.b3-root .text-xs{font-size:.75rem;line-height:1rem}.b3-root .font-bold{font-weight:700}.b3-root .font-medium{font-weight:500}.b3-root .font-normal{font-weight:400}.b3-root .font-semibold{font-weight:600}.b3-root .uppercase{text-transform:uppercase}.b3-root .lowercase{text-transform:lowercase}.b3-root .leading-5{line-height:1.25rem}.b3-root .leading-6{line-height:1.5rem}.b3-root .leading-7{line-height:1.75rem}.b3-root .leading-\[1\.3\]{line-height:1.3}.b3-root .leading-\[18px\]{line-height:18px}.b3-root .leading-\[38px\]{line-height:38px}.b3-root .leading-\[42px\]{line-height:42px}.b3-root .leading-none{line-height:1}.b3-root .leading-relaxed{line-height:1.625}.b3-root .leading-snug{line-height:1.375}.b3-root .tracking-\[-0\.28px\]{letter-spacing:-.28px}.b3-root .tracking-\[-0\.32px\]{letter-spacing:-.32px}.b3-root .tracking-\[-0\.41px\]{letter-spacing:-.41px}.b3-root .tracking-\[0\.72px\]{letter-spacing:.72px}.b3-root .tracking-tight{letter-spacing:-.025em}.b3-root .tracking-wide{letter-spacing:.025em}.b3-root .tracking-widest{letter-spacing:.1em}.b3-root .text-\[\#0B57C2\],.b3-root .text-\[\#0b57c2\]{--tw-text-opacity:1;color:rgb(11 87 194/var(--tw-text-opacity))}.b3-root .text-\[\#0c68e9\]{--tw-text-opacity:1;color:rgb(12 104 233/var(--tw-text-opacity))}.b3-root .text-\[\#18181b\]{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.b3-root .text-\[\#3368ef\]{--tw-text-opacity:1;color:rgb(51 104 239/var(--tw-text-opacity))}.b3-root .text-\[\#3f3f46\]{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity))}.b3-root .text-\[\#475467\]{--tw-text-opacity:1;color:rgb(71 84 103/var(--tw-text-opacity))}.b3-root .text-\[\#51525C\],.b3-root .text-\[\#51525c\]{--tw-text-opacity:1;color:rgb(81 82 92/var(--tw-text-opacity))}.b3-root .text-\[\#70707b\]{--tw-text-opacity:1;color:rgb(112 112 123/var(--tw-text-opacity))}.b3-root .text-\[\#71717a\]{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity))}.b3-root .text-\[\#a0a0ab\]{--tw-text-opacity:1;color:rgb(160 160 171/var(--tw-text-opacity))}.b3-root .text-\[rgb\(0\2c 0\2c 0\2c 65\%\)\]{color:rgb(0,0,0,65%)}.b3-root .text-\[rgb\(255\2c 255\2c 255\2c 90\%\)\]{color:hsla(0,0%,100%,.9)}.b3-root .text-as-brand{color:hsl(var(--as-brand))}.b3-root .text-as-brand\/70{color:hsl(var(--as-brand)/.7)}.b3-root .text-as-content-disabled{color:hsl(var(--as-content-disabled))}.b3-root .text-as-content-icon-error{color:hsl(var(--as-content-icon-error))}.b3-root .text-as-content-icon-success{color:hsl(var(--as-content-icon-success))}.b3-root .text-as-content-primary{color:hsl(var(--as-text-primary))}.b3-root .text-as-content-secondary{color:hsl(var(--as-content-secondary))}.b3-root .text-as-primary{color:hsl(var(--as-primary))}.b3-root .text-as-primary\/30{color:hsl(var(--as-primary)/.3)}.b3-root .text-as-primary\/40{color:hsl(var(--as-primary)/.4)}.b3-root .text-as-primary\/50{color:hsl(var(--as-primary)/.5)}.b3-root .text-as-primary\/60{color:hsl(var(--as-primary)/.6)}.b3-root .text-as-primary\/70{color:hsl(var(--as-primary)/.7)}.b3-root .text-as-primary\/80{color:hsl(var(--as-primary)/.8)}.b3-root .text-as-quaternary{color:hsl(var(--as-quaternary))}.b3-root .text-as-red{color:hsl(var(--as-red))}.b3-root .text-as-secondary{color:hsl(var(--as-secondary))}.b3-root .text-as-tertiarry{color:hsl(var(--as-tertiarry))}.b3-root .text-b3-background{color:hsl(var(--b3-background))}.b3-root .text-b3-foreground-muted{color:hsl(var(--b3-foreground-muted))}.b3-root .text-b3-grey{color:hsl(var(--b3-grey))}.b3-root .text-b3-negative{color:hsl(var(--b3-negative))}.b3-root .text-b3-positive{color:hsl(var(--b3-positive))}.b3-root .text-b3-primary-blue{color:hsl(var(--b3-primary-blue))}.b3-root .text-b3-react-foreground{color:hsl(var(--b3-react-foreground))}.b3-root .text-b3-react-foreground\/40{color:hsl(var(--b3-react-foreground)/.4)}.b3-root .text-b3-react-foreground\/60{color:hsl(var(--b3-react-foreground)/.6)}.b3-root .text-b3-react-foreground\/70{color:hsl(var(--b3-react-foreground)/.7)}.b3-root .text-b3-react-foreground\/80{color:hsl(var(--b3-react-foreground)/.8)}.b3-root .text-b3-react-muted-foreground{color:hsl(var(--b3-react-muted-foreground))}.b3-root .text-b3-react-popover-foreground{color:hsl(var(--b3-react-popover-foreground))}.b3-root .text-b3-react-primary{color:hsl(var(--b3-react-primary))}.b3-root .text-b3-react-primary-foreground{color:hsl(var(--b3-react-primary-foreground))}.b3-root .text-black\/90{color:rgba(0,0,0,.9)}.b3-root .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.b3-root .text-blue-500\/70{color:rgba(59,130,246,.7)}.b3-root .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.b3-root .text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.b3-root .text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.b3-root .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.b3-root .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.b3-root .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.b3-root .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.b3-root .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.b3-root .text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.b3-root .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.b3-root .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.b3-root .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.b3-root .text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.b3-root .text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity))}.b3-root .text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.b3-root .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.b3-root .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.b3-root .text-transparent{color:transparent}.b3-root .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.b3-root .text-white\/50{color:hsla(0,0%,100%,.5)}.b3-root .text-white\/90{color:hsla(0,0%,100%,.9)}.b3-root .text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity))}.b3-root .text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity))}.b3-root .underline{text-decoration-line:underline}.b3-root .underline-offset-4{text-underline-offset:4px}.b3-root .accent-\[\#3368ef\]{accent-color:#3368ef}.b3-root .opacity-0{opacity:0}.b3-root .opacity-100{opacity:1}.b3-root .opacity-30{opacity:.3}.b3-root .opacity-50{opacity:.5}.b3-root .opacity-60{opacity:.6}.b3-root .opacity-70{opacity:.7}.b3-root .opacity-80{opacity:.8}.b3-root .opacity-\[var\(--opacity\)\]{opacity:var(--opacity)}.b3-root .mix-blend-color-dodge{mix-blend-mode:color-dodge}.b3-root .mix-blend-soft-light{mix-blend-mode:soft-light}.b3-root .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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-\[0_0_0_1px_rgba\(10\2c 13\2c 18\2c 0\.18\)_inset\2c 0_-2px_0_0_rgba\(10\2c 13\2c 18\2c 0\.05\)_inset\2c 0_1px_2px_0_rgba\(10\2c 13\2c 18\2c 0\.05\)\]{--tw-shadow:0 0 0 1px rgba(10,13,18,.18) inset,0 -2px 0 0 rgba(10,13,18,.05) inset,0 1px 2px 0 rgba(10,13,18,.05);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color),inset 0 -2px 0 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-\[0_20px_24px_-4px_rgba\(10\2c 13\2c 18\2c 0\.08\)\2c 0_8px_8px_-4px_rgba\(10\2c 13\2c 18\2c 0\.03\)\2c 0_3px_3px_-1\.5px_rgba\(10\2c 13\2c 18\2c 0\.04\)\]{--tw-shadow:0 20px 24px -4px rgba(10,13,18,.08),0 8px 8px -4px rgba(10,13,18,.03),0 3px 3px -1.5px rgba(10,13,18,.04);--tw-shadow-colored:0 20px 24px -4px var(--tw-shadow-color),0 8px 8px -4px var(--tw-shadow-color),0 3px 3px -1.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-\[0px_32px_64px_-12px_rgba\(10\2c 13\2c 18\2c 0\.14\)\2c 0px_5px_5px_-2\.5px_rgba\(10\2c 13\2c 18\2c 0\.04\)\]{--tw-shadow:0px 32px 64px -12px rgba(10,13,18,.14),0px 5px 5px -2.5px rgba(10,13,18,.04);--tw-shadow-colored:0px 32px 64px -12px var(--tw-shadow-color),0px 5px 5px -2.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-\[inset_0px_0px_0px_1px_rgba\(10\2c 13\2c 18\2c 0\.18\)\2c inset_0px_-2px_0px_0px_rgba\(10\2c 13\2c 18\2c 0\.05\)\]{--tw-shadow:inset 0px 0px 0px 1px rgba(10,13,18,.18),inset 0px -2px 0px 0px rgba(10,13,18,.05);--tw-shadow-colored:inset 0px 0px 0px 1px var(--tw-shadow-color),inset 0px -2px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .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)}.b3-root .shadow-lg,.b3-root .shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.b3-root .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.b3-root .shadow-sm,.b3-root .shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.b3-root .\!outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.b3-root .outline-none{outline:2px solid transparent;outline-offset:2px}.b3-root .outline{outline-style:solid}.b3-root .ring-2{--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)}.b3-root .ring-\[\#3368ef\]\/20{--tw-ring-color:rgba(51,104,239,.2)}.b3-root .ring-offset-b3-react-background{--tw-ring-offset-color:hsl(var(--b3-react-background))}.b3-root .blur{--tw-blur:blur(8px)}.b3-root .blur,.b3-root .blur-md{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)}.b3-root .blur-md{--tw-blur:blur(12px)}.b3-root .blur-xl{--tw-blur:blur(24px)}.b3-root .blur-xl,.b3-root .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)}.b3-root .backdrop-blur-\[20px\]{--tw-backdrop-blur:blur(20px)}.b3-root .backdrop-blur-\[20px\],.b3-root .backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.b3-root .backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.b3-root .backdrop-blur-xl{--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.b3-root .transition{transition-duration:.15s;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)}.b3-root .transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .duration-100{transition-duration:.1s}.b3-root .duration-200{transition-duration:.2s}.b3-root .duration-300{transition-duration:.3s}.b3-root .duration-500{transition-duration:.5s}.b3-root .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.b3-root .will-change-transform{will-change:transform}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.b3-root .animate-in{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.b3-root .fade-in-0{--tw-enter-opacity:0}.b3-root .zoom-in-95{--tw-enter-scale:.95}.b3-root .duration-100{animation-duration:.1s}.b3-root .duration-200{animation-duration:.2s}.b3-root .duration-300{animation-duration:.3s}.b3-root .duration-500{animation-duration:.5s}.b3-root .ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.b3-root .paused{animation-play-state:paused}.b3-root .\[--base-color\:\#a1a1aa\]{--base-color:#a1a1aa}.b3-root .\[--base-gradient-color\:\#000\]{--base-gradient-color:#000}.b3-root .\[--bg\:linear-gradient\(90deg\2c \#0000_calc\(50\%-var\(--spread\)\)\2c var\(--base-gradient-color\)\2c \#0000_calc\(50\%\+var\(--spread\)\)\)\]{--bg:linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--base-gradient-color),#0000 calc(50% + var(--spread)))}.b3-root .\[background-blend-mode\:hue_hue_hue_overlay\]{background-blend-mode:hue hue hue overlay}.b3-root .\[background-repeat\:no-repeat\2c padding-box\]{background-repeat:no-repeat,padding-box}.b3-root .\[background\:radial-gradient\(farthest-corner_circle_at_var\(--m-x\)_var\(--m-y\)\2c _rgba\(255\2c 255\2c 255\2c 0\.8\)_10\%\2c _rgba\(255\2c 255\2c 255\2c 0\.65\)_20\%\2c _rgba\(255\2c 255\2c 255\2c 0\)_90\%\)\]{background:radial-gradient(farthest-corner circle at var(--m-x) var(--m-y),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.65) 20%,hsla(0,0%,100%,0) 90%)}.b3-root .\[background\:var\(--pattern\)\2c _var\(--rainbow\)\2c _var\(--diagonal\)\2c _var\(--shade\)\]{background:var(--pattern),var(--rainbow),var(--diagonal),var(--shade)}.b3-root .\[clip-path\:inset\(0_0_0_0_round_var\(--radius\)\)\]{clip-path:inset(0 0 0 0 round var(--radius))}.b3-root .\[clip-path\:inset\(0_0_1px_0_round_var\(--radius\)\)\]{clip-path:inset(0 0 1px 0 round var(--radius))}.b3-root .\[contain\:layout_style\]{contain:layout style}.b3-root .\[grid-area\:1\/1\]{grid-area:1/1}.b3-root .\[perspective\:1200px\]{perspective:1200px}.b3-root .\[perspective\:600px\]{perspective:600px}.b3-root .\[transform-style\:preserve-3d\]{transform-style:preserve-3d}.b3-root .\[transform\:rotateY\(var\(--r-x\)\)_rotateX\(var\(--r-y\)\)\]{transform:rotateY(var(--r-x)) rotateX(var(--r-y))}.b3-root .b3-modal{border-radius:1rem;border-width:1px;border:1px solid var(--border);color:hsl(var(--b3-react-foreground));outline:none;overflow:hidden;padding:10px}@media (min-width:768px){.b3-root .b3-modal{background:#e4e4e7}}.b3-root .b3-modal-freestyle{background:transparent!important;padding:0!important}.b3-root .b3-modal-back-button:hover{border-style:none;--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.b3-root .b3-modal-back-button:focus{outline:none}.b3-root .b3-modal-back-button{border-style:none;color:hsl(var(--b3-react-muted-foreground))}.b3-root .bg-b3-react-card{background-color:var(--b3-react-card);border-radius:.5rem;border-width:1px;border:1px solid var(--border);padding:1rem}.b3-root .b3-text-primary{color:hsl(var(--b3-react-primary))}.b3-root .b3-text-muted{color:hsl(var(--b3-react-muted-foreground))}.b3-root .b3-button-primary{background-color:hsl(var(--b3-react-primary));border-radius:.75rem;color:hsl(var(--b3-react-primary-foreground))}@media (hover:hover) and (pointer:fine){.b3-root .b3-button-primary:hover{background-color:hsl(var(--b3-react-primary)/.9)}}.b3-root .b3-address-tag{background-color:hsl(var(--b3-react-background));border-radius:.375rem;border-width:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem}.b3-root .b3-permission-item{background-color:hsl(var(--b3-react-card));background-color:var(--b3-react-card);border-radius:.5rem;border-width:1px;border:1px solid var(--border);padding:1rem}.b3-root .b3-modal .css-1r76jxl{background-color:hsl(var(--b3-react-background))}.b3-root .b3-modal .css-1cv2836,.b3-root .b3-modal .css-1m9ejup{display:none!important}.b3-root .b3-modal .css-1r76jxl{border:none}.b3-root .divider{background:hsl(var(--as-border-secondary));display:block;height:1px}.b3-root .font-sf-rounded{letter-spacing:.05rem}.b3-root .label-style{font-weight:600;letter-spacing:.05rem;text-transform:uppercase}.b3-root .no-scrollbar::-webkit-scrollbar{display:none}.b3-root .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.b3-root .text-nano{font-family:SFCompact,sans-serif;font-size:10px;letter-spacing:.05em}.b3-root .b3-login-step>div>div>div>div>div>div>div>img{display:none}.b3-root .b3-login-step input{border-radius:8px!important;color:hsl(var(--b3-react-foreground))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px!important;padding-left:16px!important;transition:all .2s ease!important}.b3-root .b3-login-step input,.b3-root .b3-login-step input:focus{border:none!important;outline:none!important}.b3-root .b3-login-step input::-moz-placeholder{color:hsl(var(--b3-react-muted-foreground))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px}.b3-root .b3-login-step input::placeholder{color:hsl(var(--b3-react-muted-foreground))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px}.b3-root .b3-login-step button span{font-family:Neue Montreal Semibold,sans-serif!important}.b3-root .b3-login-step button[aria-label="Login with"]{background-color:#fff!important;border:1px solid hsl(var(--b3-line))!important;border-radius:16px!important;height:72px!important;padding:16px!important}.b3-root .b3-login-step button[aria-label="Login with"]:hover{background-color:hsl(var(--b3-white)/.8)!important;border-color:hsl(var(--b3-line)/.8)!important;cursor:pointer}.b3-root .b3-login-step button[aria-label="Login with"]:active{box-shadow:0 2px 4px hsl(var(--b3-react-foreground)/.1)!important;transform:translateY(0)!important}.b3-root .b3-login-step div[style="flex-direction: row"][style="position: relative"]{background:hsla(var(--b3-white),1);border:2px solid hsl(var(--b3-primary-blue))!important;border-radius:32px!important;box-shadow:none!important;font-size:16px;height:56px;margin:0 1px!important;outline:none!important;overflow:hidden!important;transition:all .2s ease!important}.b3-root .b3-login-step div[style="flex-direction: row"][style="position: relative"]:focus-within{border-color:hsl(var(--b3-primary-blue))!important}.b3-root .b3-login-step div[style="flex-direction: row"] button{background-color:hsl(var(--b3-react-primary))!important;border:8px solid #fff!important;border-radius:100%!important;color:hsl(var(--b3-react-primary-foreground))!important;flex-shrink:0;height:36px!important;padding:0!important;transition:all .2s ease!important;width:36px!important}.b3-root .b3-login-step select{color:hsl(var(--b3-react-muted-foreground))!important;font-family:Neue Montreal Medium,sans-serif!important;font-size:16px!important}.b3-root .b3-login-step div[style="flex-direction: row"] button:hover{background-color:hsl(var(--b3-react-primary)/.9)!important}.b3-root .b3-login-step div[style="flex-direction: row"] button svg{color:hsl(var(--b3-react-primary-foreground))!important}.b3-root .b3-login-step button[style="justify-content: flex-start"]{background-color:hsla(var(--b3-white),1)!important;border:1px solid hsl(var(--b3-line))!important;border-radius:32px!important;color:hsl(var(--b3-react-foreground))!important;font-family:Neue Montreal Regular,sans-serif!important;font-size:16px!important;height:56px!important;margin:0 1px!important;padding-left:16px!important;transition:all .2s ease!important}.b3-root .b3-login-step button[style="justify-content: flex-start"]:hover{background-color:hsl(var(--b3-white)/.8)!important;border-color:hsl(var(--b3-line)/.8)!important;cursor:pointer}.b3-root .b3-login-step button[style="justify-content: flex-start"]:active{transform:translateY(0)!important}.b3-root .b3-login-step button[style="justify-content: flex-start"] span{color:hsl(var(--b3-react-foreground))!important;font-weight:500!important}.b3-root .b3-login-step button[style="justify-content: flex-start"] svg{color:hsl(var(--b3-primary-blue))!important;transition:color .2s ease!important}.b3-root .b3-login-step button[style="justify-content: flex-start"]:focus svg{color:hsl(var(--b3-foreground-muted))!important}.b3-root .b3-login-step div[style="flex-direction: column"],.b3-root .b3-login-step div[style="flex-direction: column"]>div{gap:16px!important}.b3-root .b3-login-step>div>div>div>div>div[style="height: 24px"]{display:none!important}.b3-root .b3-login-step div[style="flex-flow: wrap"]{gap:12px!important}.b3-root .b3-login-step>div>div>div>div{padding:0 24px!important}.b3-root .b3-login-step>div>div>div>div>div:first-child,.b3-root .b3-login-step>div>div>div>div>div[style="flex: 1 1 0%"]{padding:0!important}.b3-root .b3-login-step {transition:all .2s ease!important}.b3-root .b3-login-step button:focus-visible{outline:2px solid hsl(var(--b3-react-primary))!important;outline-offset:2px!important}.b3-root .b3-login-step span[color=danger]{color:hsl(var(--b3-negative))!important;font-family:Neue Montreal Medium,sans-serif!important}@media (max-width:480px){.b3-root .b3-login-step>div>div>div>div{padding:0 24px!important}.b3-root .b3-login-step button[aria-label="Login with"]{min-height:48px!important;padding:10px!important}.b3-root .b3-login-step button[style="justify-content: flex-start"]{min-height:44px!important;padding:10px 12px!important}}.b3-root .b3-login-step ul{gap:24px!important}.b3-root .b3-login-step ul li button img{height:64px!important;width:64px!important}.b3-root .b3-login-step ul li button div:last-child{gap:4px!important}.b3-root :is(.b3-login-step ul li button div:last-child) span[color=primaryText]{color:hsl(var(--b3-grey))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px!important}.b3-root .b3-login-step h2{color:hsl(var(--b3-grey))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:24px!important}.b3-root .b3-login-step+h2{padding-bottom:32px!important}.b3-root .b3-login-step div>div>div>div>div>div>span[color=primaryText]{color:hsl(var(--b3-grey))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:24px!important}.b3-root :is(.b3-login-step div>div>div>div>div>div>span[color=primaryText])+div+span{color:hsl(var(--b3-foreground-muted))!important;font-family:Neue Montreal Medium,sans-serif!important;font-size:16px!important}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.b3-root .animate-accordion-down{animation:accordion-down .2s ease-out}.b3-root .animate-accordion-up{animation:accordion-up .2s ease-out}.b3-root .file\:border-0::file-selector-button{border-width:0}.b3-root .file\:bg-transparent::file-selector-button{background-color:transparent}.b3-root .file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.b3-root .file\:font-medium::file-selector-button{font-weight:500}.b3-root .placeholder\:text-\[\#70707b\]::-moz-placeholder{--tw-text-opacity:1;color:rgb(112 112 123/var(--tw-text-opacity))}.b3-root .placeholder\:text-\[\#70707b\]::placeholder{--tw-text-opacity:1;color:rgb(112 112 123/var(--tw-text-opacity))}.b3-root .placeholder\:text-as-primary\/50::-moz-placeholder{color:hsl(var(--as-primary)/.5)}.b3-root .placeholder\:text-as-primary\/50::placeholder{color:hsl(var(--as-primary)/.5)}.b3-root .placeholder\:text-as-primary\/70::-moz-placeholder{color:hsl(var(--as-primary)/.7)}.b3-root .placeholder\:text-as-primary\/70::placeholder{color:hsl(var(--as-primary)/.7)}.b3-root .placeholder\:text-b3-foreground-muted::-moz-placeholder{color:hsl(var(--b3-foreground-muted))}.b3-root .placeholder\:text-b3-foreground-muted::placeholder{color:hsl(var(--b3-foreground-muted))}.b3-root .placeholder\:text-b3-react-muted-foreground::-moz-placeholder{color:hsl(var(--b3-react-muted-foreground))}.b3-root .placeholder\:text-b3-react-muted-foreground::placeholder{color:hsl(var(--b3-react-muted-foreground))}.b3-root .after\:bg-\[inherit\]:after{background-color:inherit;content:var(--tw-content)}.b3-root .after\:mix-blend-exclusion:after{content:var(--tw-content);mix-blend-mode:exclusion}.b3-root .after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.b3-root .after\:\[background-blend-mode\:soft-light\2c _hue\2c _hard-light\]:after{background-blend-mode:soft-light,hue,hard-light;content:var(--tw-content)}.b3-root .after\:\[background-position\:center\2c _0\%_var\(--bg-y\)\2c _calc\(var\(--bg-x\)\_-1\)_calc\(var\(--bg-y\)\_-1\)\2c _var\(--bg-x\)_var\(--bg-y\)\]:after{background-position:50%,0 var(--bg-y),calc(var(--bg-x)-1) calc(var(--bg-y)-1),var(--bg-x) var(--bg-y);content:var(--tw-content)}.b3-root .after\:\[background-size\:var\(--foil-size\)\2c _200\%_400\%\2c _800\%\2c _200\%\]:after{background-size:var(--foil-size),200% 400%,800%,200%;content:var(--tw-content)}@media (hover:hover) and (pointer:fine){.b3-root .hover\:rotate-180:hover{--tw-rotate:180deg;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))}.b3-root .hover\:border-\[\#3368ef\]:hover{--tw-border-opacity:1;border-color:rgb(51 104 239/var(--tw-border-opacity))}.b3-root .hover\:border-\[\#e4e4e7\]:hover{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity))}.b3-root .hover\:border-as-border-secondary:hover{border-color:hsl(var(--as-border-secondary))}.b3-root .hover\:border-as-brand:hover{border-color:hsl(var(--as-brand))}.b3-root .hover\:border-as-brand\/50:hover{border-color:hsl(var(--as-brand)/.5)}.b3-root .hover\:border-as-secondary\/80:hover{border-color:hsl(var(--as-secondary)/.8)}.b3-root .hover\:border-b3-primary-blue:hover{border-color:hsl(var(--b3-primary-blue))}.b3-root .hover\:border-b3-primary-blue\/30:hover{border-color:hsl(var(--b3-primary-blue)/.3)}.b3-root .hover\:border-black\/30:hover{border-color:rgba(0,0,0,.3)}.b3-root .hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.b3-root .hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.b3-root .hover\:bg-\[\#0b5fd4\]:hover{--tw-bg-opacity:1;background-color:rgb(11 95 212/var(--tw-bg-opacity))}.b3-root .hover\:bg-\[\#2952cc\]:hover{--tw-bg-opacity:1;background-color:rgb(41 82 204/var(--tw-bg-opacity))}.b3-root .hover\:bg-\[\#3368ef\]\/90:hover{background-color:rgba(51,104,239,.9)}.b3-root .hover\:bg-\[\#71717a\]:hover{--tw-bg-opacity:1;background-color:rgb(113 113 122/var(--tw-bg-opacity))}.b3-root .hover\:bg-\[\#FAFAFA\]:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.b3-root .hover\:bg-\[\#a0a0ab\]\/80:hover{background-color:hsla(240,6%,65%,.8)}.b3-root .hover\:bg-\[\#e4e4e7\]:hover{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity))}.b3-root .hover\:bg-\[\#f0f5ff\]:hover{--tw-bg-opacity:1;background-color:rgb(240 245 255/var(--tw-bg-opacity))}.b3-root .hover\:bg-\[\#f4f4f5\]:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.b3-root .hover\:bg-\[\#fafafa\]:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.b3-root .hover\:bg-as-brand\/5:hover{background-color:hsl(var(--as-brand)/.05)}.b3-root .hover\:bg-as-brand\/90:hover{background-color:hsl(var(--as-brand)/.9)}.b3-root .hover\:bg-as-on-surface-2:hover{background-color:hsl(var(--as-on-surface-2))}.b3-root .hover\:bg-as-on-surface-3:hover{background-color:hsl(var(--as-on-surface-3))}.b3-root .hover\:bg-as-surface-primary:hover{background-color:hsl(var(--as-surface-primary))}.b3-root .hover\:bg-as-surface-secondary:hover{background-color:hsl(var(--as-surface-secondary))}.b3-root .hover\:bg-b3-grey\/80:hover{background-color:hsl(var(--b3-grey)/.8)}.b3-root .hover\:bg-b3-line:hover{background-color:hsl(var(--b3-line))}.b3-root .hover\:bg-b3-line\/40:hover{background-color:hsl(var(--b3-line)/.4)}.b3-root .hover\:bg-b3-line\/50:hover{background-color:hsl(var(--b3-line)/.5)}.b3-root .hover\:bg-b3-line\/60:hover{background-color:hsl(var(--b3-line)/.6)}.b3-root .hover\:bg-b3-primary-blue\/5:hover{background-color:hsl(var(--b3-primary-blue)/.05)}.b3-root .hover\:bg-b3-primary-blue\/90:hover{background-color:hsl(var(--b3-primary-blue)/.9)}.b3-root .hover\:bg-b3-primary-wash:hover{background-color:hsl(var(--b3-primary-wash))}.b3-root .hover\:bg-b3-primary-wash\/70:hover{background-color:hsl(var(--b3-primary-wash)/.7)}.b3-root .hover\:bg-b3-react-background:hover{background-color:hsl(var(--b3-react-background))}.b3-root .hover\:bg-b3-react-muted\/50:hover{background-color:hsl(var(--b3-react-muted)/.5)}.b3-root .hover\:bg-b3-react-primary\/80:hover{background-color:hsl(var(--b3-react-primary)/.8)}.b3-root .hover\:bg-b3-react-primary\/90:hover{background-color:hsl(var(--b3-react-primary)/.9)}.b3-root .hover\:bg-black\/30:hover{background-color:rgba(0,0,0,.3)}.b3-root .hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity))}.b3-root .hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.b3-root .hover\:bg-gray-100\/50:hover{background-color:rgba(243,244,246,.5)}.b3-root .hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.b3-root .hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.b3-root .hover\:text-as-primary:hover{color:hsl(var(--as-primary))}.b3-root .hover\:text-as-primary\/60:hover{color:hsl(var(--as-primary)/.6)}.b3-root .hover\:text-as-primary\/80:hover{color:hsl(var(--as-primary)/.8)}.b3-root .hover\:text-b3-foreground-muted\/80:hover{color:hsl(var(--b3-foreground-muted)/.8)}.b3-root .hover\:text-b3-grey:hover{color:hsl(var(--b3-grey))}.b3-root .hover\:text-b3-negative:hover{color:hsl(var(--b3-negative))}.b3-root .hover\:text-b3-primary-blue\/80:hover{color:hsl(var(--b3-primary-blue)/.8)}.b3-root .hover\:text-b3-react-foreground:hover{color:hsl(var(--b3-react-foreground))}.b3-root .hover\:text-b3-react-foreground\/80:hover{color:hsl(var(--b3-react-foreground)/.8)}.b3-root .hover\:text-b3-react-foreground\/90:hover{color:hsl(var(--b3-react-foreground)/.9)}.b3-root .hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.b3-root .hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.b3-root .hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.b3-root .hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.b3-root .hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.b3-root .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.b3-root .hover\:underline:hover{text-decoration-line:underline}.b3-root .hover\:no-underline:hover{text-decoration-line:none}.b3-root .hover\:opacity-100:hover{opacity:1}.b3-root .hover\:opacity-70:hover{opacity:.7}.b3-root .hover\:opacity-80:hover{opacity:.8}.b3-root .hover\:shadow-\[0_0_20px_rgb\(0\2c 0\2c 0\2c 20\%\)\]:hover{--tw-shadow:0 0 20px rgb(0,0,0,20%);--tw-shadow-colored:0 0 20px var(--tw-shadow-color)}.b3-root .hover\:shadow-\[0_0_20px_rgb\(0\2c 0\2c 0\2c 20\%\)\]:hover,.b3-root .hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.b3-root .hover\:filter-none:hover{filter:none}.b3-root .hover\:\[--duration\:200ms\]:hover{--duration:200ms}.b3-root .hover\:\[--easing\:linear\]:hover{--easing:linear}.b3-root .hover\:\[--opacity\:0\.1\]:hover{--opacity:0.1}}.b3-root .focus\:border-\[\#0c68e9\]:focus{--tw-border-opacity:1;border-color:rgb(12 104 233/var(--tw-border-opacity))}.b3-root .focus\:border-b3-primary-blue:focus{border-color:hsl(var(--b3-primary-blue))}.b3-root .focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.b3-root .focus\:\!outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.b3-root .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.b3-root .focus\:ring-2:focus{--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)}.b3-root .focus\:ring-b3-primary-blue\/20:focus{--tw-ring-color:hsl(var(--b3-primary-blue)/0.2)}.b3-root .focus\:ring-b3-react-ring:focus{--tw-ring-color:hsl(var(--b3-react-ring))}.b3-root .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.b3-root .focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.b3-root .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)}.b3-root .focus-visible\:ring-1: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(1px + 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)}.b3-root .focus-visible\:ring-2: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)}.b3-root .focus-visible\:ring-b3-react-ring:focus-visible{--tw-ring-color:hsl(var(--b3-react-ring))}.b3-root .focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.b3-root .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.b3-root .disabled\:pointer-events-none:disabled{pointer-events:none}.b3-root .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.b3-root .disabled\:bg-as-on-surface-2:disabled{background-color:hsl(var(--as-on-surface-2))}.b3-root .disabled\:bg-b3-line:disabled{background-color:hsl(var(--b3-line))}.b3-root .disabled\:text-as-primary\/70:disabled{color:hsl(var(--as-primary)/.7)}.b3-root .disabled\:text-as-secondary:disabled{color:hsl(var(--as-secondary))}.b3-root .disabled\:text-b3-foreground-muted:disabled{color:hsl(var(--b3-foreground-muted))}.b3-root .disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.b3-root .disabled\:hover\:border-b3-react-border:hover:disabled{border-color:hsl(var(--b3-react-border))}.b3-root .group:hover .group-hover\:font-bold{font-weight:700}.b3-root .group:hover .group-hover\:text-as-brand{color:hsl(var(--as-brand))}.b3-root .group:hover .group-hover\:text-as-primary\/60{color:hsl(var(--as-primary)/.6)}.b3-root .group:hover .group-hover\:text-as-primary\/90{color:hsl(var(--as-primary)/.9)}.b3-root .group:hover .group-hover\:text-b3-react-foreground\/60{color:hsl(var(--b3-react-foreground)/.6)}.b3-root .group:hover .group-hover\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.b3-root .group:hover .group-hover\:text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.b3-root .group:hover .group-hover\:opacity-100{opacity:1}.b3-root .group:hover .group-hover\: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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.b3-root .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.b3-root .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.b3-root .data-\[state\=open\]\:rotate-180[data-state=open]{--tw-rotate:180deg;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))}.b3-root .data-\[state\=open\]\:rounded-b-none[data-state=open]{border-bottom-left-radius:0;border-bottom-right-radius:0}.b3-root .data-\[state\=active\]\:border-t-4[data-state=active]{border-top-width:4px}.b3-root .data-\[state\=active\]\:border-b3-primary-blue[data-state=active]{border-color:hsl(var(--b3-primary-blue))}.b3-root .data-\[state\=open\]\:bg-b3-react-background[data-state=open]{background-color:hsl(var(--b3-react-background))}.b3-root .data-\[state\=active\]\:font-bold[data-state=active]{font-weight:700}.b3-root .data-\[state\=active\]\:text-\[\#18181B\][data-state=active]{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.b3-root .data-\[state\=active\]\:text-b3-react-primary[data-state=active]{color:hsl(var(--b3-react-primary))}.b3-root .data-\[state\=inactive\]\:text-b3-react-muted-foreground[data-state=inactive],.b3-root .data-\[state\=open\]\:text-b3-react-muted-foreground[data-state=open]{color:hsl(var(--b3-react-muted-foreground))}.b3-root .data-\[disabled\=true\]\:opacity-50[data-disabled=true],.b3-root .data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.b3-root .data-\[state\=closed\]\:backdrop-blur-none[data-state=closed]{--tw-backdrop-blur:blur(0)}.b3-root .data-\[state\=closed\]\:backdrop-blur-none[data-state=closed],.b3-root .data-\[state\=open\]\:backdrop-blur-\[20px\][data-state=open]{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.b3-root .data-\[state\=open\]\:backdrop-blur-\[20px\][data-state=open]{--tw-backdrop-blur:blur(20px)}.b3-root .data-\[state\=open\]\:animate-in[data-state=open]{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.b3-root .data-\[state\=closed\]\:animate-out[data-state=closed]{animation-duration:.15s;animation-name:exit;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.b3-root .data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.b3-root .data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.b3-root .data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.b3-root .data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.b3-root .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.b3-root .data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.b3-root .data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.b3-root .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.b3-root .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.b3-root .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.b3-root .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.b3-root .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.b3-root .group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;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))}.b3-root :is(.dark .dark\:border-gray-600){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.b3-root :is(.dark .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.b3-root :is(.dark .dark\:border-gray-800){--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}.b3-root :is(.dark .dark\:bg-blue-800){--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-blue-900\/20){background-color:rgba(30,58,138,.2)}.b3-root :is(.dark .dark\:bg-gray-600){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-gray-800\/50){background-color:rgba(31,41,55,.5)}.b3-root :is(.dark .dark\:bg-gray-900){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-transparent){background-color:transparent}.b3-root :is(.dark .dark\:bg-\[radial-gradient\(ellipse_at_50\%_0\%\2c hsl\(var\(--b3-react-primary\)\/25\%\)_0\%\2c transparent_70\%\)\]){background-image:radial-gradient(ellipse at 50% 0,hsl(var(--b3-react-primary)/25%) 0,transparent 70%)}.b3-root :is(.dark .dark\:text-\[rgb\(255\2c 255\2c 255\2c 90\%\)\]){color:hsla(0,0%,100%,.9)}.b3-root :is(.dark .dark\:text-blue-200){--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-gray-100){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-yellow-400){--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:\[--base-color\:\#71717a\]){--base-color:#71717a}.b3-root :is(.dark .dark\:\[--base-gradient-color\:\#ffffff\]){--base-gradient-color:#fff}.b3-root :is(.dark .dark\:\[--bg\:linear-gradient\(90deg\2c \#0000_calc\(50\%-var\(--spread\)\)\2c var\(--base-gradient-color\)\2c \#0000_calc\(50\%\+var\(--spread\)\)\)\]){--bg:linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--base-gradient-color),#0000 calc(50% + var(--spread)))}@media (hover:hover) and (pointer:fine){.b3-root :is(.dark .dark\:hover\:border-gray-500:hover){--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.b3-root :is(.dark .dark\:hover\:bg-b3-primary-wash\/40:hover){background-color:hsl(var(--b3-primary-wash)/.4)}.b3-root :is(.dark .dark\:hover\:bg-gray-700:hover){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:hover\:bg-gray-700\/50:hover){background-color:rgba(55,65,81,.5)}.b3-root :is(.dark .dark\:hover\:bg-gray-800:hover){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:hover\:text-gray-200:hover){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:hover\:text-white:hover){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}.b3-root :is(.dark .dark\:data-\[state\=open\]\:bg-gray-800[data-state=open]){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:data-\[state\=open\]\:text-gray-400[data-state=open]){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}@media (max-width:1023px){.b3-root .lg\:right-0{right:0}}@media (max-width:767px){.b3-root .md\:hidden{display:none}.b3-root .md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.b3-root .md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (max-width:480px){.b3-root .sm\:hidden{display:none}.b3-root .sm\:h-8{height:2rem}.b3-root .sm\:max-h-\[80dvh\]{max-height:80dvh}.b3-root .sm\:w-8{width:2rem}.b3-root .sm\:max-w-lg{max-width:32rem}.b3-root .sm\:flex-row{flex-direction:row}.b3-root .sm\:justify-end{justify-content:flex-end}.b3-root .sm\:justify-between{justify-content:space-between}.b3-root .sm\:gap-0{gap:0}.b3-root .sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem(1 - var(--tw-space-x-reverse)));margin-right:calc(.5remvar(--tw-space-x-reverse))}.b3-root .sm\:rounded-xl{border-radius:.75rem}.b3-root .sm\:p-6{padding:1.5rem}.b3-root .sm\:px-0{padding-left:0;padding-right:0}.b3-root .sm\:pt-5{padding-top:1.25rem}.b3-root .sm\:text-left{text-align:left}.b3-root .sm\:text-\[30px\]{font-size:30px}.b3-root .sm\:text-base{font-size:1rem;line-height:1.5rem}.b3-root .sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}.b3-root .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg;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))}.b3-root .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.b3-root .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.b3-root .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.b3-root .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.b3-root .\[\&_\[cmdk-group-heading\]\]\:text-b3-react-muted-foreground [cmdk-group-heading]{color:hsl(var(--b3-react-muted-foreground))}.b3-root .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.b3-root .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.b3-root .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.b3-root .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.b3-root .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.b3-root .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.b3-root .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.b3-root .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.b3-root .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.b3-root .\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.b3-root .\[\&_svg\]\:size-4 svg{height:1rem;width:1rem}.b3-root .\[\&_svg\]\:shrink-0 svg{flex-shrink:0}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.65-test.4",
+  "version": "0.0.65-test.5",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

package/src/global-account/react/components/LinkAccount/LinkAccount.tsx CHANGED Viewed

@@ -249,7 +249,7 @@ export const LinkAccount = ({
         <Button
           onClick={handleOpenLinkModal}
           disabled={isLinking}
-          className="bg-b3-primary-blue hover:bg-b3-primary-blue/90 border-white/12 group relative h-12 w-full rounded-xl border-2 px-[18px] text-base font-semibold text-white shadow-[inset_0px_0px_0px_1px_rgba(10,13,18,0.18),inset_0px_-2px_0px_0px_rgba(10,13,18,0.05)] transition-all"
+          className="b3-modal-link-new-account-button bg-b3-primary-blue hover:bg-b3-primary-blue/90 border-white/12 group relative h-12 w-full rounded-xl border-2 px-[18px] text-base font-semibold text-white shadow-[inset_0px_0px_0px_1px_rgba(10,13,18,0.18),inset_0px_-2px_0px_0px_rgba(10,13,18,0.05)] transition-all"
         >
           <div className="flex items-center justify-center gap-1.5">
             <svg

package/src/global-account/react/components/ManageAccount/BottomNavigation.tsx CHANGED Viewed

@@ -44,7 +44,7 @@ const BottomNavigation = () => {
   const setB3ModalContentType = useModalStore(state => state.setB3ModalContentType);
   return (
-    <div className="sticky bottom-0 left-0 w-full rounded-b-xl border-t border-gray-200 bg-[#FAFAFA]">
+    <div className="b3-modal-bottom-navigation sticky bottom-0 left-0 w-full rounded-b-xl border-t border-gray-200 bg-[#FAFAFA]">
       <TabsListPrimitive className="flex h-[68px] w-full items-center justify-center gap-4 border-none bg-transparent">
         <TabTriggerPrimitive
           value="home"

package/src/global-account/react/components/ManageAccount/Header.tsx CHANGED Viewed

@@ -58,9 +58,9 @@ function WalletItem({ wallet, isActive, onClick }: { wallet: Wallet; isActive: b
   return (
     <div
-      className={`box-border flex cursor-pointer items-center gap-2 rounded-xl px-3 py-2 transition-colors ${
-        isActive ? "bg-[#F4F4F5]" : "hover:bg-b3-line/50"
-      }`}
+      className={`b3-modal-wallet-item ${
+        isActive ? "b3-modal-wallet-item-active bg-[#F4F4F5]" : "hover:bg-b3-line/50"
+      } box-border flex cursor-pointer items-center gap-2 rounded-xl px-3 py-2 transition-colors`}
       onClick={onClick}
     >
       <div className="relative size-10 shrink-0 overflow-clip rounded-full">
@@ -137,11 +137,11 @@ export function Header({ onLogout }: { onLogout?: () => void }) {
       type="single"
       collapsible
       value={isExpanded ? "wallet-switcher" : ""}
-      className="bg-b3-background border-b3-line relative border-b"
+      className="b3-modal-wallet-switcher bg-b3-background border-b3-line relative border-b"
       onValueChange={(value: string) => setIsExpanded(value === "wallet-switcher")}
     >
       <AccordionPrimitive.Item value="wallet-switcher" className="border-none">
-        <AccordionPrimitive.Trigger className="group flex w-full items-center justify-between border-none bg-transparent px-5 py-3 outline-none">
+        <AccordionPrimitive.Trigger className="b3-modal-wallet-switcher-trigger group flex w-full items-center justify-between border-none bg-transparent px-5 py-3 outline-none">
           <div className="flex items-center gap-2">
             <div className="relative size-10 shrink-0 overflow-clip rounded-full">
               {isActiveGlobalAccount ? (
@@ -166,7 +166,7 @@ export function Header({ onLogout }: { onLogout?: () => void }) {
               </div>
             </div>
           </div>
-          <ChevronDownIcon className="text-b3-grey transition-transform duration-200 group-data-[state=open]:rotate-180" />
+          <ChevronDownIcon className="b3-modal-wallet-switcher-chevron text-b3-grey transition-transform duration-200 group-data-[state=open]:rotate-180" />
         </AccordionPrimitive.Trigger>
         <AnimatePresence>
@@ -177,7 +177,7 @@ export function Header({ onLogout }: { onLogout?: () => void }) {
                 animate={{ opacity: 1, y: 0 }}
                 exit={{ opacity: 0, y: -10 }}
                 transition={{ duration: 0.2, ease: "easeInOut" }}
-                className="flex flex-col gap-3 rounded-bl-3xl rounded-br-3xl bg-white px-2 pb-5 pt-3 shadow-[0px_32px_64px_-12px_rgba(10,13,18,0.14),0px_5px_5px_-2.5px_rgba(10,13,18,0.04)]"
+                className="b3-modal-wallet-switcher-content flex flex-col gap-3 rounded-bl-3xl rounded-br-3xl bg-white px-2 pb-5 pt-3 shadow-[0px_32px_64px_-12px_rgba(10,13,18,0.14),0px_5px_5px_-2.5px_rgba(10,13,18,0.04)]"
               >
                 {/* Connected Wallets */}
                 <div className="flex flex-col gap-3">
@@ -192,7 +192,7 @@ export function Header({ onLogout }: { onLogout?: () => void }) {
                   {/* Link Another Wallet */}
                   <div
-                    className="hover:bg-b3-line/50 box-border flex cursor-pointer items-center gap-2 rounded-xl px-3 py-2 transition-colors"
+                    className="b3-modal-link-another-wallet hover:bg-b3-line/50 box-border flex cursor-pointer items-center gap-2 rounded-xl px-3 py-2 transition-colors"
                     onClick={handleLinkWallet}
                   >
                     <div className="bg-b3-line flex size-10 shrink-0 items-center justify-center rounded-full">
@@ -206,7 +206,7 @@ export function Header({ onLogout }: { onLogout?: () => void }) {
                 {/* Sign Out Button */}
                 <button
-                  className="border-b3-line hover:bg-b3-line bg-b3-background flex items-center justify-center gap-1.5 rounded-xl border border-solid p-2.5 transition-colors"
+                  className="b3-modal-sign-out-button border-b3-line hover:bg-b3-line bg-b3-background flex items-center justify-center gap-1.5 rounded-xl border border-solid p-2.5 transition-colors"
                   onClick={onLogoutEnhanced}
                   disabled={logoutLoading}
                   style={{

package/src/global-account/react/components/ManageAccount/HomeActions.tsx CHANGED Viewed

@@ -57,7 +57,7 @@ const HomeActions = ({ showDeposit, showSwap }: { showDeposit: boolean; showSwap
   const setB3ModalContentType = useModalStore(state => state.setB3ModalContentType);
   return (
-    <div className="border-b3-line grid grid-cols-4 gap-3 border-b px-5 pb-6">
+    <div className="b3-modal-home-actions border-b3-line grid grid-cols-4 gap-3 border-b px-5 pb-6">
       {showDeposit && (
         <HomeActionButton
           customClass="manage-account-deposit"

package/src/global-account/react/components/ManageAccount/HomeContent.tsx CHANGED Viewed

@@ -18,9 +18,9 @@ export function HomeContent({ showDeposit = false, showSwap = true }: HomeConten
         <ProfileSection />
         <HomeActions showDeposit={showDeposit} showSwap={showSwap} />
-        <div className="space-y-2 p-5">
+        <div className="b3-modal-balance-content space-y-2 p-5">
           <Tabs defaultValue={"balance"}>
-            <TabsList>
+            <TabsList className="b3-modal-balance-tabs-list">
               <TabTrigger value="balance" className="font-neue-montreal-semibold p-0 pr-3">
                 Balance
               </TabTrigger>

package/src/global-account/react/components/ManageAccount/ProfileSection.tsx CHANGED Viewed

@@ -67,7 +67,9 @@ const ProfileSection = () => {
             <div className="text-b3-foreground-muted"> $</div>
             <div className="text-[30px]">{formatDisplayNumber(totalBalanceUsd, { fractionDigits: 2 })}</div>
           </h2>
-          <div className="font-neue-montreal-semibold text-base leading-none text-[#0B57C2]">{currentUsername}</div>
+          <div className="b3-modal-username font-neue-montreal-semibold text-base leading-none text-[#0B57C2]">
+            {currentUsername}
+          </div>
         </div>
       </div>
     </div>

package/src/global-account/react/components/ManageAccount/SettingsContent.tsx CHANGED Viewed

@@ -54,7 +54,7 @@ const SettingsContent = ({
       {/* Profile Section */}
       <div className="p-5">
-        <div className="flex items-center rounded-xl border border-[#e4e4e7] bg-[#f4f4f5] p-4">
+        <div className="b3-modal-settings-profile-card flex items-center rounded-xl border border-[#e4e4e7] bg-[#f4f4f5] p-4">
           <SettingsProfileCard />
         </div>
       </div>

package/src/global-account/react/components/ManageAccount/SettingsMenuItem.tsx CHANGED Viewed

@@ -12,7 +12,7 @@ const SettingsMenuItem = ({ icon, title, subtitle, onClick }: SettingsMenuItemPr
   return (
     <button
       onClick={onClick}
-      className="flex w-full items-center gap-2 rounded-xl px-3 py-2 transition-colors hover:bg-[#f4f4f5]"
+      className="b3-modal-settings-menu-item flex w-full items-center gap-2 rounded-xl px-3 py-2 transition-colors hover:bg-[#f4f4f5]"
     >
       <div className="flex size-10 items-center justify-center rounded-full bg-[#f4f4f5]">{icon}</div>
       <div className="flex flex-1 flex-col items-start gap-1 text-left">

package/src/global-account/react/components/ManageAccount/SettingsProfileCard.tsx CHANGED Viewed

@@ -162,7 +162,9 @@ const SettingsProfileCard = () => {
           /* Display mode */
           <>
             <div className="flex items-center gap-1">
-              <p className="font-neue-montreal-semibold text-lg leading-none text-[#0B57C2]">{currentUsername}</p>
+              <p className="b3-modal-username font-neue-montreal-semibold text-lg leading-none text-[#0B57C2]">
+                {currentUsername}
+              </p>
             </div>
             <button
               onClick={handleEditUsername}

package/src/global-account/react/components/ModalHeader/ModalHeader.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import { cn } from "@b3dotfun/sdk/shared/utils";
-import { ChevronDown, X } from "lucide-react";
+import { ChevronLeft, X } from "lucide-react";
 import { useModalStore } from "../../stores";
 const ModalHeader = ({
@@ -26,14 +26,17 @@ const ModalHeader = ({
   return (
     <div
-      className={cn("flex h-16 items-center justify-between border-b border-[#e4e4e7] bg-white px-5 py-3", className)}
+      className={cn(
+        "b3-modal-header flex h-16 items-center justify-between border-b border-[#e4e4e7] bg-white px-5 py-3",
+        className,
+      )}
     >
       {showBackButton ? (
         <button
           onClick={handleBack || navigateBack}
           className="flex h-6 w-6 items-center justify-center transition-opacity hover:opacity-70"
         >
-          <ChevronDown className="h-6 w-6 rotate-90 text-[#51525c]" />
+          <ChevronLeft className="h-6 w-6 text-[#51525c]" />
           {showBackWord && <span className="text-sm font-medium">Back</span>}
         </button>
       ) : (

package/src/global-account/react/components/ui/dialog.tsx CHANGED Viewed

@@ -60,7 +60,7 @@ const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.
             )}
             {...props}
           >
-            <div className="flex flex-1 flex-col overflow-hidden rounded-xl border border-[#D1D1D6] bg-white shadow-[0_20px_24px_-4px_rgba(10,13,18,0.08),0_8px_8px_-4px_rgba(10,13,18,0.03),0_3px_3px_-1.5px_rgba(10,13,18,0.04)]">
+            <div className="modal-inner-content flex flex-1 flex-col overflow-hidden rounded-xl border border-[#D1D1D6] bg-white shadow-[0_20px_24px_-4px_rgba(10,13,18,0.08),0_8px_8px_-4px_rgba(10,13,18,0.03),0_3px_3px_-1.5px_rgba(10,13,18,0.04)]">
               {children}
               {!hideCloseButton && (
                 <DialogPrimitive.Close
@@ -75,7 +75,7 @@ const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.
               )}
             </div>
             {/* Global Account Footer */}
-            <div className="flex items-center justify-center gap-1.5 pt-[10px]">
+            <div className="b3-modal-ga-branding flex items-center justify-center gap-1.5 pt-[10px]">
               <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path
                   d="M2 4.66667C2 3.19391 3.19391 2 4.66667 2H11.3333C12.8061 2 14 3.19391 14 4.66667V11.3333C14 12.8061 12.8061 14 11.3333 14H4.66667C3.19391 14 2 12.8061 2 11.3333V4.66667Z"