@b3dotfun/sdk 0.0.40-alpha.4 → 0.0.40-alpha.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 (8) hide show
  1. package/dist/cjs/global-account/react/components/LinkAccount/LinkAccount.js +63 -3
  2. package/dist/cjs/global-account/react/components/ManageAccount/ManageAccount.js +35 -2
  3. package/dist/esm/global-account/react/components/LinkAccount/LinkAccount.js +65 -5
  4. package/dist/esm/global-account/react/components/ManageAccount/ManageAccount.js +35 -2
  5. package/dist/styles/index.css +1 -1
  6. package/package.json +1 -1
  7. package/src/global-account/react/components/LinkAccount/LinkAccount.tsx +106 -32
  8. package/src/global-account/react/components/ManageAccount/ManageAccount.tsx +60 -5
package/dist/cjs/global-account/react/components/LinkAccount/LinkAccount.js CHANGED
@@ -7,12 +7,14 @@ exports.LinkAccount = LinkAccount;
7
7
  const jsx_runtime_1 = require("react/jsx-runtime");
8
8
  const app_1 = __importDefault(require("../../../../global-account/app"));
9
9
  const constants_1 = require("../../../../shared/constants");
10
+ const b3Chain_1 = require("../../../../shared/constants/chains/b3Chain");
10
11
  const thirdweb_1 = require("../../../../shared/utils/thirdweb");
11
12
  const lucide_react_1 = require("lucide-react");
12
13
  const react_1 = require("react");
13
14
  const sonner_1 = require("sonner");
14
15
  const react_2 = require("thirdweb/react");
15
16
  const wallets_1 = require("thirdweb/wallets");
17
+ const __1 = require("../..");
16
18
  const useModalStore_1 = require("../../stores/useModalStore");
17
19
  const profileDisplay_1 = require("../../utils/profileDisplay");
18
20
  const useB3_1 = require("../B3Provider/useB3");
@@ -36,6 +38,38 @@ const AUTH_METHODS = [
36
38
  icon: (0, jsx_runtime_1.jsx)(FarcasterIcon_1.FarcasterIcon, { className: "size-6" }),
37
39
  },
38
40
  ];
41
+ const WALLET_METHODS = [
42
+ {
43
+ id: "wallet",
44
+ label: "Wallet",
45
+ enabled: true,
46
+ icon: (0, jsx_runtime_1.jsx)(lucide_react_1.WalletIcon, { className: "size-6" }),
47
+ walletType: "com.coinbase.wallet",
48
+ },
49
+ { id: "wallet", label: "Wallet", enabled: true, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.WalletIcon, { className: "size-6" }), walletType: "io.metamask" },
50
+ {
51
+ id: "wallet",
52
+ label: "Wallet",
53
+ enabled: true,
54
+ icon: (0, jsx_runtime_1.jsx)(lucide_react_1.WalletIcon, { className: "size-6" }),
55
+ walletType: "me.rainbow",
56
+ },
57
+ {
58
+ id: "wallet",
59
+ label: "Wallet",
60
+ enabled: true,
61
+ icon: (0, jsx_runtime_1.jsx)(lucide_react_1.WalletIcon, { className: "size-6" }),
62
+ walletType: "app.phantom",
63
+ },
64
+ { id: "wallet", label: "Wallet", enabled: true, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.WalletIcon, { className: "size-6" }), walletType: "io.rabby" },
65
+ {
66
+ id: "wallet",
67
+ label: "Wallet",
68
+ enabled: true,
69
+ icon: (0, jsx_runtime_1.jsx)(lucide_react_1.WalletIcon, { className: "size-6" }),
70
+ walletType: "walletConnect",
71
+ },
72
+ ];
39
73
  function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, partnerId, className, }) {
40
74
  const { isLinking, linkingMethod, setLinkingState, navigateBack, setB3ModalContentType } = (0, useModalStore_1.useModalStore)();
41
75
  const [selectedMethod, setSelectedMethod] = (0, react_1.useState)(null);
@@ -47,12 +81,12 @@ function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, pa
47
81
  const { data: profilesRaw = [] } = (0, react_2.useProfiles)({ client: thirdweb_1.client });
48
82
  // Get connected auth methods
49
83
  const connectedAuthMethods = profilesRaw
50
- .filter((profile) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
84
+ .filter((profile) => !["custom_auth_endpoint"].includes(profile.type))
51
85
  .map((profile) => profile.type);
52
86
  // Filter available auth methods
53
87
  const availableAuthMethods = AUTH_METHODS.filter(method => !connectedAuthMethods.includes(method.id) && method.enabled);
54
88
  const profiles = profilesRaw
55
- .filter((profile) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
89
+ .filter((profile) => !["custom_auth_endpoint"].includes(profile.type))
56
90
  .map((profile) => ({
57
91
  ...(0, profileDisplay_1.getProfileDisplayInfo)(profile),
58
92
  originalProfile: profile,
@@ -182,6 +216,26 @@ function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, pa
182
216
  onError?.(error);
183
217
  }
184
218
  };
219
+ const handleLinkWallet = async (walletType) => {
220
+ setLinkingState(true, "wallet");
221
+ console.log("selectedMethod", walletType);
222
+ try {
223
+ if (!walletType) {
224
+ throw new Error("Wallet type not found");
225
+ }
226
+ await linkProfile({
227
+ client: thirdweb_1.client,
228
+ strategy: "wallet",
229
+ wallet: (0, wallets_1.createWallet)(walletType),
230
+ chain: b3Chain_1.thirdwebB3Mainnet,
231
+ }, mutationOptions);
232
+ }
233
+ catch (error) {
234
+ console.error("Error linking account:", error);
235
+ setError(error instanceof Error ? error.message : "Failed to link account");
236
+ onError?.(error);
237
+ }
238
+ };
185
239
  const handleSocialLink = async (strategy) => {
186
240
  try {
187
241
  console.log("handleSocialLink", strategy);
@@ -262,5 +316,11 @@ function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, pa
262
316
  else {
263
317
  handleSocialLink(method.id);
264
318
  }
265
- }, disabled: linkingMethod === method.id, children: isLinking && linkingMethod === method.id ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-5 w-5 animate-spin" })) : ((0, jsx_runtime_1.jsxs)("div", { className: "b3-link-account-method-content flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "b3-link-account-method-icon flex items-center justify-center rounded-full", children: method.icon }), (0, jsx_runtime_1.jsx)("span", { className: "b3-link-account-method-label font-medium", children: method.label })] })) }, method.id))), availableAuthMethods.length === 0 && ((0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted py-8 text-center", children: "All available authentication methods have been connected" }))] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "b3-link-account-form space-y-4", children: [selectedMethod === "email" && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Email Address" }), (0, jsx_runtime_1.jsx)("input", { type: "email", placeholder: "Enter your email", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: email, onChange: e => setEmail(e.target.value), disabled: otpSent || (isLinking && linkingMethod === "email") })] })), selectedMethod === "phone" && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Phone Number" }), (0, jsx_runtime_1.jsx)("input", { type: "tel", placeholder: "Enter your phone number", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: phone, onChange: e => setPhone(e.target.value), disabled: otpSent || (isLinking && linkingMethod === "phone") }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Include country code (e.g., +1 for US)" })] })), error && (0, jsx_runtime_1.jsx)("div", { className: "text-b3-negative font-neue-montreal-medium py-2 text-sm", children: error }), otpSent ? ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Verification Code" }), (0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Enter verification code", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: otp, onChange: e => setOtp(e.target.value) })] }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full text-white", onClick: handleLinkAccount, children: "Link Account" })] })) : ((0, jsx_runtime_1.jsx)(button_1.Button, { className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full text-white", onClick: handleSendOTP, disabled: (!email && !phone) || (isLinking && linkingMethod === selectedMethod), children: isLinking && linkingMethod === selectedMethod ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" })) : ("Send Verification Code") }))] }))] }));
319
+ }, disabled: linkingMethod === method.id, children: isLinking && linkingMethod === method.id ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-5 w-5 animate-spin" })) : ((0, jsx_runtime_1.jsxs)("div", { className: "b3-link-account-method-content flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "b3-link-account-method-icon flex items-center justify-center rounded-full", children: method.icon }), (0, jsx_runtime_1.jsx)("span", { className: "b3-link-account-method-label font-medium", children: method.label })] })) }, method.id))), WALLET_METHODS.map(method => {
320
+ if (!method.walletType) {
321
+ return null;
322
+ }
323
+ return ((0, jsx_runtime_1.jsx)(__1.WalletRow, { walletId: method.walletType, onClick: () => handleLinkWallet(method.walletType), isLoading: isLinking }, method.walletType));
324
+ }), availableAuthMethods.length === 0 && ((0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted py-8 text-center", children: "All available authentication methods have been connected" }))] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "b3-link-account-form space-y-4", children: [selectedMethod === "email" && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Email Address" }), (0, jsx_runtime_1.jsx)("input", { type: "email", placeholder: "Enter your email", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: email, onChange: e => setEmail(e.target.value), disabled: otpSent || (isLinking && linkingMethod === "email") })] })), selectedMethod === "phone" && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Phone Number" }), (0, jsx_runtime_1.jsx)("input", { type: "tel", placeholder: "Enter your phone number", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: phone, onChange: e => setPhone(e.target.value), disabled: otpSent || (isLinking && linkingMethod === "phone") }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Include country code (e.g., +1 for US)" })] })), error && (0, jsx_runtime_1.jsx)("div", { className: "text-b3-negative font-neue-montreal-medium py-2 text-sm", children: error }), (selectedMethod === "email" || selectedMethod === "phone") &&
325
+ (otpSent ? ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Verification Code" }), (0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Enter verification code", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: otp, onChange: e => setOtp(e.target.value) })] }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full text-white", onClick: handleLinkAccount, children: "Link Account" })] })) : ((0, jsx_runtime_1.jsx)(button_1.Button, { className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full text-white", onClick: handleSendOTP, disabled: (!email && !phone) || (isLinking && linkingMethod === selectedMethod), children: isLinking && linkingMethod === selectedMethod ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" })) : ("Send Verification Code") })))] }))] }));
266
326
  }
package/dist/cjs/global-account/react/components/ManageAccount/ManageAccount.js CHANGED
@@ -10,6 +10,7 @@ const react_1 = require("../../../../global-account/react");
10
10
  const SignOutIcon_1 = require("../../../../global-account/react/components/icons/SignOutIcon");
11
11
  const formatNumber_1 = require("../../../../shared/utils/formatNumber");
12
12
  const thirdweb_1 = require("../../../../shared/utils/thirdweb");
13
+ const truncateAddress_1 = require("../../../../shared/utils/truncateAddress");
13
14
  const lucide_react_1 = require("lucide-react");
14
15
  const react_2 = require("react");
15
16
  const sonner_1 = require("sonner");
@@ -18,6 +19,21 @@ const viem_1 = require("viem");
18
19
  const profileDisplay_1 = require("../../utils/profileDisplay");
19
20
  const AccountAssets_1 = require("../AccountAssets/AccountAssets");
20
21
  const ContentTokens_1 = require("./ContentTokens");
22
+ // Helper function to check if a string is a wallet address and format it
23
+ const formatProfileTitle = (title) => {
24
+ // Check if title looks like an Ethereum address (0x followed by 40 hex characters)
25
+ const isEthereumAddress = /^0x[a-fA-F0-9]{40}$/.test(title);
26
+ if (isEthereumAddress) {
27
+ return {
28
+ displayTitle: (0, truncateAddress_1.truncateAddress)(title),
29
+ isAddress: true,
30
+ };
31
+ }
32
+ return {
33
+ displayTitle: title,
34
+ isAddress: false,
35
+ };
36
+ };
21
37
  const BalanceContent_1 = require("./BalanceContent");
22
38
  function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain, partnerId, showSwap, showDeposit, }) {
23
39
  const [revokingSignerId, setRevokingSignerId] = (0, react_2.useState)(null);
@@ -117,7 +133,7 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
117
133
  }
118
134
  };
119
135
  const profiles = profilesRaw
120
- .filter((profile) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
136
+ .filter((profile) => !["custom_auth_endpoint"].includes(profile.type))
121
137
  .map((profile) => ({
122
138
  ...(0, profileDisplay_1.getProfileDisplayInfo)(profile),
123
139
  originalProfile: profile,
@@ -152,7 +168,24 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
152
168
  },
153
169
  });
154
170
  };
155
- return ((0, jsx_runtime_1.jsxs)("div", { className: "linked-accounts-settings space-y-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-accounts-section space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-accounts-header flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold linked-accounts-settings-title text-xl", children: "Linked Accounts" }), (0, jsx_runtime_1.jsxs)(react_1.Button, { className: "linked-accounts-settings-button linked-accounts-link-button bg-b3-primary-wash hover:bg-b3-primary-wash/70 flex items-center gap-2 rounded-full px-4 py-2", onClick: handleOpenLinkModal, disabled: isLinking, children: [isLinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "linked-accounts-link-loading text-b3-primary-blue animate-spin", size: 16 })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.LinkIcon, { size: 16, className: "linked-accounts-link-icon text-b3-primary-blue" })), (0, jsx_runtime_1.jsx)("span", { className: "linked-accounts-link-text text-b3-grey font-neue-montreal-semibold", children: isLinking ? "Linking..." : "Link New Account" })] })] }), isLoadingProfiles ? ((0, jsx_runtime_1.jsx)("div", { className: "linked-accounts-loading flex justify-center py-8", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-grey animate-spin" }) })) : profiles.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "linked-accounts-list space-y-4", children: profiles.map(profile => ((0, jsx_runtime_1.jsxs)("div", { className: "linked-account-item bg-b3-line flex items-center justify-between rounded-xl p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-account-info flex items-center gap-3", children: [profile.imageUrl ? ((0, jsx_runtime_1.jsx)("img", { src: profile.imageUrl, alt: profile.title, className: "linked-account-avatar linked-account-avatar-image size-10 rounded-full" })) : ((0, jsx_runtime_1.jsx)("div", { className: "linked-account-avatar linked-account-avatar-placeholder bg-b3-primary-wash flex h-10 w-10 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)("span", { className: "linked-account-initial text-b3-grey font-neue-montreal-semibold text-sm uppercase", children: profile.initial }) })), (0, jsx_runtime_1.jsxs)("div", { className: "linked-account-details", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-account-title-row flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "linked-account-title text-b3-grey font-neue-montreal-semibold", children: profile.title }), (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" }))] }), showReferralInfo && (
171
+ console.log("@@profiles", profiles);
172
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "linked-accounts-settings space-y-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-accounts-section space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-accounts-header flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold linked-accounts-settings-title text-xl", children: "Linked Accounts" }), (0, jsx_runtime_1.jsxs)(react_1.Button, { className: "linked-accounts-settings-button linked-accounts-link-button bg-b3-primary-wash hover:bg-b3-primary-wash/70 flex items-center gap-2 rounded-full px-4 py-2", onClick: handleOpenLinkModal, disabled: isLinking, children: [isLinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "linked-accounts-link-loading text-b3-primary-blue animate-spin", size: 16 })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.LinkIcon, { size: 16, className: "linked-accounts-link-icon text-b3-primary-blue" })), (0, jsx_runtime_1.jsx)("span", { className: "linked-accounts-link-text text-b3-grey font-neue-montreal-semibold", children: isLinking ? "Linking..." : "Link New Account" })] })] }), isLoadingProfiles ? ((0, jsx_runtime_1.jsx)("div", { className: "linked-accounts-loading flex justify-center py-8", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-grey animate-spin" }) })) : profiles.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "linked-accounts-list space-y-4", children: profiles.map(profile => ((0, jsx_runtime_1.jsxs)("div", { className: "linked-account-item bg-b3-line group flex items-center justify-between rounded-xl p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-account-info flex items-center gap-3", children: [profile.imageUrl ? ((0, jsx_runtime_1.jsx)("img", { src: profile.imageUrl, alt: profile.title, className: "linked-account-avatar linked-account-avatar-image size-10 rounded-full" })) : ((0, jsx_runtime_1.jsx)("div", { className: "linked-account-avatar linked-account-avatar-placeholder bg-b3-primary-wash flex h-10 w-10 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)("span", { className: "linked-account-initial text-b3-grey font-neue-montreal-semibold text-sm uppercase", children: profile.initial }) })), (0, jsx_runtime_1.jsxs)("div", { className: "linked-account-details", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-account-title-row flex items-center gap-2", children: [(() => {
173
+ const { displayTitle, isAddress } = formatProfileTitle(profile.title);
174
+ const handleCopyAddress = async (e) => {
175
+ e.stopPropagation();
176
+ try {
177
+ await navigator.clipboard.writeText(profile.title);
178
+ sonner_1.toast.success("Address copied to clipboard!");
179
+ }
180
+ catch (error) {
181
+ sonner_1.toast.error("Failed to copy address");
182
+ }
183
+ };
184
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)("span", { className: `linked-account-title text-b3-grey font-neue-montreal-semibold ${isAddress
185
+ ? "font-mono text-sm" // Use monospace font for addresses
186
+ : "break-words" // Use break-words for emails/names (better than break-all)
187
+ }`, 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" }) }))] }));
188
+ })(), (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" }))] }), showReferralInfo && (
156
189
  /* Referral Section */
157
190
  (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: () => {
158
191
  setIsEditingCode(false);
package/dist/esm/global-account/react/components/LinkAccount/LinkAccount.js CHANGED
@@ -1,12 +1,14 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import app from "../../../../global-account/app.js";
3
3
  import { ecosystemWalletId } from "../../../../shared/constants/index.js";
4
+ import { thirdwebB3Mainnet } from "../../../../shared/constants/chains/b3Chain.js";
4
5
  import { client } from "../../../../shared/utils/thirdweb.js";
5
- import { Loader2, Mail, Phone } from "lucide-react";
6
+ import { Loader2, Mail, Phone, WalletIcon } from "lucide-react";
6
7
  import { useCallback, useEffect, useState } from "react";
7
8
  import { toast } from "sonner";
8
9
  import { useLinkProfile, useProfiles } from "thirdweb/react";
9
- import { preAuthenticate } from "thirdweb/wallets";
10
+ import { createWallet, preAuthenticate } from "thirdweb/wallets";
11
+ import { WalletRow } from "../../index.js";
10
12
  import { useModalStore } from "../../stores/useModalStore.js";
11
13
  import { getProfileDisplayInfo } from "../../utils/profileDisplay.js";
12
14
  import { useB3 } from "../B3Provider/useB3.js";
@@ -30,6 +32,38 @@ const AUTH_METHODS = [
30
32
  icon: _jsx(FarcasterIcon, { className: "size-6" }),
31
33
  },
32
34
  ];
35
+ const WALLET_METHODS = [
36
+ {
37
+ id: "wallet",
38
+ label: "Wallet",
39
+ enabled: true,
40
+ icon: _jsx(WalletIcon, { className: "size-6" }),
41
+ walletType: "com.coinbase.wallet",
42
+ },
43
+ { id: "wallet", label: "Wallet", enabled: true, icon: _jsx(WalletIcon, { className: "size-6" }), walletType: "io.metamask" },
44
+ {
45
+ id: "wallet",
46
+ label: "Wallet",
47
+ enabled: true,
48
+ icon: _jsx(WalletIcon, { className: "size-6" }),
49
+ walletType: "me.rainbow",
50
+ },
51
+ {
52
+ id: "wallet",
53
+ label: "Wallet",
54
+ enabled: true,
55
+ icon: _jsx(WalletIcon, { className: "size-6" }),
56
+ walletType: "app.phantom",
57
+ },
58
+ { id: "wallet", label: "Wallet", enabled: true, icon: _jsx(WalletIcon, { className: "size-6" }), walletType: "io.rabby" },
59
+ {
60
+ id: "wallet",
61
+ label: "Wallet",
62
+ enabled: true,
63
+ icon: _jsx(WalletIcon, { className: "size-6" }),
64
+ walletType: "walletConnect",
65
+ },
66
+ ];
33
67
  export function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, partnerId, className, }) {
34
68
  const { isLinking, linkingMethod, setLinkingState, navigateBack, setB3ModalContentType } = useModalStore();
35
69
  const [selectedMethod, setSelectedMethod] = useState(null);
@@ -41,12 +75,12 @@ export function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, ch
41
75
  const { data: profilesRaw = [] } = useProfiles({ client });
42
76
  // Get connected auth methods
43
77
  const connectedAuthMethods = profilesRaw
44
- .filter((profile) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
78
+ .filter((profile) => !["custom_auth_endpoint"].includes(profile.type))
45
79
  .map((profile) => profile.type);
46
80
  // Filter available auth methods
47
81
  const availableAuthMethods = AUTH_METHODS.filter(method => !connectedAuthMethods.includes(method.id) && method.enabled);
48
82
  const profiles = profilesRaw
49
- .filter((profile) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
83
+ .filter((profile) => !["custom_auth_endpoint"].includes(profile.type))
50
84
  .map((profile) => ({
51
85
  ...getProfileDisplayInfo(profile),
52
86
  originalProfile: profile,
@@ -176,6 +210,26 @@ export function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, ch
176
210
  onError?.(error);
177
211
  }
178
212
  };
213
+ const handleLinkWallet = async (walletType) => {
214
+ setLinkingState(true, "wallet");
215
+ console.log("selectedMethod", walletType);
216
+ try {
217
+ if (!walletType) {
218
+ throw new Error("Wallet type not found");
219
+ }
220
+ await linkProfile({
221
+ client,
222
+ strategy: "wallet",
223
+ wallet: createWallet(walletType),
224
+ chain: thirdwebB3Mainnet,
225
+ }, mutationOptions);
226
+ }
227
+ catch (error) {
228
+ console.error("Error linking account:", error);
229
+ setError(error instanceof Error ? error.message : "Failed to link account");
230
+ onError?.(error);
231
+ }
232
+ };
179
233
  const handleSocialLink = async (strategy) => {
180
234
  try {
181
235
  console.log("handleSocialLink", strategy);
@@ -256,5 +310,11 @@ export function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, ch
256
310
  else {
257
311
  handleSocialLink(method.id);
258
312
  }
259
- }, disabled: linkingMethod === method.id, children: isLinking && linkingMethod === method.id ? (_jsx(Loader2, { className: "h-5 w-5 animate-spin" })) : (_jsxs("div", { className: "b3-link-account-method-content flex items-center gap-4", children: [_jsx("div", { className: "b3-link-account-method-icon flex items-center justify-center rounded-full", children: method.icon }), _jsx("span", { className: "b3-link-account-method-label font-medium", children: method.label })] })) }, method.id))), availableAuthMethods.length === 0 && (_jsx("div", { className: "text-b3-foreground-muted py-8 text-center", children: "All available authentication methods have been connected" }))] })) : (_jsxs("div", { className: "b3-link-account-form space-y-4", children: [selectedMethod === "email" && (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Email Address" }), _jsx("input", { type: "email", placeholder: "Enter your email", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: email, onChange: e => setEmail(e.target.value), disabled: otpSent || (isLinking && linkingMethod === "email") })] })), selectedMethod === "phone" && (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Phone Number" }), _jsx("input", { type: "tel", placeholder: "Enter your phone number", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: phone, onChange: e => setPhone(e.target.value), disabled: otpSent || (isLinking && linkingMethod === "phone") }), _jsx("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Include country code (e.g., +1 for US)" })] })), error && _jsx("div", { className: "text-b3-negative font-neue-montreal-medium py-2 text-sm", children: error }), otpSent ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Verification Code" }), _jsx("input", { type: "text", placeholder: "Enter verification code", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: otp, onChange: e => setOtp(e.target.value) })] }), _jsx(Button, { className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full text-white", onClick: handleLinkAccount, children: "Link Account" })] })) : (_jsx(Button, { className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full text-white", onClick: handleSendOTP, disabled: (!email && !phone) || (isLinking && linkingMethod === selectedMethod), children: isLinking && linkingMethod === selectedMethod ? (_jsx(Loader2, { className: "animate-spin" })) : ("Send Verification Code") }))] }))] }));
313
+ }, disabled: linkingMethod === method.id, children: isLinking && linkingMethod === method.id ? (_jsx(Loader2, { className: "h-5 w-5 animate-spin" })) : (_jsxs("div", { className: "b3-link-account-method-content flex items-center gap-4", children: [_jsx("div", { className: "b3-link-account-method-icon flex items-center justify-center rounded-full", children: method.icon }), _jsx("span", { className: "b3-link-account-method-label font-medium", children: method.label })] })) }, method.id))), WALLET_METHODS.map(method => {
314
+ if (!method.walletType) {
315
+ return null;
316
+ }
317
+ return (_jsx(WalletRow, { walletId: method.walletType, onClick: () => handleLinkWallet(method.walletType), isLoading: isLinking }, method.walletType));
318
+ }), availableAuthMethods.length === 0 && (_jsx("div", { className: "text-b3-foreground-muted py-8 text-center", children: "All available authentication methods have been connected" }))] })) : (_jsxs("div", { className: "b3-link-account-form space-y-4", children: [selectedMethod === "email" && (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Email Address" }), _jsx("input", { type: "email", placeholder: "Enter your email", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: email, onChange: e => setEmail(e.target.value), disabled: otpSent || (isLinking && linkingMethod === "email") })] })), selectedMethod === "phone" && (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Phone Number" }), _jsx("input", { type: "tel", placeholder: "Enter your phone number", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: phone, onChange: e => setPhone(e.target.value), disabled: otpSent || (isLinking && linkingMethod === "phone") }), _jsx("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Include country code (e.g., +1 for US)" })] })), error && _jsx("div", { className: "text-b3-negative font-neue-montreal-medium py-2 text-sm", children: error }), (selectedMethod === "email" || selectedMethod === "phone") &&
319
+ (otpSent ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Verification Code" }), _jsx("input", { type: "text", placeholder: "Enter verification code", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: otp, onChange: e => setOtp(e.target.value) })] }), _jsx(Button, { className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full text-white", onClick: handleLinkAccount, children: "Link Account" })] })) : (_jsx(Button, { className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full text-white", onClick: handleSendOTP, disabled: (!email && !phone) || (isLinking && linkingMethod === selectedMethod), children: isLinking && linkingMethod === selectedMethod ? (_jsx(Loader2, { className: "animate-spin" })) : ("Send Verification Code") })))] }))] }));
260
320
  }
package/dist/esm/global-account/react/components/ManageAccount/ManageAccount.js CHANGED
@@ -4,6 +4,7 @@ import { Button, TabsContentPrimitive, TabsListPrimitive, TabsPrimitive, TabTrig
4
4
  import { SignOutIcon } from "../../../../global-account/react/components/icons/SignOutIcon.js";
5
5
  import { formatNumber } from "../../../../shared/utils/formatNumber.js";
6
6
  import { client } from "../../../../shared/utils/thirdweb.js";
7
+ import { truncateAddress } from "../../../../shared/utils/truncateAddress.js";
7
8
  import { BarChart3, Coins, Copy, Image, LinkIcon, Loader2, Pencil, Settings, UnlinkIcon } from "lucide-react";
8
9
  import { useRef, useState } from "react";
9
10
  import { toast } from "sonner";
@@ -12,6 +13,21 @@ import { formatUnits } from "viem";
12
13
  import { getProfileDisplayInfo } from "../../utils/profileDisplay.js";
13
14
  import { AccountAssets } from "../AccountAssets/AccountAssets.js";
14
15
  import { ContentTokens } from "./ContentTokens.js";
16
+ // Helper function to check if a string is a wallet address and format it
17
+ const formatProfileTitle = (title) => {
18
+ // Check if title looks like an Ethereum address (0x followed by 40 hex characters)
19
+ const isEthereumAddress = /^0x[a-fA-F0-9]{40}$/.test(title);
20
+ if (isEthereumAddress) {
21
+ return {
22
+ displayTitle: truncateAddress(title),
23
+ isAddress: true,
24
+ };
25
+ }
26
+ return {
27
+ displayTitle: title,
28
+ isAddress: false,
29
+ };
30
+ };
15
31
  import { BalanceContent } from "./BalanceContent.js";
16
32
  export function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain, partnerId, showSwap, showDeposit, }) {
17
33
  const [revokingSignerId, setRevokingSignerId] = useState(null);
@@ -111,7 +127,7 @@ export function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit
111
127
  }
112
128
  };
113
129
  const profiles = profilesRaw
114
- .filter((profile) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
130
+ .filter((profile) => !["custom_auth_endpoint"].includes(profile.type))
115
131
  .map((profile) => ({
116
132
  ...getProfileDisplayInfo(profile),
117
133
  originalProfile: profile,
@@ -146,7 +162,24 @@ export function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit
146
162
  },
147
163
  });
148
164
  };
149
- return (_jsxs("div", { className: "linked-accounts-settings space-y-8", children: [_jsxs("div", { className: "linked-accounts-section space-y-4", children: [_jsxs("div", { className: "linked-accounts-header flex items-center justify-between", children: [_jsx("h3", { className: "text-b3-grey font-neue-montreal-semibold linked-accounts-settings-title text-xl", children: "Linked Accounts" }), _jsxs(Button, { className: "linked-accounts-settings-button linked-accounts-link-button bg-b3-primary-wash hover:bg-b3-primary-wash/70 flex items-center gap-2 rounded-full px-4 py-2", onClick: handleOpenLinkModal, disabled: isLinking, children: [isLinking ? (_jsx(Loader2, { className: "linked-accounts-link-loading text-b3-primary-blue animate-spin", size: 16 })) : (_jsx(LinkIcon, { size: 16, className: "linked-accounts-link-icon text-b3-primary-blue" })), _jsx("span", { className: "linked-accounts-link-text text-b3-grey font-neue-montreal-semibold", children: isLinking ? "Linking..." : "Link New Account" })] })] }), isLoadingProfiles ? (_jsx("div", { className: "linked-accounts-loading flex justify-center py-8", children: _jsx(Loader2, { className: "text-b3-grey animate-spin" }) })) : profiles.length > 0 ? (_jsx("div", { className: "linked-accounts-list space-y-4", children: profiles.map(profile => (_jsxs("div", { className: "linked-account-item bg-b3-line flex items-center justify-between rounded-xl p-4", children: [_jsxs("div", { className: "linked-account-info flex items-center gap-3", children: [profile.imageUrl ? (_jsx("img", { src: profile.imageUrl, alt: profile.title, className: "linked-account-avatar linked-account-avatar-image size-10 rounded-full" })) : (_jsx("div", { className: "linked-account-avatar linked-account-avatar-placeholder bg-b3-primary-wash flex h-10 w-10 items-center justify-center rounded-full", children: _jsx("span", { className: "linked-account-initial text-b3-grey font-neue-montreal-semibold text-sm uppercase", children: profile.initial }) })), _jsxs("div", { className: "linked-account-details", children: [_jsxs("div", { className: "linked-account-title-row flex items-center gap-2", children: [_jsx("span", { className: "linked-account-title text-b3-grey font-neue-montreal-semibold", children: profile.title }), _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" }))] }), showReferralInfo && (
165
+ console.log("@@profiles", profiles);
166
+ return (_jsxs("div", { className: "linked-accounts-settings space-y-8", children: [_jsxs("div", { className: "linked-accounts-section space-y-4", children: [_jsxs("div", { className: "linked-accounts-header flex items-center justify-between", children: [_jsx("h3", { className: "text-b3-grey font-neue-montreal-semibold linked-accounts-settings-title text-xl", children: "Linked Accounts" }), _jsxs(Button, { className: "linked-accounts-settings-button linked-accounts-link-button bg-b3-primary-wash hover:bg-b3-primary-wash/70 flex items-center gap-2 rounded-full px-4 py-2", onClick: handleOpenLinkModal, disabled: isLinking, children: [isLinking ? (_jsx(Loader2, { className: "linked-accounts-link-loading text-b3-primary-blue animate-spin", size: 16 })) : (_jsx(LinkIcon, { size: 16, className: "linked-accounts-link-icon text-b3-primary-blue" })), _jsx("span", { className: "linked-accounts-link-text text-b3-grey font-neue-montreal-semibold", children: isLinking ? "Linking..." : "Link New Account" })] })] }), isLoadingProfiles ? (_jsx("div", { className: "linked-accounts-loading flex justify-center py-8", children: _jsx(Loader2, { className: "text-b3-grey animate-spin" }) })) : profiles.length > 0 ? (_jsx("div", { className: "linked-accounts-list space-y-4", children: profiles.map(profile => (_jsxs("div", { className: "linked-account-item bg-b3-line group flex items-center justify-between rounded-xl p-4", children: [_jsxs("div", { className: "linked-account-info flex items-center gap-3", children: [profile.imageUrl ? (_jsx("img", { src: profile.imageUrl, alt: profile.title, className: "linked-account-avatar linked-account-avatar-image size-10 rounded-full" })) : (_jsx("div", { className: "linked-account-avatar linked-account-avatar-placeholder bg-b3-primary-wash flex h-10 w-10 items-center justify-center rounded-full", children: _jsx("span", { className: "linked-account-initial text-b3-grey font-neue-montreal-semibold text-sm uppercase", children: profile.initial }) })), _jsxs("div", { className: "linked-account-details", children: [_jsxs("div", { className: "linked-account-title-row flex items-center gap-2", children: [(() => {
167
+ const { displayTitle, isAddress } = formatProfileTitle(profile.title);
168
+ const handleCopyAddress = async (e) => {
169
+ e.stopPropagation();
170
+ try {
171
+ await navigator.clipboard.writeText(profile.title);
172
+ toast.success("Address copied to clipboard!");
173
+ }
174
+ catch (error) {
175
+ toast.error("Failed to copy address");
176
+ }
177
+ };
178
+ return (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: `linked-account-title text-b3-grey font-neue-montreal-semibold ${isAddress
179
+ ? "font-mono text-sm" // Use monospace font for addresses
180
+ : "break-words" // Use break-words for emails/names (better than break-all)
181
+ }`, 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" }) }))] }));
182
+ })(), _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" }))] }), showReferralInfo && (
150
183
  /* Referral Section */
151
184
  _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: () => {
152
185
  setIsEditingCode(false);
package/dist/styles/index.css CHANGED
@@ -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 .-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-1{bottom:-.25rem}.b3-root .-right-1{right:-.25rem}.b3-root .-right-2{right:-.5rem}.b3-root .-right-4{right:-1rem}.b3-root .-top-2{top:-.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-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 .col-start-1{grid-column-start:1}.b3-root .col-end-2{grid-column-end:2}.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-auto{margin-left:auto;margin-right:auto}.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-1{margin-top:-.25rem}.b3-root .mb-0{margin-bottom:0}.b3-root .mb-1{margin-bottom:.25rem}.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 .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 .grid{display:grid}.b3-root .inline-grid{display:inline-grid}.b3-root .contents{display:contents}.b3-root .hidden{display:none}.b3-root .aspect-square{aspect-ratio:1/1}.b3-root .size-10{height:2.5rem;width:2.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-\[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-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-\[160px\]{height:160px}.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-\[45\%\]{height:45%}.b3-root .h-\[600px\]{height:600px}.b3-root .h-\[60px\]{height:60px}.b3-root .h-\[80vh\]{height:80vh}.b3-root .h-\[84px\]{height:84px}.b3-root .h-\[90dvh\]{height:90dvh}.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 .\!w-\[90vw\]{width:90vw!important}.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-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-\[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-\[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-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-\[70px\]{min-width:70px}.b3-root .\!max-w-none{max-width:none!important}.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 .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-0{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-0{--tw-rotate:0deg}.b3-root .rotate-180{--tw-rotate:180deg}.b3-root .rotate-180,.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-3{grid-template-columns:repeat(3,minmax(0,1fr))}.b3-root .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.b3-root .grid-rows-2{grid-template-rows:repeat(2,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-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(.25rem*var(--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(.5rem*var(--tw-space-x-reverse))}.b3-root .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--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(.375rem*var(--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(.5rem*var(--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(.75rem*var(--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(1rem*var(--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.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.b3-root .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--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 .overflow-auto{overflow:auto}.b3-root .overflow-hidden{overflow:hidden}.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 .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 .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-\[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-t{border-top-width:1px}.b3-root .border-dashed{border-style:dashed}.b3-root .border-none{border-style:none}.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-primary-blue{border-color:hsl(var(--b3-primary-blue))}.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\/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 .\!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-\[\#3368ef\]{--tw-bg-opacity:1;background-color:rgb(51 104 239/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-light-brand{background-color:hsl(var(--as-light-brand))}.b3-root .bg-as-light-brand\/20{background-color:hsl(var(--as-light-brand)/.2)}.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-negative{background-color:hsl(var(--b3-negative))}.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-500\/10{background-color:rgba(239,68,68,.1)}.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-yellow-500\/10{background-color:rgba(234,179,8,.1)}.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-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:transparent 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-20\%{--tw-gradient-from-position:20%}.b3-root .from-35\%{--tw-gradient-from-position:35%}.b3-root .via-black\/70{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.7) var(--tw-gradient-via-position),var(--tw-gradient-to)}.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 .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-background{fill:hsl(var(--b3-react-background))}.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-2{padding:.5rem}.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-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 .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-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-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 .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-4{padding-right:1rem}.b3-root .pt-0{padding-top:0}.b3-root .pt-1{padding-top:.25rem}.b3-root .pt-2{padding-top:.5rem}.b3-root .pt-3{padding-top:.75rem}.b3-root .pt-4{padding-top:1rem}.b3-root .pt-6{padding-top:1.5rem}.b3-root .pt-8{padding-top:2rem}.b3-root .text-left{text-align:left}.b3-root .text-center{text-align:center}.b3-root .text-right{text-align:right}.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-bold{font-family:Neue Montreal Bold,sans-serif}.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-\[16px\]{font-size:16px}.b3-root .text-\[28px\]{font-size:28px}.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-semibold{font-weight:600}.b3-root .uppercase{text-transform:uppercase}.b3-root .lowercase{text-transform:lowercase}.b3-root .leading-\[42px\]{line-height:42px}.b3-root .leading-none{line-height:1}.b3-root .leading-relaxed{line-height:1.625}.b3-root .tracking-tight{letter-spacing:-.025em}.b3-root .tracking-wide{letter-spacing:.025em}.b3-root .tracking-widest{letter-spacing:.1em}.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-background{color:hsl(var(--b3-react-background))}.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-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-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-white\/95{color:hsla(0,0%,100%,.95)}.b3-root .text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/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 .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-\[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)}.b3-root .shadow,.b3-root .shadow-lg{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-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-md,.b3-root .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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-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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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-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 .drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 1\)\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.b3-root .drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 1\)\]{--tw-drop-shadow:drop-shadow(0 1px 2px #000)}.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{background-color:hsl(var(--b3-react-background));border-radius:1rem;border-width:1px;border:1px solid var(--border);color:hsl(var(--b3-react-foreground));outline:none;overflow:hidden}.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-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-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-\[\#3368ef\]\/90:hover{background-color:rgba(51,104,239,.9)}.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-light-brand\/30:hover{background-color:hsl(var(--as-light-brand)/.3)}.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\/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\/20:hover{background-color:hsl(var(--b3-primary-wash)/.2)}.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-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/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\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.b3-root .hover\:text-as-primary:hover{color:hsl(var(--as-primary))}.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\/80:hover{color:hsl(var(--b3-grey)/.8)}.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\: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-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\:fill-b3-react-primary{fill:hsl(var(--b3-react-primary))}.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-b3-react-primary{color:hsl(var(--b3-react-primary))}.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]{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-b3-primary-blue[data-state=active]{border-color:hsl(var(--b3-primary-blue))}.b3-root .data-\[state\=inactive\]\:border-b3-react-border[data-state=inactive]{border-color:hsl(var(--b3-react-border))}.b3-root .data-\[state\=active\]\:bg-b3-primary-blue[data-state=active]{background-color:hsl(var(--b3-primary-blue))}.b3-root .data-\[state\=active\]\:bg-b3-react-subtle[data-state=active]{background-color:hsl(var(--b3-react-subtle))}.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-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]{opacity:.5}.b3-root .data-\[state\=active\]\:shadow-lg[data-state=active]{--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-\[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%}@media (hover:hover) and (pointer:fine){.b3-root .data-\[state\=active\]\:hover\:bg-b3-primary-blue:hover[data-state=active]{background-color:hsl(var(--b3-primary-blue))}}.b3-root .group[data-state=active] .group-data-\[state\=active\]\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.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-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\:\[--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(.5rem*var(--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\:text-left{text-align:left}.b3-root .sm\:text-\[30px\]{font-size:30px}.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 .-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-1{bottom:-.25rem}.b3-root .-right-1{right:-.25rem}.b3-root .-right-2{right:-.5rem}.b3-root .-right-4{right:-1rem}.b3-root .-top-2{top:-.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-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 .col-start-1{grid-column-start:1}.b3-root .col-end-2{grid-column-end:2}.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-auto{margin-left:auto;margin-right:auto}.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-1{margin-top:-.25rem}.b3-root .mb-0{margin-bottom:0}.b3-root .mb-1{margin-bottom:.25rem}.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 .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 .grid{display:grid}.b3-root .inline-grid{display:inline-grid}.b3-root .contents{display:contents}.b3-root .hidden{display:none}.b3-root .aspect-square{aspect-ratio:1/1}.b3-root .size-10{height:2.5rem;width:2.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-\[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-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-\[160px\]{height:160px}.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-\[45\%\]{height:45%}.b3-root .h-\[600px\]{height:600px}.b3-root .h-\[60px\]{height:60px}.b3-root .h-\[80vh\]{height:80vh}.b3-root .h-\[84px\]{height:84px}.b3-root .h-\[90dvh\]{height:90dvh}.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 .\!w-\[90vw\]{width:90vw!important}.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-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-\[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-\[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-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-\[70px\]{min-width:70px}.b3-root .\!max-w-none{max-width:none!important}.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 .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-0{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-0{--tw-rotate:0deg}.b3-root .rotate-180{--tw-rotate:180deg}.b3-root .rotate-180,.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-3{grid-template-columns:repeat(3,minmax(0,1fr))}.b3-root .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.b3-root .grid-rows-2{grid-template-rows:repeat(2,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-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(.25rem*var(--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(.5rem*var(--tw-space-x-reverse))}.b3-root .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--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(.375rem*var(--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(.5rem*var(--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(.75rem*var(--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(1rem*var(--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.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.b3-root .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--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 .overflow-auto{overflow:auto}.b3-root .overflow-hidden{overflow:hidden}.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 .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 .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-\[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-t{border-top-width:1px}.b3-root .border-dashed{border-style:dashed}.b3-root .border-none{border-style:none}.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-primary-blue{border-color:hsl(var(--b3-primary-blue))}.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\/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 .\!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-\[\#3368ef\]{--tw-bg-opacity:1;background-color:rgb(51 104 239/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-light-brand{background-color:hsl(var(--as-light-brand))}.b3-root .bg-as-light-brand\/20{background-color:hsl(var(--as-light-brand)/.2)}.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-negative{background-color:hsl(var(--b3-negative))}.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-500\/10{background-color:rgba(239,68,68,.1)}.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-yellow-500\/10{background-color:rgba(234,179,8,.1)}.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-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:transparent 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-20\%{--tw-gradient-from-position:20%}.b3-root .from-35\%{--tw-gradient-from-position:35%}.b3-root .via-black\/70{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.7) var(--tw-gradient-via-position),var(--tw-gradient-to)}.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 .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-background{fill:hsl(var(--b3-react-background))}.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-2{padding:.5rem}.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-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 .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-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-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 .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-4{padding-right:1rem}.b3-root .pt-0{padding-top:0}.b3-root .pt-1{padding-top:.25rem}.b3-root .pt-2{padding-top:.5rem}.b3-root .pt-3{padding-top:.75rem}.b3-root .pt-4{padding-top:1rem}.b3-root .pt-6{padding-top:1.5rem}.b3-root .pt-8{padding-top:2rem}.b3-root .text-left{text-align:left}.b3-root .text-center{text-align:center}.b3-root .text-right{text-align:right}.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-bold{font-family:Neue Montreal Bold,sans-serif}.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-\[16px\]{font-size:16px}.b3-root .text-\[28px\]{font-size:28px}.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-semibold{font-weight:600}.b3-root .uppercase{text-transform:uppercase}.b3-root .lowercase{text-transform:lowercase}.b3-root .leading-\[42px\]{line-height:42px}.b3-root .leading-none{line-height:1}.b3-root .leading-relaxed{line-height:1.625}.b3-root .tracking-tight{letter-spacing:-.025em}.b3-root .tracking-wide{letter-spacing:.025em}.b3-root .tracking-widest{letter-spacing:.1em}.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-background{color:hsl(var(--b3-react-background))}.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-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-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-white\/95{color:hsla(0,0%,100%,.95)}.b3-root .text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/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 .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-\[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)}.b3-root .shadow,.b3-root .shadow-lg{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-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-md,.b3-root .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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-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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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-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 .drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 1\)\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.b3-root .drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 1\)\]{--tw-drop-shadow:drop-shadow(0 1px 2px #000)}.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{background-color:hsl(var(--b3-react-background));border-radius:1rem;border-width:1px;border:1px solid var(--border);color:hsl(var(--b3-react-foreground));outline:none;overflow:hidden}.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-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-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-\[\#3368ef\]\/90:hover{background-color:rgba(51,104,239,.9)}.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-light-brand\/30:hover{background-color:hsl(var(--as-light-brand)/.3)}.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\/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\/20:hover{background-color:hsl(var(--b3-primary-wash)/.2)}.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-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/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\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.b3-root .hover\:text-as-primary:hover{color:hsl(var(--as-primary))}.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\/80:hover{color:hsl(var(--b3-grey)/.8)}.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\: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-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\:fill-b3-react-primary{fill:hsl(var(--b3-react-primary))}.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-b3-react-primary{color:hsl(var(--b3-react-primary))}.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]{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-b3-primary-blue[data-state=active]{border-color:hsl(var(--b3-primary-blue))}.b3-root .data-\[state\=inactive\]\:border-b3-react-border[data-state=inactive]{border-color:hsl(var(--b3-react-border))}.b3-root .data-\[state\=active\]\:bg-b3-primary-blue[data-state=active]{background-color:hsl(var(--b3-primary-blue))}.b3-root .data-\[state\=active\]\:bg-b3-react-subtle[data-state=active]{background-color:hsl(var(--b3-react-subtle))}.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-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]{opacity:.5}.b3-root .data-\[state\=active\]\:shadow-lg[data-state=active]{--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-\[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%}@media (hover:hover) and (pointer:fine){.b3-root .data-\[state\=active\]\:hover\:bg-b3-primary-blue:hover[data-state=active]{background-color:hsl(var(--b3-primary-blue))}}.b3-root .group[data-state=active] .group-data-\[state\=active\]\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.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-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\:\[--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(.5rem*var(--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\:text-left{text-align:left}.b3-root .sm\:text-\[30px\]{font-size:30px}.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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@b3dotfun/sdk",
3
- "version": "0.0.40-alpha.4",
3
+ "version": "0.0.40-alpha.5",
4
4
  "source": "src/index.ts",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "react-native": "./dist/cjs/index.native.js",
package/src/global-account/react/components/LinkAccount/LinkAccount.tsx CHANGED
@@ -1,11 +1,13 @@
1
1
  import app from "@b3dotfun/sdk/global-account/app";
2
2
  import { ecosystemWalletId } from "@b3dotfun/sdk/shared/constants";
3
+ import { thirdwebB3Mainnet } from "@b3dotfun/sdk/shared/constants/chains/b3Chain";
3
4
  import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
4
- import { Loader2, Mail, Phone } from "lucide-react";
5
+ import { Loader2, Mail, Phone, WalletIcon } from "lucide-react";
5
6
  import { useCallback, useEffect, useState } from "react";
6
7
  import { toast } from "sonner";
7
8
  import { useLinkProfile, useProfiles } from "thirdweb/react";
8
- import { preAuthenticate } from "thirdweb/wallets";
9
+ import { createWallet, preAuthenticate, WalletId } from "thirdweb/wallets";
10
+ import { WalletRow } from "../..";
9
11
  import { LinkAccountModalProps, useModalStore } from "../../stores/useModalStore";
10
12
  import { getProfileDisplayInfo } from "../../utils/profileDisplay";
11
13
  import { useB3 } from "../B3Provider/useB3";
@@ -17,13 +19,14 @@ import { XIcon } from "../icons/XIcon";
17
19
  import { Button } from "../ui/button";
18
20
  type OTPStrategy = "email" | "phone";
19
21
  type SocialStrategy = "google" | "x" | "discord" | "apple" | "farcaster";
20
- type Strategy = OTPStrategy | SocialStrategy;
22
+ type Strategy = OTPStrategy | SocialStrategy | "wallet";
21
23
 
22
24
  interface AuthMethod {
23
25
  id: Strategy;
24
26
  label: string;
25
27
  enabled: boolean;
26
28
  icon: React.ReactNode;
29
+ walletType?: WalletId;
27
30
  }
28
31
 
29
32
  const AUTH_METHODS: AuthMethod[] = [
@@ -41,6 +44,39 @@ const AUTH_METHODS: AuthMethod[] = [
41
44
  },
42
45
  ];
43
46
 
47
+ const WALLET_METHODS: AuthMethod[] = [
48
+ {
49
+ id: "wallet",
50
+ label: "Wallet",
51
+ enabled: true,
52
+ icon: <WalletIcon className="size-6" />,
53
+ walletType: "com.coinbase.wallet",
54
+ },
55
+ { id: "wallet", label: "Wallet", enabled: true, icon: <WalletIcon className="size-6" />, walletType: "io.metamask" },
56
+ {
57
+ id: "wallet",
58
+ label: "Wallet",
59
+ enabled: true,
60
+ icon: <WalletIcon className="size-6" />,
61
+ walletType: "me.rainbow",
62
+ },
63
+ {
64
+ id: "wallet",
65
+ label: "Wallet",
66
+ enabled: true,
67
+ icon: <WalletIcon className="size-6" />,
68
+ walletType: "app.phantom",
69
+ },
70
+ { id: "wallet", label: "Wallet", enabled: true, icon: <WalletIcon className="size-6" />, walletType: "io.rabby" },
71
+ {
72
+ id: "wallet",
73
+ label: "Wallet",
74
+ enabled: true,
75
+ icon: <WalletIcon className="size-6" />,
76
+ walletType: "walletConnect",
77
+ },
78
+ ];
79
+
44
80
  export function LinkAccount({
45
81
  onSuccess: onSuccessCallback,
46
82
  onError,
@@ -60,7 +96,7 @@ export function LinkAccount({
60
96
 
61
97
  // Get connected auth methods
62
98
  const connectedAuthMethods = profilesRaw
63
- .filter((profile: any) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
99
+ .filter((profile: any) => !["custom_auth_endpoint"].includes(profile.type))
64
100
  .map((profile: any) => profile.type as Strategy);
65
101
 
66
102
  // Filter available auth methods
@@ -69,7 +105,7 @@ export function LinkAccount({
69
105
  );
70
106
 
71
107
  const profiles = profilesRaw
72
- .filter((profile: any) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
108
+ .filter((profile: any) => !["custom_auth_endpoint"].includes(profile.type))
73
109
  .map((profile: any) => ({
74
110
  ...getProfileDisplayInfo(profile),
75
111
  originalProfile: profile,
@@ -211,6 +247,29 @@ export function LinkAccount({
211
247
  }
212
248
  };
213
249
 
250
+ const handleLinkWallet = async (walletType: WalletId) => {
251
+ setLinkingState(true, "wallet");
252
+ console.log("selectedMethod", walletType);
253
+ try {
254
+ if (!walletType) {
255
+ throw new Error("Wallet type not found");
256
+ }
257
+ await linkProfile(
258
+ {
259
+ client,
260
+ strategy: "wallet",
261
+ wallet: createWallet(walletType),
262
+ chain: thirdwebB3Mainnet,
263
+ },
264
+ mutationOptions,
265
+ );
266
+ } catch (error) {
267
+ console.error("Error linking account:", error);
268
+ setError(error instanceof Error ? error.message : "Failed to link account");
269
+ onError?.(error as Error);
270
+ }
271
+ };
272
+
214
273
  const handleSocialLink = async (strategy: SocialStrategy) => {
215
274
  try {
216
275
  console.log("handleSocialLink", strategy);
@@ -338,6 +397,20 @@ export function LinkAccount({
338
397
  )}
339
398
  </Button>
340
399
  ))}
400
+ {WALLET_METHODS.map(method => {
401
+ if (!method.walletType) {
402
+ return null;
403
+ }
404
+
405
+ return (
406
+ <WalletRow
407
+ key={method.walletType}
408
+ walletId={method.walletType as WalletId}
409
+ onClick={() => handleLinkWallet(method.walletType as WalletId)}
410
+ isLoading={isLinking}
411
+ />
412
+ );
413
+ })}
341
414
  {availableAuthMethods.length === 0 && (
342
415
  <div className="text-b3-foreground-muted py-8 text-center">
343
416
  All available authentication methods have been connected
@@ -379,38 +452,39 @@ export function LinkAccount({
379
452
 
380
453
  {error && <div className="text-b3-negative font-neue-montreal-medium py-2 text-sm">{error}</div>}
381
454
 
382
- {otpSent ? (
383
- <div className="space-y-4">
384
- <div className="space-y-2">
385
- <label className="text-b3-grey font-neue-montreal-medium text-sm">Verification Code</label>
386
- <input
387
- type="text"
388
- placeholder="Enter verification code"
389
- className="bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2"
390
- value={otp}
391
- onChange={e => setOtp(e.target.value)}
392
- />
455
+ {(selectedMethod === "email" || selectedMethod === "phone") &&
456
+ (otpSent ? (
457
+ <div className="space-y-4">
458
+ <div className="space-y-2">
459
+ <label className="text-b3-grey font-neue-montreal-medium text-sm">Verification Code</label>
460
+ <input
461
+ type="text"
462
+ placeholder="Enter verification code"
463
+ className="bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2"
464
+ value={otp}
465
+ onChange={e => setOtp(e.target.value)}
466
+ />
467
+ </div>
468
+ <Button
469
+ className="bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full text-white"
470
+ onClick={handleLinkAccount}
471
+ >
472
+ Link Account
473
+ </Button>
393
474
  </div>
475
+ ) : (
394
476
  <Button
395
477
  className="bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full text-white"
396
- onClick={handleLinkAccount}
478
+ onClick={handleSendOTP}
479
+ disabled={(!email && !phone) || (isLinking && linkingMethod === selectedMethod)}
397
480
  >
398
- Link Account
481
+ {isLinking && linkingMethod === selectedMethod ? (
482
+ <Loader2 className="animate-spin" />
483
+ ) : (
484
+ "Send Verification Code"
485
+ )}
399
486
  </Button>
400
- </div>
401
- ) : (
402
- <Button
403
- className="bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full text-white"
404
- onClick={handleSendOTP}
405
- disabled={(!email && !phone) || (isLinking && linkingMethod === selectedMethod)}
406
- >
407
- {isLinking && linkingMethod === selectedMethod ? (
408
- <Loader2 className="animate-spin" />
409
- ) : (
410
- "Send Verification Code"
411
- )}
412
- </Button>
413
- )}
487
+ ))}
414
488
  </div>
415
489
  )}
416
490
  </div>
package/src/global-account/react/components/ManageAccount/ManageAccount.tsx CHANGED
@@ -18,6 +18,7 @@ import {
18
18
  import { SignOutIcon } from "@b3dotfun/sdk/global-account/react/components/icons/SignOutIcon";
19
19
  import { formatNumber } from "@b3dotfun/sdk/shared/utils/formatNumber";
20
20
  import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
21
+ import { truncateAddress } from "@b3dotfun/sdk/shared/utils/truncateAddress";
21
22
  import { BarChart3, Coins, Copy, Image, LinkIcon, Loader2, Pencil, Settings, UnlinkIcon } from "lucide-react";
22
23
  import { useRef, useState } from "react";
23
24
  import { toast } from "sonner";
@@ -29,6 +30,24 @@ import { getProfileDisplayInfo } from "../../utils/profileDisplay";
29
30
  import { AccountAssets } from "../AccountAssets/AccountAssets";
30
31
  import { ContentTokens } from "./ContentTokens";
31
32
 
33
+ // Helper function to check if a string is a wallet address and format it
34
+ const formatProfileTitle = (title: string): { displayTitle: string; isAddress: boolean } => {
35
+ // Check if title looks like an Ethereum address (0x followed by 40 hex characters)
36
+ const isEthereumAddress = /^0x[a-fA-F0-9]{40}$/.test(title);
37
+
38
+ if (isEthereumAddress) {
39
+ return {
40
+ displayTitle: truncateAddress(title),
41
+ isAddress: true,
42
+ };
43
+ }
44
+
45
+ return {
46
+ displayTitle: title,
47
+ isAddress: false,
48
+ };
49
+ };
50
+
32
51
  import { Referrals, Users } from "@b3dotfun/b3-api";
33
52
  import { BalanceContent } from "./BalanceContent";
34
53
 
@@ -200,7 +219,7 @@ export function ManageAccount({
200
219
  };
201
220
 
202
221
  const profiles = profilesRaw
203
- .filter((profile: any) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
222
+ .filter((profile: any) => !["custom_auth_endpoint"].includes(profile.type))
204
223
  .map((profile: any) => ({
205
224
  ...getProfileDisplayInfo(profile),
206
225
  originalProfile: profile,
@@ -236,6 +255,8 @@ export function ManageAccount({
236
255
  });
237
256
  };
238
257
 
258
+ console.log("@@profiles", profiles);
259
+
239
260
  return (
240
261
  <div className="linked-accounts-settings space-y-8">
241
262
  {/* Linked Accounts Section */}
@@ -269,7 +290,7 @@ export function ManageAccount({
269
290
  {profiles.map(profile => (
270
291
  <div
271
292
  key={profile.title}
272
- className="linked-account-item bg-b3-line flex items-center justify-between rounded-xl p-4"
293
+ className="linked-account-item bg-b3-line group flex items-center justify-between rounded-xl p-4"
273
294
  >
274
295
  <div className="linked-account-info flex items-center gap-3">
275
296
  {profile.imageUrl ? (
@@ -287,9 +308,43 @@ export function ManageAccount({
287
308
  )}
288
309
  <div className="linked-account-details">
289
310
  <div className="linked-account-title-row flex items-center gap-2">
290
- <span className="linked-account-title text-b3-grey font-neue-montreal-semibold">
291
- {profile.title}
292
- </span>
311
+ {(() => {
312
+ const { displayTitle, isAddress } = formatProfileTitle(profile.title);
313
+
314
+ const handleCopyAddress = async (e: React.MouseEvent) => {
315
+ e.stopPropagation();
316
+ try {
317
+ await navigator.clipboard.writeText(profile.title);
318
+ toast.success("Address copied to clipboard!");
319
+ } catch (error) {
320
+ toast.error("Failed to copy address");
321
+ }
322
+ };
323
+
324
+ return (
325
+ <div className="flex items-center gap-1">
326
+ <span
327
+ className={`linked-account-title text-b3-grey font-neue-montreal-semibold ${
328
+ isAddress
329
+ ? "font-mono text-sm" // Use monospace font for addresses
330
+ : "break-words" // Use break-words for emails/names (better than break-all)
331
+ }`}
332
+ title={isAddress ? profile.title : undefined} // Show full address on hover
333
+ >
334
+ {displayTitle}
335
+ </span>
336
+ {isAddress && (
337
+ <button
338
+ onClick={handleCopyAddress}
339
+ className="linked-account-copy-button ml-1 rounded p-1 opacity-0 transition-opacity hover:bg-gray-100 group-hover:opacity-100"
340
+ title="Copy full address"
341
+ >
342
+ <Copy size={12} className="text-gray-500 hover:text-gray-700" />
343
+ </button>
344
+ )}
345
+ </div>
346
+ );
347
+ })()}
293
348
  <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">
294
349
  {profile.type.toUpperCase()}
295
350
  </span>