@funkit/connect 9.18.0 → 9.19.0
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.
- package/CHANGELOG.md +32 -0
- package/dist/{chunk-O35RTEEF.js → chunk-6K4U3Z4Z.js} +3 -0
- package/dist/{chunk-C2DLTEP2.js → chunk-NBECXHBY.js} +1 -1
- package/dist/{chunk-PPNE44RL.js → chunk-PFIXC5YK.js} +1 -1
- package/dist/clients/chunk-GSK3TMI5.js +290 -0
- package/dist/clients/fanatics.css +4729 -4699
- package/dist/clients/fanatics.js +2 -2
- package/dist/clients/lighter.css +4729 -4699
- package/dist/clients/lighter.js +1 -1
- package/dist/clients/polymarket.js +14 -13
- package/dist/clients/rolly.d.ts +13 -11
- package/dist/clients/rolly.js +17 -17
- package/dist/components/Box/Box.d.ts +18 -18
- package/dist/components/Dialog/DialogContent.css.d.ts +1 -0
- package/dist/components/Icons/CoinsIcon.d.ts +3 -1
- package/dist/components/PaddedScrollableArea/PaddedScrollableArea.d.ts +1 -2
- package/dist/css/sprinkles.css.d.ts +22 -18
- package/dist/domains/checkoutNotifications.d.ts +1 -46
- package/dist/domains/paymentMethods.d.ts +2 -20
- package/dist/domains/swapped.d.ts +2 -21
- package/dist/hooks/queries/useWithdrawalQuote.d.ts +3 -1
- package/dist/hooks/queries/useWithdrawalRisk.d.ts +1 -1
- package/dist/index.css +4854 -4810
- package/dist/index.js +502 -826
- package/dist/modals/WithdrawalModal/ErrorMessage.d.ts +7 -1
- package/dist/providers/FunkitThemeProvider.d.ts +6 -0
- package/dist/providers/ModalSizeContext.d.ts +1 -0
- package/dist/themes/baseTheme.js +1 -1
- package/dist/themes/darkTheme.js +2 -2
- package/dist/themes/lightTheme.js +2 -2
- package/dist/utils/address.d.ts +1 -14
- package/dist/utils/directExecution.d.ts +1 -34
- package/dist/utils/getExchangeRate.d.ts +1 -4
- package/dist/utils/swapped.d.ts +3 -41
- package/dist/utils/transfer.d.ts +1 -10
- package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
- package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
- package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
- package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
- package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
- package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
- package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
- package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
- package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
- package/dist/wallets/walletConnectors/index.js +53 -53
- package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
- package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
- package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
- package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
- package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
- package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
- package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
- package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
- package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
- package/package.json +4 -3
- package/dist/clients/chunk-JOBMGIG4.js +0 -290
- package/dist/wallets/walletConnectors/{chunk-W2LCLDPX.js → chunk-2VP2F6EK.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-IULPZP2Q.js → chunk-4T6ZSRJF.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-WAHGI5L7.js → chunk-6BW3HLBG.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-YO2K4MBH.js → chunk-CCQV2ZET.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-TKB2OY6G.js → chunk-CPI4TD43.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-OX37G4YT.js → chunk-F5XEEVG6.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-JPN6TWIT.js → chunk-HNRB7KJU.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-WKNQMP4A.js → chunk-HTHAK6XB.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-GUQM4QSL.js → chunk-MIQTHJ6X.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-4NV5BYRP.js → chunk-RB3HR4R2.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-SWFF3TWJ.js → chunk-RVOY537T.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-KI5Y2BBF.js → chunk-STVVP43G.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-OEEGYENV.js → chunk-UK7C2JXW.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-YQFGVZGR.js → chunk-VAPGUPHO.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-XCNHV3HS.js → chunk-VTM6EECM.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-NR2OGDHQ.js → chunk-X6CGV36L.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-AVDUNQUW.js → chunk-YEZM4CK4.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-KCRO2AGO.js → chunk-ZNX4EMPB.js} +3 -3
package/dist/index.js
CHANGED
|
@@ -1,31 +1,32 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
darkTheme
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-PFIXC5YK.js";
|
|
5
5
|
import {
|
|
6
6
|
lightTheme
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-NBECXHBY.js";
|
|
8
8
|
import {
|
|
9
9
|
systemFontStack
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-6K4U3Z4Z.js";
|
|
11
11
|
|
|
12
12
|
// src/components/Dialog/DialogContent.css.ts
|
|
13
13
|
var DIALOG_HEIGHT_SWAPPED_IFRAME = 525;
|
|
14
14
|
var DIALOG_INNER_PADDING_X = 12;
|
|
15
15
|
var DIALOG_WIDTH_WIDE = "450px";
|
|
16
|
-
var childScrollAreaContent = "
|
|
17
|
-
var contentCollapsed = "
|
|
18
|
-
var contentExpanded = "
|
|
19
|
-
var dialog = "_1pzt4231
|
|
20
|
-
var dialogCompact = "_1pzt4232 _1pzt4231
|
|
16
|
+
var childScrollAreaContent = "_1pzt423f";
|
|
17
|
+
var contentCollapsed = "_1pzt423j";
|
|
18
|
+
var contentExpanded = "_1pzt423i";
|
|
19
|
+
var dialog = "_1pzt4231 _1rsrm2f11a _1rsrm2f1sm _1rsrm2fw _1rsrm2f1f _1rsrm2f1j _1rsrm2f2fy _1rsrm2fa _1rsrm2f1z _1rsrm2fnk _1rsrm2fqt _1rsrm2fsu _1rsrm2fvr";
|
|
20
|
+
var dialogCompact = "_1pzt4232 _1pzt4231 _1rsrm2f11a _1rsrm2f1sm _1rsrm2fw _1rsrm2f1f _1rsrm2f1j _1rsrm2f2fy _1rsrm2fa _1rsrm2f1z _1rsrm2fnk _1rsrm2fqt _1rsrm2fsu _1rsrm2fvr";
|
|
21
|
+
var dialogExtraWide = "_1pzt423a _1pzt4231 _1rsrm2f11a _1rsrm2f1sm _1rsrm2fw _1rsrm2f1f _1rsrm2f1j _1rsrm2f2fy _1rsrm2fa _1rsrm2f1z _1rsrm2fnk _1rsrm2fqt _1rsrm2fsu _1rsrm2fvr";
|
|
21
22
|
var dialogFanaticsBottomSheet = "_1pzt4239 _1rsrm2f1j";
|
|
22
|
-
var dialogMedium = "_1pzt4233 _1pzt4231
|
|
23
|
+
var dialogMedium = "_1pzt4233 _1pzt4231 _1rsrm2f11a _1rsrm2f1sm _1rsrm2fw _1rsrm2f1f _1rsrm2f1j _1rsrm2f2fy _1rsrm2fa _1rsrm2f1z _1rsrm2fnk _1rsrm2fqt _1rsrm2fsu _1rsrm2fvr";
|
|
23
24
|
var dialogMobile = "_1pzt4237 _1rsrm2fx _1rsrm2f1j";
|
|
24
|
-
var dividerTransition = "
|
|
25
|
-
var fullHeightContent = "
|
|
26
|
-
var noPaddingContent = "
|
|
27
|
-
var scrollContent = "
|
|
28
|
-
var scrollbarHidden = "
|
|
25
|
+
var dividerTransition = "_1pzt423h";
|
|
26
|
+
var fullHeightContent = "_1pzt423e";
|
|
27
|
+
var noPaddingContent = "_1pzt423g";
|
|
28
|
+
var scrollContent = "_1pzt423c _1rsrm2fx5";
|
|
29
|
+
var scrollbarHidden = "_1pzt423d";
|
|
29
30
|
var withoutSidePadding = "_1pzt4235";
|
|
30
31
|
|
|
31
32
|
// src/modals/DevTest/DevEmbed.tsx
|
|
@@ -48,8 +49,8 @@ import { createNormalizeValueFn as _a49f6 } from "@vanilla-extract/sprinkles/cre
|
|
|
48
49
|
import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
|
|
49
50
|
var mapResponsiveValue = _51c72({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
|
|
50
51
|
var normalizeResponsiveValue = _a49f6({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
|
|
51
|
-
var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fxi", hover: "_1rsrm2fxj", active: "_1rsrm2fxk", selection: "_1rsrm2fxl", focused: "_1rsrm2fxm", focusedVisible: "_1rsrm2fxn" }, defaultClass: "_1rsrm2fxi" }, accentColorForeground: { conditions: { base: "_1rsrm2fxo", hover: "_1rsrm2fxp", active: "_1rsrm2fxq", selection: "_1rsrm2fxr", focused: "_1rsrm2fxs", focusedVisible: "_1rsrm2fxt" }, defaultClass: "_1rsrm2fxo" }, actionButtonBorder: { conditions: { base: "_1rsrm2fxu", hover: "_1rsrm2fxv", active: "_1rsrm2fxw", selection: "_1rsrm2fxx", focused: "_1rsrm2fxy", focusedVisible: "_1rsrm2fxz" }, defaultClass: "_1rsrm2fxu" }, connectButtonBackground: { conditions: { base: "_1rsrm2fy0", hover: "_1rsrm2fy1", active: "_1rsrm2fy2", selection: "_1rsrm2fy3", focused: "_1rsrm2fy4", focusedVisible: "_1rsrm2fy5" }, defaultClass: "_1rsrm2fy0" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fy6", hover: "_1rsrm2fy7", active: "_1rsrm2fy8", selection: "_1rsrm2fy9", focused: "_1rsrm2fya", focusedVisible: "_1rsrm2fyb" }, defaultClass: "_1rsrm2fy6" }, connectButtonText: { conditions: { base: "_1rsrm2fyc", hover: "_1rsrm2fyd", active: "_1rsrm2fye", selection: "_1rsrm2fyf", focused: "_1rsrm2fyg", focusedVisible: "_1rsrm2fyh" }, defaultClass: "_1rsrm2fyc" }, connectButtonTextError: { conditions: { base: "_1rsrm2fyi", hover: "_1rsrm2fyj", active: "_1rsrm2fyk", selection: "_1rsrm2fyl", focused: "_1rsrm2fym", focusedVisible: "_1rsrm2fyn" }, defaultClass: "_1rsrm2fyi" }, connectionIndicator: { conditions: { base: "_1rsrm2fyo", hover: "_1rsrm2fyp", active: "_1rsrm2fyq", selection: "_1rsrm2fyr", focused: "_1rsrm2fys", focusedVisible: "_1rsrm2fyt" }, defaultClass: "_1rsrm2fyo" }, error: { conditions: { base: "_1rsrm2fyu", hover: "_1rsrm2fyv", active: "_1rsrm2fyw", selection: "_1rsrm2fyx", focused: "_1rsrm2fyy", focusedVisible: "_1rsrm2fyz" }, defaultClass: "_1rsrm2fyu" }, errorBackground: { conditions: { base: "_1rsrm2fz0", hover: "_1rsrm2fz1", active: "_1rsrm2fz2", selection: "_1rsrm2fz3", focused: "_1rsrm2fz4", focusedVisible: "_1rsrm2fz5" }, defaultClass: "_1rsrm2fz0" }, errorBorder: { conditions: { base: "_1rsrm2fz6", hover: "_1rsrm2fz7", active: "_1rsrm2fz8", selection: "_1rsrm2fz9", focused: "_1rsrm2fza", focusedVisible: "_1rsrm2fzb" }, defaultClass: "_1rsrm2fz6" }, generalBorder: { conditions: { base: "_1rsrm2fzc", hover: "_1rsrm2fzd", active: "_1rsrm2fze", selection: "_1rsrm2fzf", focused: "_1rsrm2fzg", focusedVisible: "_1rsrm2fzh" }, defaultClass: "_1rsrm2fzc" }, generalBorderDim: { conditions: { base: "_1rsrm2fzi", hover: "_1rsrm2fzj", active: "_1rsrm2fzk", selection: "_1rsrm2fzl", focused: "_1rsrm2fzm", focusedVisible: "_1rsrm2fzn" }, defaultClass: "_1rsrm2fzi" }, menuItemBackground: { conditions: { base: "_1rsrm2fzo", hover: "_1rsrm2fzp", active: "_1rsrm2fzq", selection: "_1rsrm2fzr", focused: "_1rsrm2fzs", focusedVisible: "_1rsrm2fzt" }, defaultClass: "_1rsrm2fzo" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fzu", hover: "_1rsrm2fzv", active: "_1rsrm2fzw", selection: "_1rsrm2fzx", focused: "_1rsrm2fzy", focusedVisible: "_1rsrm2fzz" }, defaultClass: "_1rsrm2fzu" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f100", hover: "_1rsrm2f101", active: "_1rsrm2f102", selection: "_1rsrm2f103", focused: "_1rsrm2f104", focusedVisible: "_1rsrm2f105" }, defaultClass: "_1rsrm2f100" }, standby: { conditions: { base: "_1rsrm2f106", hover: "_1rsrm2f107", active: "_1rsrm2f108", selection: "_1rsrm2f109", focused: "_1rsrm2f10a", focusedVisible: "_1rsrm2f10b" }, defaultClass: "_1rsrm2f106" }, success: { conditions: { base: "_1rsrm2f10c", hover: "_1rsrm2f10d", active: "_1rsrm2f10e", selection: "_1rsrm2f10f", focused: "_1rsrm2f10g", focusedVisible: "_1rsrm2f10h" }, defaultClass: "_1rsrm2f10c" }, delayedStatusIcon: { conditions: { base: "_1rsrm2f10i", hover: "_1rsrm2f10j", active: "_1rsrm2f10k", selection: "_1rsrm2f10l", focused: "_1rsrm2f10m", focusedVisible: "_1rsrm2f10n" }, defaultClass: "_1rsrm2f10i" }, chainIconBorder: { conditions: { base: "_1rsrm2f10o", hover: "_1rsrm2f10p", active: "_1rsrm2f10q", selection: "_1rsrm2f10r", focused: "_1rsrm2f10s", focusedVisible: "_1rsrm2f10t" }, defaultClass: "_1rsrm2f10o" }, modalBackdrop: { conditions: { base: "_1rsrm2f10u", hover: "_1rsrm2f10v", active: "_1rsrm2f10w", selection: "_1rsrm2f10x", focused: "_1rsrm2f10y", focusedVisible: "_1rsrm2f10z" }, defaultClass: "_1rsrm2f10u" }, modalBackground: { conditions: { base: "_1rsrm2f110", hover: "_1rsrm2f111", active: "_1rsrm2f112", selection: "_1rsrm2f113", focused: "_1rsrm2f114", focusedVisible: "_1rsrm2f115" }, defaultClass: "_1rsrm2f110" }, modalBackgroundCheckoutComplete: { conditions: { base: "_1rsrm2f116", hover: "_1rsrm2f117", active: "_1rsrm2f118", selection: "_1rsrm2f119", focused: "_1rsrm2f11a", focusedVisible: "_1rsrm2f11b" }, defaultClass: "_1rsrm2f116" }, modalBorder: { conditions: { base: "_1rsrm2f11c", hover: "_1rsrm2f11d", active: "_1rsrm2f11e", selection: "_1rsrm2f11f", focused: "_1rsrm2f11g", focusedVisible: "_1rsrm2f11h" }, defaultClass: "_1rsrm2f11c" }, offBackground: { conditions: { base: "_1rsrm2f11i", hover: "_1rsrm2f11j", active: "_1rsrm2f11k", selection: "_1rsrm2f11l", focused: "_1rsrm2f11m", focusedVisible: "_1rsrm2f11n" }, defaultClass: "_1rsrm2f11i" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f11o", hover: "_1rsrm2f11p", active: "_1rsrm2f11q", selection: "_1rsrm2f11r", focused: "_1rsrm2f11s", focusedVisible: "_1rsrm2f11t" }, defaultClass: "_1rsrm2f11o" }, hoverState: { conditions: { base: "_1rsrm2f11u", hover: "_1rsrm2f11v", active: "_1rsrm2f11w", selection: "_1rsrm2f11x", focused: "_1rsrm2f11y", focusedVisible: "_1rsrm2f11z" }, defaultClass: "_1rsrm2f11u" }, lightStroke: { conditions: { base: "_1rsrm2f120", hover: "_1rsrm2f121", active: "_1rsrm2f122", selection: "_1rsrm2f123", focused: "_1rsrm2f124", focusedVisible: "_1rsrm2f125" }, defaultClass: "_1rsrm2f120" }, mediumStroke: { conditions: { base: "_1rsrm2f126", hover: "_1rsrm2f127", active: "_1rsrm2f128", selection: "_1rsrm2f129", focused: "_1rsrm2f12a", focusedVisible: "_1rsrm2f12b" }, defaultClass: "_1rsrm2f126" }, heavyStroke: { conditions: { base: "_1rsrm2f12c", hover: "_1rsrm2f12d", active: "_1rsrm2f12e", selection: "_1rsrm2f12f", focused: "_1rsrm2f12g", focusedVisible: "_1rsrm2f12h" }, defaultClass: "_1rsrm2f12c" }, strokeColor: { conditions: { base: "_1rsrm2f12i", hover: "_1rsrm2f12j", active: "_1rsrm2f12k", selection: "_1rsrm2f12l", focused: "_1rsrm2f12m", focusedVisible: "_1rsrm2f12n" }, defaultClass: "_1rsrm2f12i" }, secondaryBackground: { conditions: { base: "_1rsrm2f12o", hover: "_1rsrm2f12p", active: "_1rsrm2f12q", selection: "_1rsrm2f12r", focused: "_1rsrm2f12s", focusedVisible: "_1rsrm2f12t" }, defaultClass: "_1rsrm2f12o" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f12u", hover: "_1rsrm2f12v", active: "_1rsrm2f12w", selection: "_1rsrm2f12x", focused: "_1rsrm2f12y", focusedVisible: "_1rsrm2f12z" }, defaultClass: "_1rsrm2f12u" }, modalTopbarIconBackground: { conditions: { base: "_1rsrm2f130", hover: "_1rsrm2f131", active: "_1rsrm2f132", selection: "_1rsrm2f133", focused: "_1rsrm2f134", focusedVisible: "_1rsrm2f135" }, defaultClass: "_1rsrm2f130" }, modalTopbarIconBackgroundHover: { conditions: { base: "_1rsrm2f136", hover: "_1rsrm2f137", active: "_1rsrm2f138", selection: "_1rsrm2f139", focused: "_1rsrm2f13a", focusedVisible: "_1rsrm2f13b" }, defaultClass: "_1rsrm2f136" }, modalTopbarIconBackgroundPressed: { conditions: { base: "_1rsrm2f13c", hover: "_1rsrm2f13d", active: "_1rsrm2f13e", selection: "_1rsrm2f13f", focused: "_1rsrm2f13g", focusedVisible: "_1rsrm2f13h" }, defaultClass: "_1rsrm2f13c" }, modalTopbarIconStroke: { conditions: { base: "_1rsrm2f13i", hover: "_1rsrm2f13j", active: "_1rsrm2f13k", selection: "_1rsrm2f13l", focused: "_1rsrm2f13m", focusedVisible: "_1rsrm2f13n" }, defaultClass: "_1rsrm2f13i" }, primaryText: { conditions: { base: "_1rsrm2f13o", hover: "_1rsrm2f13p", active: "_1rsrm2f13q", selection: "_1rsrm2f13r", focused: "_1rsrm2f13s", focusedVisible: "_1rsrm2f13t" }, defaultClass: "_1rsrm2f13o" }, secondaryText: { conditions: { base: "_1rsrm2f13u", hover: "_1rsrm2f13v", active: "_1rsrm2f13w", selection: "_1rsrm2f13x", focused: "_1rsrm2f13y", focusedVisible: "_1rsrm2f13z" }, defaultClass: "_1rsrm2f13u" }, tertiaryText: { conditions: { base: "_1rsrm2f140", hover: "_1rsrm2f141", active: "_1rsrm2f142", selection: "_1rsrm2f143", focused: "_1rsrm2f144", focusedVisible: "_1rsrm2f145" }, defaultClass: "_1rsrm2f140" }, textSelection: { conditions: { base: "_1rsrm2f146", hover: "_1rsrm2f147", active: "_1rsrm2f148", selection: "_1rsrm2f149", focused: "_1rsrm2f14a", focusedVisible: "_1rsrm2f14b" }, defaultClass: "_1rsrm2f146" }, inputLabel: { conditions: { base: "_1rsrm2f14c", hover: "_1rsrm2f14d", active: "_1rsrm2f14e", selection: "_1rsrm2f14f", focused: "_1rsrm2f14g", focusedVisible: "_1rsrm2f14h" }, defaultClass: "_1rsrm2f14c" }, inputBackground: { conditions: { base: "_1rsrm2f14i", hover: "_1rsrm2f14j", active: "_1rsrm2f14k", selection: "_1rsrm2f14l", focused: "_1rsrm2f14m", focusedVisible: "_1rsrm2f14n" }, defaultClass: "_1rsrm2f14i" }, inputBackgroundHover: { conditions: { base: "_1rsrm2f14o", hover: "_1rsrm2f14p", active: "_1rsrm2f14q", selection: "_1rsrm2f14r", focused: "_1rsrm2f14s", focusedVisible: "_1rsrm2f14t" }, defaultClass: "_1rsrm2f14o" }, inputBorderBase: { conditions: { base: "_1rsrm2f14u", hover: "_1rsrm2f14v", active: "_1rsrm2f14w", selection: "_1rsrm2f14x", focused: "_1rsrm2f14y", focusedVisible: "_1rsrm2f14z" }, defaultClass: "_1rsrm2f14u" }, inputBorderHover: { conditions: { base: "_1rsrm2f150", hover: "_1rsrm2f151", active: "_1rsrm2f152", selection: "_1rsrm2f153", focused: "_1rsrm2f154", focusedVisible: "_1rsrm2f155" }, defaultClass: "_1rsrm2f150" }, activeTabBorderColor: { conditions: { base: "_1rsrm2f156", hover: "_1rsrm2f157", active: "_1rsrm2f158", selection: "_1rsrm2f159", focused: "_1rsrm2f15a", focusedVisible: "_1rsrm2f15b" }, defaultClass: "_1rsrm2f156" }, activeTabBackground: { conditions: { base: "_1rsrm2f15c", hover: "_1rsrm2f15d", active: "_1rsrm2f15e", selection: "_1rsrm2f15f", focused: "_1rsrm2f15g", focusedVisible: "_1rsrm2f15h" }, defaultClass: "_1rsrm2f15c" }, inactiveTabBorderColor: { conditions: { base: "_1rsrm2f15i", hover: "_1rsrm2f15j", active: "_1rsrm2f15k", selection: "_1rsrm2f15l", focused: "_1rsrm2f15m", focusedVisible: "_1rsrm2f15n" }, defaultClass: "_1rsrm2f15i" }, inactiveTabBackgroundBase: { conditions: { base: "_1rsrm2f15o", hover: "_1rsrm2f15p", active: "_1rsrm2f15q", selection: "_1rsrm2f15r", focused: "_1rsrm2f15s", focusedVisible: "_1rsrm2f15t" }, defaultClass: "_1rsrm2f15o" }, inactiveTabBackgroundHover: { conditions: { base: "_1rsrm2f15u", hover: "_1rsrm2f15v", active: "_1rsrm2f15w", selection: "_1rsrm2f15x", focused: "_1rsrm2f15y", focusedVisible: "_1rsrm2f15z" }, defaultClass: "_1rsrm2f15u" }, inactiveTabBackgroundActive: { conditions: { base: "_1rsrm2f160", hover: "_1rsrm2f161", active: "_1rsrm2f162", selection: "_1rsrm2f163", focused: "_1rsrm2f164", focusedVisible: "_1rsrm2f165" }, defaultClass: "_1rsrm2f160" }, activeTabText: { conditions: { base: "_1rsrm2f166", hover: "_1rsrm2f167", active: "_1rsrm2f168", selection: "_1rsrm2f169", focused: "_1rsrm2f16a", focusedVisible: "_1rsrm2f16b" }, defaultClass: "_1rsrm2f166" }, inactiveTabTextBase: { conditions: { base: "_1rsrm2f16c", hover: "_1rsrm2f16d", active: "_1rsrm2f16e", selection: "_1rsrm2f16f", focused: "_1rsrm2f16g", focusedVisible: "_1rsrm2f16h" }, defaultClass: "_1rsrm2f16c" }, inactiveTabHover: { conditions: { base: "_1rsrm2f16i", hover: "_1rsrm2f16j", active: "_1rsrm2f16k", selection: "_1rsrm2f16l", focused: "_1rsrm2f16m", focusedVisible: "_1rsrm2f16n" }, defaultClass: "_1rsrm2f16i" }, actionColor: { conditions: { base: "_1rsrm2f16o", hover: "_1rsrm2f16p", active: "_1rsrm2f16q", selection: "_1rsrm2f16r", focused: "_1rsrm2f16s", focusedVisible: "_1rsrm2f16t" }, defaultClass: "_1rsrm2f16o" }, actionColorHover: { conditions: { base: "_1rsrm2f16u", hover: "_1rsrm2f16v", active: "_1rsrm2f16w", selection: "_1rsrm2f16x", focused: "_1rsrm2f16y", focusedVisible: "_1rsrm2f16z" }, defaultClass: "_1rsrm2f16u" }, actionColorDisabled: { conditions: { base: "_1rsrm2f170", hover: "_1rsrm2f171", active: "_1rsrm2f172", selection: "_1rsrm2f173", focused: "_1rsrm2f174", focusedVisible: "_1rsrm2f175" }, defaultClass: "_1rsrm2f170" }, buttonPrimary: { conditions: { base: "_1rsrm2f176", hover: "_1rsrm2f177", active: "_1rsrm2f178", selection: "_1rsrm2f179", focused: "_1rsrm2f17a", focusedVisible: "_1rsrm2f17b" }, defaultClass: "_1rsrm2f176" }, buttonDisabled: { conditions: { base: "_1rsrm2f17c", hover: "_1rsrm2f17d", active: "_1rsrm2f17e", selection: "_1rsrm2f17f", focused: "_1rsrm2f17g", focusedVisible: "_1rsrm2f17h" }, defaultClass: "_1rsrm2f17c" }, buttonWarning: { conditions: { base: "_1rsrm2f17i", hover: "_1rsrm2f17j", active: "_1rsrm2f17k", selection: "_1rsrm2f17l", focused: "_1rsrm2f17m", focusedVisible: "_1rsrm2f17n" }, defaultClass: "_1rsrm2f17i" }, buttonSuccess: { conditions: { base: "_1rsrm2f17o", hover: "_1rsrm2f17p", active: "_1rsrm2f17q", selection: "_1rsrm2f17r", focused: "_1rsrm2f17s", focusedVisible: "_1rsrm2f17t" }, defaultClass: "_1rsrm2f17o" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f17u", hover: "_1rsrm2f17v", active: "_1rsrm2f17w", selection: "_1rsrm2f17x", focused: "_1rsrm2f17y", focusedVisible: "_1rsrm2f17z" }, defaultClass: "_1rsrm2f17u" }, buttonTextHover: { conditions: { base: "_1rsrm2f180", hover: "_1rsrm2f181", active: "_1rsrm2f182", selection: "_1rsrm2f183", focused: "_1rsrm2f184", focusedVisible: "_1rsrm2f185" }, defaultClass: "_1rsrm2f180" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f186", hover: "_1rsrm2f187", active: "_1rsrm2f188", selection: "_1rsrm2f189", focused: "_1rsrm2f18a", focusedVisible: "_1rsrm2f18b" }, defaultClass: "_1rsrm2f186" }, transparent: { conditions: { base: "_1rsrm2f18c", hover: "_1rsrm2f18d", active: "_1rsrm2f18e", selection: "_1rsrm2f18f", focused: "_1rsrm2f18g", focusedVisible: "_1rsrm2f18h" }, defaultClass: "_1rsrm2f18c" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f18i", hover: "_1rsrm2f18j", active: "_1rsrm2f18k", selection: "_1rsrm2f18l", focused: "_1rsrm2f18m", focusedVisible: "_1rsrm2f18n" }, defaultClass: "_1rsrm2f18i" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f18o", hover: "_1rsrm2f18p", active: "_1rsrm2f18q", selection: "_1rsrm2f18r", focused: "_1rsrm2f18s", focusedVisible: "_1rsrm2f18t" }, defaultClass: "_1rsrm2f18o" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f18u", hover: "_1rsrm2f18v", active: "_1rsrm2f18w", selection: "_1rsrm2f18x", focused: "_1rsrm2f18y", focusedVisible: "_1rsrm2f18z" }, defaultClass: "_1rsrm2f18u" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f190", hover: "_1rsrm2f191", active: "_1rsrm2f192", selection: "_1rsrm2f193", focused: "_1rsrm2f194", focusedVisible: "_1rsrm2f195" }, defaultClass: "_1rsrm2f190" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f196", hover: "_1rsrm2f197", active: "_1rsrm2f198", selection: "_1rsrm2f199", focused: "_1rsrm2f19a", focusedVisible: "_1rsrm2f19b" }, defaultClass: "_1rsrm2f196" }, buttonBackground: { conditions: { base: "_1rsrm2f19c", hover: "_1rsrm2f19d", active: "_1rsrm2f19e", selection: "_1rsrm2f19f", focused: "_1rsrm2f19g", focusedVisible: "_1rsrm2f19h" }, defaultClass: "_1rsrm2f19c" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f19i", hover: "_1rsrm2f19j", active: "_1rsrm2f19k", selection: "_1rsrm2f19l", focused: "_1rsrm2f19m", focusedVisible: "_1rsrm2f19n" }, defaultClass: "_1rsrm2f19i" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f19o", hover: "_1rsrm2f19p", active: "_1rsrm2f19q", selection: "_1rsrm2f19r", focused: "_1rsrm2f19s", focusedVisible: "_1rsrm2f19t" }, defaultClass: "_1rsrm2f19o" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f19u", hover: "_1rsrm2f19v", active: "_1rsrm2f19w", selection: "_1rsrm2f19x", focused: "_1rsrm2f19y", focusedVisible: "_1rsrm2f19z" }, defaultClass: "_1rsrm2f19u" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1a0", hover: "_1rsrm2f1a1", active: "_1rsrm2f1a2", selection: "_1rsrm2f1a3", focused: "_1rsrm2f1a4", focusedVisible: "_1rsrm2f1a5" }, defaultClass: "_1rsrm2f1a0" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1a6", hover: "_1rsrm2f1a7", active: "_1rsrm2f1a8", selection: "_1rsrm2f1a9", focused: "_1rsrm2f1aa", focusedVisible: "_1rsrm2f1ab" }, defaultClass: "_1rsrm2f1a6" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1ac", hover: "_1rsrm2f1ad", active: "_1rsrm2f1ae", selection: "_1rsrm2f1af", focused: "_1rsrm2f1ag", focusedVisible: "_1rsrm2f1ah" }, defaultClass: "_1rsrm2f1ac" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1ai", hover: "_1rsrm2f1aj", active: "_1rsrm2f1ak", selection: "_1rsrm2f1al", focused: "_1rsrm2f1am", focusedVisible: "_1rsrm2f1an" }, defaultClass: "_1rsrm2f1ai" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1ao", hover: "_1rsrm2f1ap", active: "_1rsrm2f1aq", selection: "_1rsrm2f1ar", focused: "_1rsrm2f1as", focusedVisible: "_1rsrm2f1at" }, defaultClass: "_1rsrm2f1ao" }, buttonBorderTertiary: { conditions: { base: "_1rsrm2f1au", hover: "_1rsrm2f1av", active: "_1rsrm2f1aw", selection: "_1rsrm2f1ax", focused: "_1rsrm2f1ay", focusedVisible: "_1rsrm2f1az" }, defaultClass: "_1rsrm2f1au" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1b0", hover: "_1rsrm2f1b1", active: "_1rsrm2f1b2", selection: "_1rsrm2f1b3", focused: "_1rsrm2f1b4", focusedVisible: "_1rsrm2f1b5" }, defaultClass: "_1rsrm2f1b0" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1b6", hover: "_1rsrm2f1b7", active: "_1rsrm2f1b8", selection: "_1rsrm2f1b9", focused: "_1rsrm2f1ba", focusedVisible: "_1rsrm2f1bb" }, defaultClass: "_1rsrm2f1b6" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f1bc", hover: "_1rsrm2f1bd", active: "_1rsrm2f1be", selection: "_1rsrm2f1bf", focused: "_1rsrm2f1bg", focusedVisible: "_1rsrm2f1bh" }, defaultClass: "_1rsrm2f1bc" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f1bi", hover: "_1rsrm2f1bj", active: "_1rsrm2f1bk", selection: "_1rsrm2f1bl", focused: "_1rsrm2f1bm", focusedVisible: "_1rsrm2f1bn" }, defaultClass: "_1rsrm2f1bi" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f1bo", hover: "_1rsrm2f1bp", active: "_1rsrm2f1bq", selection: "_1rsrm2f1br", focused: "_1rsrm2f1bs", focusedVisible: "_1rsrm2f1bt" }, defaultClass: "_1rsrm2f1bo" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1bu", hover: "_1rsrm2f1bv", active: "_1rsrm2f1bw", selection: "_1rsrm2f1bx", focused: "_1rsrm2f1by", focusedVisible: "_1rsrm2f1bz" }, defaultClass: "_1rsrm2f1bu" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1c0", hover: "_1rsrm2f1c1", active: "_1rsrm2f1c2", selection: "_1rsrm2f1c3", focused: "_1rsrm2f1c4", focusedVisible: "_1rsrm2f1c5" }, defaultClass: "_1rsrm2f1c0" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1c6", hover: "_1rsrm2f1c7", active: "_1rsrm2f1c8", selection: "_1rsrm2f1c9", focused: "_1rsrm2f1ca", focusedVisible: "_1rsrm2f1cb" }, defaultClass: "_1rsrm2f1c6" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1cc", hover: "_1rsrm2f1cd", active: "_1rsrm2f1ce", selection: "_1rsrm2f1cf", focused: "_1rsrm2f1cg", focusedVisible: "_1rsrm2f1ch" }, defaultClass: "_1rsrm2f1cc" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1ci", hover: "_1rsrm2f1cj", active: "_1rsrm2f1ck", selection: "_1rsrm2f1cl", focused: "_1rsrm2f1cm", focusedVisible: "_1rsrm2f1cn" }, defaultClass: "_1rsrm2f1ci" }, newBadgeText: { conditions: { base: "_1rsrm2f1co", hover: "_1rsrm2f1cp", active: "_1rsrm2f1cq", selection: "_1rsrm2f1cr", focused: "_1rsrm2f1cs", focusedVisible: "_1rsrm2f1ct" }, defaultClass: "_1rsrm2f1co" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1cu", hover: "_1rsrm2f1cv", active: "_1rsrm2f1cw", selection: "_1rsrm2f1cx", focused: "_1rsrm2f1cy", focusedVisible: "_1rsrm2f1cz" }, defaultClass: "_1rsrm2f1cu" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1d0", hover: "_1rsrm2f1d1", active: "_1rsrm2f1d2", selection: "_1rsrm2f1d3", focused: "_1rsrm2f1d4", focusedVisible: "_1rsrm2f1d5" }, defaultClass: "_1rsrm2f1d0" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1d6", hover: "_1rsrm2f1d7", active: "_1rsrm2f1d8", selection: "_1rsrm2f1d9", focused: "_1rsrm2f1da", focusedVisible: "_1rsrm2f1db" }, defaultClass: "_1rsrm2f1d6" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1dc", hover: "_1rsrm2f1dd", active: "_1rsrm2f1de", selection: "_1rsrm2f1df", focused: "_1rsrm2f1dg", focusedVisible: "_1rsrm2f1dh" }, defaultClass: "_1rsrm2f1dc" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1di", hover: "_1rsrm2f1dj", active: "_1rsrm2f1dk", selection: "_1rsrm2f1dl", focused: "_1rsrm2f1dm", focusedVisible: "_1rsrm2f1dn" }, defaultClass: "_1rsrm2f1di" }, failedBadgeText: { conditions: { base: "_1rsrm2f1do", hover: "_1rsrm2f1dp", active: "_1rsrm2f1dq", selection: "_1rsrm2f1dr", focused: "_1rsrm2f1ds", focusedVisible: "_1rsrm2f1dt" }, defaultClass: "_1rsrm2f1do" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1du", hover: "_1rsrm2f1dv", active: "_1rsrm2f1dw", selection: "_1rsrm2f1dx", focused: "_1rsrm2f1dy", focusedVisible: "_1rsrm2f1dz" }, defaultClass: "_1rsrm2f1du" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1e0", hover: "_1rsrm2f1e1", active: "_1rsrm2f1e2", selection: "_1rsrm2f1e3", focused: "_1rsrm2f1e4", focusedVisible: "_1rsrm2f1e5" }, defaultClass: "_1rsrm2f1e0" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1e6", hover: "_1rsrm2f1e7", active: "_1rsrm2f1e8", selection: "_1rsrm2f1e9", focused: "_1rsrm2f1ea", focusedVisible: "_1rsrm2f1eb" }, defaultClass: "_1rsrm2f1e6" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1ec", hover: "_1rsrm2f1ed", active: "_1rsrm2f1ee", selection: "_1rsrm2f1ef", focused: "_1rsrm2f1eg", focusedVisible: "_1rsrm2f1eh" }, defaultClass: "_1rsrm2f1ec" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1ei", hover: "_1rsrm2f1ej", active: "_1rsrm2f1ek", selection: "_1rsrm2f1el", focused: "_1rsrm2f1em", focusedVisible: "_1rsrm2f1en" }, defaultClass: "_1rsrm2f1ei" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1eo", hover: "_1rsrm2f1ep", active: "_1rsrm2f1eq", selection: "_1rsrm2f1er", focused: "_1rsrm2f1es", focusedVisible: "_1rsrm2f1et" }, defaultClass: "_1rsrm2f1eo" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1eu", hover: "_1rsrm2f1ev", active: "_1rsrm2f1ew", selection: "_1rsrm2f1ex", focused: "_1rsrm2f1ey", focusedVisible: "_1rsrm2f1ez" }, defaultClass: "_1rsrm2f1eu" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1f0", hover: "_1rsrm2f1f1", active: "_1rsrm2f1f2", selection: "_1rsrm2f1f3", focused: "_1rsrm2f1f4", focusedVisible: "_1rsrm2f1f5" }, defaultClass: "_1rsrm2f1f0" }, inputAmountFiatDecimalsColor: { conditions: { base: "_1rsrm2f1f6", hover: "_1rsrm2f1f7", active: "_1rsrm2f1f8", selection: "_1rsrm2f1f9", focused: "_1rsrm2f1fa", focusedVisible: "_1rsrm2f1fb" }, defaultClass: "_1rsrm2f1f6" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1fc", hover: "_1rsrm2f1fd", active: "_1rsrm2f1fe", selection: "_1rsrm2f1ff", focused: "_1rsrm2f1fg", focusedVisible: "_1rsrm2f1fh" }, defaultClass: "_1rsrm2f1fc" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1fi", hover: "_1rsrm2f1fj", active: "_1rsrm2f1fk", selection: "_1rsrm2f1fl", focused: "_1rsrm2f1fm", focusedVisible: "_1rsrm2f1fn" }, defaultClass: "_1rsrm2f1fi" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1fo", hover: "_1rsrm2f1fp", active: "_1rsrm2f1fq", selection: "_1rsrm2f1fr", focused: "_1rsrm2f1fs", focusedVisible: "_1rsrm2f1ft" }, defaultClass: "_1rsrm2f1fo" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1fu", hover: "_1rsrm2f1fv", active: "_1rsrm2f1fw", selection: "_1rsrm2f1fx", focused: "_1rsrm2f1fy", focusedVisible: "_1rsrm2f1fz" }, defaultClass: "_1rsrm2f1fu" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1g0", hover: "_1rsrm2f1g1", active: "_1rsrm2f1g2", selection: "_1rsrm2f1g3", focused: "_1rsrm2f1g4", focusedVisible: "_1rsrm2f1g5" }, defaultClass: "_1rsrm2f1g0" }, announceGradientTo: { conditions: { base: "_1rsrm2f1g6", hover: "_1rsrm2f1g7", active: "_1rsrm2f1g8", selection: "_1rsrm2f1g9", focused: "_1rsrm2f1ga", focusedVisible: "_1rsrm2f1gb" }, defaultClass: "_1rsrm2f1g6" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1gc", hover: "_1rsrm2f1gd", active: "_1rsrm2f1ge", selection: "_1rsrm2f1gf", focused: "_1rsrm2f1gg", focusedVisible: "_1rsrm2f1gh" }, defaultClass: "_1rsrm2f1gc" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1gi", hover: "_1rsrm2f1gj", active: "_1rsrm2f1gk", selection: "_1rsrm2f1gl", focused: "_1rsrm2f1gm", focusedVisible: "_1rsrm2f1gn" }, defaultClass: "_1rsrm2f1gi" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1go", hover: "_1rsrm2f1gp", active: "_1rsrm2f1gq", selection: "_1rsrm2f1gr", focused: "_1rsrm2f1gs", focusedVisible: "_1rsrm2f1gt" }, defaultClass: "_1rsrm2f1go" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1gu", hover: "_1rsrm2f1gv", active: "_1rsrm2f1gw", selection: "_1rsrm2f1gx", focused: "_1rsrm2f1gy", focusedVisible: "_1rsrm2f1gz" }, defaultClass: "_1rsrm2f1gu" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1h0", hover: "_1rsrm2f1h1", active: "_1rsrm2f1h2", selection: "_1rsrm2f1h3", focused: "_1rsrm2f1h4", focusedVisible: "_1rsrm2f1h5" }, defaultClass: "_1rsrm2f1h0" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1h6", hover: "_1rsrm2f1h7", active: "_1rsrm2f1h8", selection: "_1rsrm2f1h9", focused: "_1rsrm2f1ha", focusedVisible: "_1rsrm2f1hb" }, defaultClass: "_1rsrm2f1h6" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1hc", hover: "_1rsrm2f1hd", active: "_1rsrm2f1he", selection: "_1rsrm2f1hf", focused: "_1rsrm2f1hg", focusedVisible: "_1rsrm2f1hh" }, defaultClass: "_1rsrm2f1hc" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1hi", hover: "_1rsrm2f1hj", active: "_1rsrm2f1hk", selection: "_1rsrm2f1hl", focused: "_1rsrm2f1hm", focusedVisible: "_1rsrm2f1hn" }, defaultClass: "_1rsrm2f1hi" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1ho", hover: "_1rsrm2f1hp", active: "_1rsrm2f1hq", selection: "_1rsrm2f1hr", focused: "_1rsrm2f1hs", focusedVisible: "_1rsrm2f1ht" }, defaultClass: "_1rsrm2f1ho" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1hu", hover: "_1rsrm2f1hv", active: "_1rsrm2f1hw", selection: "_1rsrm2f1hx", focused: "_1rsrm2f1hy", focusedVisible: "_1rsrm2f1hz" }, defaultClass: "_1rsrm2f1hu" }, optionBoxBackground: { conditions: { base: "_1rsrm2f1i0", hover: "_1rsrm2f1i1", active: "_1rsrm2f1i2", selection: "_1rsrm2f1i3", focused: "_1rsrm2f1i4", focusedVisible: "_1rsrm2f1i5" }, defaultClass: "_1rsrm2f1i0" }, optionBoxBackgroundUninteractive: { conditions: { base: "_1rsrm2f1i6", hover: "_1rsrm2f1i7", active: "_1rsrm2f1i8", selection: "_1rsrm2f1i9", focused: "_1rsrm2f1ia", focusedVisible: "_1rsrm2f1ib" }, defaultClass: "_1rsrm2f1i6" }, optionBoxBorderBase: { conditions: { base: "_1rsrm2f1ic", hover: "_1rsrm2f1id", active: "_1rsrm2f1ie", selection: "_1rsrm2f1if", focused: "_1rsrm2f1ig", focusedVisible: "_1rsrm2f1ih" }, defaultClass: "_1rsrm2f1ic" }, optionBoxBorderHover: { conditions: { base: "_1rsrm2f1ii", hover: "_1rsrm2f1ij", active: "_1rsrm2f1ik", selection: "_1rsrm2f1il", focused: "_1rsrm2f1im", focusedVisible: "_1rsrm2f1in" }, defaultClass: "_1rsrm2f1ii" }, optionBoxDefaultModeNotActiveBorderBase: { conditions: { base: "_1rsrm2f1io", hover: "_1rsrm2f1ip", active: "_1rsrm2f1iq", selection: "_1rsrm2f1ir", focused: "_1rsrm2f1is", focusedVisible: "_1rsrm2f1it" }, defaultClass: "_1rsrm2f1io" }, optionBoxDefaultModeNotActiveBorderHover: { conditions: { base: "_1rsrm2f1iu", hover: "_1rsrm2f1iv", active: "_1rsrm2f1iw", selection: "_1rsrm2f1ix", focused: "_1rsrm2f1iy", focusedVisible: "_1rsrm2f1iz" }, defaultClass: "_1rsrm2f1iu" }, openDropdownBackgroundColor: { conditions: { base: "_1rsrm2f1j0", hover: "_1rsrm2f1j1", active: "_1rsrm2f1j2", selection: "_1rsrm2f1j3", focused: "_1rsrm2f1j4", focusedVisible: "_1rsrm2f1j5" }, defaultClass: "_1rsrm2f1j0" }, dropdownActiveItemBackgroundBase: { conditions: { base: "_1rsrm2f1j6", hover: "_1rsrm2f1j7", active: "_1rsrm2f1j8", selection: "_1rsrm2f1j9", focused: "_1rsrm2f1ja", focusedVisible: "_1rsrm2f1jb" }, defaultClass: "_1rsrm2f1j6" }, dropdownActiveItemBackgroundHover: { conditions: { base: "_1rsrm2f1jc", hover: "_1rsrm2f1jd", active: "_1rsrm2f1je", selection: "_1rsrm2f1jf", focused: "_1rsrm2f1jg", focusedVisible: "_1rsrm2f1jh" }, defaultClass: "_1rsrm2f1jc" }, dropdownActiveItemBackgroundDisabled: { conditions: { base: "_1rsrm2f1ji", hover: "_1rsrm2f1jj", active: "_1rsrm2f1jk", selection: "_1rsrm2f1jl", focused: "_1rsrm2f1jm", focusedVisible: "_1rsrm2f1jn" }, defaultClass: "_1rsrm2f1ji" }, dropdownActiveItemBorderBase: { conditions: { base: "_1rsrm2f1jo", hover: "_1rsrm2f1jp", active: "_1rsrm2f1jq", selection: "_1rsrm2f1jr", focused: "_1rsrm2f1js", focusedVisible: "_1rsrm2f1jt" }, defaultClass: "_1rsrm2f1jo" }, dropdownActiveItemBorderHover: { conditions: { base: "_1rsrm2f1ju", hover: "_1rsrm2f1jv", active: "_1rsrm2f1jw", selection: "_1rsrm2f1jx", focused: "_1rsrm2f1jy", focusedVisible: "_1rsrm2f1jz" }, defaultClass: "_1rsrm2f1ju" }, dropdownGroupHeader: { conditions: { base: "_1rsrm2f1k0", hover: "_1rsrm2f1k1", active: "_1rsrm2f1k2", selection: "_1rsrm2f1k3", focused: "_1rsrm2f1k4", focusedVisible: "_1rsrm2f1k5" }, defaultClass: "_1rsrm2f1k0" }, selectedDropdownItemBackground: { conditions: { base: "_1rsrm2f1k6", hover: "_1rsrm2f1k7", active: "_1rsrm2f1k8", selection: "_1rsrm2f1k9", focused: "_1rsrm2f1ka", focusedVisible: "_1rsrm2f1kb" }, defaultClass: "_1rsrm2f1k6" }, alwaysVisibleLabelBackgroundHover: { conditions: { base: "_1rsrm2f1kc", hover: "_1rsrm2f1kd", active: "_1rsrm2f1ke", selection: "_1rsrm2f1kf", focused: "_1rsrm2f1kg", focusedVisible: "_1rsrm2f1kh" }, defaultClass: "_1rsrm2f1kc" }, selectedDropdownItemText: { conditions: { base: "_1rsrm2f1ki", hover: "_1rsrm2f1kj", active: "_1rsrm2f1kk", selection: "_1rsrm2f1kl", focused: "_1rsrm2f1km", focusedVisible: "_1rsrm2f1kn" }, defaultClass: "_1rsrm2f1ki" }, useConnectedBackgroundBase: { conditions: { base: "_1rsrm2f1ko", hover: "_1rsrm2f1kp", active: "_1rsrm2f1kq", selection: "_1rsrm2f1kr", focused: "_1rsrm2f1ks", focusedVisible: "_1rsrm2f1kt" }, defaultClass: "_1rsrm2f1ko" }, useConnectedBackgroundHover: { conditions: { base: "_1rsrm2f1ku", hover: "_1rsrm2f1kv", active: "_1rsrm2f1kw", selection: "_1rsrm2f1kx", focused: "_1rsrm2f1ky", focusedVisible: "_1rsrm2f1kz" }, defaultClass: "_1rsrm2f1ku" }, copyButtonBackgroundBase: { conditions: { base: "_1rsrm2f1l0", hover: "_1rsrm2f1l1", active: "_1rsrm2f1l2", selection: "_1rsrm2f1l3", focused: "_1rsrm2f1l4", focusedVisible: "_1rsrm2f1l5" }, defaultClass: "_1rsrm2f1l0" }, copyButtonBackgroundHover: { conditions: { base: "_1rsrm2f1l6", hover: "_1rsrm2f1l7", active: "_1rsrm2f1l8", selection: "_1rsrm2f1l9", focused: "_1rsrm2f1la", focusedVisible: "_1rsrm2f1lb" }, defaultClass: "_1rsrm2f1l6" }, copyButtonBackgroundActive: { conditions: { base: "_1rsrm2f1lc", hover: "_1rsrm2f1ld", active: "_1rsrm2f1le", selection: "_1rsrm2f1lf", focused: "_1rsrm2f1lg", focusedVisible: "_1rsrm2f1lh" }, defaultClass: "_1rsrm2f1lc" }, copyButtonBorderBase: { conditions: { base: "_1rsrm2f1li", hover: "_1rsrm2f1lj", active: "_1rsrm2f1lk", selection: "_1rsrm2f1ll", focused: "_1rsrm2f1lm", focusedVisible: "_1rsrm2f1ln" }, defaultClass: "_1rsrm2f1li" }, copyButtonBorderHover: { conditions: { base: "_1rsrm2f1lo", hover: "_1rsrm2f1lp", active: "_1rsrm2f1lq", selection: "_1rsrm2f1lr", focused: "_1rsrm2f1ls", focusedVisible: "_1rsrm2f1lt" }, defaultClass: "_1rsrm2f1lo" }, funFeatureListBackgroundBase: { conditions: { base: "_1rsrm2f1lu", hover: "_1rsrm2f1lv", active: "_1rsrm2f1lw", selection: "_1rsrm2f1lx", focused: "_1rsrm2f1ly", focusedVisible: "_1rsrm2f1lz" }, defaultClass: "_1rsrm2f1lu" }, funFeatureListBackgroundHover: { conditions: { base: "_1rsrm2f1m0", hover: "_1rsrm2f1m1", active: "_1rsrm2f1m2", selection: "_1rsrm2f1m3", focused: "_1rsrm2f1m4", focusedVisible: "_1rsrm2f1m5" }, defaultClass: "_1rsrm2f1m0" }, funFeatureListBorderColor: { conditions: { base: "_1rsrm2f1m6", hover: "_1rsrm2f1m7", active: "_1rsrm2f1m8", selection: "_1rsrm2f1m9", focused: "_1rsrm2f1ma", focusedVisible: "_1rsrm2f1mb" }, defaultClass: "_1rsrm2f1m6" }, funFeatureListBorderColorHover: { conditions: { base: "_1rsrm2f1mc", hover: "_1rsrm2f1md", active: "_1rsrm2f1me", selection: "_1rsrm2f1mf", focused: "_1rsrm2f1mg", focusedVisible: "_1rsrm2f1mh" }, defaultClass: "_1rsrm2f1mc" }, spinnerBackground: { conditions: { base: "_1rsrm2f1mi", hover: "_1rsrm2f1mj", active: "_1rsrm2f1mk", selection: "_1rsrm2f1ml", focused: "_1rsrm2f1mm", focusedVisible: "_1rsrm2f1mn" }, defaultClass: "_1rsrm2f1mi" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1mo", hover: "_1rsrm2f1mp", active: "_1rsrm2f1mq", selection: "_1rsrm2f1mr", focused: "_1rsrm2f1ms", focusedVisible: "_1rsrm2f1mt" }, defaultClass: "_1rsrm2f1mo" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1mu", hover: "_1rsrm2f1mv", active: "_1rsrm2f1mw", selection: "_1rsrm2f1mx", focused: "_1rsrm2f1my", focusedVisible: "_1rsrm2f1mz" }, defaultClass: "_1rsrm2f1mu" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1n0", hover: "_1rsrm2f1n1", active: "_1rsrm2f1n2", selection: "_1rsrm2f1n3", focused: "_1rsrm2f1n4", focusedVisible: "_1rsrm2f1n5" }, defaultClass: "_1rsrm2f1n0" }, txSummaryBoxBackground: { conditions: { base: "_1rsrm2f1n6", hover: "_1rsrm2f1n7", active: "_1rsrm2f1n8", selection: "_1rsrm2f1n9", focused: "_1rsrm2f1na", focusedVisible: "_1rsrm2f1nb" }, defaultClass: "_1rsrm2f1n6" }, txSummaryBoxBorder: { conditions: { base: "_1rsrm2f1nc", hover: "_1rsrm2f1nd", active: "_1rsrm2f1ne", selection: "_1rsrm2f1nf", focused: "_1rsrm2f1ng", focusedVisible: "_1rsrm2f1nh" }, defaultClass: "_1rsrm2f1nc" }, counterRingColor: { conditions: { base: "_1rsrm2f1ni", hover: "_1rsrm2f1nj", active: "_1rsrm2f1nk", selection: "_1rsrm2f1nl", focused: "_1rsrm2f1nm", focusedVisible: "_1rsrm2f1nn" }, defaultClass: "_1rsrm2f1ni" }, cryptoCashToggleContainerBorderColor: { conditions: { base: "_1rsrm2f1no", hover: "_1rsrm2f1np", active: "_1rsrm2f1nq", selection: "_1rsrm2f1nr", focused: "_1rsrm2f1ns", focusedVisible: "_1rsrm2f1nt" }, defaultClass: "_1rsrm2f1no" }, cryptoCashToggleBackground: { conditions: { base: "_1rsrm2f1nu", hover: "_1rsrm2f1nv", active: "_1rsrm2f1nw", selection: "_1rsrm2f1nx", focused: "_1rsrm2f1ny", focusedVisible: "_1rsrm2f1nz" }, defaultClass: "_1rsrm2f1nu" }, withdrawalYouWillReceiveLabel: { conditions: { base: "_1rsrm2f1o0", hover: "_1rsrm2f1o1", active: "_1rsrm2f1o2", selection: "_1rsrm2f1o3", focused: "_1rsrm2f1o4", focusedVisible: "_1rsrm2f1o5" }, defaultClass: "_1rsrm2f1o0" }, withdrawalYouWillReceiveValueCrypto: { conditions: { base: "_1rsrm2f1o6", hover: "_1rsrm2f1o7", active: "_1rsrm2f1o8", selection: "_1rsrm2f1o9", focused: "_1rsrm2f1oa", focusedVisible: "_1rsrm2f1ob" }, defaultClass: "_1rsrm2f1o6" }, withdrawalYouWillReceiveValueUsd: { conditions: { base: "_1rsrm2f1oc", hover: "_1rsrm2f1od", active: "_1rsrm2f1oe", selection: "_1rsrm2f1of", focused: "_1rsrm2f1og", focusedVisible: "_1rsrm2f1oh" }, defaultClass: "_1rsrm2f1oc" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2f1oi", hover: "_1rsrm2f1oj", active: "_1rsrm2f1ok", selection: "_1rsrm2f1ol", focused: "_1rsrm2f1om", focusedVisible: "_1rsrm2f1on" }, defaultClass: "_1rsrm2f1oi" }, accentColorForeground: { conditions: { base: "_1rsrm2f1oo", hover: "_1rsrm2f1op", active: "_1rsrm2f1oq", selection: "_1rsrm2f1or", focused: "_1rsrm2f1os", focusedVisible: "_1rsrm2f1ot" }, defaultClass: "_1rsrm2f1oo" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1ou", hover: "_1rsrm2f1ov", active: "_1rsrm2f1ow", selection: "_1rsrm2f1ox", focused: "_1rsrm2f1oy", focusedVisible: "_1rsrm2f1oz" }, defaultClass: "_1rsrm2f1ou" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1p0", hover: "_1rsrm2f1p1", active: "_1rsrm2f1p2", selection: "_1rsrm2f1p3", focused: "_1rsrm2f1p4", focusedVisible: "_1rsrm2f1p5" }, defaultClass: "_1rsrm2f1p0" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1p6", hover: "_1rsrm2f1p7", active: "_1rsrm2f1p8", selection: "_1rsrm2f1p9", focused: "_1rsrm2f1pa", focusedVisible: "_1rsrm2f1pb" }, defaultClass: "_1rsrm2f1p6" }, connectButtonText: { conditions: { base: "_1rsrm2f1pc", hover: "_1rsrm2f1pd", active: "_1rsrm2f1pe", selection: "_1rsrm2f1pf", focused: "_1rsrm2f1pg", focusedVisible: "_1rsrm2f1ph" }, defaultClass: "_1rsrm2f1pc" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1pi", hover: "_1rsrm2f1pj", active: "_1rsrm2f1pk", selection: "_1rsrm2f1pl", focused: "_1rsrm2f1pm", focusedVisible: "_1rsrm2f1pn" }, defaultClass: "_1rsrm2f1pi" }, connectionIndicator: { conditions: { base: "_1rsrm2f1po", hover: "_1rsrm2f1pp", active: "_1rsrm2f1pq", selection: "_1rsrm2f1pr", focused: "_1rsrm2f1ps", focusedVisible: "_1rsrm2f1pt" }, defaultClass: "_1rsrm2f1po" }, error: { conditions: { base: "_1rsrm2f1pu", hover: "_1rsrm2f1pv", active: "_1rsrm2f1pw", selection: "_1rsrm2f1px", focused: "_1rsrm2f1py", focusedVisible: "_1rsrm2f1pz" }, defaultClass: "_1rsrm2f1pu" }, errorBackground: { conditions: { base: "_1rsrm2f1q0", hover: "_1rsrm2f1q1", active: "_1rsrm2f1q2", selection: "_1rsrm2f1q3", focused: "_1rsrm2f1q4", focusedVisible: "_1rsrm2f1q5" }, defaultClass: "_1rsrm2f1q0" }, errorBorder: { conditions: { base: "_1rsrm2f1q6", hover: "_1rsrm2f1q7", active: "_1rsrm2f1q8", selection: "_1rsrm2f1q9", focused: "_1rsrm2f1qa", focusedVisible: "_1rsrm2f1qb" }, defaultClass: "_1rsrm2f1q6" }, generalBorder: { conditions: { base: "_1rsrm2f1qc", hover: "_1rsrm2f1qd", active: "_1rsrm2f1qe", selection: "_1rsrm2f1qf", focused: "_1rsrm2f1qg", focusedVisible: "_1rsrm2f1qh" }, defaultClass: "_1rsrm2f1qc" }, generalBorderDim: { conditions: { base: "_1rsrm2f1qi", hover: "_1rsrm2f1qj", active: "_1rsrm2f1qk", selection: "_1rsrm2f1ql", focused: "_1rsrm2f1qm", focusedVisible: "_1rsrm2f1qn" }, defaultClass: "_1rsrm2f1qi" }, menuItemBackground: { conditions: { base: "_1rsrm2f1qo", hover: "_1rsrm2f1qp", active: "_1rsrm2f1qq", selection: "_1rsrm2f1qr", focused: "_1rsrm2f1qs", focusedVisible: "_1rsrm2f1qt" }, defaultClass: "_1rsrm2f1qo" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1qu", hover: "_1rsrm2f1qv", active: "_1rsrm2f1qw", selection: "_1rsrm2f1qx", focused: "_1rsrm2f1qy", focusedVisible: "_1rsrm2f1qz" }, defaultClass: "_1rsrm2f1qu" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1r0", hover: "_1rsrm2f1r1", active: "_1rsrm2f1r2", selection: "_1rsrm2f1r3", focused: "_1rsrm2f1r4", focusedVisible: "_1rsrm2f1r5" }, defaultClass: "_1rsrm2f1r0" }, standby: { conditions: { base: "_1rsrm2f1r6", hover: "_1rsrm2f1r7", active: "_1rsrm2f1r8", selection: "_1rsrm2f1r9", focused: "_1rsrm2f1ra", focusedVisible: "_1rsrm2f1rb" }, defaultClass: "_1rsrm2f1r6" }, success: { conditions: { base: "_1rsrm2f1rc", hover: "_1rsrm2f1rd", active: "_1rsrm2f1re", selection: "_1rsrm2f1rf", focused: "_1rsrm2f1rg", focusedVisible: "_1rsrm2f1rh" }, defaultClass: "_1rsrm2f1rc" }, delayedStatusIcon: { conditions: { base: "_1rsrm2f1ri", hover: "_1rsrm2f1rj", active: "_1rsrm2f1rk", selection: "_1rsrm2f1rl", focused: "_1rsrm2f1rm", focusedVisible: "_1rsrm2f1rn" }, defaultClass: "_1rsrm2f1ri" }, chainIconBorder: { conditions: { base: "_1rsrm2f1ro", hover: "_1rsrm2f1rp", active: "_1rsrm2f1rq", selection: "_1rsrm2f1rr", focused: "_1rsrm2f1rs", focusedVisible: "_1rsrm2f1rt" }, defaultClass: "_1rsrm2f1ro" }, modalBackdrop: { conditions: { base: "_1rsrm2f1ru", hover: "_1rsrm2f1rv", active: "_1rsrm2f1rw", selection: "_1rsrm2f1rx", focused: "_1rsrm2f1ry", focusedVisible: "_1rsrm2f1rz" }, defaultClass: "_1rsrm2f1ru" }, modalBackground: { conditions: { base: "_1rsrm2f1s0", hover: "_1rsrm2f1s1", active: "_1rsrm2f1s2", selection: "_1rsrm2f1s3", focused: "_1rsrm2f1s4", focusedVisible: "_1rsrm2f1s5" }, defaultClass: "_1rsrm2f1s0" }, modalBackgroundCheckoutComplete: { conditions: { base: "_1rsrm2f1s6", hover: "_1rsrm2f1s7", active: "_1rsrm2f1s8", selection: "_1rsrm2f1s9", focused: "_1rsrm2f1sa", focusedVisible: "_1rsrm2f1sb" }, defaultClass: "_1rsrm2f1s6" }, modalBorder: { conditions: { base: "_1rsrm2f1sc", hover: "_1rsrm2f1sd", active: "_1rsrm2f1se", selection: "_1rsrm2f1sf", focused: "_1rsrm2f1sg", focusedVisible: "_1rsrm2f1sh" }, defaultClass: "_1rsrm2f1sc" }, offBackground: { conditions: { base: "_1rsrm2f1si", hover: "_1rsrm2f1sj", active: "_1rsrm2f1sk", selection: "_1rsrm2f1sl", focused: "_1rsrm2f1sm", focusedVisible: "_1rsrm2f1sn" }, defaultClass: "_1rsrm2f1si" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1so", hover: "_1rsrm2f1sp", active: "_1rsrm2f1sq", selection: "_1rsrm2f1sr", focused: "_1rsrm2f1ss", focusedVisible: "_1rsrm2f1st" }, defaultClass: "_1rsrm2f1so" }, hoverState: { conditions: { base: "_1rsrm2f1su", hover: "_1rsrm2f1sv", active: "_1rsrm2f1sw", selection: "_1rsrm2f1sx", focused: "_1rsrm2f1sy", focusedVisible: "_1rsrm2f1sz" }, defaultClass: "_1rsrm2f1su" }, lightStroke: { conditions: { base: "_1rsrm2f1t0", hover: "_1rsrm2f1t1", active: "_1rsrm2f1t2", selection: "_1rsrm2f1t3", focused: "_1rsrm2f1t4", focusedVisible: "_1rsrm2f1t5" }, defaultClass: "_1rsrm2f1t0" }, mediumStroke: { conditions: { base: "_1rsrm2f1t6", hover: "_1rsrm2f1t7", active: "_1rsrm2f1t8", selection: "_1rsrm2f1t9", focused: "_1rsrm2f1ta", focusedVisible: "_1rsrm2f1tb" }, defaultClass: "_1rsrm2f1t6" }, heavyStroke: { conditions: { base: "_1rsrm2f1tc", hover: "_1rsrm2f1td", active: "_1rsrm2f1te", selection: "_1rsrm2f1tf", focused: "_1rsrm2f1tg", focusedVisible: "_1rsrm2f1th" }, defaultClass: "_1rsrm2f1tc" }, strokeColor: { conditions: { base: "_1rsrm2f1ti", hover: "_1rsrm2f1tj", active: "_1rsrm2f1tk", selection: "_1rsrm2f1tl", focused: "_1rsrm2f1tm", focusedVisible: "_1rsrm2f1tn" }, defaultClass: "_1rsrm2f1ti" }, secondaryBackground: { conditions: { base: "_1rsrm2f1to", hover: "_1rsrm2f1tp", active: "_1rsrm2f1tq", selection: "_1rsrm2f1tr", focused: "_1rsrm2f1ts", focusedVisible: "_1rsrm2f1tt" }, defaultClass: "_1rsrm2f1to" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f1tu", hover: "_1rsrm2f1tv", active: "_1rsrm2f1tw", selection: "_1rsrm2f1tx", focused: "_1rsrm2f1ty", focusedVisible: "_1rsrm2f1tz" }, defaultClass: "_1rsrm2f1tu" }, modalTopbarIconBackground: { conditions: { base: "_1rsrm2f1u0", hover: "_1rsrm2f1u1", active: "_1rsrm2f1u2", selection: "_1rsrm2f1u3", focused: "_1rsrm2f1u4", focusedVisible: "_1rsrm2f1u5" }, defaultClass: "_1rsrm2f1u0" }, modalTopbarIconBackgroundHover: { conditions: { base: "_1rsrm2f1u6", hover: "_1rsrm2f1u7", active: "_1rsrm2f1u8", selection: "_1rsrm2f1u9", focused: "_1rsrm2f1ua", focusedVisible: "_1rsrm2f1ub" }, defaultClass: "_1rsrm2f1u6" }, modalTopbarIconBackgroundPressed: { conditions: { base: "_1rsrm2f1uc", hover: "_1rsrm2f1ud", active: "_1rsrm2f1ue", selection: "_1rsrm2f1uf", focused: "_1rsrm2f1ug", focusedVisible: "_1rsrm2f1uh" }, defaultClass: "_1rsrm2f1uc" }, modalTopbarIconStroke: { conditions: { base: "_1rsrm2f1ui", hover: "_1rsrm2f1uj", active: "_1rsrm2f1uk", selection: "_1rsrm2f1ul", focused: "_1rsrm2f1um", focusedVisible: "_1rsrm2f1un" }, defaultClass: "_1rsrm2f1ui" }, primaryText: { conditions: { base: "_1rsrm2f1uo", hover: "_1rsrm2f1up", active: "_1rsrm2f1uq", selection: "_1rsrm2f1ur", focused: "_1rsrm2f1us", focusedVisible: "_1rsrm2f1ut" }, defaultClass: "_1rsrm2f1uo" }, secondaryText: { conditions: { base: "_1rsrm2f1uu", hover: "_1rsrm2f1uv", active: "_1rsrm2f1uw", selection: "_1rsrm2f1ux", focused: "_1rsrm2f1uy", focusedVisible: "_1rsrm2f1uz" }, defaultClass: "_1rsrm2f1uu" }, tertiaryText: { conditions: { base: "_1rsrm2f1v0", hover: "_1rsrm2f1v1", active: "_1rsrm2f1v2", selection: "_1rsrm2f1v3", focused: "_1rsrm2f1v4", focusedVisible: "_1rsrm2f1v5" }, defaultClass: "_1rsrm2f1v0" }, textSelection: { conditions: { base: "_1rsrm2f1v6", hover: "_1rsrm2f1v7", active: "_1rsrm2f1v8", selection: "_1rsrm2f1v9", focused: "_1rsrm2f1va", focusedVisible: "_1rsrm2f1vb" }, defaultClass: "_1rsrm2f1v6" }, inputLabel: { conditions: { base: "_1rsrm2f1vc", hover: "_1rsrm2f1vd", active: "_1rsrm2f1ve", selection: "_1rsrm2f1vf", focused: "_1rsrm2f1vg", focusedVisible: "_1rsrm2f1vh" }, defaultClass: "_1rsrm2f1vc" }, inputBackground: { conditions: { base: "_1rsrm2f1vi", hover: "_1rsrm2f1vj", active: "_1rsrm2f1vk", selection: "_1rsrm2f1vl", focused: "_1rsrm2f1vm", focusedVisible: "_1rsrm2f1vn" }, defaultClass: "_1rsrm2f1vi" }, inputBackgroundHover: { conditions: { base: "_1rsrm2f1vo", hover: "_1rsrm2f1vp", active: "_1rsrm2f1vq", selection: "_1rsrm2f1vr", focused: "_1rsrm2f1vs", focusedVisible: "_1rsrm2f1vt" }, defaultClass: "_1rsrm2f1vo" }, inputBorderBase: { conditions: { base: "_1rsrm2f1vu", hover: "_1rsrm2f1vv", active: "_1rsrm2f1vw", selection: "_1rsrm2f1vx", focused: "_1rsrm2f1vy", focusedVisible: "_1rsrm2f1vz" }, defaultClass: "_1rsrm2f1vu" }, inputBorderHover: { conditions: { base: "_1rsrm2f1w0", hover: "_1rsrm2f1w1", active: "_1rsrm2f1w2", selection: "_1rsrm2f1w3", focused: "_1rsrm2f1w4", focusedVisible: "_1rsrm2f1w5" }, defaultClass: "_1rsrm2f1w0" }, activeTabBorderColor: { conditions: { base: "_1rsrm2f1w6", hover: "_1rsrm2f1w7", active: "_1rsrm2f1w8", selection: "_1rsrm2f1w9", focused: "_1rsrm2f1wa", focusedVisible: "_1rsrm2f1wb" }, defaultClass: "_1rsrm2f1w6" }, activeTabBackground: { conditions: { base: "_1rsrm2f1wc", hover: "_1rsrm2f1wd", active: "_1rsrm2f1we", selection: "_1rsrm2f1wf", focused: "_1rsrm2f1wg", focusedVisible: "_1rsrm2f1wh" }, defaultClass: "_1rsrm2f1wc" }, inactiveTabBorderColor: { conditions: { base: "_1rsrm2f1wi", hover: "_1rsrm2f1wj", active: "_1rsrm2f1wk", selection: "_1rsrm2f1wl", focused: "_1rsrm2f1wm", focusedVisible: "_1rsrm2f1wn" }, defaultClass: "_1rsrm2f1wi" }, inactiveTabBackgroundBase: { conditions: { base: "_1rsrm2f1wo", hover: "_1rsrm2f1wp", active: "_1rsrm2f1wq", selection: "_1rsrm2f1wr", focused: "_1rsrm2f1ws", focusedVisible: "_1rsrm2f1wt" }, defaultClass: "_1rsrm2f1wo" }, inactiveTabBackgroundHover: { conditions: { base: "_1rsrm2f1wu", hover: "_1rsrm2f1wv", active: "_1rsrm2f1ww", selection: "_1rsrm2f1wx", focused: "_1rsrm2f1wy", focusedVisible: "_1rsrm2f1wz" }, defaultClass: "_1rsrm2f1wu" }, inactiveTabBackgroundActive: { conditions: { base: "_1rsrm2f1x0", hover: "_1rsrm2f1x1", active: "_1rsrm2f1x2", selection: "_1rsrm2f1x3", focused: "_1rsrm2f1x4", focusedVisible: "_1rsrm2f1x5" }, defaultClass: "_1rsrm2f1x0" }, activeTabText: { conditions: { base: "_1rsrm2f1x6", hover: "_1rsrm2f1x7", active: "_1rsrm2f1x8", selection: "_1rsrm2f1x9", focused: "_1rsrm2f1xa", focusedVisible: "_1rsrm2f1xb" }, defaultClass: "_1rsrm2f1x6" }, inactiveTabTextBase: { conditions: { base: "_1rsrm2f1xc", hover: "_1rsrm2f1xd", active: "_1rsrm2f1xe", selection: "_1rsrm2f1xf", focused: "_1rsrm2f1xg", focusedVisible: "_1rsrm2f1xh" }, defaultClass: "_1rsrm2f1xc" }, inactiveTabHover: { conditions: { base: "_1rsrm2f1xi", hover: "_1rsrm2f1xj", active: "_1rsrm2f1xk", selection: "_1rsrm2f1xl", focused: "_1rsrm2f1xm", focusedVisible: "_1rsrm2f1xn" }, defaultClass: "_1rsrm2f1xi" }, actionColor: { conditions: { base: "_1rsrm2f1xo", hover: "_1rsrm2f1xp", active: "_1rsrm2f1xq", selection: "_1rsrm2f1xr", focused: "_1rsrm2f1xs", focusedVisible: "_1rsrm2f1xt" }, defaultClass: "_1rsrm2f1xo" }, actionColorHover: { conditions: { base: "_1rsrm2f1xu", hover: "_1rsrm2f1xv", active: "_1rsrm2f1xw", selection: "_1rsrm2f1xx", focused: "_1rsrm2f1xy", focusedVisible: "_1rsrm2f1xz" }, defaultClass: "_1rsrm2f1xu" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1y0", hover: "_1rsrm2f1y1", active: "_1rsrm2f1y2", selection: "_1rsrm2f1y3", focused: "_1rsrm2f1y4", focusedVisible: "_1rsrm2f1y5" }, defaultClass: "_1rsrm2f1y0" }, buttonPrimary: { conditions: { base: "_1rsrm2f1y6", hover: "_1rsrm2f1y7", active: "_1rsrm2f1y8", selection: "_1rsrm2f1y9", focused: "_1rsrm2f1ya", focusedVisible: "_1rsrm2f1yb" }, defaultClass: "_1rsrm2f1y6" }, buttonDisabled: { conditions: { base: "_1rsrm2f1yc", hover: "_1rsrm2f1yd", active: "_1rsrm2f1ye", selection: "_1rsrm2f1yf", focused: "_1rsrm2f1yg", focusedVisible: "_1rsrm2f1yh" }, defaultClass: "_1rsrm2f1yc" }, buttonWarning: { conditions: { base: "_1rsrm2f1yi", hover: "_1rsrm2f1yj", active: "_1rsrm2f1yk", selection: "_1rsrm2f1yl", focused: "_1rsrm2f1ym", focusedVisible: "_1rsrm2f1yn" }, defaultClass: "_1rsrm2f1yi" }, buttonSuccess: { conditions: { base: "_1rsrm2f1yo", hover: "_1rsrm2f1yp", active: "_1rsrm2f1yq", selection: "_1rsrm2f1yr", focused: "_1rsrm2f1ys", focusedVisible: "_1rsrm2f1yt" }, defaultClass: "_1rsrm2f1yo" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1yu", hover: "_1rsrm2f1yv", active: "_1rsrm2f1yw", selection: "_1rsrm2f1yx", focused: "_1rsrm2f1yy", focusedVisible: "_1rsrm2f1yz" }, defaultClass: "_1rsrm2f1yu" }, buttonTextHover: { conditions: { base: "_1rsrm2f1z0", hover: "_1rsrm2f1z1", active: "_1rsrm2f1z2", selection: "_1rsrm2f1z3", focused: "_1rsrm2f1z4", focusedVisible: "_1rsrm2f1z5" }, defaultClass: "_1rsrm2f1z0" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1z6", hover: "_1rsrm2f1z7", active: "_1rsrm2f1z8", selection: "_1rsrm2f1z9", focused: "_1rsrm2f1za", focusedVisible: "_1rsrm2f1zb" }, defaultClass: "_1rsrm2f1z6" }, transparent: { conditions: { base: "_1rsrm2f1zc", hover: "_1rsrm2f1zd", active: "_1rsrm2f1ze", selection: "_1rsrm2f1zf", focused: "_1rsrm2f1zg", focusedVisible: "_1rsrm2f1zh" }, defaultClass: "_1rsrm2f1zc" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1zi", hover: "_1rsrm2f1zj", active: "_1rsrm2f1zk", selection: "_1rsrm2f1zl", focused: "_1rsrm2f1zm", focusedVisible: "_1rsrm2f1zn" }, defaultClass: "_1rsrm2f1zi" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1zo", hover: "_1rsrm2f1zp", active: "_1rsrm2f1zq", selection: "_1rsrm2f1zr", focused: "_1rsrm2f1zs", focusedVisible: "_1rsrm2f1zt" }, defaultClass: "_1rsrm2f1zo" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f1zu", hover: "_1rsrm2f1zv", active: "_1rsrm2f1zw", selection: "_1rsrm2f1zx", focused: "_1rsrm2f1zy", focusedVisible: "_1rsrm2f1zz" }, defaultClass: "_1rsrm2f1zu" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f200", hover: "_1rsrm2f201", active: "_1rsrm2f202", selection: "_1rsrm2f203", focused: "_1rsrm2f204", focusedVisible: "_1rsrm2f205" }, defaultClass: "_1rsrm2f200" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f206", hover: "_1rsrm2f207", active: "_1rsrm2f208", selection: "_1rsrm2f209", focused: "_1rsrm2f20a", focusedVisible: "_1rsrm2f20b" }, defaultClass: "_1rsrm2f206" }, buttonBackground: { conditions: { base: "_1rsrm2f20c", hover: "_1rsrm2f20d", active: "_1rsrm2f20e", selection: "_1rsrm2f20f", focused: "_1rsrm2f20g", focusedVisible: "_1rsrm2f20h" }, defaultClass: "_1rsrm2f20c" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f20i", hover: "_1rsrm2f20j", active: "_1rsrm2f20k", selection: "_1rsrm2f20l", focused: "_1rsrm2f20m", focusedVisible: "_1rsrm2f20n" }, defaultClass: "_1rsrm2f20i" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f20o", hover: "_1rsrm2f20p", active: "_1rsrm2f20q", selection: "_1rsrm2f20r", focused: "_1rsrm2f20s", focusedVisible: "_1rsrm2f20t" }, defaultClass: "_1rsrm2f20o" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f20u", hover: "_1rsrm2f20v", active: "_1rsrm2f20w", selection: "_1rsrm2f20x", focused: "_1rsrm2f20y", focusedVisible: "_1rsrm2f20z" }, defaultClass: "_1rsrm2f20u" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f210", hover: "_1rsrm2f211", active: "_1rsrm2f212", selection: "_1rsrm2f213", focused: "_1rsrm2f214", focusedVisible: "_1rsrm2f215" }, defaultClass: "_1rsrm2f210" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f216", hover: "_1rsrm2f217", active: "_1rsrm2f218", selection: "_1rsrm2f219", focused: "_1rsrm2f21a", focusedVisible: "_1rsrm2f21b" }, defaultClass: "_1rsrm2f216" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f21c", hover: "_1rsrm2f21d", active: "_1rsrm2f21e", selection: "_1rsrm2f21f", focused: "_1rsrm2f21g", focusedVisible: "_1rsrm2f21h" }, defaultClass: "_1rsrm2f21c" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f21i", hover: "_1rsrm2f21j", active: "_1rsrm2f21k", selection: "_1rsrm2f21l", focused: "_1rsrm2f21m", focusedVisible: "_1rsrm2f21n" }, defaultClass: "_1rsrm2f21i" }, buttonIconStroke: { conditions: { base: "_1rsrm2f21o", hover: "_1rsrm2f21p", active: "_1rsrm2f21q", selection: "_1rsrm2f21r", focused: "_1rsrm2f21s", focusedVisible: "_1rsrm2f21t" }, defaultClass: "_1rsrm2f21o" }, buttonBorderTertiary: { conditions: { base: "_1rsrm2f21u", hover: "_1rsrm2f21v", active: "_1rsrm2f21w", selection: "_1rsrm2f21x", focused: "_1rsrm2f21y", focusedVisible: "_1rsrm2f21z" }, defaultClass: "_1rsrm2f21u" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f220", hover: "_1rsrm2f221", active: "_1rsrm2f222", selection: "_1rsrm2f223", focused: "_1rsrm2f224", focusedVisible: "_1rsrm2f225" }, defaultClass: "_1rsrm2f220" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f226", hover: "_1rsrm2f227", active: "_1rsrm2f228", selection: "_1rsrm2f229", focused: "_1rsrm2f22a", focusedVisible: "_1rsrm2f22b" }, defaultClass: "_1rsrm2f226" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f22c", hover: "_1rsrm2f22d", active: "_1rsrm2f22e", selection: "_1rsrm2f22f", focused: "_1rsrm2f22g", focusedVisible: "_1rsrm2f22h" }, defaultClass: "_1rsrm2f22c" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f22i", hover: "_1rsrm2f22j", active: "_1rsrm2f22k", selection: "_1rsrm2f22l", focused: "_1rsrm2f22m", focusedVisible: "_1rsrm2f22n" }, defaultClass: "_1rsrm2f22i" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f22o", hover: "_1rsrm2f22p", active: "_1rsrm2f22q", selection: "_1rsrm2f22r", focused: "_1rsrm2f22s", focusedVisible: "_1rsrm2f22t" }, defaultClass: "_1rsrm2f22o" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f22u", hover: "_1rsrm2f22v", active: "_1rsrm2f22w", selection: "_1rsrm2f22x", focused: "_1rsrm2f22y", focusedVisible: "_1rsrm2f22z" }, defaultClass: "_1rsrm2f22u" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f230", hover: "_1rsrm2f231", active: "_1rsrm2f232", selection: "_1rsrm2f233", focused: "_1rsrm2f234", focusedVisible: "_1rsrm2f235" }, defaultClass: "_1rsrm2f230" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f236", hover: "_1rsrm2f237", active: "_1rsrm2f238", selection: "_1rsrm2f239", focused: "_1rsrm2f23a", focusedVisible: "_1rsrm2f23b" }, defaultClass: "_1rsrm2f236" }, newBadgeBackground: { conditions: { base: "_1rsrm2f23c", hover: "_1rsrm2f23d", active: "_1rsrm2f23e", selection: "_1rsrm2f23f", focused: "_1rsrm2f23g", focusedVisible: "_1rsrm2f23h" }, defaultClass: "_1rsrm2f23c" }, newBadgeBorder: { conditions: { base: "_1rsrm2f23i", hover: "_1rsrm2f23j", active: "_1rsrm2f23k", selection: "_1rsrm2f23l", focused: "_1rsrm2f23m", focusedVisible: "_1rsrm2f23n" }, defaultClass: "_1rsrm2f23i" }, newBadgeText: { conditions: { base: "_1rsrm2f23o", hover: "_1rsrm2f23p", active: "_1rsrm2f23q", selection: "_1rsrm2f23r", focused: "_1rsrm2f23s", focusedVisible: "_1rsrm2f23t" }, defaultClass: "_1rsrm2f23o" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f23u", hover: "_1rsrm2f23v", active: "_1rsrm2f23w", selection: "_1rsrm2f23x", focused: "_1rsrm2f23y", focusedVisible: "_1rsrm2f23z" }, defaultClass: "_1rsrm2f23u" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f240", hover: "_1rsrm2f241", active: "_1rsrm2f242", selection: "_1rsrm2f243", focused: "_1rsrm2f244", focusedVisible: "_1rsrm2f245" }, defaultClass: "_1rsrm2f240" }, approvedBadgeText: { conditions: { base: "_1rsrm2f246", hover: "_1rsrm2f247", active: "_1rsrm2f248", selection: "_1rsrm2f249", focused: "_1rsrm2f24a", focusedVisible: "_1rsrm2f24b" }, defaultClass: "_1rsrm2f246" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f24c", hover: "_1rsrm2f24d", active: "_1rsrm2f24e", selection: "_1rsrm2f24f", focused: "_1rsrm2f24g", focusedVisible: "_1rsrm2f24h" }, defaultClass: "_1rsrm2f24c" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f24i", hover: "_1rsrm2f24j", active: "_1rsrm2f24k", selection: "_1rsrm2f24l", focused: "_1rsrm2f24m", focusedVisible: "_1rsrm2f24n" }, defaultClass: "_1rsrm2f24i" }, failedBadgeText: { conditions: { base: "_1rsrm2f24o", hover: "_1rsrm2f24p", active: "_1rsrm2f24q", selection: "_1rsrm2f24r", focused: "_1rsrm2f24s", focusedVisible: "_1rsrm2f24t" }, defaultClass: "_1rsrm2f24o" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f24u", hover: "_1rsrm2f24v", active: "_1rsrm2f24w", selection: "_1rsrm2f24x", focused: "_1rsrm2f24y", focusedVisible: "_1rsrm2f24z" }, defaultClass: "_1rsrm2f24u" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f250", hover: "_1rsrm2f251", active: "_1rsrm2f252", selection: "_1rsrm2f253", focused: "_1rsrm2f254", focusedVisible: "_1rsrm2f255" }, defaultClass: "_1rsrm2f250" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f256", hover: "_1rsrm2f257", active: "_1rsrm2f258", selection: "_1rsrm2f259", focused: "_1rsrm2f25a", focusedVisible: "_1rsrm2f25b" }, defaultClass: "_1rsrm2f256" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f25c", hover: "_1rsrm2f25d", active: "_1rsrm2f25e", selection: "_1rsrm2f25f", focused: "_1rsrm2f25g", focusedVisible: "_1rsrm2f25h" }, defaultClass: "_1rsrm2f25c" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f25i", hover: "_1rsrm2f25j", active: "_1rsrm2f25k", selection: "_1rsrm2f25l", focused: "_1rsrm2f25m", focusedVisible: "_1rsrm2f25n" }, defaultClass: "_1rsrm2f25i" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f25o", hover: "_1rsrm2f25p", active: "_1rsrm2f25q", selection: "_1rsrm2f25r", focused: "_1rsrm2f25s", focusedVisible: "_1rsrm2f25t" }, defaultClass: "_1rsrm2f25o" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f25u", hover: "_1rsrm2f25v", active: "_1rsrm2f25w", selection: "_1rsrm2f25x", focused: "_1rsrm2f25y", focusedVisible: "_1rsrm2f25z" }, defaultClass: "_1rsrm2f25u" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f260", hover: "_1rsrm2f261", active: "_1rsrm2f262", selection: "_1rsrm2f263", focused: "_1rsrm2f264", focusedVisible: "_1rsrm2f265" }, defaultClass: "_1rsrm2f260" }, inputAmountFiatDecimalsColor: { conditions: { base: "_1rsrm2f266", hover: "_1rsrm2f267", active: "_1rsrm2f268", selection: "_1rsrm2f269", focused: "_1rsrm2f26a", focusedVisible: "_1rsrm2f26b" }, defaultClass: "_1rsrm2f266" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f26c", hover: "_1rsrm2f26d", active: "_1rsrm2f26e", selection: "_1rsrm2f26f", focused: "_1rsrm2f26g", focusedVisible: "_1rsrm2f26h" }, defaultClass: "_1rsrm2f26c" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f26i", hover: "_1rsrm2f26j", active: "_1rsrm2f26k", selection: "_1rsrm2f26l", focused: "_1rsrm2f26m", focusedVisible: "_1rsrm2f26n" }, defaultClass: "_1rsrm2f26i" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f26o", hover: "_1rsrm2f26p", active: "_1rsrm2f26q", selection: "_1rsrm2f26r", focused: "_1rsrm2f26s", focusedVisible: "_1rsrm2f26t" }, defaultClass: "_1rsrm2f26o" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f26u", hover: "_1rsrm2f26v", active: "_1rsrm2f26w", selection: "_1rsrm2f26x", focused: "_1rsrm2f26y", focusedVisible: "_1rsrm2f26z" }, defaultClass: "_1rsrm2f26u" }, announceGradientFrom: { conditions: { base: "_1rsrm2f270", hover: "_1rsrm2f271", active: "_1rsrm2f272", selection: "_1rsrm2f273", focused: "_1rsrm2f274", focusedVisible: "_1rsrm2f275" }, defaultClass: "_1rsrm2f270" }, announceGradientTo: { conditions: { base: "_1rsrm2f276", hover: "_1rsrm2f277", active: "_1rsrm2f278", selection: "_1rsrm2f279", focused: "_1rsrm2f27a", focusedVisible: "_1rsrm2f27b" }, defaultClass: "_1rsrm2f276" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f27c", hover: "_1rsrm2f27d", active: "_1rsrm2f27e", selection: "_1rsrm2f27f", focused: "_1rsrm2f27g", focusedVisible: "_1rsrm2f27h" }, defaultClass: "_1rsrm2f27c" }, modalFooterDivider: { conditions: { base: "_1rsrm2f27i", hover: "_1rsrm2f27j", active: "_1rsrm2f27k", selection: "_1rsrm2f27l", focused: "_1rsrm2f27m", focusedVisible: "_1rsrm2f27n" }, defaultClass: "_1rsrm2f27i" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f27o", hover: "_1rsrm2f27p", active: "_1rsrm2f27q", selection: "_1rsrm2f27r", focused: "_1rsrm2f27s", focusedVisible: "_1rsrm2f27t" }, defaultClass: "_1rsrm2f27o" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f27u", hover: "_1rsrm2f27v", active: "_1rsrm2f27w", selection: "_1rsrm2f27x", focused: "_1rsrm2f27y", focusedVisible: "_1rsrm2f27z" }, defaultClass: "_1rsrm2f27u" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f280", hover: "_1rsrm2f281", active: "_1rsrm2f282", selection: "_1rsrm2f283", focused: "_1rsrm2f284", focusedVisible: "_1rsrm2f285" }, defaultClass: "_1rsrm2f280" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f286", hover: "_1rsrm2f287", active: "_1rsrm2f288", selection: "_1rsrm2f289", focused: "_1rsrm2f28a", focusedVisible: "_1rsrm2f28b" }, defaultClass: "_1rsrm2f286" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f28c", hover: "_1rsrm2f28d", active: "_1rsrm2f28e", selection: "_1rsrm2f28f", focused: "_1rsrm2f28g", focusedVisible: "_1rsrm2f28h" }, defaultClass: "_1rsrm2f28c" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f28i", hover: "_1rsrm2f28j", active: "_1rsrm2f28k", selection: "_1rsrm2f28l", focused: "_1rsrm2f28m", focusedVisible: "_1rsrm2f28n" }, defaultClass: "_1rsrm2f28i" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f28o", hover: "_1rsrm2f28p", active: "_1rsrm2f28q", selection: "_1rsrm2f28r", focused: "_1rsrm2f28s", focusedVisible: "_1rsrm2f28t" }, defaultClass: "_1rsrm2f28o" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f28u", hover: "_1rsrm2f28v", active: "_1rsrm2f28w", selection: "_1rsrm2f28x", focused: "_1rsrm2f28y", focusedVisible: "_1rsrm2f28z" }, defaultClass: "_1rsrm2f28u" }, optionBoxBackground: { conditions: { base: "_1rsrm2f290", hover: "_1rsrm2f291", active: "_1rsrm2f292", selection: "_1rsrm2f293", focused: "_1rsrm2f294", focusedVisible: "_1rsrm2f295" }, defaultClass: "_1rsrm2f290" }, optionBoxBackgroundUninteractive: { conditions: { base: "_1rsrm2f296", hover: "_1rsrm2f297", active: "_1rsrm2f298", selection: "_1rsrm2f299", focused: "_1rsrm2f29a", focusedVisible: "_1rsrm2f29b" }, defaultClass: "_1rsrm2f296" }, optionBoxBorderBase: { conditions: { base: "_1rsrm2f29c", hover: "_1rsrm2f29d", active: "_1rsrm2f29e", selection: "_1rsrm2f29f", focused: "_1rsrm2f29g", focusedVisible: "_1rsrm2f29h" }, defaultClass: "_1rsrm2f29c" }, optionBoxBorderHover: { conditions: { base: "_1rsrm2f29i", hover: "_1rsrm2f29j", active: "_1rsrm2f29k", selection: "_1rsrm2f29l", focused: "_1rsrm2f29m", focusedVisible: "_1rsrm2f29n" }, defaultClass: "_1rsrm2f29i" }, optionBoxDefaultModeNotActiveBorderBase: { conditions: { base: "_1rsrm2f29o", hover: "_1rsrm2f29p", active: "_1rsrm2f29q", selection: "_1rsrm2f29r", focused: "_1rsrm2f29s", focusedVisible: "_1rsrm2f29t" }, defaultClass: "_1rsrm2f29o" }, optionBoxDefaultModeNotActiveBorderHover: { conditions: { base: "_1rsrm2f29u", hover: "_1rsrm2f29v", active: "_1rsrm2f29w", selection: "_1rsrm2f29x", focused: "_1rsrm2f29y", focusedVisible: "_1rsrm2f29z" }, defaultClass: "_1rsrm2f29u" }, openDropdownBackgroundColor: { conditions: { base: "_1rsrm2f2a0", hover: "_1rsrm2f2a1", active: "_1rsrm2f2a2", selection: "_1rsrm2f2a3", focused: "_1rsrm2f2a4", focusedVisible: "_1rsrm2f2a5" }, defaultClass: "_1rsrm2f2a0" }, dropdownActiveItemBackgroundBase: { conditions: { base: "_1rsrm2f2a6", hover: "_1rsrm2f2a7", active: "_1rsrm2f2a8", selection: "_1rsrm2f2a9", focused: "_1rsrm2f2aa", focusedVisible: "_1rsrm2f2ab" }, defaultClass: "_1rsrm2f2a6" }, dropdownActiveItemBackgroundHover: { conditions: { base: "_1rsrm2f2ac", hover: "_1rsrm2f2ad", active: "_1rsrm2f2ae", selection: "_1rsrm2f2af", focused: "_1rsrm2f2ag", focusedVisible: "_1rsrm2f2ah" }, defaultClass: "_1rsrm2f2ac" }, dropdownActiveItemBackgroundDisabled: { conditions: { base: "_1rsrm2f2ai", hover: "_1rsrm2f2aj", active: "_1rsrm2f2ak", selection: "_1rsrm2f2al", focused: "_1rsrm2f2am", focusedVisible: "_1rsrm2f2an" }, defaultClass: "_1rsrm2f2ai" }, dropdownActiveItemBorderBase: { conditions: { base: "_1rsrm2f2ao", hover: "_1rsrm2f2ap", active: "_1rsrm2f2aq", selection: "_1rsrm2f2ar", focused: "_1rsrm2f2as", focusedVisible: "_1rsrm2f2at" }, defaultClass: "_1rsrm2f2ao" }, dropdownActiveItemBorderHover: { conditions: { base: "_1rsrm2f2au", hover: "_1rsrm2f2av", active: "_1rsrm2f2aw", selection: "_1rsrm2f2ax", focused: "_1rsrm2f2ay", focusedVisible: "_1rsrm2f2az" }, defaultClass: "_1rsrm2f2au" }, dropdownGroupHeader: { conditions: { base: "_1rsrm2f2b0", hover: "_1rsrm2f2b1", active: "_1rsrm2f2b2", selection: "_1rsrm2f2b3", focused: "_1rsrm2f2b4", focusedVisible: "_1rsrm2f2b5" }, defaultClass: "_1rsrm2f2b0" }, selectedDropdownItemBackground: { conditions: { base: "_1rsrm2f2b6", hover: "_1rsrm2f2b7", active: "_1rsrm2f2b8", selection: "_1rsrm2f2b9", focused: "_1rsrm2f2ba", focusedVisible: "_1rsrm2f2bb" }, defaultClass: "_1rsrm2f2b6" }, alwaysVisibleLabelBackgroundHover: { conditions: { base: "_1rsrm2f2bc", hover: "_1rsrm2f2bd", active: "_1rsrm2f2be", selection: "_1rsrm2f2bf", focused: "_1rsrm2f2bg", focusedVisible: "_1rsrm2f2bh" }, defaultClass: "_1rsrm2f2bc" }, selectedDropdownItemText: { conditions: { base: "_1rsrm2f2bi", hover: "_1rsrm2f2bj", active: "_1rsrm2f2bk", selection: "_1rsrm2f2bl", focused: "_1rsrm2f2bm", focusedVisible: "_1rsrm2f2bn" }, defaultClass: "_1rsrm2f2bi" }, useConnectedBackgroundBase: { conditions: { base: "_1rsrm2f2bo", hover: "_1rsrm2f2bp", active: "_1rsrm2f2bq", selection: "_1rsrm2f2br", focused: "_1rsrm2f2bs", focusedVisible: "_1rsrm2f2bt" }, defaultClass: "_1rsrm2f2bo" }, useConnectedBackgroundHover: { conditions: { base: "_1rsrm2f2bu", hover: "_1rsrm2f2bv", active: "_1rsrm2f2bw", selection: "_1rsrm2f2bx", focused: "_1rsrm2f2by", focusedVisible: "_1rsrm2f2bz" }, defaultClass: "_1rsrm2f2bu" }, copyButtonBackgroundBase: { conditions: { base: "_1rsrm2f2c0", hover: "_1rsrm2f2c1", active: "_1rsrm2f2c2", selection: "_1rsrm2f2c3", focused: "_1rsrm2f2c4", focusedVisible: "_1rsrm2f2c5" }, defaultClass: "_1rsrm2f2c0" }, copyButtonBackgroundHover: { conditions: { base: "_1rsrm2f2c6", hover: "_1rsrm2f2c7", active: "_1rsrm2f2c8", selection: "_1rsrm2f2c9", focused: "_1rsrm2f2ca", focusedVisible: "_1rsrm2f2cb" }, defaultClass: "_1rsrm2f2c6" }, copyButtonBackgroundActive: { conditions: { base: "_1rsrm2f2cc", hover: "_1rsrm2f2cd", active: "_1rsrm2f2ce", selection: "_1rsrm2f2cf", focused: "_1rsrm2f2cg", focusedVisible: "_1rsrm2f2ch" }, defaultClass: "_1rsrm2f2cc" }, copyButtonBorderBase: { conditions: { base: "_1rsrm2f2ci", hover: "_1rsrm2f2cj", active: "_1rsrm2f2ck", selection: "_1rsrm2f2cl", focused: "_1rsrm2f2cm", focusedVisible: "_1rsrm2f2cn" }, defaultClass: "_1rsrm2f2ci" }, copyButtonBorderHover: { conditions: { base: "_1rsrm2f2co", hover: "_1rsrm2f2cp", active: "_1rsrm2f2cq", selection: "_1rsrm2f2cr", focused: "_1rsrm2f2cs", focusedVisible: "_1rsrm2f2ct" }, defaultClass: "_1rsrm2f2co" }, funFeatureListBackgroundBase: { conditions: { base: "_1rsrm2f2cu", hover: "_1rsrm2f2cv", active: "_1rsrm2f2cw", selection: "_1rsrm2f2cx", focused: "_1rsrm2f2cy", focusedVisible: "_1rsrm2f2cz" }, defaultClass: "_1rsrm2f2cu" }, funFeatureListBackgroundHover: { conditions: { base: "_1rsrm2f2d0", hover: "_1rsrm2f2d1", active: "_1rsrm2f2d2", selection: "_1rsrm2f2d3", focused: "_1rsrm2f2d4", focusedVisible: "_1rsrm2f2d5" }, defaultClass: "_1rsrm2f2d0" }, funFeatureListBorderColor: { conditions: { base: "_1rsrm2f2d6", hover: "_1rsrm2f2d7", active: "_1rsrm2f2d8", selection: "_1rsrm2f2d9", focused: "_1rsrm2f2da", focusedVisible: "_1rsrm2f2db" }, defaultClass: "_1rsrm2f2d6" }, funFeatureListBorderColorHover: { conditions: { base: "_1rsrm2f2dc", hover: "_1rsrm2f2dd", active: "_1rsrm2f2de", selection: "_1rsrm2f2df", focused: "_1rsrm2f2dg", focusedVisible: "_1rsrm2f2dh" }, defaultClass: "_1rsrm2f2dc" }, spinnerBackground: { conditions: { base: "_1rsrm2f2di", hover: "_1rsrm2f2dj", active: "_1rsrm2f2dk", selection: "_1rsrm2f2dl", focused: "_1rsrm2f2dm", focusedVisible: "_1rsrm2f2dn" }, defaultClass: "_1rsrm2f2di" }, spinnerIndicator: { conditions: { base: "_1rsrm2f2do", hover: "_1rsrm2f2dp", active: "_1rsrm2f2dq", selection: "_1rsrm2f2dr", focused: "_1rsrm2f2ds", focusedVisible: "_1rsrm2f2dt" }, defaultClass: "_1rsrm2f2do" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f2du", hover: "_1rsrm2f2dv", active: "_1rsrm2f2dw", selection: "_1rsrm2f2dx", focused: "_1rsrm2f2dy", focusedVisible: "_1rsrm2f2dz" }, defaultClass: "_1rsrm2f2du" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f2e0", hover: "_1rsrm2f2e1", active: "_1rsrm2f2e2", selection: "_1rsrm2f2e3", focused: "_1rsrm2f2e4", focusedVisible: "_1rsrm2f2e5" }, defaultClass: "_1rsrm2f2e0" }, txSummaryBoxBackground: { conditions: { base: "_1rsrm2f2e6", hover: "_1rsrm2f2e7", active: "_1rsrm2f2e8", selection: "_1rsrm2f2e9", focused: "_1rsrm2f2ea", focusedVisible: "_1rsrm2f2eb" }, defaultClass: "_1rsrm2f2e6" }, txSummaryBoxBorder: { conditions: { base: "_1rsrm2f2ec", hover: "_1rsrm2f2ed", active: "_1rsrm2f2ee", selection: "_1rsrm2f2ef", focused: "_1rsrm2f2eg", focusedVisible: "_1rsrm2f2eh" }, defaultClass: "_1rsrm2f2ec" }, counterRingColor: { conditions: { base: "_1rsrm2f2ei", hover: "_1rsrm2f2ej", active: "_1rsrm2f2ek", selection: "_1rsrm2f2el", focused: "_1rsrm2f2em", focusedVisible: "_1rsrm2f2en" }, defaultClass: "_1rsrm2f2ei" }, cryptoCashToggleContainerBorderColor: { conditions: { base: "_1rsrm2f2eo", hover: "_1rsrm2f2ep", active: "_1rsrm2f2eq", selection: "_1rsrm2f2er", focused: "_1rsrm2f2es", focusedVisible: "_1rsrm2f2et" }, defaultClass: "_1rsrm2f2eo" }, cryptoCashToggleBackground: { conditions: { base: "_1rsrm2f2eu", hover: "_1rsrm2f2ev", active: "_1rsrm2f2ew", selection: "_1rsrm2f2ex", focused: "_1rsrm2f2ey", focusedVisible: "_1rsrm2f2ez" }, defaultClass: "_1rsrm2f2eu" }, withdrawalYouWillReceiveLabel: { conditions: { base: "_1rsrm2f2f0", hover: "_1rsrm2f2f1", active: "_1rsrm2f2f2", selection: "_1rsrm2f2f3", focused: "_1rsrm2f2f4", focusedVisible: "_1rsrm2f2f5" }, defaultClass: "_1rsrm2f2f0" }, withdrawalYouWillReceiveValueCrypto: { conditions: { base: "_1rsrm2f2f6", hover: "_1rsrm2f2f7", active: "_1rsrm2f2f8", selection: "_1rsrm2f2f9", focused: "_1rsrm2f2fa", focusedVisible: "_1rsrm2f2fb" }, defaultClass: "_1rsrm2f2f6" }, withdrawalYouWillReceiveValueUsd: { conditions: { base: "_1rsrm2f2fc", hover: "_1rsrm2f2fd", active: "_1rsrm2f2fe", selection: "_1rsrm2f2ff", focused: "_1rsrm2f2fg", focusedVisible: "_1rsrm2f2fh" }, defaultClass: "_1rsrm2f2fc" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f2fi", hover: "_1rsrm2f2fj", active: "_1rsrm2f2fk", selection: "_1rsrm2f2fl", focused: "_1rsrm2f2fm", focusedVisible: "_1rsrm2f2fn" }, defaultClass: "_1rsrm2f2fi" }, dialog: { conditions: { base: "_1rsrm2f2fo", hover: "_1rsrm2f2fp", active: "_1rsrm2f2fq", selection: "_1rsrm2f2fr", focused: "_1rsrm2f2fs", focusedVisible: "_1rsrm2f2ft" }, defaultClass: "_1rsrm2f2fo" }, selectedOption: { conditions: { base: "_1rsrm2f2fu", hover: "_1rsrm2f2fv", active: "_1rsrm2f2fw", selection: "_1rsrm2f2fx", focused: "_1rsrm2f2fy", focusedVisible: "_1rsrm2f2fz" }, defaultClass: "_1rsrm2f2fu" }, selectedWallet: { conditions: { base: "_1rsrm2f2g0", hover: "_1rsrm2f2g1", active: "_1rsrm2f2g2", selection: "_1rsrm2f2g3", focused: "_1rsrm2f2g4", focusedVisible: "_1rsrm2f2g5" }, defaultClass: "_1rsrm2f2g0" }, dropdown: { conditions: { base: "_1rsrm2f2g6", hover: "_1rsrm2f2g7", active: "_1rsrm2f2g8", selection: "_1rsrm2f2g9", focused: "_1rsrm2f2ga", focusedVisible: "_1rsrm2f2gb" }, defaultClass: "_1rsrm2f2g6" }, notification: { conditions: { base: "_1rsrm2f2gc", hover: "_1rsrm2f2gd", active: "_1rsrm2f2ge", selection: "_1rsrm2f2gf", focused: "_1rsrm2f2gg", focusedVisible: "_1rsrm2f2gh" }, defaultClass: "_1rsrm2f2gc" }, qrCode: { conditions: { base: "_1rsrm2f2gi", hover: "_1rsrm2f2gj", active: "_1rsrm2f2gk", selection: "_1rsrm2f2gl", focused: "_1rsrm2f2gm", focusedVisible: "_1rsrm2f2gn" }, defaultClass: "_1rsrm2f2gi" }, buttonShadow: { conditions: { base: "_1rsrm2f2go", hover: "_1rsrm2f2gp", active: "_1rsrm2f2gq", selection: "_1rsrm2f2gr", focused: "_1rsrm2f2gs", focusedVisible: "_1rsrm2f2gt" }, defaultClass: "_1rsrm2f2go" }, buttonShadowTertiary: { conditions: { base: "_1rsrm2f2gu", hover: "_1rsrm2f2gv", active: "_1rsrm2f2gw", selection: "_1rsrm2f2gx", focused: "_1rsrm2f2gy", focusedVisible: "_1rsrm2f2gz" }, defaultClass: "_1rsrm2f2gu" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f2h0", hover: "_1rsrm2f2h1", active: "_1rsrm2f2h2", selection: "_1rsrm2f2h3", focused: "_1rsrm2f2h4", focusedVisible: "_1rsrm2f2h5" }, defaultClass: "_1rsrm2f2h0" }, buttonFocusedShadowTertiary: { conditions: { base: "_1rsrm2f2h6", hover: "_1rsrm2f2h7", active: "_1rsrm2f2h8", selection: "_1rsrm2f2h9", focused: "_1rsrm2f2ha", focusedVisible: "_1rsrm2f2hb" }, defaultClass: "_1rsrm2f2h6" }, buttonHoverShadow: { conditions: { base: "_1rsrm2f2hc", hover: "_1rsrm2f2hd", active: "_1rsrm2f2he", selection: "_1rsrm2f2hf", focused: "_1rsrm2f2hg", focusedVisible: "_1rsrm2f2hh" }, defaultClass: "_1rsrm2f2hc" }, buttonHoverShadowTertiary: { conditions: { base: "_1rsrm2f2hi", hover: "_1rsrm2f2hj", active: "_1rsrm2f2hk", selection: "_1rsrm2f2hl", focused: "_1rsrm2f2hm", focusedVisible: "_1rsrm2f2hn" }, defaultClass: "_1rsrm2f2hi" }, buttonDisabledShadow: { conditions: { base: "_1rsrm2f2ho", hover: "_1rsrm2f2hp", active: "_1rsrm2f2hq", selection: "_1rsrm2f2hr", focused: "_1rsrm2f2hs", focusedVisible: "_1rsrm2f2ht" }, defaultClass: "_1rsrm2f2ho" }, buttonDisabledShadowTertiary: { conditions: { base: "_1rsrm2f2hu", hover: "_1rsrm2f2hv", active: "_1rsrm2f2hw", selection: "_1rsrm2f2hx", focused: "_1rsrm2f2hy", focusedVisible: "_1rsrm2f2hz" }, defaultClass: "_1rsrm2f2hu" }, buttonInnerShadow: { conditions: { base: "_1rsrm2f2i0", hover: "_1rsrm2f2i1", active: "_1rsrm2f2i2", selection: "_1rsrm2f2i3", focused: "_1rsrm2f2i4", focusedVisible: "_1rsrm2f2i5" }, defaultClass: "_1rsrm2f2i0" }, buttonInnerShadowTertiary: { conditions: { base: "_1rsrm2f2i6", hover: "_1rsrm2f2i7", active: "_1rsrm2f2i8", selection: "_1rsrm2f2i9", focused: "_1rsrm2f2ia", focusedVisible: "_1rsrm2f2ib" }, defaultClass: "_1rsrm2f2i6" }, buttonFocusedInnerShadow: { conditions: { base: "_1rsrm2f2ic", hover: "_1rsrm2f2id", active: "_1rsrm2f2ie", selection: "_1rsrm2f2if", focused: "_1rsrm2f2ig", focusedVisible: "_1rsrm2f2ih" }, defaultClass: "_1rsrm2f2ic" }, buttonFocusedInnerShadowTertiary: { conditions: { base: "_1rsrm2f2ii", hover: "_1rsrm2f2ij", active: "_1rsrm2f2ik", selection: "_1rsrm2f2il", focused: "_1rsrm2f2im", focusedVisible: "_1rsrm2f2in" }, defaultClass: "_1rsrm2f2ii" }, buttonHoverInnerShadow: { conditions: { base: "_1rsrm2f2io", hover: "_1rsrm2f2ip", active: "_1rsrm2f2iq", selection: "_1rsrm2f2ir", focused: "_1rsrm2f2is", focusedVisible: "_1rsrm2f2it" }, defaultClass: "_1rsrm2f2io" }, buttonHoverInnerShadowTertiary: { conditions: { base: "_1rsrm2f2iu", hover: "_1rsrm2f2iv", active: "_1rsrm2f2iw", selection: "_1rsrm2f2ix", focused: "_1rsrm2f2iy", focusedVisible: "_1rsrm2f2iz" }, defaultClass: "_1rsrm2f2iu" }, buttonDisabledInnerShadow: { conditions: { base: "_1rsrm2f2j0", hover: "_1rsrm2f2j1", active: "_1rsrm2f2j2", selection: "_1rsrm2f2j3", focused: "_1rsrm2f2j4", focusedVisible: "_1rsrm2f2j5" }, defaultClass: "_1rsrm2f2j0" }, buttonDisabledInnerShadowTertiary: { conditions: { base: "_1rsrm2f2j6", hover: "_1rsrm2f2j7", active: "_1rsrm2f2j8", selection: "_1rsrm2f2j9", focused: "_1rsrm2f2ja", focusedVisible: "_1rsrm2f2jb" }, defaultClass: "_1rsrm2f2j6" }, selectedDropdownItem: { conditions: { base: "_1rsrm2f2jc", hover: "_1rsrm2f2jd", active: "_1rsrm2f2je", selection: "_1rsrm2f2jf", focused: "_1rsrm2f2jg", focusedVisible: "_1rsrm2f2jh" }, defaultClass: "_1rsrm2f2jc" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f2ji", hover: "_1rsrm2f2jj", active: "_1rsrm2f2jk", selection: "_1rsrm2f2jl", focused: "_1rsrm2f2jm", focusedVisible: "_1rsrm2f2jn" }, defaultClass: "_1rsrm2f2ji" }, accentColorForeground: { conditions: { base: "_1rsrm2f2jo", hover: "_1rsrm2f2jp", active: "_1rsrm2f2jq", selection: "_1rsrm2f2jr", focused: "_1rsrm2f2js", focusedVisible: "_1rsrm2f2jt" }, defaultClass: "_1rsrm2f2jo" }, actionButtonBorder: { conditions: { base: "_1rsrm2f2ju", hover: "_1rsrm2f2jv", active: "_1rsrm2f2jw", selection: "_1rsrm2f2jx", focused: "_1rsrm2f2jy", focusedVisible: "_1rsrm2f2jz" }, defaultClass: "_1rsrm2f2ju" }, connectButtonBackground: { conditions: { base: "_1rsrm2f2k0", hover: "_1rsrm2f2k1", active: "_1rsrm2f2k2", selection: "_1rsrm2f2k3", focused: "_1rsrm2f2k4", focusedVisible: "_1rsrm2f2k5" }, defaultClass: "_1rsrm2f2k0" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f2k6", hover: "_1rsrm2f2k7", active: "_1rsrm2f2k8", selection: "_1rsrm2f2k9", focused: "_1rsrm2f2ka", focusedVisible: "_1rsrm2f2kb" }, defaultClass: "_1rsrm2f2k6" }, connectButtonText: { conditions: { base: "_1rsrm2f2kc", hover: "_1rsrm2f2kd", active: "_1rsrm2f2ke", selection: "_1rsrm2f2kf", focused: "_1rsrm2f2kg", focusedVisible: "_1rsrm2f2kh" }, defaultClass: "_1rsrm2f2kc" }, connectButtonTextError: { conditions: { base: "_1rsrm2f2ki", hover: "_1rsrm2f2kj", active: "_1rsrm2f2kk", selection: "_1rsrm2f2kl", focused: "_1rsrm2f2km", focusedVisible: "_1rsrm2f2kn" }, defaultClass: "_1rsrm2f2ki" }, connectionIndicator: { conditions: { base: "_1rsrm2f2ko", hover: "_1rsrm2f2kp", active: "_1rsrm2f2kq", selection: "_1rsrm2f2kr", focused: "_1rsrm2f2ks", focusedVisible: "_1rsrm2f2kt" }, defaultClass: "_1rsrm2f2ko" }, error: { conditions: { base: "_1rsrm2f2ku", hover: "_1rsrm2f2kv", active: "_1rsrm2f2kw", selection: "_1rsrm2f2kx", focused: "_1rsrm2f2ky", focusedVisible: "_1rsrm2f2kz" }, defaultClass: "_1rsrm2f2ku" }, errorBackground: { conditions: { base: "_1rsrm2f2l0", hover: "_1rsrm2f2l1", active: "_1rsrm2f2l2", selection: "_1rsrm2f2l3", focused: "_1rsrm2f2l4", focusedVisible: "_1rsrm2f2l5" }, defaultClass: "_1rsrm2f2l0" }, errorBorder: { conditions: { base: "_1rsrm2f2l6", hover: "_1rsrm2f2l7", active: "_1rsrm2f2l8", selection: "_1rsrm2f2l9", focused: "_1rsrm2f2la", focusedVisible: "_1rsrm2f2lb" }, defaultClass: "_1rsrm2f2l6" }, generalBorder: { conditions: { base: "_1rsrm2f2lc", hover: "_1rsrm2f2ld", active: "_1rsrm2f2le", selection: "_1rsrm2f2lf", focused: "_1rsrm2f2lg", focusedVisible: "_1rsrm2f2lh" }, defaultClass: "_1rsrm2f2lc" }, generalBorderDim: { conditions: { base: "_1rsrm2f2li", hover: "_1rsrm2f2lj", active: "_1rsrm2f2lk", selection: "_1rsrm2f2ll", focused: "_1rsrm2f2lm", focusedVisible: "_1rsrm2f2ln" }, defaultClass: "_1rsrm2f2li" }, menuItemBackground: { conditions: { base: "_1rsrm2f2lo", hover: "_1rsrm2f2lp", active: "_1rsrm2f2lq", selection: "_1rsrm2f2lr", focused: "_1rsrm2f2ls", focusedVisible: "_1rsrm2f2lt" }, defaultClass: "_1rsrm2f2lo" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f2lu", hover: "_1rsrm2f2lv", active: "_1rsrm2f2lw", selection: "_1rsrm2f2lx", focused: "_1rsrm2f2ly", focusedVisible: "_1rsrm2f2lz" }, defaultClass: "_1rsrm2f2lu" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f2m0", hover: "_1rsrm2f2m1", active: "_1rsrm2f2m2", selection: "_1rsrm2f2m3", focused: "_1rsrm2f2m4", focusedVisible: "_1rsrm2f2m5" }, defaultClass: "_1rsrm2f2m0" }, standby: { conditions: { base: "_1rsrm2f2m6", hover: "_1rsrm2f2m7", active: "_1rsrm2f2m8", selection: "_1rsrm2f2m9", focused: "_1rsrm2f2ma", focusedVisible: "_1rsrm2f2mb" }, defaultClass: "_1rsrm2f2m6" }, success: { conditions: { base: "_1rsrm2f2mc", hover: "_1rsrm2f2md", active: "_1rsrm2f2me", selection: "_1rsrm2f2mf", focused: "_1rsrm2f2mg", focusedVisible: "_1rsrm2f2mh" }, defaultClass: "_1rsrm2f2mc" }, delayedStatusIcon: { conditions: { base: "_1rsrm2f2mi", hover: "_1rsrm2f2mj", active: "_1rsrm2f2mk", selection: "_1rsrm2f2ml", focused: "_1rsrm2f2mm", focusedVisible: "_1rsrm2f2mn" }, defaultClass: "_1rsrm2f2mi" }, chainIconBorder: { conditions: { base: "_1rsrm2f2mo", hover: "_1rsrm2f2mp", active: "_1rsrm2f2mq", selection: "_1rsrm2f2mr", focused: "_1rsrm2f2ms", focusedVisible: "_1rsrm2f2mt" }, defaultClass: "_1rsrm2f2mo" }, modalBackdrop: { conditions: { base: "_1rsrm2f2mu", hover: "_1rsrm2f2mv", active: "_1rsrm2f2mw", selection: "_1rsrm2f2mx", focused: "_1rsrm2f2my", focusedVisible: "_1rsrm2f2mz" }, defaultClass: "_1rsrm2f2mu" }, modalBackground: { conditions: { base: "_1rsrm2f2n0", hover: "_1rsrm2f2n1", active: "_1rsrm2f2n2", selection: "_1rsrm2f2n3", focused: "_1rsrm2f2n4", focusedVisible: "_1rsrm2f2n5" }, defaultClass: "_1rsrm2f2n0" }, modalBackgroundCheckoutComplete: { conditions: { base: "_1rsrm2f2n6", hover: "_1rsrm2f2n7", active: "_1rsrm2f2n8", selection: "_1rsrm2f2n9", focused: "_1rsrm2f2na", focusedVisible: "_1rsrm2f2nb" }, defaultClass: "_1rsrm2f2n6" }, modalBorder: { conditions: { base: "_1rsrm2f2nc", hover: "_1rsrm2f2nd", active: "_1rsrm2f2ne", selection: "_1rsrm2f2nf", focused: "_1rsrm2f2ng", focusedVisible: "_1rsrm2f2nh" }, defaultClass: "_1rsrm2f2nc" }, offBackground: { conditions: { base: "_1rsrm2f2ni", hover: "_1rsrm2f2nj", active: "_1rsrm2f2nk", selection: "_1rsrm2f2nl", focused: "_1rsrm2f2nm", focusedVisible: "_1rsrm2f2nn" }, defaultClass: "_1rsrm2f2ni" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f2no", hover: "_1rsrm2f2np", active: "_1rsrm2f2nq", selection: "_1rsrm2f2nr", focused: "_1rsrm2f2ns", focusedVisible: "_1rsrm2f2nt" }, defaultClass: "_1rsrm2f2no" }, hoverState: { conditions: { base: "_1rsrm2f2nu", hover: "_1rsrm2f2nv", active: "_1rsrm2f2nw", selection: "_1rsrm2f2nx", focused: "_1rsrm2f2ny", focusedVisible: "_1rsrm2f2nz" }, defaultClass: "_1rsrm2f2nu" }, lightStroke: { conditions: { base: "_1rsrm2f2o0", hover: "_1rsrm2f2o1", active: "_1rsrm2f2o2", selection: "_1rsrm2f2o3", focused: "_1rsrm2f2o4", focusedVisible: "_1rsrm2f2o5" }, defaultClass: "_1rsrm2f2o0" }, mediumStroke: { conditions: { base: "_1rsrm2f2o6", hover: "_1rsrm2f2o7", active: "_1rsrm2f2o8", selection: "_1rsrm2f2o9", focused: "_1rsrm2f2oa", focusedVisible: "_1rsrm2f2ob" }, defaultClass: "_1rsrm2f2o6" }, heavyStroke: { conditions: { base: "_1rsrm2f2oc", hover: "_1rsrm2f2od", active: "_1rsrm2f2oe", selection: "_1rsrm2f2of", focused: "_1rsrm2f2og", focusedVisible: "_1rsrm2f2oh" }, defaultClass: "_1rsrm2f2oc" }, strokeColor: { conditions: { base: "_1rsrm2f2oi", hover: "_1rsrm2f2oj", active: "_1rsrm2f2ok", selection: "_1rsrm2f2ol", focused: "_1rsrm2f2om", focusedVisible: "_1rsrm2f2on" }, defaultClass: "_1rsrm2f2oi" }, secondaryBackground: { conditions: { base: "_1rsrm2f2oo", hover: "_1rsrm2f2op", active: "_1rsrm2f2oq", selection: "_1rsrm2f2or", focused: "_1rsrm2f2os", focusedVisible: "_1rsrm2f2ot" }, defaultClass: "_1rsrm2f2oo" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f2ou", hover: "_1rsrm2f2ov", active: "_1rsrm2f2ow", selection: "_1rsrm2f2ox", focused: "_1rsrm2f2oy", focusedVisible: "_1rsrm2f2oz" }, defaultClass: "_1rsrm2f2ou" }, modalTopbarIconBackground: { conditions: { base: "_1rsrm2f2p0", hover: "_1rsrm2f2p1", active: "_1rsrm2f2p2", selection: "_1rsrm2f2p3", focused: "_1rsrm2f2p4", focusedVisible: "_1rsrm2f2p5" }, defaultClass: "_1rsrm2f2p0" }, modalTopbarIconBackgroundHover: { conditions: { base: "_1rsrm2f2p6", hover: "_1rsrm2f2p7", active: "_1rsrm2f2p8", selection: "_1rsrm2f2p9", focused: "_1rsrm2f2pa", focusedVisible: "_1rsrm2f2pb" }, defaultClass: "_1rsrm2f2p6" }, modalTopbarIconBackgroundPressed: { conditions: { base: "_1rsrm2f2pc", hover: "_1rsrm2f2pd", active: "_1rsrm2f2pe", selection: "_1rsrm2f2pf", focused: "_1rsrm2f2pg", focusedVisible: "_1rsrm2f2ph" }, defaultClass: "_1rsrm2f2pc" }, modalTopbarIconStroke: { conditions: { base: "_1rsrm2f2pi", hover: "_1rsrm2f2pj", active: "_1rsrm2f2pk", selection: "_1rsrm2f2pl", focused: "_1rsrm2f2pm", focusedVisible: "_1rsrm2f2pn" }, defaultClass: "_1rsrm2f2pi" }, primaryText: { conditions: { base: "_1rsrm2f2po", hover: "_1rsrm2f2pp", active: "_1rsrm2f2pq", selection: "_1rsrm2f2pr", focused: "_1rsrm2f2ps", focusedVisible: "_1rsrm2f2pt" }, defaultClass: "_1rsrm2f2po" }, secondaryText: { conditions: { base: "_1rsrm2f2pu", hover: "_1rsrm2f2pv", active: "_1rsrm2f2pw", selection: "_1rsrm2f2px", focused: "_1rsrm2f2py", focusedVisible: "_1rsrm2f2pz" }, defaultClass: "_1rsrm2f2pu" }, tertiaryText: { conditions: { base: "_1rsrm2f2q0", hover: "_1rsrm2f2q1", active: "_1rsrm2f2q2", selection: "_1rsrm2f2q3", focused: "_1rsrm2f2q4", focusedVisible: "_1rsrm2f2q5" }, defaultClass: "_1rsrm2f2q0" }, textSelection: { conditions: { base: "_1rsrm2f2q6", hover: "_1rsrm2f2q7", active: "_1rsrm2f2q8", selection: "_1rsrm2f2q9", focused: "_1rsrm2f2qa", focusedVisible: "_1rsrm2f2qb" }, defaultClass: "_1rsrm2f2q6" }, inputLabel: { conditions: { base: "_1rsrm2f2qc", hover: "_1rsrm2f2qd", active: "_1rsrm2f2qe", selection: "_1rsrm2f2qf", focused: "_1rsrm2f2qg", focusedVisible: "_1rsrm2f2qh" }, defaultClass: "_1rsrm2f2qc" }, inputBackground: { conditions: { base: "_1rsrm2f2qi", hover: "_1rsrm2f2qj", active: "_1rsrm2f2qk", selection: "_1rsrm2f2ql", focused: "_1rsrm2f2qm", focusedVisible: "_1rsrm2f2qn" }, defaultClass: "_1rsrm2f2qi" }, inputBackgroundHover: { conditions: { base: "_1rsrm2f2qo", hover: "_1rsrm2f2qp", active: "_1rsrm2f2qq", selection: "_1rsrm2f2qr", focused: "_1rsrm2f2qs", focusedVisible: "_1rsrm2f2qt" }, defaultClass: "_1rsrm2f2qo" }, inputBorderBase: { conditions: { base: "_1rsrm2f2qu", hover: "_1rsrm2f2qv", active: "_1rsrm2f2qw", selection: "_1rsrm2f2qx", focused: "_1rsrm2f2qy", focusedVisible: "_1rsrm2f2qz" }, defaultClass: "_1rsrm2f2qu" }, inputBorderHover: { conditions: { base: "_1rsrm2f2r0", hover: "_1rsrm2f2r1", active: "_1rsrm2f2r2", selection: "_1rsrm2f2r3", focused: "_1rsrm2f2r4", focusedVisible: "_1rsrm2f2r5" }, defaultClass: "_1rsrm2f2r0" }, activeTabBorderColor: { conditions: { base: "_1rsrm2f2r6", hover: "_1rsrm2f2r7", active: "_1rsrm2f2r8", selection: "_1rsrm2f2r9", focused: "_1rsrm2f2ra", focusedVisible: "_1rsrm2f2rb" }, defaultClass: "_1rsrm2f2r6" }, activeTabBackground: { conditions: { base: "_1rsrm2f2rc", hover: "_1rsrm2f2rd", active: "_1rsrm2f2re", selection: "_1rsrm2f2rf", focused: "_1rsrm2f2rg", focusedVisible: "_1rsrm2f2rh" }, defaultClass: "_1rsrm2f2rc" }, inactiveTabBorderColor: { conditions: { base: "_1rsrm2f2ri", hover: "_1rsrm2f2rj", active: "_1rsrm2f2rk", selection: "_1rsrm2f2rl", focused: "_1rsrm2f2rm", focusedVisible: "_1rsrm2f2rn" }, defaultClass: "_1rsrm2f2ri" }, inactiveTabBackgroundBase: { conditions: { base: "_1rsrm2f2ro", hover: "_1rsrm2f2rp", active: "_1rsrm2f2rq", selection: "_1rsrm2f2rr", focused: "_1rsrm2f2rs", focusedVisible: "_1rsrm2f2rt" }, defaultClass: "_1rsrm2f2ro" }, inactiveTabBackgroundHover: { conditions: { base: "_1rsrm2f2ru", hover: "_1rsrm2f2rv", active: "_1rsrm2f2rw", selection: "_1rsrm2f2rx", focused: "_1rsrm2f2ry", focusedVisible: "_1rsrm2f2rz" }, defaultClass: "_1rsrm2f2ru" }, inactiveTabBackgroundActive: { conditions: { base: "_1rsrm2f2s0", hover: "_1rsrm2f2s1", active: "_1rsrm2f2s2", selection: "_1rsrm2f2s3", focused: "_1rsrm2f2s4", focusedVisible: "_1rsrm2f2s5" }, defaultClass: "_1rsrm2f2s0" }, activeTabText: { conditions: { base: "_1rsrm2f2s6", hover: "_1rsrm2f2s7", active: "_1rsrm2f2s8", selection: "_1rsrm2f2s9", focused: "_1rsrm2f2sa", focusedVisible: "_1rsrm2f2sb" }, defaultClass: "_1rsrm2f2s6" }, inactiveTabTextBase: { conditions: { base: "_1rsrm2f2sc", hover: "_1rsrm2f2sd", active: "_1rsrm2f2se", selection: "_1rsrm2f2sf", focused: "_1rsrm2f2sg", focusedVisible: "_1rsrm2f2sh" }, defaultClass: "_1rsrm2f2sc" }, inactiveTabHover: { conditions: { base: "_1rsrm2f2si", hover: "_1rsrm2f2sj", active: "_1rsrm2f2sk", selection: "_1rsrm2f2sl", focused: "_1rsrm2f2sm", focusedVisible: "_1rsrm2f2sn" }, defaultClass: "_1rsrm2f2si" }, actionColor: { conditions: { base: "_1rsrm2f2so", hover: "_1rsrm2f2sp", active: "_1rsrm2f2sq", selection: "_1rsrm2f2sr", focused: "_1rsrm2f2ss", focusedVisible: "_1rsrm2f2st" }, defaultClass: "_1rsrm2f2so" }, actionColorHover: { conditions: { base: "_1rsrm2f2su", hover: "_1rsrm2f2sv", active: "_1rsrm2f2sw", selection: "_1rsrm2f2sx", focused: "_1rsrm2f2sy", focusedVisible: "_1rsrm2f2sz" }, defaultClass: "_1rsrm2f2su" }, actionColorDisabled: { conditions: { base: "_1rsrm2f2t0", hover: "_1rsrm2f2t1", active: "_1rsrm2f2t2", selection: "_1rsrm2f2t3", focused: "_1rsrm2f2t4", focusedVisible: "_1rsrm2f2t5" }, defaultClass: "_1rsrm2f2t0" }, buttonPrimary: { conditions: { base: "_1rsrm2f2t6", hover: "_1rsrm2f2t7", active: "_1rsrm2f2t8", selection: "_1rsrm2f2t9", focused: "_1rsrm2f2ta", focusedVisible: "_1rsrm2f2tb" }, defaultClass: "_1rsrm2f2t6" }, buttonDisabled: { conditions: { base: "_1rsrm2f2tc", hover: "_1rsrm2f2td", active: "_1rsrm2f2te", selection: "_1rsrm2f2tf", focused: "_1rsrm2f2tg", focusedVisible: "_1rsrm2f2th" }, defaultClass: "_1rsrm2f2tc" }, buttonWarning: { conditions: { base: "_1rsrm2f2ti", hover: "_1rsrm2f2tj", active: "_1rsrm2f2tk", selection: "_1rsrm2f2tl", focused: "_1rsrm2f2tm", focusedVisible: "_1rsrm2f2tn" }, defaultClass: "_1rsrm2f2ti" }, buttonSuccess: { conditions: { base: "_1rsrm2f2to", hover: "_1rsrm2f2tp", active: "_1rsrm2f2tq", selection: "_1rsrm2f2tr", focused: "_1rsrm2f2ts", focusedVisible: "_1rsrm2f2tt" }, defaultClass: "_1rsrm2f2to" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f2tu", hover: "_1rsrm2f2tv", active: "_1rsrm2f2tw", selection: "_1rsrm2f2tx", focused: "_1rsrm2f2ty", focusedVisible: "_1rsrm2f2tz" }, defaultClass: "_1rsrm2f2tu" }, buttonTextHover: { conditions: { base: "_1rsrm2f2u0", hover: "_1rsrm2f2u1", active: "_1rsrm2f2u2", selection: "_1rsrm2f2u3", focused: "_1rsrm2f2u4", focusedVisible: "_1rsrm2f2u5" }, defaultClass: "_1rsrm2f2u0" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f2u6", hover: "_1rsrm2f2u7", active: "_1rsrm2f2u8", selection: "_1rsrm2f2u9", focused: "_1rsrm2f2ua", focusedVisible: "_1rsrm2f2ub" }, defaultClass: "_1rsrm2f2u6" }, transparent: { conditions: { base: "_1rsrm2f2uc", hover: "_1rsrm2f2ud", active: "_1rsrm2f2ue", selection: "_1rsrm2f2uf", focused: "_1rsrm2f2ug", focusedVisible: "_1rsrm2f2uh" }, defaultClass: "_1rsrm2f2uc" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f2ui", hover: "_1rsrm2f2uj", active: "_1rsrm2f2uk", selection: "_1rsrm2f2ul", focused: "_1rsrm2f2um", focusedVisible: "_1rsrm2f2un" }, defaultClass: "_1rsrm2f2ui" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f2uo", hover: "_1rsrm2f2up", active: "_1rsrm2f2uq", selection: "_1rsrm2f2ur", focused: "_1rsrm2f2us", focusedVisible: "_1rsrm2f2ut" }, defaultClass: "_1rsrm2f2uo" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f2uu", hover: "_1rsrm2f2uv", active: "_1rsrm2f2uw", selection: "_1rsrm2f2ux", focused: "_1rsrm2f2uy", focusedVisible: "_1rsrm2f2uz" }, defaultClass: "_1rsrm2f2uu" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f2v0", hover: "_1rsrm2f2v1", active: "_1rsrm2f2v2", selection: "_1rsrm2f2v3", focused: "_1rsrm2f2v4", focusedVisible: "_1rsrm2f2v5" }, defaultClass: "_1rsrm2f2v0" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f2v6", hover: "_1rsrm2f2v7", active: "_1rsrm2f2v8", selection: "_1rsrm2f2v9", focused: "_1rsrm2f2va", focusedVisible: "_1rsrm2f2vb" }, defaultClass: "_1rsrm2f2v6" }, buttonBackground: { conditions: { base: "_1rsrm2f2vc", hover: "_1rsrm2f2vd", active: "_1rsrm2f2ve", selection: "_1rsrm2f2vf", focused: "_1rsrm2f2vg", focusedVisible: "_1rsrm2f2vh" }, defaultClass: "_1rsrm2f2vc" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f2vi", hover: "_1rsrm2f2vj", active: "_1rsrm2f2vk", selection: "_1rsrm2f2vl", focused: "_1rsrm2f2vm", focusedVisible: "_1rsrm2f2vn" }, defaultClass: "_1rsrm2f2vi" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f2vo", hover: "_1rsrm2f2vp", active: "_1rsrm2f2vq", selection: "_1rsrm2f2vr", focused: "_1rsrm2f2vs", focusedVisible: "_1rsrm2f2vt" }, defaultClass: "_1rsrm2f2vo" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f2vu", hover: "_1rsrm2f2vv", active: "_1rsrm2f2vw", selection: "_1rsrm2f2vx", focused: "_1rsrm2f2vy", focusedVisible: "_1rsrm2f2vz" }, defaultClass: "_1rsrm2f2vu" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f2w0", hover: "_1rsrm2f2w1", active: "_1rsrm2f2w2", selection: "_1rsrm2f2w3", focused: "_1rsrm2f2w4", focusedVisible: "_1rsrm2f2w5" }, defaultClass: "_1rsrm2f2w0" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f2w6", hover: "_1rsrm2f2w7", active: "_1rsrm2f2w8", selection: "_1rsrm2f2w9", focused: "_1rsrm2f2wa", focusedVisible: "_1rsrm2f2wb" }, defaultClass: "_1rsrm2f2w6" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f2wc", hover: "_1rsrm2f2wd", active: "_1rsrm2f2we", selection: "_1rsrm2f2wf", focused: "_1rsrm2f2wg", focusedVisible: "_1rsrm2f2wh" }, defaultClass: "_1rsrm2f2wc" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f2wi", hover: "_1rsrm2f2wj", active: "_1rsrm2f2wk", selection: "_1rsrm2f2wl", focused: "_1rsrm2f2wm", focusedVisible: "_1rsrm2f2wn" }, defaultClass: "_1rsrm2f2wi" }, buttonIconStroke: { conditions: { base: "_1rsrm2f2wo", hover: "_1rsrm2f2wp", active: "_1rsrm2f2wq", selection: "_1rsrm2f2wr", focused: "_1rsrm2f2ws", focusedVisible: "_1rsrm2f2wt" }, defaultClass: "_1rsrm2f2wo" }, buttonBorderTertiary: { conditions: { base: "_1rsrm2f2wu", hover: "_1rsrm2f2wv", active: "_1rsrm2f2ww", selection: "_1rsrm2f2wx", focused: "_1rsrm2f2wy", focusedVisible: "_1rsrm2f2wz" }, defaultClass: "_1rsrm2f2wu" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f2x0", hover: "_1rsrm2f2x1", active: "_1rsrm2f2x2", selection: "_1rsrm2f2x3", focused: "_1rsrm2f2x4", focusedVisible: "_1rsrm2f2x5" }, defaultClass: "_1rsrm2f2x0" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f2x6", hover: "_1rsrm2f2x7", active: "_1rsrm2f2x8", selection: "_1rsrm2f2x9", focused: "_1rsrm2f2xa", focusedVisible: "_1rsrm2f2xb" }, defaultClass: "_1rsrm2f2x6" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f2xc", hover: "_1rsrm2f2xd", active: "_1rsrm2f2xe", selection: "_1rsrm2f2xf", focused: "_1rsrm2f2xg", focusedVisible: "_1rsrm2f2xh" }, defaultClass: "_1rsrm2f2xc" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f2xi", hover: "_1rsrm2f2xj", active: "_1rsrm2f2xk", selection: "_1rsrm2f2xl", focused: "_1rsrm2f2xm", focusedVisible: "_1rsrm2f2xn" }, defaultClass: "_1rsrm2f2xi" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f2xo", hover: "_1rsrm2f2xp", active: "_1rsrm2f2xq", selection: "_1rsrm2f2xr", focused: "_1rsrm2f2xs", focusedVisible: "_1rsrm2f2xt" }, defaultClass: "_1rsrm2f2xo" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f2xu", hover: "_1rsrm2f2xv", active: "_1rsrm2f2xw", selection: "_1rsrm2f2xx", focused: "_1rsrm2f2xy", focusedVisible: "_1rsrm2f2xz" }, defaultClass: "_1rsrm2f2xu" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f2y0", hover: "_1rsrm2f2y1", active: "_1rsrm2f2y2", selection: "_1rsrm2f2y3", focused: "_1rsrm2f2y4", focusedVisible: "_1rsrm2f2y5" }, defaultClass: "_1rsrm2f2y0" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f2y6", hover: "_1rsrm2f2y7", active: "_1rsrm2f2y8", selection: "_1rsrm2f2y9", focused: "_1rsrm2f2ya", focusedVisible: "_1rsrm2f2yb" }, defaultClass: "_1rsrm2f2y6" }, newBadgeBackground: { conditions: { base: "_1rsrm2f2yc", hover: "_1rsrm2f2yd", active: "_1rsrm2f2ye", selection: "_1rsrm2f2yf", focused: "_1rsrm2f2yg", focusedVisible: "_1rsrm2f2yh" }, defaultClass: "_1rsrm2f2yc" }, newBadgeBorder: { conditions: { base: "_1rsrm2f2yi", hover: "_1rsrm2f2yj", active: "_1rsrm2f2yk", selection: "_1rsrm2f2yl", focused: "_1rsrm2f2ym", focusedVisible: "_1rsrm2f2yn" }, defaultClass: "_1rsrm2f2yi" }, newBadgeText: { conditions: { base: "_1rsrm2f2yo", hover: "_1rsrm2f2yp", active: "_1rsrm2f2yq", selection: "_1rsrm2f2yr", focused: "_1rsrm2f2ys", focusedVisible: "_1rsrm2f2yt" }, defaultClass: "_1rsrm2f2yo" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f2yu", hover: "_1rsrm2f2yv", active: "_1rsrm2f2yw", selection: "_1rsrm2f2yx", focused: "_1rsrm2f2yy", focusedVisible: "_1rsrm2f2yz" }, defaultClass: "_1rsrm2f2yu" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f2z0", hover: "_1rsrm2f2z1", active: "_1rsrm2f2z2", selection: "_1rsrm2f2z3", focused: "_1rsrm2f2z4", focusedVisible: "_1rsrm2f2z5" }, defaultClass: "_1rsrm2f2z0" }, approvedBadgeText: { conditions: { base: "_1rsrm2f2z6", hover: "_1rsrm2f2z7", active: "_1rsrm2f2z8", selection: "_1rsrm2f2z9", focused: "_1rsrm2f2za", focusedVisible: "_1rsrm2f2zb" }, defaultClass: "_1rsrm2f2z6" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f2zc", hover: "_1rsrm2f2zd", active: "_1rsrm2f2ze", selection: "_1rsrm2f2zf", focused: "_1rsrm2f2zg", focusedVisible: "_1rsrm2f2zh" }, defaultClass: "_1rsrm2f2zc" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f2zi", hover: "_1rsrm2f2zj", active: "_1rsrm2f2zk", selection: "_1rsrm2f2zl", focused: "_1rsrm2f2zm", focusedVisible: "_1rsrm2f2zn" }, defaultClass: "_1rsrm2f2zi" }, failedBadgeText: { conditions: { base: "_1rsrm2f2zo", hover: "_1rsrm2f2zp", active: "_1rsrm2f2zq", selection: "_1rsrm2f2zr", focused: "_1rsrm2f2zs", focusedVisible: "_1rsrm2f2zt" }, defaultClass: "_1rsrm2f2zo" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f2zu", hover: "_1rsrm2f2zv", active: "_1rsrm2f2zw", selection: "_1rsrm2f2zx", focused: "_1rsrm2f2zy", focusedVisible: "_1rsrm2f2zz" }, defaultClass: "_1rsrm2f2zu" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f300", hover: "_1rsrm2f301", active: "_1rsrm2f302", selection: "_1rsrm2f303", focused: "_1rsrm2f304", focusedVisible: "_1rsrm2f305" }, defaultClass: "_1rsrm2f300" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f306", hover: "_1rsrm2f307", active: "_1rsrm2f308", selection: "_1rsrm2f309", focused: "_1rsrm2f30a", focusedVisible: "_1rsrm2f30b" }, defaultClass: "_1rsrm2f306" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f30c", hover: "_1rsrm2f30d", active: "_1rsrm2f30e", selection: "_1rsrm2f30f", focused: "_1rsrm2f30g", focusedVisible: "_1rsrm2f30h" }, defaultClass: "_1rsrm2f30c" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f30i", hover: "_1rsrm2f30j", active: "_1rsrm2f30k", selection: "_1rsrm2f30l", focused: "_1rsrm2f30m", focusedVisible: "_1rsrm2f30n" }, defaultClass: "_1rsrm2f30i" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f30o", hover: "_1rsrm2f30p", active: "_1rsrm2f30q", selection: "_1rsrm2f30r", focused: "_1rsrm2f30s", focusedVisible: "_1rsrm2f30t" }, defaultClass: "_1rsrm2f30o" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f30u", hover: "_1rsrm2f30v", active: "_1rsrm2f30w", selection: "_1rsrm2f30x", focused: "_1rsrm2f30y", focusedVisible: "_1rsrm2f30z" }, defaultClass: "_1rsrm2f30u" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f310", hover: "_1rsrm2f311", active: "_1rsrm2f312", selection: "_1rsrm2f313", focused: "_1rsrm2f314", focusedVisible: "_1rsrm2f315" }, defaultClass: "_1rsrm2f310" }, inputAmountFiatDecimalsColor: { conditions: { base: "_1rsrm2f316", hover: "_1rsrm2f317", active: "_1rsrm2f318", selection: "_1rsrm2f319", focused: "_1rsrm2f31a", focusedVisible: "_1rsrm2f31b" }, defaultClass: "_1rsrm2f316" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f31c", hover: "_1rsrm2f31d", active: "_1rsrm2f31e", selection: "_1rsrm2f31f", focused: "_1rsrm2f31g", focusedVisible: "_1rsrm2f31h" }, defaultClass: "_1rsrm2f31c" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f31i", hover: "_1rsrm2f31j", active: "_1rsrm2f31k", selection: "_1rsrm2f31l", focused: "_1rsrm2f31m", focusedVisible: "_1rsrm2f31n" }, defaultClass: "_1rsrm2f31i" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f31o", hover: "_1rsrm2f31p", active: "_1rsrm2f31q", selection: "_1rsrm2f31r", focused: "_1rsrm2f31s", focusedVisible: "_1rsrm2f31t" }, defaultClass: "_1rsrm2f31o" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f31u", hover: "_1rsrm2f31v", active: "_1rsrm2f31w", selection: "_1rsrm2f31x", focused: "_1rsrm2f31y", focusedVisible: "_1rsrm2f31z" }, defaultClass: "_1rsrm2f31u" }, announceGradientFrom: { conditions: { base: "_1rsrm2f320", hover: "_1rsrm2f321", active: "_1rsrm2f322", selection: "_1rsrm2f323", focused: "_1rsrm2f324", focusedVisible: "_1rsrm2f325" }, defaultClass: "_1rsrm2f320" }, announceGradientTo: { conditions: { base: "_1rsrm2f326", hover: "_1rsrm2f327", active: "_1rsrm2f328", selection: "_1rsrm2f329", focused: "_1rsrm2f32a", focusedVisible: "_1rsrm2f32b" }, defaultClass: "_1rsrm2f326" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f32c", hover: "_1rsrm2f32d", active: "_1rsrm2f32e", selection: "_1rsrm2f32f", focused: "_1rsrm2f32g", focusedVisible: "_1rsrm2f32h" }, defaultClass: "_1rsrm2f32c" }, modalFooterDivider: { conditions: { base: "_1rsrm2f32i", hover: "_1rsrm2f32j", active: "_1rsrm2f32k", selection: "_1rsrm2f32l", focused: "_1rsrm2f32m", focusedVisible: "_1rsrm2f32n" }, defaultClass: "_1rsrm2f32i" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f32o", hover: "_1rsrm2f32p", active: "_1rsrm2f32q", selection: "_1rsrm2f32r", focused: "_1rsrm2f32s", focusedVisible: "_1rsrm2f32t" }, defaultClass: "_1rsrm2f32o" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f32u", hover: "_1rsrm2f32v", active: "_1rsrm2f32w", selection: "_1rsrm2f32x", focused: "_1rsrm2f32y", focusedVisible: "_1rsrm2f32z" }, defaultClass: "_1rsrm2f32u" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f330", hover: "_1rsrm2f331", active: "_1rsrm2f332", selection: "_1rsrm2f333", focused: "_1rsrm2f334", focusedVisible: "_1rsrm2f335" }, defaultClass: "_1rsrm2f330" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f336", hover: "_1rsrm2f337", active: "_1rsrm2f338", selection: "_1rsrm2f339", focused: "_1rsrm2f33a", focusedVisible: "_1rsrm2f33b" }, defaultClass: "_1rsrm2f336" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f33c", hover: "_1rsrm2f33d", active: "_1rsrm2f33e", selection: "_1rsrm2f33f", focused: "_1rsrm2f33g", focusedVisible: "_1rsrm2f33h" }, defaultClass: "_1rsrm2f33c" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f33i", hover: "_1rsrm2f33j", active: "_1rsrm2f33k", selection: "_1rsrm2f33l", focused: "_1rsrm2f33m", focusedVisible: "_1rsrm2f33n" }, defaultClass: "_1rsrm2f33i" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f33o", hover: "_1rsrm2f33p", active: "_1rsrm2f33q", selection: "_1rsrm2f33r", focused: "_1rsrm2f33s", focusedVisible: "_1rsrm2f33t" }, defaultClass: "_1rsrm2f33o" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f33u", hover: "_1rsrm2f33v", active: "_1rsrm2f33w", selection: "_1rsrm2f33x", focused: "_1rsrm2f33y", focusedVisible: "_1rsrm2f33z" }, defaultClass: "_1rsrm2f33u" }, optionBoxBackground: { conditions: { base: "_1rsrm2f340", hover: "_1rsrm2f341", active: "_1rsrm2f342", selection: "_1rsrm2f343", focused: "_1rsrm2f344", focusedVisible: "_1rsrm2f345" }, defaultClass: "_1rsrm2f340" }, optionBoxBackgroundUninteractive: { conditions: { base: "_1rsrm2f346", hover: "_1rsrm2f347", active: "_1rsrm2f348", selection: "_1rsrm2f349", focused: "_1rsrm2f34a", focusedVisible: "_1rsrm2f34b" }, defaultClass: "_1rsrm2f346" }, optionBoxBorderBase: { conditions: { base: "_1rsrm2f34c", hover: "_1rsrm2f34d", active: "_1rsrm2f34e", selection: "_1rsrm2f34f", focused: "_1rsrm2f34g", focusedVisible: "_1rsrm2f34h" }, defaultClass: "_1rsrm2f34c" }, optionBoxBorderHover: { conditions: { base: "_1rsrm2f34i", hover: "_1rsrm2f34j", active: "_1rsrm2f34k", selection: "_1rsrm2f34l", focused: "_1rsrm2f34m", focusedVisible: "_1rsrm2f34n" }, defaultClass: "_1rsrm2f34i" }, optionBoxDefaultModeNotActiveBorderBase: { conditions: { base: "_1rsrm2f34o", hover: "_1rsrm2f34p", active: "_1rsrm2f34q", selection: "_1rsrm2f34r", focused: "_1rsrm2f34s", focusedVisible: "_1rsrm2f34t" }, defaultClass: "_1rsrm2f34o" }, optionBoxDefaultModeNotActiveBorderHover: { conditions: { base: "_1rsrm2f34u", hover: "_1rsrm2f34v", active: "_1rsrm2f34w", selection: "_1rsrm2f34x", focused: "_1rsrm2f34y", focusedVisible: "_1rsrm2f34z" }, defaultClass: "_1rsrm2f34u" }, openDropdownBackgroundColor: { conditions: { base: "_1rsrm2f350", hover: "_1rsrm2f351", active: "_1rsrm2f352", selection: "_1rsrm2f353", focused: "_1rsrm2f354", focusedVisible: "_1rsrm2f355" }, defaultClass: "_1rsrm2f350" }, dropdownActiveItemBackgroundBase: { conditions: { base: "_1rsrm2f356", hover: "_1rsrm2f357", active: "_1rsrm2f358", selection: "_1rsrm2f359", focused: "_1rsrm2f35a", focusedVisible: "_1rsrm2f35b" }, defaultClass: "_1rsrm2f356" }, dropdownActiveItemBackgroundHover: { conditions: { base: "_1rsrm2f35c", hover: "_1rsrm2f35d", active: "_1rsrm2f35e", selection: "_1rsrm2f35f", focused: "_1rsrm2f35g", focusedVisible: "_1rsrm2f35h" }, defaultClass: "_1rsrm2f35c" }, dropdownActiveItemBackgroundDisabled: { conditions: { base: "_1rsrm2f35i", hover: "_1rsrm2f35j", active: "_1rsrm2f35k", selection: "_1rsrm2f35l", focused: "_1rsrm2f35m", focusedVisible: "_1rsrm2f35n" }, defaultClass: "_1rsrm2f35i" }, dropdownActiveItemBorderBase: { conditions: { base: "_1rsrm2f35o", hover: "_1rsrm2f35p", active: "_1rsrm2f35q", selection: "_1rsrm2f35r", focused: "_1rsrm2f35s", focusedVisible: "_1rsrm2f35t" }, defaultClass: "_1rsrm2f35o" }, dropdownActiveItemBorderHover: { conditions: { base: "_1rsrm2f35u", hover: "_1rsrm2f35v", active: "_1rsrm2f35w", selection: "_1rsrm2f35x", focused: "_1rsrm2f35y", focusedVisible: "_1rsrm2f35z" }, defaultClass: "_1rsrm2f35u" }, dropdownGroupHeader: { conditions: { base: "_1rsrm2f360", hover: "_1rsrm2f361", active: "_1rsrm2f362", selection: "_1rsrm2f363", focused: "_1rsrm2f364", focusedVisible: "_1rsrm2f365" }, defaultClass: "_1rsrm2f360" }, selectedDropdownItemBackground: { conditions: { base: "_1rsrm2f366", hover: "_1rsrm2f367", active: "_1rsrm2f368", selection: "_1rsrm2f369", focused: "_1rsrm2f36a", focusedVisible: "_1rsrm2f36b" }, defaultClass: "_1rsrm2f366" }, alwaysVisibleLabelBackgroundHover: { conditions: { base: "_1rsrm2f36c", hover: "_1rsrm2f36d", active: "_1rsrm2f36e", selection: "_1rsrm2f36f", focused: "_1rsrm2f36g", focusedVisible: "_1rsrm2f36h" }, defaultClass: "_1rsrm2f36c" }, selectedDropdownItemText: { conditions: { base: "_1rsrm2f36i", hover: "_1rsrm2f36j", active: "_1rsrm2f36k", selection: "_1rsrm2f36l", focused: "_1rsrm2f36m", focusedVisible: "_1rsrm2f36n" }, defaultClass: "_1rsrm2f36i" }, useConnectedBackgroundBase: { conditions: { base: "_1rsrm2f36o", hover: "_1rsrm2f36p", active: "_1rsrm2f36q", selection: "_1rsrm2f36r", focused: "_1rsrm2f36s", focusedVisible: "_1rsrm2f36t" }, defaultClass: "_1rsrm2f36o" }, useConnectedBackgroundHover: { conditions: { base: "_1rsrm2f36u", hover: "_1rsrm2f36v", active: "_1rsrm2f36w", selection: "_1rsrm2f36x", focused: "_1rsrm2f36y", focusedVisible: "_1rsrm2f36z" }, defaultClass: "_1rsrm2f36u" }, copyButtonBackgroundBase: { conditions: { base: "_1rsrm2f370", hover: "_1rsrm2f371", active: "_1rsrm2f372", selection: "_1rsrm2f373", focused: "_1rsrm2f374", focusedVisible: "_1rsrm2f375" }, defaultClass: "_1rsrm2f370" }, copyButtonBackgroundHover: { conditions: { base: "_1rsrm2f376", hover: "_1rsrm2f377", active: "_1rsrm2f378", selection: "_1rsrm2f379", focused: "_1rsrm2f37a", focusedVisible: "_1rsrm2f37b" }, defaultClass: "_1rsrm2f376" }, copyButtonBackgroundActive: { conditions: { base: "_1rsrm2f37c", hover: "_1rsrm2f37d", active: "_1rsrm2f37e", selection: "_1rsrm2f37f", focused: "_1rsrm2f37g", focusedVisible: "_1rsrm2f37h" }, defaultClass: "_1rsrm2f37c" }, copyButtonBorderBase: { conditions: { base: "_1rsrm2f37i", hover: "_1rsrm2f37j", active: "_1rsrm2f37k", selection: "_1rsrm2f37l", focused: "_1rsrm2f37m", focusedVisible: "_1rsrm2f37n" }, defaultClass: "_1rsrm2f37i" }, copyButtonBorderHover: { conditions: { base: "_1rsrm2f37o", hover: "_1rsrm2f37p", active: "_1rsrm2f37q", selection: "_1rsrm2f37r", focused: "_1rsrm2f37s", focusedVisible: "_1rsrm2f37t" }, defaultClass: "_1rsrm2f37o" }, funFeatureListBackgroundBase: { conditions: { base: "_1rsrm2f37u", hover: "_1rsrm2f37v", active: "_1rsrm2f37w", selection: "_1rsrm2f37x", focused: "_1rsrm2f37y", focusedVisible: "_1rsrm2f37z" }, defaultClass: "_1rsrm2f37u" }, funFeatureListBackgroundHover: { conditions: { base: "_1rsrm2f380", hover: "_1rsrm2f381", active: "_1rsrm2f382", selection: "_1rsrm2f383", focused: "_1rsrm2f384", focusedVisible: "_1rsrm2f385" }, defaultClass: "_1rsrm2f380" }, funFeatureListBorderColor: { conditions: { base: "_1rsrm2f386", hover: "_1rsrm2f387", active: "_1rsrm2f388", selection: "_1rsrm2f389", focused: "_1rsrm2f38a", focusedVisible: "_1rsrm2f38b" }, defaultClass: "_1rsrm2f386" }, funFeatureListBorderColorHover: { conditions: { base: "_1rsrm2f38c", hover: "_1rsrm2f38d", active: "_1rsrm2f38e", selection: "_1rsrm2f38f", focused: "_1rsrm2f38g", focusedVisible: "_1rsrm2f38h" }, defaultClass: "_1rsrm2f38c" }, spinnerBackground: { conditions: { base: "_1rsrm2f38i", hover: "_1rsrm2f38j", active: "_1rsrm2f38k", selection: "_1rsrm2f38l", focused: "_1rsrm2f38m", focusedVisible: "_1rsrm2f38n" }, defaultClass: "_1rsrm2f38i" }, spinnerIndicator: { conditions: { base: "_1rsrm2f38o", hover: "_1rsrm2f38p", active: "_1rsrm2f38q", selection: "_1rsrm2f38r", focused: "_1rsrm2f38s", focusedVisible: "_1rsrm2f38t" }, defaultClass: "_1rsrm2f38o" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f38u", hover: "_1rsrm2f38v", active: "_1rsrm2f38w", selection: "_1rsrm2f38x", focused: "_1rsrm2f38y", focusedVisible: "_1rsrm2f38z" }, defaultClass: "_1rsrm2f38u" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f390", hover: "_1rsrm2f391", active: "_1rsrm2f392", selection: "_1rsrm2f393", focused: "_1rsrm2f394", focusedVisible: "_1rsrm2f395" }, defaultClass: "_1rsrm2f390" }, txSummaryBoxBackground: { conditions: { base: "_1rsrm2f396", hover: "_1rsrm2f397", active: "_1rsrm2f398", selection: "_1rsrm2f399", focused: "_1rsrm2f39a", focusedVisible: "_1rsrm2f39b" }, defaultClass: "_1rsrm2f396" }, txSummaryBoxBorder: { conditions: { base: "_1rsrm2f39c", hover: "_1rsrm2f39d", active: "_1rsrm2f39e", selection: "_1rsrm2f39f", focused: "_1rsrm2f39g", focusedVisible: "_1rsrm2f39h" }, defaultClass: "_1rsrm2f39c" }, counterRingColor: { conditions: { base: "_1rsrm2f39i", hover: "_1rsrm2f39j", active: "_1rsrm2f39k", selection: "_1rsrm2f39l", focused: "_1rsrm2f39m", focusedVisible: "_1rsrm2f39n" }, defaultClass: "_1rsrm2f39i" }, cryptoCashToggleContainerBorderColor: { conditions: { base: "_1rsrm2f39o", hover: "_1rsrm2f39p", active: "_1rsrm2f39q", selection: "_1rsrm2f39r", focused: "_1rsrm2f39s", focusedVisible: "_1rsrm2f39t" }, defaultClass: "_1rsrm2f39o" }, cryptoCashToggleBackground: { conditions: { base: "_1rsrm2f39u", hover: "_1rsrm2f39v", active: "_1rsrm2f39w", selection: "_1rsrm2f39x", focused: "_1rsrm2f39y", focusedVisible: "_1rsrm2f39z" }, defaultClass: "_1rsrm2f39u" }, withdrawalYouWillReceiveLabel: { conditions: { base: "_1rsrm2f3a0", hover: "_1rsrm2f3a1", active: "_1rsrm2f3a2", selection: "_1rsrm2f3a3", focused: "_1rsrm2f3a4", focusedVisible: "_1rsrm2f3a5" }, defaultClass: "_1rsrm2f3a0" }, withdrawalYouWillReceiveValueCrypto: { conditions: { base: "_1rsrm2f3a6", hover: "_1rsrm2f3a7", active: "_1rsrm2f3a8", selection: "_1rsrm2f3a9", focused: "_1rsrm2f3aa", focusedVisible: "_1rsrm2f3ab" }, defaultClass: "_1rsrm2f3a6" }, withdrawalYouWillReceiveValueUsd: { conditions: { base: "_1rsrm2f3ac", hover: "_1rsrm2f3ad", active: "_1rsrm2f3ae", selection: "_1rsrm2f3af", focused: "_1rsrm2f3ag", focusedVisible: "_1rsrm2f3ah" }, defaultClass: "_1rsrm2f3ac" } } } } }, { conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 }, styles: { alignItems: { values: { "flex-start": { conditions: { smallScreen: "_1rsrm2f0", largeScreen: "_1rsrm2f1" }, defaultClass: "_1rsrm2f0" }, "flex-end": { conditions: { smallScreen: "_1rsrm2f2", largeScreen: "_1rsrm2f3" }, defaultClass: "_1rsrm2f2" }, center: { conditions: { smallScreen: "_1rsrm2f4", largeScreen: "_1rsrm2f5" }, defaultClass: "_1rsrm2f4" } } }, display: { values: { none: { conditions: { smallScreen: "_1rsrm2f6", largeScreen: "_1rsrm2f7" }, defaultClass: "_1rsrm2f6" }, block: { conditions: { smallScreen: "_1rsrm2f8", largeScreen: "_1rsrm2f9" }, defaultClass: "_1rsrm2f8" }, flex: { conditions: { smallScreen: "_1rsrm2fa", largeScreen: "_1rsrm2fb" }, defaultClass: "_1rsrm2fa" }, inline: { conditions: { smallScreen: "_1rsrm2fc", largeScreen: "_1rsrm2fd" }, defaultClass: "_1rsrm2fc" } } } } }, { conditions: void 0, styles: { margin: { mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, alignSelf: { values: { "flex-start": { defaultClass: "_1rsrm2fe" }, "flex-end": { defaultClass: "_1rsrm2ff" }, center: { defaultClass: "_1rsrm2fg" } } }, backgroundSize: { values: { cover: { defaultClass: "_1rsrm2fh" } } }, borderRadius: { values: { "1": { defaultClass: "_1rsrm2fi" }, "4": { defaultClass: "_1rsrm2fj" }, "6": { defaultClass: "_1rsrm2fk" }, "8": { defaultClass: "_1rsrm2fl" }, "10": { defaultClass: "_1rsrm2fm" }, "11": { defaultClass: "_1rsrm2fn" }, "13": { defaultClass: "_1rsrm2fo" }, "16": { defaultClass: "_1rsrm2fp" }, "24": { defaultClass: "_1rsrm2fq" }, "30": { defaultClass: "_1rsrm2fr" }, actionButton: { defaultClass: "_1rsrm2fs" }, actionButtonInner: { defaultClass: "_1rsrm2ft" }, connectButton: { defaultClass: "_1rsrm2fu" }, menuButton: { defaultClass: "_1rsrm2fv" }, modal: { defaultClass: "_1rsrm2fw" }, modalMobile: { defaultClass: "_1rsrm2fx" }, modalActionButton: { defaultClass: "_1rsrm2fy" }, modalActionButtonMobile: { defaultClass: "_1rsrm2fz" }, summaryBox: { defaultClass: "_1rsrm2f10" }, youPayYouReceive: { defaultClass: "_1rsrm2f11" }, inputAmountSwitcher: { defaultClass: "_1rsrm2f12" }, qrCode: { defaultClass: "_1rsrm2f13" }, skeleton: { defaultClass: "_1rsrm2f14" }, tooltip: { defaultClass: "_1rsrm2f15" }, dropdown: { defaultClass: "_1rsrm2f16" }, dropdownItem: { defaultClass: "_1rsrm2f17" }, dropdownList: { defaultClass: "_1rsrm2f18" }, modalTopbarIcon: { defaultClass: "_1rsrm2f19" }, withdrawalInput: { defaultClass: "_1rsrm2f1a" }, useConnected: { defaultClass: "_1rsrm2f1b" }, full: { defaultClass: "_1rsrm2f1c" }, badge: { defaultClass: "_1rsrm2f1d" }, smallBadge: { defaultClass: "_1rsrm2f1e" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1f" }, dotted: { defaultClass: "_1rsrm2f1g" }, hidden: { defaultClass: "_1rsrm2f1h" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1i" }, "1": { defaultClass: "_1rsrm2f1j" }, "2": { defaultClass: "_1rsrm2f1k" }, "3": { defaultClass: "_1rsrm2f1l" }, "4": { defaultClass: "_1rsrm2f1m" }, activeOptionBorderWidth: { defaultClass: "_1rsrm2f1n" }, buttonTertiaryBorderWidth: { defaultClass: "_1rsrm2f1o" }, cryptoCashToggleContainerBorderWidth: { defaultClass: "_1rsrm2f1p" }, cryptoCashToggleActiveTabBorderWidth: { defaultClass: "_1rsrm2f1q" }, cryptoCashToggleInactiveTabBorderWidth: { defaultClass: "_1rsrm2f1r" }, txSummaryBoxBorderWidth: { defaultClass: "_1rsrm2f1s" }, "0.5": { defaultClass: "_1rsrm2f1t" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1u" }, pointer: { defaultClass: "_1rsrm2f1v" }, "not-allowed": { defaultClass: "_1rsrm2f1w" }, "default": { defaultClass: "_1rsrm2f1x" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1y" }, column: { defaultClass: "_1rsrm2f1z" } } }, fontFamily: { values: { amountValue: { defaultClass: "_1rsrm2f20" }, body: { defaultClass: "_1rsrm2f21" }, buttonTextPrimary: { defaultClass: "_1rsrm2f22" }, buttonTextSecondary: { defaultClass: "_1rsrm2f23" }, buttonTextTertiary: { defaultClass: "_1rsrm2f24" }, dropdownGroupHeader: { defaultClass: "_1rsrm2f25" }, header: { defaultClass: "_1rsrm2f26" }, inputAmount: { defaultClass: "_1rsrm2f27" }, txStatusDescription: { defaultClass: "_1rsrm2f28" }, txStatusTitle: { defaultClass: "_1rsrm2f29" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f2a" }, "12": { defaultClass: "_1rsrm2f2b" }, "13": { defaultClass: "_1rsrm2f2c" }, "14": { defaultClass: "_1rsrm2f2d" }, "16": { defaultClass: "_1rsrm2f2e" }, "18": { defaultClass: "_1rsrm2f2f" }, "20": { defaultClass: "_1rsrm2f2g" }, "21": { defaultClass: "_1rsrm2f2h" }, "40": { defaultClass: "_1rsrm2f2i" }, "57": { defaultClass: "_1rsrm2f2j" }, inherit: { defaultClass: "_1rsrm2f2k" }, body: { defaultClass: "_1rsrm2f2l" }, cryptoCashToggle: { defaultClass: "_1rsrm2f2m" }, "header-14": { defaultClass: "_1rsrm2f2n" }, "header-36": { defaultClass: "_1rsrm2f2o" }, buttonTextPrimary: { defaultClass: "_1rsrm2f2p" }, buttonTextSecondary: { defaultClass: "_1rsrm2f2q" }, buttonTextTertiary: { defaultClass: "_1rsrm2f2r" }, dollarValue: { defaultClass: "_1rsrm2f2s" }, dropdownGroupHeader: { defaultClass: "_1rsrm2f2t" }, inputAmount: { defaultClass: "_1rsrm2f2u" }, inputLabel: { defaultClass: "_1rsrm2f2v" }, inputValue: { defaultClass: "_1rsrm2f2w" }, modalTopbarSubtitle: { defaultClass: "_1rsrm2f2x" }, modalTopbarTitle: { defaultClass: "_1rsrm2f2y" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f2z" }, paymentMethodItemSubtitle: { defaultClass: "_1rsrm2f30" }, paymentMethodItemTitle: { defaultClass: "_1rsrm2f31" }, selectAssetItemSubtitle: { defaultClass: "_1rsrm2f32" }, selectAssetItemTitle: { defaultClass: "_1rsrm2f33" }, txBreakdown: { defaultClass: "_1rsrm2f34" }, txStatusDescription: { defaultClass: "_1rsrm2f35" }, txStatusTitle: { defaultClass: "_1rsrm2f36" }, txSummaryLabel: { defaultClass: "_1rsrm2f37" }, txSummaryValue: { defaultClass: "_1rsrm2f38" }, withdrawalYouWillReceive: { defaultClass: "_1rsrm2f39" }, youPayYouReceivePrimaryFontSize: { defaultClass: "_1rsrm2f3a" }, youPayYouReceiveSecondaryFontSize: { defaultClass: "_1rsrm2f3b" }, depositAddressFontSize: { defaultClass: "_1rsrm2f3c" }, funFeatureListItemFontSize: { defaultClass: "_1rsrm2f3d" }, dropdownItemFontSize: { defaultClass: "_1rsrm2f3e" }, sourceListSectionLabelFontSize: { defaultClass: "_1rsrm2f3f" }, formOfPaymentsListSectionLabelFontSize: { defaultClass: "_1rsrm2f3g" }, quickOptionFontSize: { defaultClass: "_1rsrm2f3h" }, useConnectedFontSize: { defaultClass: "_1rsrm2f3i" }, paymentFeeSummaryTooltip: { defaultClass: "_1rsrm2f3j" }, tooltipContent: { defaultClass: "_1rsrm2f3k" } } }, fontWeight: { values: { inherit: { defaultClass: "_1rsrm2f3l" }, regular: { defaultClass: "_1rsrm2f3m" }, medium: { defaultClass: "_1rsrm2f3n" }, semibold: { defaultClass: "_1rsrm2f3o" }, bold: { defaultClass: "_1rsrm2f3p" }, heavy: { defaultClass: "_1rsrm2f3q" }, cryptoCashToggle: { defaultClass: "_1rsrm2f3r" }, dropdownGroupHeader: { defaultClass: "_1rsrm2f3s" }, inputAmount: { defaultClass: "_1rsrm2f3t" }, inputLabel: { defaultClass: "_1rsrm2f3u" }, inputValue: { defaultClass: "_1rsrm2f3v" }, modalTopbarTitle: { defaultClass: "_1rsrm2f3w" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f3x" }, paymentMethodItemSubtitle: { defaultClass: "_1rsrm2f3y" }, paymentMethodItemTitle: { defaultClass: "_1rsrm2f3z" }, selectAssetItemSubtitle: { defaultClass: "_1rsrm2f40" }, selectAssetItemTitle: { defaultClass: "_1rsrm2f41" }, sourceListSectionLabelFontWeight: { defaultClass: "_1rsrm2f42" }, txBreakdown: { defaultClass: "_1rsrm2f43" }, txStatusDescription: { defaultClass: "_1rsrm2f44" }, txStatusTitle: { defaultClass: "_1rsrm2f45" }, txSummaryLabel: { defaultClass: "_1rsrm2f46" }, txSummaryValue: { defaultClass: "_1rsrm2f47" }, formOfPaymentsListSectionLabelFontWeight: { defaultClass: "_1rsrm2f48" }, withdrawalYouWillReceiveLabel: { defaultClass: "_1rsrm2f49" }, withdrawalYouWillReceiveValueCrypto: { defaultClass: "_1rsrm2f4a" }, withdrawalYouWillReceiveValueUsd: { defaultClass: "_1rsrm2f4b" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f4c" }, "1": { defaultClass: "_1rsrm2f4d" }, "2": { defaultClass: "_1rsrm2f4e" }, "3": { defaultClass: "_1rsrm2f4f" }, "4": { defaultClass: "_1rsrm2f4g" }, "5": { defaultClass: "_1rsrm2f4h" }, "6": { defaultClass: "_1rsrm2f4i" }, "7": { defaultClass: "_1rsrm2f4j" }, "8": { defaultClass: "_1rsrm2f4k" }, "9": { defaultClass: "_1rsrm2f4l" }, "10": { defaultClass: "_1rsrm2f4m" }, "11": { defaultClass: "_1rsrm2f4n" }, "12": { defaultClass: "_1rsrm2f4o" }, "13": { defaultClass: "_1rsrm2f4p" }, "14": { defaultClass: "_1rsrm2f4q" }, "15": { defaultClass: "_1rsrm2f4r" }, "16": { defaultClass: "_1rsrm2f4s" }, "18": { defaultClass: "_1rsrm2f4t" }, "20": { defaultClass: "_1rsrm2f4u" }, "22": { defaultClass: "_1rsrm2f4v" }, "24": { defaultClass: "_1rsrm2f4w" }, "28": { defaultClass: "_1rsrm2f4x" }, "30": { defaultClass: "_1rsrm2f4y" }, "32": { defaultClass: "_1rsrm2f4z" }, "36": { defaultClass: "_1rsrm2f50" }, "40": { defaultClass: "_1rsrm2f51" }, "44": { defaultClass: "_1rsrm2f52" }, "48": { defaultClass: "_1rsrm2f53" }, "64": { defaultClass: "_1rsrm2f54" }, "-1": { defaultClass: "_1rsrm2f55" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2f56" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2f57" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2f58" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2f59" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2f5a" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2f5b" }, dropdownItemIconGap: { defaultClass: "_1rsrm2f5c" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2f5d" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2f5e" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2f5f" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2f5g" }, dropdownPaddingX: { defaultClass: "_1rsrm2f5h" }, dropdownPaddingY: { defaultClass: "_1rsrm2f5i" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f5j" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2f5k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f5l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f5m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f5n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f5o" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2f5p" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2f5q" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2f5r" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2f5s" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2f5t" }, selectBrokerageListGap: { defaultClass: "_1rsrm2f5u" }, txBreakdownMarginY: { defaultClass: "_1rsrm2f5v" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2f5w" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2f5x" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2f5y" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2f5z" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2f60" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2f61" }, verticalSectionGap: { defaultClass: "_1rsrm2f62" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2f63" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2f64" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2f65" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2f66" }, inputPaddingX: { defaultClass: "_1rsrm2f67" }, inputPaddingY: { defaultClass: "_1rsrm2f68" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2f69" }, assetListDefaultGap: { defaultClass: "_1rsrm2f6a" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2f6b" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f6c" }, "2": { defaultClass: "_1rsrm2f6d" }, "4": { defaultClass: "_1rsrm2f6e" }, "8": { defaultClass: "_1rsrm2f6f" }, "10": { defaultClass: "_1rsrm2f6g" }, "11": { defaultClass: "_1rsrm2f6h" }, "12": { defaultClass: "_1rsrm2f6i" }, "13": { defaultClass: "_1rsrm2f6j" }, "14": { defaultClass: "_1rsrm2f6k" }, "15": { defaultClass: "_1rsrm2f6l" }, "16": { defaultClass: "_1rsrm2f6m" }, "18": { defaultClass: "_1rsrm2f6n" }, "20": { defaultClass: "_1rsrm2f6o" }, "24": { defaultClass: "_1rsrm2f6p" }, "28": { defaultClass: "_1rsrm2f6q" }, "30": { defaultClass: "_1rsrm2f6r" }, "32": { defaultClass: "_1rsrm2f6s" }, "34": { defaultClass: "_1rsrm2f6t" }, "36": { defaultClass: "_1rsrm2f6u" }, "40": { defaultClass: "_1rsrm2f6v" }, "44": { defaultClass: "_1rsrm2f6w" }, "48": { defaultClass: "_1rsrm2f6x" }, "50": { defaultClass: "_1rsrm2f6y" }, "54": { defaultClass: "_1rsrm2f6z" }, "57": { defaultClass: "_1rsrm2f70" }, "60": { defaultClass: "_1rsrm2f71" }, "72": { defaultClass: "_1rsrm2f72" }, "76": { defaultClass: "_1rsrm2f73" }, "93": { defaultClass: "_1rsrm2f74" }, "96": { defaultClass: "_1rsrm2f75" }, "100": { defaultClass: "_1rsrm2f76" }, "108": { defaultClass: "_1rsrm2f77" }, "120": { defaultClass: "_1rsrm2f78" }, "160": { defaultClass: "_1rsrm2f79" }, "180": { defaultClass: "_1rsrm2f7a" }, "200": { defaultClass: "_1rsrm2f7b" }, "240": { defaultClass: "_1rsrm2f7c" }, "300": { defaultClass: "_1rsrm2f7d" }, half: { defaultClass: "_1rsrm2f7e" }, full: { defaultClass: "_1rsrm2f7f" }, max: { defaultClass: "_1rsrm2f7g" }, connectExchangeIconSize: { defaultClass: "_1rsrm2f7h" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2f7i" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2f7j" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2f7k" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2f7l" }, inputAmountMinHeight: { defaultClass: "_1rsrm2f7m" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f7n" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2f7o" }, modalTopBarHeight: { defaultClass: "_1rsrm2f7p" }, modalTopbarIconSize: { defaultClass: "_1rsrm2f7q" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2f7r" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2f7s" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2f7t" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2f7u" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2f7v" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2f7w" }, sourceListGap: { defaultClass: "_1rsrm2f7x" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2f7y" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2f7z" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2f80" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f81" }, "flex-end": { defaultClass: "_1rsrm2f82" }, center: { defaultClass: "_1rsrm2f83" }, "space-between": { defaultClass: "_1rsrm2f84" }, "space-around": { defaultClass: "_1rsrm2f85" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f86" }, center: { defaultClass: "_1rsrm2f87" }, right: { defaultClass: "_1rsrm2f88" }, inherit: { defaultClass: "_1rsrm2f89" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f8a" }, "1": { defaultClass: "_1rsrm2f8b" }, "2": { defaultClass: "_1rsrm2f8c" }, "3": { defaultClass: "_1rsrm2f8d" }, "4": { defaultClass: "_1rsrm2f8e" }, "5": { defaultClass: "_1rsrm2f8f" }, "6": { defaultClass: "_1rsrm2f8g" }, "7": { defaultClass: "_1rsrm2f8h" }, "8": { defaultClass: "_1rsrm2f8i" }, "9": { defaultClass: "_1rsrm2f8j" }, "10": { defaultClass: "_1rsrm2f8k" }, "11": { defaultClass: "_1rsrm2f8l" }, "12": { defaultClass: "_1rsrm2f8m" }, "13": { defaultClass: "_1rsrm2f8n" }, "14": { defaultClass: "_1rsrm2f8o" }, "15": { defaultClass: "_1rsrm2f8p" }, "16": { defaultClass: "_1rsrm2f8q" }, "18": { defaultClass: "_1rsrm2f8r" }, "20": { defaultClass: "_1rsrm2f8s" }, "22": { defaultClass: "_1rsrm2f8t" }, "24": { defaultClass: "_1rsrm2f8u" }, "28": { defaultClass: "_1rsrm2f8v" }, "30": { defaultClass: "_1rsrm2f8w" }, "32": { defaultClass: "_1rsrm2f8x" }, "36": { defaultClass: "_1rsrm2f8y" }, "40": { defaultClass: "_1rsrm2f8z" }, "44": { defaultClass: "_1rsrm2f90" }, "48": { defaultClass: "_1rsrm2f91" }, "64": { defaultClass: "_1rsrm2f92" }, auto: { defaultClass: "_1rsrm2f93" }, "-18": { defaultClass: "_1rsrm2f94" }, "-12": { defaultClass: "_1rsrm2f95" }, "-1": { defaultClass: "_1rsrm2f96" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2f97" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2f98" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2f99" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2f9a" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2f9b" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2f9c" }, dropdownItemIconGap: { defaultClass: "_1rsrm2f9d" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2f9e" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2f9f" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2f9g" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2f9h" }, dropdownPaddingX: { defaultClass: "_1rsrm2f9i" }, dropdownPaddingY: { defaultClass: "_1rsrm2f9j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f9k" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2f9l" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f9m" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f9n" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f9o" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f9p" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2f9q" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2f9r" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2f9s" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2f9t" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2f9u" }, selectBrokerageListGap: { defaultClass: "_1rsrm2f9v" }, txBreakdownMarginY: { defaultClass: "_1rsrm2f9w" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2f9x" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2f9y" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2f9z" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fa0" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fa1" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fa2" }, verticalSectionGap: { defaultClass: "_1rsrm2fa3" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2fa4" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fa5" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fa6" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fa7" }, inputPaddingX: { defaultClass: "_1rsrm2fa8" }, inputPaddingY: { defaultClass: "_1rsrm2fa9" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2faa" }, assetListDefaultGap: { defaultClass: "_1rsrm2fab" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2fac" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2fad" }, "1": { defaultClass: "_1rsrm2fae" }, "2": { defaultClass: "_1rsrm2faf" }, "3": { defaultClass: "_1rsrm2fag" }, "4": { defaultClass: "_1rsrm2fah" }, "5": { defaultClass: "_1rsrm2fai" }, "6": { defaultClass: "_1rsrm2faj" }, "7": { defaultClass: "_1rsrm2fak" }, "8": { defaultClass: "_1rsrm2fal" }, "9": { defaultClass: "_1rsrm2fam" }, "10": { defaultClass: "_1rsrm2fan" }, "11": { defaultClass: "_1rsrm2fao" }, "12": { defaultClass: "_1rsrm2fap" }, "13": { defaultClass: "_1rsrm2faq" }, "14": { defaultClass: "_1rsrm2far" }, "15": { defaultClass: "_1rsrm2fas" }, "16": { defaultClass: "_1rsrm2fat" }, "18": { defaultClass: "_1rsrm2fau" }, "20": { defaultClass: "_1rsrm2fav" }, "22": { defaultClass: "_1rsrm2faw" }, "24": { defaultClass: "_1rsrm2fax" }, "28": { defaultClass: "_1rsrm2fay" }, "30": { defaultClass: "_1rsrm2faz" }, "32": { defaultClass: "_1rsrm2fb0" }, "36": { defaultClass: "_1rsrm2fb1" }, "40": { defaultClass: "_1rsrm2fb2" }, "44": { defaultClass: "_1rsrm2fb3" }, "48": { defaultClass: "_1rsrm2fb4" }, "64": { defaultClass: "_1rsrm2fb5" }, auto: { defaultClass: "_1rsrm2fb6" }, "-18": { defaultClass: "_1rsrm2fb7" }, "-12": { defaultClass: "_1rsrm2fb8" }, "-1": { defaultClass: "_1rsrm2fb9" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fba" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fbb" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fbc" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fbd" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fbe" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fbf" }, dropdownItemIconGap: { defaultClass: "_1rsrm2fbg" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2fbh" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2fbi" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2fbj" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2fbk" }, dropdownPaddingX: { defaultClass: "_1rsrm2fbl" }, dropdownPaddingY: { defaultClass: "_1rsrm2fbm" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fbn" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fbo" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fbp" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fbq" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fbr" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fbs" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fbt" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fbu" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fbv" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fbw" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fbx" }, selectBrokerageListGap: { defaultClass: "_1rsrm2fby" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fbz" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fc0" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fc1" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fc2" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fc3" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fc4" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fc5" }, verticalSectionGap: { defaultClass: "_1rsrm2fc6" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2fc7" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fc8" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fc9" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fca" }, inputPaddingX: { defaultClass: "_1rsrm2fcb" }, inputPaddingY: { defaultClass: "_1rsrm2fcc" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fcd" }, assetListDefaultGap: { defaultClass: "_1rsrm2fce" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2fcf" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2fcg" }, "1": { defaultClass: "_1rsrm2fch" }, "2": { defaultClass: "_1rsrm2fci" }, "3": { defaultClass: "_1rsrm2fcj" }, "4": { defaultClass: "_1rsrm2fck" }, "5": { defaultClass: "_1rsrm2fcl" }, "6": { defaultClass: "_1rsrm2fcm" }, "7": { defaultClass: "_1rsrm2fcn" }, "8": { defaultClass: "_1rsrm2fco" }, "9": { defaultClass: "_1rsrm2fcp" }, "10": { defaultClass: "_1rsrm2fcq" }, "11": { defaultClass: "_1rsrm2fcr" }, "12": { defaultClass: "_1rsrm2fcs" }, "13": { defaultClass: "_1rsrm2fct" }, "14": { defaultClass: "_1rsrm2fcu" }, "15": { defaultClass: "_1rsrm2fcv" }, "16": { defaultClass: "_1rsrm2fcw" }, "18": { defaultClass: "_1rsrm2fcx" }, "20": { defaultClass: "_1rsrm2fcy" }, "22": { defaultClass: "_1rsrm2fcz" }, "24": { defaultClass: "_1rsrm2fd0" }, "28": { defaultClass: "_1rsrm2fd1" }, "30": { defaultClass: "_1rsrm2fd2" }, "32": { defaultClass: "_1rsrm2fd3" }, "36": { defaultClass: "_1rsrm2fd4" }, "40": { defaultClass: "_1rsrm2fd5" }, "44": { defaultClass: "_1rsrm2fd6" }, "48": { defaultClass: "_1rsrm2fd7" }, "64": { defaultClass: "_1rsrm2fd8" }, auto: { defaultClass: "_1rsrm2fd9" }, "-18": { defaultClass: "_1rsrm2fda" }, "-12": { defaultClass: "_1rsrm2fdb" }, "-1": { defaultClass: "_1rsrm2fdc" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fdd" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fde" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fdf" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fdg" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fdh" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fdi" }, dropdownItemIconGap: { defaultClass: "_1rsrm2fdj" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2fdk" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2fdl" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2fdm" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2fdn" }, dropdownPaddingX: { defaultClass: "_1rsrm2fdo" }, dropdownPaddingY: { defaultClass: "_1rsrm2fdp" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fdq" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fdr" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fds" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fdt" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fdu" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fdv" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fdw" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fdx" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fdy" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fdz" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fe0" }, selectBrokerageListGap: { defaultClass: "_1rsrm2fe1" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fe2" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fe3" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fe4" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fe5" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fe6" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fe7" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fe8" }, verticalSectionGap: { defaultClass: "_1rsrm2fe9" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2fea" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2feb" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fec" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fed" }, inputPaddingX: { defaultClass: "_1rsrm2fee" }, inputPaddingY: { defaultClass: "_1rsrm2fef" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2feg" }, assetListDefaultGap: { defaultClass: "_1rsrm2feh" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2fei" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2fej" }, "1": { defaultClass: "_1rsrm2fek" }, "2": { defaultClass: "_1rsrm2fel" }, "3": { defaultClass: "_1rsrm2fem" }, "4": { defaultClass: "_1rsrm2fen" }, "5": { defaultClass: "_1rsrm2feo" }, "6": { defaultClass: "_1rsrm2fep" }, "7": { defaultClass: "_1rsrm2feq" }, "8": { defaultClass: "_1rsrm2fer" }, "9": { defaultClass: "_1rsrm2fes" }, "10": { defaultClass: "_1rsrm2fet" }, "11": { defaultClass: "_1rsrm2feu" }, "12": { defaultClass: "_1rsrm2fev" }, "13": { defaultClass: "_1rsrm2few" }, "14": { defaultClass: "_1rsrm2fex" }, "15": { defaultClass: "_1rsrm2fey" }, "16": { defaultClass: "_1rsrm2fez" }, "18": { defaultClass: "_1rsrm2ff0" }, "20": { defaultClass: "_1rsrm2ff1" }, "22": { defaultClass: "_1rsrm2ff2" }, "24": { defaultClass: "_1rsrm2ff3" }, "28": { defaultClass: "_1rsrm2ff4" }, "30": { defaultClass: "_1rsrm2ff5" }, "32": { defaultClass: "_1rsrm2ff6" }, "36": { defaultClass: "_1rsrm2ff7" }, "40": { defaultClass: "_1rsrm2ff8" }, "44": { defaultClass: "_1rsrm2ff9" }, "48": { defaultClass: "_1rsrm2ffa" }, "64": { defaultClass: "_1rsrm2ffb" }, auto: { defaultClass: "_1rsrm2ffc" }, "-18": { defaultClass: "_1rsrm2ffd" }, "-12": { defaultClass: "_1rsrm2ffe" }, "-1": { defaultClass: "_1rsrm2fff" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2ffg" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2ffh" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2ffi" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2ffj" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2ffk" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2ffl" }, dropdownItemIconGap: { defaultClass: "_1rsrm2ffm" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2ffn" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2ffo" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2ffp" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2ffq" }, dropdownPaddingX: { defaultClass: "_1rsrm2ffr" }, dropdownPaddingY: { defaultClass: "_1rsrm2ffs" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fft" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2ffu" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ffv" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2ffw" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2ffx" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2ffy" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2ffz" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fg0" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fg1" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fg2" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fg3" }, selectBrokerageListGap: { defaultClass: "_1rsrm2fg4" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fg5" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fg6" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fg7" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fg8" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fg9" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fga" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fgb" }, verticalSectionGap: { defaultClass: "_1rsrm2fgc" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2fgd" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fge" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fgf" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fgg" }, inputPaddingX: { defaultClass: "_1rsrm2fgh" }, inputPaddingY: { defaultClass: "_1rsrm2fgi" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fgj" }, assetListDefaultGap: { defaultClass: "_1rsrm2fgk" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2fgl" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2fgm" }, "2": { defaultClass: "_1rsrm2fgn" }, "4": { defaultClass: "_1rsrm2fgo" }, "8": { defaultClass: "_1rsrm2fgp" }, "10": { defaultClass: "_1rsrm2fgq" }, "11": { defaultClass: "_1rsrm2fgr" }, "12": { defaultClass: "_1rsrm2fgs" }, "13": { defaultClass: "_1rsrm2fgt" }, "14": { defaultClass: "_1rsrm2fgu" }, "15": { defaultClass: "_1rsrm2fgv" }, "16": { defaultClass: "_1rsrm2fgw" }, "18": { defaultClass: "_1rsrm2fgx" }, "20": { defaultClass: "_1rsrm2fgy" }, "24": { defaultClass: "_1rsrm2fgz" }, "28": { defaultClass: "_1rsrm2fh0" }, "30": { defaultClass: "_1rsrm2fh1" }, "32": { defaultClass: "_1rsrm2fh2" }, "34": { defaultClass: "_1rsrm2fh3" }, "36": { defaultClass: "_1rsrm2fh4" }, "40": { defaultClass: "_1rsrm2fh5" }, "44": { defaultClass: "_1rsrm2fh6" }, "48": { defaultClass: "_1rsrm2fh7" }, "50": { defaultClass: "_1rsrm2fh8" }, "54": { defaultClass: "_1rsrm2fh9" }, "57": { defaultClass: "_1rsrm2fha" }, "60": { defaultClass: "_1rsrm2fhb" }, "72": { defaultClass: "_1rsrm2fhc" }, "76": { defaultClass: "_1rsrm2fhd" }, "93": { defaultClass: "_1rsrm2fhe" }, "96": { defaultClass: "_1rsrm2fhf" }, "100": { defaultClass: "_1rsrm2fhg" }, "108": { defaultClass: "_1rsrm2fhh" }, "120": { defaultClass: "_1rsrm2fhi" }, "160": { defaultClass: "_1rsrm2fhj" }, "180": { defaultClass: "_1rsrm2fhk" }, "200": { defaultClass: "_1rsrm2fhl" }, "240": { defaultClass: "_1rsrm2fhm" }, "300": { defaultClass: "_1rsrm2fhn" }, half: { defaultClass: "_1rsrm2fho" }, full: { defaultClass: "_1rsrm2fhp" }, max: { defaultClass: "_1rsrm2fhq" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fhr" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fhs" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fht" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fhu" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fhv" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fhw" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fhx" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fhy" }, modalTopBarHeight: { defaultClass: "_1rsrm2fhz" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fi0" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fi1" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fi2" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fi3" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fi4" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fi5" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fi6" }, sourceListGap: { defaultClass: "_1rsrm2fi7" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fi8" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fi9" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fia" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2fib" }, "2": { defaultClass: "_1rsrm2fic" }, "4": { defaultClass: "_1rsrm2fid" }, "8": { defaultClass: "_1rsrm2fie" }, "10": { defaultClass: "_1rsrm2fif" }, "11": { defaultClass: "_1rsrm2fig" }, "12": { defaultClass: "_1rsrm2fih" }, "13": { defaultClass: "_1rsrm2fii" }, "14": { defaultClass: "_1rsrm2fij" }, "15": { defaultClass: "_1rsrm2fik" }, "16": { defaultClass: "_1rsrm2fil" }, "18": { defaultClass: "_1rsrm2fim" }, "20": { defaultClass: "_1rsrm2fin" }, "24": { defaultClass: "_1rsrm2fio" }, "28": { defaultClass: "_1rsrm2fip" }, "30": { defaultClass: "_1rsrm2fiq" }, "32": { defaultClass: "_1rsrm2fir" }, "34": { defaultClass: "_1rsrm2fis" }, "36": { defaultClass: "_1rsrm2fit" }, "40": { defaultClass: "_1rsrm2fiu" }, "44": { defaultClass: "_1rsrm2fiv" }, "48": { defaultClass: "_1rsrm2fiw" }, "50": { defaultClass: "_1rsrm2fix" }, "54": { defaultClass: "_1rsrm2fiy" }, "57": { defaultClass: "_1rsrm2fiz" }, "60": { defaultClass: "_1rsrm2fj0" }, "72": { defaultClass: "_1rsrm2fj1" }, "76": { defaultClass: "_1rsrm2fj2" }, "93": { defaultClass: "_1rsrm2fj3" }, "96": { defaultClass: "_1rsrm2fj4" }, "100": { defaultClass: "_1rsrm2fj5" }, "108": { defaultClass: "_1rsrm2fj6" }, "120": { defaultClass: "_1rsrm2fj7" }, "160": { defaultClass: "_1rsrm2fj8" }, "180": { defaultClass: "_1rsrm2fj9" }, "200": { defaultClass: "_1rsrm2fja" }, "240": { defaultClass: "_1rsrm2fjb" }, "300": { defaultClass: "_1rsrm2fjc" }, half: { defaultClass: "_1rsrm2fjd" }, full: { defaultClass: "_1rsrm2fje" }, max: { defaultClass: "_1rsrm2fjf" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fjg" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fjh" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fji" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fjj" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fjk" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fjl" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fjm" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fjn" }, modalTopBarHeight: { defaultClass: "_1rsrm2fjo" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fjp" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fjq" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fjr" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fjs" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fjt" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fju" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fjv" }, sourceListGap: { defaultClass: "_1rsrm2fjw" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fjx" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fjy" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fjz" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2fk0" }, "2": { defaultClass: "_1rsrm2fk1" }, "4": { defaultClass: "_1rsrm2fk2" }, "8": { defaultClass: "_1rsrm2fk3" }, "10": { defaultClass: "_1rsrm2fk4" }, "11": { defaultClass: "_1rsrm2fk5" }, "12": { defaultClass: "_1rsrm2fk6" }, "13": { defaultClass: "_1rsrm2fk7" }, "14": { defaultClass: "_1rsrm2fk8" }, "15": { defaultClass: "_1rsrm2fk9" }, "16": { defaultClass: "_1rsrm2fka" }, "18": { defaultClass: "_1rsrm2fkb" }, "20": { defaultClass: "_1rsrm2fkc" }, "24": { defaultClass: "_1rsrm2fkd" }, "28": { defaultClass: "_1rsrm2fke" }, "30": { defaultClass: "_1rsrm2fkf" }, "32": { defaultClass: "_1rsrm2fkg" }, "34": { defaultClass: "_1rsrm2fkh" }, "36": { defaultClass: "_1rsrm2fki" }, "40": { defaultClass: "_1rsrm2fkj" }, "44": { defaultClass: "_1rsrm2fkk" }, "48": { defaultClass: "_1rsrm2fkl" }, "50": { defaultClass: "_1rsrm2fkm" }, "54": { defaultClass: "_1rsrm2fkn" }, "57": { defaultClass: "_1rsrm2fko" }, "60": { defaultClass: "_1rsrm2fkp" }, "72": { defaultClass: "_1rsrm2fkq" }, "76": { defaultClass: "_1rsrm2fkr" }, "93": { defaultClass: "_1rsrm2fks" }, "96": { defaultClass: "_1rsrm2fkt" }, "100": { defaultClass: "_1rsrm2fku" }, "108": { defaultClass: "_1rsrm2fkv" }, "120": { defaultClass: "_1rsrm2fkw" }, "160": { defaultClass: "_1rsrm2fkx" }, "180": { defaultClass: "_1rsrm2fky" }, "200": { defaultClass: "_1rsrm2fkz" }, "240": { defaultClass: "_1rsrm2fl0" }, "300": { defaultClass: "_1rsrm2fl1" }, half: { defaultClass: "_1rsrm2fl2" }, full: { defaultClass: "_1rsrm2fl3" }, max: { defaultClass: "_1rsrm2fl4" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fl5" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fl6" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fl7" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fl8" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fl9" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fla" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2flb" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2flc" }, modalTopBarHeight: { defaultClass: "_1rsrm2fld" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fle" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2flf" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2flg" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2flh" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fli" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2flj" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2flk" }, sourceListGap: { defaultClass: "_1rsrm2fll" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2flm" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fln" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2flo" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2flp" }, "2": { defaultClass: "_1rsrm2flq" }, "4": { defaultClass: "_1rsrm2flr" }, "8": { defaultClass: "_1rsrm2fls" }, "10": { defaultClass: "_1rsrm2flt" }, "11": { defaultClass: "_1rsrm2flu" }, "12": { defaultClass: "_1rsrm2flv" }, "13": { defaultClass: "_1rsrm2flw" }, "14": { defaultClass: "_1rsrm2flx" }, "15": { defaultClass: "_1rsrm2fly" }, "16": { defaultClass: "_1rsrm2flz" }, "18": { defaultClass: "_1rsrm2fm0" }, "20": { defaultClass: "_1rsrm2fm1" }, "24": { defaultClass: "_1rsrm2fm2" }, "28": { defaultClass: "_1rsrm2fm3" }, "30": { defaultClass: "_1rsrm2fm4" }, "32": { defaultClass: "_1rsrm2fm5" }, "34": { defaultClass: "_1rsrm2fm6" }, "36": { defaultClass: "_1rsrm2fm7" }, "40": { defaultClass: "_1rsrm2fm8" }, "44": { defaultClass: "_1rsrm2fm9" }, "48": { defaultClass: "_1rsrm2fma" }, "50": { defaultClass: "_1rsrm2fmb" }, "54": { defaultClass: "_1rsrm2fmc" }, "57": { defaultClass: "_1rsrm2fmd" }, "60": { defaultClass: "_1rsrm2fme" }, "72": { defaultClass: "_1rsrm2fmf" }, "76": { defaultClass: "_1rsrm2fmg" }, "93": { defaultClass: "_1rsrm2fmh" }, "96": { defaultClass: "_1rsrm2fmi" }, "100": { defaultClass: "_1rsrm2fmj" }, "108": { defaultClass: "_1rsrm2fmk" }, "120": { defaultClass: "_1rsrm2fml" }, "160": { defaultClass: "_1rsrm2fmm" }, "180": { defaultClass: "_1rsrm2fmn" }, "200": { defaultClass: "_1rsrm2fmo" }, "240": { defaultClass: "_1rsrm2fmp" }, "300": { defaultClass: "_1rsrm2fmq" }, half: { defaultClass: "_1rsrm2fmr" }, full: { defaultClass: "_1rsrm2fms" }, max: { defaultClass: "_1rsrm2fmt" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fmu" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fmv" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fmw" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fmx" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fmy" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fmz" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fn0" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fn1" }, modalTopBarHeight: { defaultClass: "_1rsrm2fn2" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fn3" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fn4" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fn5" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fn6" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fn7" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fn8" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fn9" }, sourceListGap: { defaultClass: "_1rsrm2fna" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fnb" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fnc" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fnd" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fne" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fnf" }, "1": { defaultClass: "_1rsrm2fng" }, "2": { defaultClass: "_1rsrm2fnh" }, "3": { defaultClass: "_1rsrm2fni" }, "4": { defaultClass: "_1rsrm2fnj" }, "5": { defaultClass: "_1rsrm2fnk" }, "6": { defaultClass: "_1rsrm2fnl" }, "7": { defaultClass: "_1rsrm2fnm" }, "8": { defaultClass: "_1rsrm2fnn" }, "9": { defaultClass: "_1rsrm2fno" }, "10": { defaultClass: "_1rsrm2fnp" }, "11": { defaultClass: "_1rsrm2fnq" }, "12": { defaultClass: "_1rsrm2fnr" }, "13": { defaultClass: "_1rsrm2fns" }, "14": { defaultClass: "_1rsrm2fnt" }, "15": { defaultClass: "_1rsrm2fnu" }, "16": { defaultClass: "_1rsrm2fnv" }, "18": { defaultClass: "_1rsrm2fnw" }, "20": { defaultClass: "_1rsrm2fnx" }, "22": { defaultClass: "_1rsrm2fny" }, "24": { defaultClass: "_1rsrm2fnz" }, "28": { defaultClass: "_1rsrm2fo0" }, "30": { defaultClass: "_1rsrm2fo1" }, "32": { defaultClass: "_1rsrm2fo2" }, "36": { defaultClass: "_1rsrm2fo3" }, "40": { defaultClass: "_1rsrm2fo4" }, "44": { defaultClass: "_1rsrm2fo5" }, "48": { defaultClass: "_1rsrm2fo6" }, "64": { defaultClass: "_1rsrm2fo7" }, "-1": { defaultClass: "_1rsrm2fo8" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fo9" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2foa" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fob" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2foc" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fod" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2foe" }, dropdownItemIconGap: { defaultClass: "_1rsrm2fof" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2fog" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2foh" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2foi" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2foj" }, dropdownPaddingX: { defaultClass: "_1rsrm2fok" }, dropdownPaddingY: { defaultClass: "_1rsrm2fol" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fom" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fon" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2foo" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fop" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2foq" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2for" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fos" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fot" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fou" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fov" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fow" }, selectBrokerageListGap: { defaultClass: "_1rsrm2fox" }, txBreakdownMarginY: { defaultClass: "_1rsrm2foy" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2foz" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fp0" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fp1" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fp2" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fp3" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fp4" }, verticalSectionGap: { defaultClass: "_1rsrm2fp5" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2fp6" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fp7" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fp8" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fp9" }, inputPaddingX: { defaultClass: "_1rsrm2fpa" }, inputPaddingY: { defaultClass: "_1rsrm2fpb" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fpc" }, assetListDefaultGap: { defaultClass: "_1rsrm2fpd" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2fpe" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fpf" }, "1": { defaultClass: "_1rsrm2fpg" }, "2": { defaultClass: "_1rsrm2fph" }, "3": { defaultClass: "_1rsrm2fpi" }, "4": { defaultClass: "_1rsrm2fpj" }, "5": { defaultClass: "_1rsrm2fpk" }, "6": { defaultClass: "_1rsrm2fpl" }, "7": { defaultClass: "_1rsrm2fpm" }, "8": { defaultClass: "_1rsrm2fpn" }, "9": { defaultClass: "_1rsrm2fpo" }, "10": { defaultClass: "_1rsrm2fpp" }, "11": { defaultClass: "_1rsrm2fpq" }, "12": { defaultClass: "_1rsrm2fpr" }, "13": { defaultClass: "_1rsrm2fps" }, "14": { defaultClass: "_1rsrm2fpt" }, "15": { defaultClass: "_1rsrm2fpu" }, "16": { defaultClass: "_1rsrm2fpv" }, "18": { defaultClass: "_1rsrm2fpw" }, "20": { defaultClass: "_1rsrm2fpx" }, "22": { defaultClass: "_1rsrm2fpy" }, "24": { defaultClass: "_1rsrm2fpz" }, "28": { defaultClass: "_1rsrm2fq0" }, "30": { defaultClass: "_1rsrm2fq1" }, "32": { defaultClass: "_1rsrm2fq2" }, "36": { defaultClass: "_1rsrm2fq3" }, "40": { defaultClass: "_1rsrm2fq4" }, "44": { defaultClass: "_1rsrm2fq5" }, "48": { defaultClass: "_1rsrm2fq6" }, "64": { defaultClass: "_1rsrm2fq7" }, "-1": { defaultClass: "_1rsrm2fq8" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fq9" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fqa" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fqb" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fqc" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fqd" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fqe" }, dropdownItemIconGap: { defaultClass: "_1rsrm2fqf" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2fqg" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2fqh" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2fqi" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2fqj" }, dropdownPaddingX: { defaultClass: "_1rsrm2fqk" }, dropdownPaddingY: { defaultClass: "_1rsrm2fql" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fqm" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fqn" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fqo" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fqp" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fqq" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fqr" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fqs" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fqt" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fqu" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fqv" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fqw" }, selectBrokerageListGap: { defaultClass: "_1rsrm2fqx" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fqy" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fqz" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fr0" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fr1" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fr2" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fr3" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fr4" }, verticalSectionGap: { defaultClass: "_1rsrm2fr5" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2fr6" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fr7" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fr8" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fr9" }, inputPaddingX: { defaultClass: "_1rsrm2fra" }, inputPaddingY: { defaultClass: "_1rsrm2frb" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2frc" }, assetListDefaultGap: { defaultClass: "_1rsrm2frd" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2fre" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2frf" }, "1": { defaultClass: "_1rsrm2frg" }, "2": { defaultClass: "_1rsrm2frh" }, "3": { defaultClass: "_1rsrm2fri" }, "4": { defaultClass: "_1rsrm2frj" }, "5": { defaultClass: "_1rsrm2frk" }, "6": { defaultClass: "_1rsrm2frl" }, "7": { defaultClass: "_1rsrm2frm" }, "8": { defaultClass: "_1rsrm2frn" }, "9": { defaultClass: "_1rsrm2fro" }, "10": { defaultClass: "_1rsrm2frp" }, "11": { defaultClass: "_1rsrm2frq" }, "12": { defaultClass: "_1rsrm2frr" }, "13": { defaultClass: "_1rsrm2frs" }, "14": { defaultClass: "_1rsrm2frt" }, "15": { defaultClass: "_1rsrm2fru" }, "16": { defaultClass: "_1rsrm2frv" }, "18": { defaultClass: "_1rsrm2frw" }, "20": { defaultClass: "_1rsrm2frx" }, "22": { defaultClass: "_1rsrm2fry" }, "24": { defaultClass: "_1rsrm2frz" }, "28": { defaultClass: "_1rsrm2fs0" }, "30": { defaultClass: "_1rsrm2fs1" }, "32": { defaultClass: "_1rsrm2fs2" }, "36": { defaultClass: "_1rsrm2fs3" }, "40": { defaultClass: "_1rsrm2fs4" }, "44": { defaultClass: "_1rsrm2fs5" }, "48": { defaultClass: "_1rsrm2fs6" }, "64": { defaultClass: "_1rsrm2fs7" }, "-1": { defaultClass: "_1rsrm2fs8" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fs9" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fsa" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fsb" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fsc" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fsd" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fse" }, dropdownItemIconGap: { defaultClass: "_1rsrm2fsf" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2fsg" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2fsh" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2fsi" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2fsj" }, dropdownPaddingX: { defaultClass: "_1rsrm2fsk" }, dropdownPaddingY: { defaultClass: "_1rsrm2fsl" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fsm" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fsn" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fso" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fsp" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fsq" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fsr" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fss" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fst" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fsu" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fsv" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fsw" }, selectBrokerageListGap: { defaultClass: "_1rsrm2fsx" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fsy" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fsz" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2ft0" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2ft1" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2ft2" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2ft3" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2ft4" }, verticalSectionGap: { defaultClass: "_1rsrm2ft5" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2ft6" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2ft7" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2ft8" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2ft9" }, inputPaddingX: { defaultClass: "_1rsrm2fta" }, inputPaddingY: { defaultClass: "_1rsrm2ftb" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2ftc" }, assetListDefaultGap: { defaultClass: "_1rsrm2ftd" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2fte" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2ftf" }, "1": { defaultClass: "_1rsrm2ftg" }, "2": { defaultClass: "_1rsrm2fth" }, "3": { defaultClass: "_1rsrm2fti" }, "4": { defaultClass: "_1rsrm2ftj" }, "5": { defaultClass: "_1rsrm2ftk" }, "6": { defaultClass: "_1rsrm2ftl" }, "7": { defaultClass: "_1rsrm2ftm" }, "8": { defaultClass: "_1rsrm2ftn" }, "9": { defaultClass: "_1rsrm2fto" }, "10": { defaultClass: "_1rsrm2ftp" }, "11": { defaultClass: "_1rsrm2ftq" }, "12": { defaultClass: "_1rsrm2ftr" }, "13": { defaultClass: "_1rsrm2fts" }, "14": { defaultClass: "_1rsrm2ftt" }, "15": { defaultClass: "_1rsrm2ftu" }, "16": { defaultClass: "_1rsrm2ftv" }, "18": { defaultClass: "_1rsrm2ftw" }, "20": { defaultClass: "_1rsrm2ftx" }, "22": { defaultClass: "_1rsrm2fty" }, "24": { defaultClass: "_1rsrm2ftz" }, "28": { defaultClass: "_1rsrm2fu0" }, "30": { defaultClass: "_1rsrm2fu1" }, "32": { defaultClass: "_1rsrm2fu2" }, "36": { defaultClass: "_1rsrm2fu3" }, "40": { defaultClass: "_1rsrm2fu4" }, "44": { defaultClass: "_1rsrm2fu5" }, "48": { defaultClass: "_1rsrm2fu6" }, "64": { defaultClass: "_1rsrm2fu7" }, "-1": { defaultClass: "_1rsrm2fu8" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fu9" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fua" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fub" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fuc" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fud" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fue" }, dropdownItemIconGap: { defaultClass: "_1rsrm2fuf" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2fug" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2fuh" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2fui" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2fuj" }, dropdownPaddingX: { defaultClass: "_1rsrm2fuk" }, dropdownPaddingY: { defaultClass: "_1rsrm2ful" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fum" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fun" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fuo" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fup" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fuq" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fur" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fus" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fut" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fuu" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fuv" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fuw" }, selectBrokerageListGap: { defaultClass: "_1rsrm2fux" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fuy" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fuz" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fv0" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fv1" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fv2" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fv3" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fv4" }, verticalSectionGap: { defaultClass: "_1rsrm2fv5" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2fv6" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fv7" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fv8" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fv9" }, inputPaddingX: { defaultClass: "_1rsrm2fva" }, inputPaddingY: { defaultClass: "_1rsrm2fvb" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fvc" }, assetListDefaultGap: { defaultClass: "_1rsrm2fvd" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2fve" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fvf" }, fixed: { defaultClass: "_1rsrm2fvg" }, relative: { defaultClass: "_1rsrm2fvh" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fvi" } } }, textTransform: { values: { none: { defaultClass: "_1rsrm2fvj" }, uppercase: { defaultClass: "_1rsrm2fvk" }, lowercase: { defaultClass: "_1rsrm2fvl" }, capitalize: { defaultClass: "_1rsrm2fvm" }, inputAmountQuickOptionButton: { defaultClass: "_1rsrm2fvn" }, txStatusTitle: { defaultClass: "_1rsrm2fvo" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fvp" }, transform: { defaultClass: "_1rsrm2fvq" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fvr" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fvs" }, "2": { defaultClass: "_1rsrm2fvt" }, "4": { defaultClass: "_1rsrm2fvu" }, "8": { defaultClass: "_1rsrm2fvv" }, "10": { defaultClass: "_1rsrm2fvw" }, "11": { defaultClass: "_1rsrm2fvx" }, "12": { defaultClass: "_1rsrm2fvy" }, "13": { defaultClass: "_1rsrm2fvz" }, "14": { defaultClass: "_1rsrm2fw0" }, "15": { defaultClass: "_1rsrm2fw1" }, "16": { defaultClass: "_1rsrm2fw2" }, "18": { defaultClass: "_1rsrm2fw3" }, "20": { defaultClass: "_1rsrm2fw4" }, "24": { defaultClass: "_1rsrm2fw5" }, "28": { defaultClass: "_1rsrm2fw6" }, "30": { defaultClass: "_1rsrm2fw7" }, "32": { defaultClass: "_1rsrm2fw8" }, "34": { defaultClass: "_1rsrm2fw9" }, "36": { defaultClass: "_1rsrm2fwa" }, "40": { defaultClass: "_1rsrm2fwb" }, "44": { defaultClass: "_1rsrm2fwc" }, "48": { defaultClass: "_1rsrm2fwd" }, "50": { defaultClass: "_1rsrm2fwe" }, "54": { defaultClass: "_1rsrm2fwf" }, "57": { defaultClass: "_1rsrm2fwg" }, "60": { defaultClass: "_1rsrm2fwh" }, "72": { defaultClass: "_1rsrm2fwi" }, "76": { defaultClass: "_1rsrm2fwj" }, "93": { defaultClass: "_1rsrm2fwk" }, "96": { defaultClass: "_1rsrm2fwl" }, "100": { defaultClass: "_1rsrm2fwm" }, "108": { defaultClass: "_1rsrm2fwn" }, "120": { defaultClass: "_1rsrm2fwo" }, "160": { defaultClass: "_1rsrm2fwp" }, "180": { defaultClass: "_1rsrm2fwq" }, "200": { defaultClass: "_1rsrm2fwr" }, "240": { defaultClass: "_1rsrm2fws" }, "300": { defaultClass: "_1rsrm2fwt" }, half: { defaultClass: "_1rsrm2fwu" }, full: { defaultClass: "_1rsrm2fwv" }, max: { defaultClass: "_1rsrm2fww" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fwx" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fwy" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fwz" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fx0" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fx1" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fx2" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fx3" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fx4" }, modalTopBarHeight: { defaultClass: "_1rsrm2fx5" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fx6" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fx7" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fx8" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fx9" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fxa" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fxb" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fxc" }, sourceListGap: { defaultClass: "_1rsrm2fxd" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fxe" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fxf" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fxg" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fxh" } } } } });
|
|
52
|
-
var themeVars = { colors: { accentColor: "var(--rk-colors-accentColor)", accentColorForeground: "var(--rk-colors-accentColorForeground)", actionButtonBorder: "var(--rk-colors-actionButtonBorder)", connectButtonBackground: "var(--rk-colors-connectButtonBackground)", connectButtonBackgroundError: "var(--rk-colors-connectButtonBackgroundError)", connectButtonText: "var(--rk-colors-connectButtonText)", connectButtonTextError: "var(--rk-colors-connectButtonTextError)", connectionIndicator: "var(--rk-colors-connectionIndicator)", error: "var(--rk-colors-error)", errorBackground: "var(--rk-colors-errorBackground)", errorBorder: "var(--rk-colors-errorBorder)", generalBorder: "var(--rk-colors-generalBorder)", generalBorderDim: "var(--rk-colors-generalBorderDim)", menuItemBackground: "var(--rk-colors-menuItemBackground)", selectedOptionBorder: "var(--rk-colors-selectedOptionBorder)", focusedOptionBorder: "var(--rk-colors-focusedOptionBorder)", standby: "var(--rk-colors-standby)", success: "var(--rk-colors-success)", delayedStatusIcon: "var(--rk-colors-delayedStatusIcon)", chainIconBorder: "var(--rk-colors-chainIconBorder)", modalBackdrop: "var(--rk-colors-modalBackdrop)", modalBackground: "var(--rk-colors-modalBackground)", modalBackgroundCheckoutComplete: "var(--rk-colors-modalBackgroundCheckoutComplete)", modalBorder: "var(--rk-colors-modalBorder)", offBackground: "var(--rk-colors-offBackground)", offBackgroundInverse: "var(--rk-colors-offBackgroundInverse)", hoverState: "var(--rk-colors-hoverState)", lightStroke: "var(--rk-colors-lightStroke)", mediumStroke: "var(--rk-colors-mediumStroke)", heavyStroke: "var(--rk-colors-heavyStroke)", strokeColor: "var(--rk-colors-strokeColor)", secondaryBackground: "var(--rk-colors-secondaryBackground)", modalTopbarIcon: "var(--rk-colors-modalTopbarIcon)", modalTopbarIconBackground: "var(--rk-colors-modalTopbarIconBackground)", modalTopbarIconBackgroundHover: "var(--rk-colors-modalTopbarIconBackgroundHover)", modalTopbarIconBackgroundPressed: "var(--rk-colors-modalTopbarIconBackgroundPressed)", modalTopbarIconStroke: "var(--rk-colors-modalTopbarIconStroke)", primaryText: "var(--rk-colors-primaryText)", secondaryText: "var(--rk-colors-secondaryText)", tertiaryText: "var(--rk-colors-tertiaryText)", textSelection: "var(--rk-colors-textSelection)", inputLabel: "var(--rk-colors-inputLabel)", inputBackground: "var(--rk-colors-inputBackground)", inputBackgroundHover: "var(--rk-colors-inputBackgroundHover)", inputBorderBase: "var(--rk-colors-inputBorderBase)", inputBorderHover: "var(--rk-colors-inputBorderHover)", activeTabBorderColor: "var(--rk-colors-activeTabBorderColor)", activeTabBackground: "var(--rk-colors-activeTabBackground)", inactiveTabBorderColor: "var(--rk-colors-inactiveTabBorderColor)", inactiveTabBackgroundBase: "var(--rk-colors-inactiveTabBackgroundBase)", inactiveTabBackgroundHover: "var(--rk-colors-inactiveTabBackgroundHover)", inactiveTabBackgroundActive: "var(--rk-colors-inactiveTabBackgroundActive)", activeTabText: "var(--rk-colors-activeTabText)", inactiveTabTextBase: "var(--rk-colors-inactiveTabTextBase)", inactiveTabHover: "var(--rk-colors-inactiveTabHover)", actionColor: "var(--rk-colors-actionColor)", actionColorHover: "var(--rk-colors-actionColorHover)", actionColorDisabled: "var(--rk-colors-actionColorDisabled)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonSuccess: "var(--rk-colors-buttonSuccess)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextHover: "var(--rk-colors-buttonTextHover)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", buttonBackgroundDisabledTertiary: "var(--rk-colors-buttonBackgroundDisabledTertiary)", buttonTextTertiary: "var(--rk-colors-buttonTextTertiary)", buttonTextDisabledTertiary: "var(--rk-colors-buttonTextDisabledTertiary)", buttonBackground: "var(--rk-colors-buttonBackground)", buttonBackgroundHover: "var(--rk-colors-buttonBackgroundHover)", buttonBackgroundPressed: "var(--rk-colors-buttonBackgroundPressed)", buttonBackgroundDisabled: "var(--rk-colors-buttonBackgroundDisabled)", buttonTextSecondaryDisabled: "var(--rk-colors-buttonTextSecondaryDisabled)", buttonTextSecondary: "var(--rk-colors-buttonTextSecondary)", buttonIconBackgroundHover: "var(--rk-colors-buttonIconBackgroundHover)", buttonIconBackgroundPressed: "var(--rk-colors-buttonIconBackgroundPressed)", buttonIconStroke: "var(--rk-colors-buttonIconStroke)", buttonBorderTertiary: "var(--rk-colors-buttonBorderTertiary)", buttonBorderFocusedTertiary: "var(--rk-colors-buttonBorderFocusedTertiary)", buttonFocusedOutline: "var(--rk-colors-buttonFocusedOutline)", buttonBorderGradient: "var(--rk-colors-buttonBorderGradient)", buttonHoverBorderGradient: "var(--rk-colors-buttonHoverBorderGradient)", buttonDisabledBorderGradient: "var(--rk-colors-buttonDisabledBorderGradient)", badgeBackgroundSuccess: "var(--rk-colors-badgeBackgroundSuccess)", badgeBorderSuccess: "var(--rk-colors-badgeBorderSuccess)", badgeTextSuccess: "var(--rk-colors-badgeTextSuccess)", newBadgeBackground: "var(--rk-colors-newBadgeBackground)", newBadgeBorder: "var(--rk-colors-newBadgeBorder)", newBadgeText: "var(--rk-colors-newBadgeText)", approvedBadgeBackground: "var(--rk-colors-approvedBadgeBackground)", approvedBadgeBorder: "var(--rk-colors-approvedBadgeBorder)", approvedBadgeText: "var(--rk-colors-approvedBadgeText)", failedBadgeBackground: "var(--rk-colors-failedBadgeBackground)", failedBadgeBorder: "var(--rk-colors-failedBadgeBorder)", failedBadgeText: "var(--rk-colors-failedBadgeText)", inputAmountQuickOptionBaseBackground: "var(--rk-colors-inputAmountQuickOptionBaseBackground)", inputAmountQuickOptionHoverBackground: "var(--rk-colors-inputAmountQuickOptionHoverBackground)", inputAmountQuickOptionActiveBackground: "var(--rk-colors-inputAmountQuickOptionActiveBackground)", inputAmountQuickOptionDisabledBackground: "var(--rk-colors-inputAmountQuickOptionDisabledBackground)", inputAmountQuickOptionBaseBorder: "var(--rk-colors-inputAmountQuickOptionBaseBorder)", inputAmountQuickOptionHoverBorder: "var(--rk-colors-inputAmountQuickOptionHoverBorder)", inputAmountQuickOptionActiveBorder: "var(--rk-colors-inputAmountQuickOptionActiveBorder)", inputAmountQuickOptionFocusedBorder: "var(--rk-colors-inputAmountQuickOptionFocusedBorder)", inputAmountFiatDecimalsColor: "var(--rk-colors-inputAmountFiatDecimalsColor)", youPayYouReceiveBackground: "var(--rk-colors-youPayYouReceiveBackground)", youPayYouReceiveBorder: "var(--rk-colors-youPayYouReceiveBorder)", youPayYouReceivePrimaryText: "var(--rk-colors-youPayYouReceivePrimaryText)", youPayYouReceiveSecondaryText: "var(--rk-colors-youPayYouReceiveSecondaryText)", announceGradientFrom: "var(--rk-colors-announceGradientFrom)", announceGradientTo: "var(--rk-colors-announceGradientTo)", modalHeaderDivider: "var(--rk-colors-modalHeaderDivider)", modalFooterDivider: "var(--rk-colors-modalFooterDivider)", fiatPendingGradientFrom: "var(--rk-colors-fiatPendingGradientFrom)", fiatPendingGradientTo: "var(--rk-colors-fiatPendingGradientTo)", fiatSuccessBackgroundFill: "var(--rk-colors-fiatSuccessBackgroundFill)", fiatFailedBackgroundFill: "var(--rk-colors-fiatFailedBackgroundFill)", fiatStatusIconBorder: "var(--rk-colors-fiatStatusIconBorder)", fiatAccountIconFill: "var(--rk-colors-fiatAccountIconFill)", fiatAccountGradientFrom: "var(--rk-colors-fiatAccountGradientFrom)", fiatAccountGradientTo: "var(--rk-colors-fiatAccountGradientTo)", optionBoxBackground: "var(--rk-colors-optionBoxBackground)", optionBoxBackgroundUninteractive: "var(--rk-colors-optionBoxBackgroundUninteractive)", optionBoxBorderBase: "var(--rk-colors-optionBoxBorderBase)", optionBoxBorderHover: "var(--rk-colors-optionBoxBorderHover)", optionBoxDefaultModeNotActiveBorderBase: "var(--rk-colors-optionBoxDefaultModeNotActiveBorderBase)", optionBoxDefaultModeNotActiveBorderHover: "var(--rk-colors-optionBoxDefaultModeNotActiveBorderHover)", openDropdownBackgroundColor: "var(--rk-colors-openDropdownBackgroundColor)", dropdownActiveItemBackgroundBase: "var(--rk-colors-dropdownActiveItemBackgroundBase)", dropdownActiveItemBackgroundHover: "var(--rk-colors-dropdownActiveItemBackgroundHover)", dropdownActiveItemBackgroundDisabled: "var(--rk-colors-dropdownActiveItemBackgroundDisabled)", dropdownActiveItemBorderBase: "var(--rk-colors-dropdownActiveItemBorderBase)", dropdownActiveItemBorderHover: "var(--rk-colors-dropdownActiveItemBorderHover)", dropdownGroupHeader: "var(--rk-colors-dropdownGroupHeader)", selectedDropdownItemBackground: "var(--rk-colors-selectedDropdownItemBackground)", alwaysVisibleLabelBackgroundHover: "var(--rk-colors-alwaysVisibleLabelBackgroundHover)", selectedDropdownItemText: "var(--rk-colors-selectedDropdownItemText)", useConnectedBackgroundBase: "var(--rk-colors-useConnectedBackgroundBase)", useConnectedBackgroundHover: "var(--rk-colors-useConnectedBackgroundHover)", copyButtonBackgroundBase: "var(--rk-colors-copyButtonBackgroundBase)", copyButtonBackgroundHover: "var(--rk-colors-copyButtonBackgroundHover)", copyButtonBackgroundActive: "var(--rk-colors-copyButtonBackgroundActive)", copyButtonBorderBase: "var(--rk-colors-copyButtonBorderBase)", copyButtonBorderHover: "var(--rk-colors-copyButtonBorderHover)", funFeatureListBackgroundBase: "var(--rk-colors-funFeatureListBackgroundBase)", funFeatureListBackgroundHover: "var(--rk-colors-funFeatureListBackgroundHover)", funFeatureListBorderColor: "var(--rk-colors-funFeatureListBorderColor)", funFeatureListBorderColorHover: "var(--rk-colors-funFeatureListBorderColorHover)", spinnerBackground: "var(--rk-colors-spinnerBackground)", spinnerIndicator: "var(--rk-colors-spinnerIndicator)", spinnerBackgroundVerifyAccount: "var(--rk-colors-spinnerBackgroundVerifyAccount)", spinnerIndicatorVerifyAccount: "var(--rk-colors-spinnerIndicatorVerifyAccount)", txSummaryBoxBackground: "var(--rk-colors-txSummaryBoxBackground)", txSummaryBoxBorder: "var(--rk-colors-txSummaryBoxBorder)", counterRingColor: "var(--rk-colors-counterRingColor)", cryptoCashToggleContainerBorderColor: "var(--rk-colors-cryptoCashToggleContainerBorderColor)", cryptoCashToggleBackground: "var(--rk-colors-cryptoCashToggleBackground)", withdrawalYouWillReceiveLabel: "var(--rk-colors-withdrawalYouWillReceiveLabel)", withdrawalYouWillReceiveValueCrypto: "var(--rk-colors-withdrawalYouWillReceiveValueCrypto)", withdrawalYouWillReceiveValueUsd: "var(--rk-colors-withdrawalYouWillReceiveValueUsd)" }, dimensions: { connectExchangeIconSize: "var(--rk-dimensions-connectExchangeIconSize)", cryptoCashToggleIconSize: "var(--rk-dimensions-cryptoCashToggleIconSize)", dollarValueSkeletonHeight: "var(--rk-dimensions-dollarValueSkeletonHeight)", dollarValueSkeletonWidth: "var(--rk-dimensions-dollarValueSkeletonWidth)", inputAmountQuickOptionButtonHeight: "var(--rk-dimensions-inputAmountQuickOptionButtonHeight)", inputAmountMinHeight: "var(--rk-dimensions-inputAmountMinHeight)", modalBottomBarButtonHeight: "var(--rk-dimensions-modalBottomBarButtonHeight)", modalBottomBarCloseButtonHeight: "var(--rk-dimensions-modalBottomBarCloseButtonHeight)", modalTopBarHeight: "var(--rk-dimensions-modalTopBarHeight)", modalTopbarIconSize: "var(--rk-dimensions-modalTopbarIconSize)", modalTopbarIconWrapperSize: "var(--rk-dimensions-modalTopbarIconWrapperSize)", paymentAmountSkeletonBlockHeight: "var(--rk-dimensions-paymentAmountSkeletonBlockHeight)", paymentAmountSkeletonBlockWidth: "var(--rk-dimensions-paymentAmountSkeletonBlockWidth)", paymentAmountSkeletonCircleSize: "var(--rk-dimensions-paymentAmountSkeletonCircleSize)", paymentMethodItemIconSize: "var(--rk-dimensions-paymentMethodItemIconSize)", selectAssetItemIconSize: "var(--rk-dimensions-selectAssetItemIconSize)", sourceListGap: "var(--rk-dimensions-sourceListGap)", txBreakdownSkeletonWidth: "var(--rk-dimensions-txBreakdownSkeletonWidth)", txSummaryLineSkeletonHeight: "var(--rk-dimensions-txSummaryLineSkeletonHeight)", txSummaryLineSkeletonWidth: "var(--rk-dimensions-txSummaryLineSkeletonWidth)" }, fonts: { amountValue: "var(--rk-fonts-amountValue)", body: "var(--rk-fonts-body)", buttonTextPrimary: "var(--rk-fonts-buttonTextPrimary)", buttonTextSecondary: "var(--rk-fonts-buttonTextSecondary)", buttonTextTertiary: "var(--rk-fonts-buttonTextTertiary)", dropdownGroupHeader: "var(--rk-fonts-dropdownGroupHeader)", header: "var(--rk-fonts-header)", inputAmount: "var(--rk-fonts-inputAmount)", txStatusDescription: "var(--rk-fonts-txStatusDescription)", txStatusTitle: "var(--rk-fonts-txStatusTitle)" }, fontWeight: { regular: "var(--rk-fontWeight-regular)", medium: "var(--rk-fontWeight-medium)", semibold: "var(--rk-fontWeight-semibold)", bold: "var(--rk-fontWeight-bold)", heavy: "var(--rk-fontWeight-heavy)", cryptoCashToggle: "var(--rk-fontWeight-cryptoCashToggle)", dropdownGroupHeader: "var(--rk-fontWeight-dropdownGroupHeader)", inputAmount: "var(--rk-fontWeight-inputAmount)", inputLabel: "var(--rk-fontWeight-inputLabel)", inputValue: "var(--rk-fontWeight-inputValue)", modalTopbarTitle: "var(--rk-fontWeight-modalTopbarTitle)", modalBottomBarButtonText: "var(--rk-fontWeight-modalBottomBarButtonText)", paymentMethodItemSubtitle: "var(--rk-fontWeight-paymentMethodItemSubtitle)", paymentMethodItemTitle: "var(--rk-fontWeight-paymentMethodItemTitle)", selectAssetItemSubtitle: "var(--rk-fontWeight-selectAssetItemSubtitle)", selectAssetItemTitle: "var(--rk-fontWeight-selectAssetItemTitle)", sourceListSectionLabelFontWeight: "var(--rk-fontWeight-sourceListSectionLabelFontWeight)", txBreakdown: "var(--rk-fontWeight-txBreakdown)", txStatusDescription: "var(--rk-fontWeight-txStatusDescription)", txStatusTitle: "var(--rk-fontWeight-txStatusTitle)", txSummaryLabel: "var(--rk-fontWeight-txSummaryLabel)", txSummaryValue: "var(--rk-fontWeight-txSummaryValue)", formOfPaymentsListSectionLabelFontWeight: "var(--rk-fontWeight-formOfPaymentsListSectionLabelFontWeight)", withdrawalYouWillReceiveLabel: "var(--rk-fontWeight-withdrawalYouWillReceiveLabel)", withdrawalYouWillReceiveValueCrypto: "var(--rk-fontWeight-withdrawalYouWillReceiveValueCrypto)", withdrawalYouWillReceiveValueUsd: "var(--rk-fontWeight-withdrawalYouWillReceiveValueUsd)" }, fontSize: { "10": { fontSize: "var(--rk-fontSize-10-fontSize)", lineHeight: "var(--rk-fontSize-10-lineHeight)" }, "12": { fontSize: "var(--rk-fontSize-12-fontSize)", lineHeight: "var(--rk-fontSize-12-lineHeight)" }, "13": { fontSize: "var(--rk-fontSize-13-fontSize)", lineHeight: "var(--rk-fontSize-13-lineHeight)" }, "14": { fontSize: "var(--rk-fontSize-14-fontSize)", lineHeight: "var(--rk-fontSize-14-lineHeight)" }, "16": { fontSize: "var(--rk-fontSize-16-fontSize)", lineHeight: "var(--rk-fontSize-16-lineHeight)" }, "18": { fontSize: "var(--rk-fontSize-18-fontSize)", lineHeight: "var(--rk-fontSize-18-lineHeight)" }, "20": { fontSize: "var(--rk-fontSize-20-fontSize)", lineHeight: "var(--rk-fontSize-20-lineHeight)" }, "21": { fontSize: "var(--rk-fontSize-21-fontSize)", lineHeight: "var(--rk-fontSize-21-lineHeight)" }, "40": { fontSize: "var(--rk-fontSize-40-fontSize)", lineHeight: "var(--rk-fontSize-40-lineHeight)" }, "57": { fontSize: "var(--rk-fontSize-57-fontSize)", lineHeight: "var(--rk-fontSize-57-lineHeight)" }, body: { fontSize: "var(--rk-fontSize-body-fontSize)", lineHeight: "var(--rk-fontSize-body-lineHeight)" }, cryptoCashToggle: { fontSize: "var(--rk-fontSize-cryptoCashToggle-fontSize)", lineHeight: "var(--rk-fontSize-cryptoCashToggle-lineHeight)" }, "header-14": { fontSize: "var(--rk-fontSize-header-14-fontSize)", lineHeight: "var(--rk-fontSize-header-14-lineHeight)" }, "header-36": { fontSize: "var(--rk-fontSize-header-36-fontSize)", lineHeight: "var(--rk-fontSize-header-36-lineHeight)" }, buttonTextPrimary: { fontSize: "var(--rk-fontSize-buttonTextPrimary-fontSize)", lineHeight: "var(--rk-fontSize-buttonTextPrimary-lineHeight)" }, buttonTextSecondary: { fontSize: "var(--rk-fontSize-buttonTextSecondary-fontSize)", lineHeight: "var(--rk-fontSize-buttonTextSecondary-lineHeight)" }, buttonTextTertiary: { fontSize: "var(--rk-fontSize-buttonTextTertiary-fontSize)", lineHeight: "var(--rk-fontSize-buttonTextTertiary-lineHeight)" }, dollarValue: { fontSize: "var(--rk-fontSize-dollarValue-fontSize)", lineHeight: "var(--rk-fontSize-dollarValue-lineHeight)" }, dropdownGroupHeader: { fontSize: "var(--rk-fontSize-dropdownGroupHeader-fontSize)", lineHeight: "var(--rk-fontSize-dropdownGroupHeader-lineHeight)" }, inputAmount: { fontSize: "var(--rk-fontSize-inputAmount-fontSize)", lineHeight: "var(--rk-fontSize-inputAmount-lineHeight)" }, inputLabel: { fontSize: "var(--rk-fontSize-inputLabel-fontSize)", lineHeight: "var(--rk-fontSize-inputLabel-lineHeight)" }, inputValue: { fontSize: "var(--rk-fontSize-inputValue-fontSize)", lineHeight: "var(--rk-fontSize-inputValue-lineHeight)" }, modalTopbarSubtitle: { fontSize: "var(--rk-fontSize-modalTopbarSubtitle-fontSize)", lineHeight: "var(--rk-fontSize-modalTopbarSubtitle-lineHeight)" }, modalTopbarTitle: { fontSize: "var(--rk-fontSize-modalTopbarTitle-fontSize)", lineHeight: "var(--rk-fontSize-modalTopbarTitle-lineHeight)" }, modalBottomBarButtonText: { fontSize: "var(--rk-fontSize-modalBottomBarButtonText-fontSize)", lineHeight: "var(--rk-fontSize-modalBottomBarButtonText-lineHeight)" }, paymentMethodItemSubtitle: { fontSize: "var(--rk-fontSize-paymentMethodItemSubtitle-fontSize)", lineHeight: "var(--rk-fontSize-paymentMethodItemSubtitle-lineHeight)" }, paymentMethodItemTitle: { fontSize: "var(--rk-fontSize-paymentMethodItemTitle-fontSize)", lineHeight: "var(--rk-fontSize-paymentMethodItemTitle-lineHeight)" }, selectAssetItemSubtitle: { fontSize: "var(--rk-fontSize-selectAssetItemSubtitle-fontSize)", lineHeight: "var(--rk-fontSize-selectAssetItemSubtitle-lineHeight)" }, selectAssetItemTitle: { fontSize: "var(--rk-fontSize-selectAssetItemTitle-fontSize)", lineHeight: "var(--rk-fontSize-selectAssetItemTitle-lineHeight)" }, txBreakdown: { fontSize: "var(--rk-fontSize-txBreakdown-fontSize)", lineHeight: "var(--rk-fontSize-txBreakdown-lineHeight)" }, txStatusDescription: { fontSize: "var(--rk-fontSize-txStatusDescription-fontSize)", lineHeight: "var(--rk-fontSize-txStatusDescription-lineHeight)" }, txStatusTitle: { fontSize: "var(--rk-fontSize-txStatusTitle-fontSize)", lineHeight: "var(--rk-fontSize-txStatusTitle-lineHeight)" }, txSummaryLabel: { fontSize: "var(--rk-fontSize-txSummaryLabel-fontSize)", lineHeight: "var(--rk-fontSize-txSummaryLabel-lineHeight)" }, txSummaryValue: { fontSize: "var(--rk-fontSize-txSummaryValue-fontSize)", lineHeight: "var(--rk-fontSize-txSummaryValue-lineHeight)" }, withdrawalYouWillReceive: { fontSize: "var(--rk-fontSize-withdrawalYouWillReceive-fontSize)", lineHeight: "var(--rk-fontSize-withdrawalYouWillReceive-lineHeight)" }, youPayYouReceivePrimaryFontSize: { fontSize: "var(--rk-fontSize-youPayYouReceivePrimaryFontSize-fontSize)", lineHeight: "var(--rk-fontSize-youPayYouReceivePrimaryFontSize-lineHeight)" }, youPayYouReceiveSecondaryFontSize: { fontSize: "var(--rk-fontSize-youPayYouReceiveSecondaryFontSize-fontSize)", lineHeight: "var(--rk-fontSize-youPayYouReceiveSecondaryFontSize-lineHeight)" }, depositAddressFontSize: { fontSize: "var(--rk-fontSize-depositAddressFontSize-fontSize)", lineHeight: "var(--rk-fontSize-depositAddressFontSize-lineHeight)" }, funFeatureListItemFontSize: { fontSize: "var(--rk-fontSize-funFeatureListItemFontSize-fontSize)", lineHeight: "var(--rk-fontSize-funFeatureListItemFontSize-lineHeight)" }, dropdownItemFontSize: { fontSize: "var(--rk-fontSize-dropdownItemFontSize-fontSize)", lineHeight: "var(--rk-fontSize-dropdownItemFontSize-lineHeight)" }, sourceListSectionLabelFontSize: { fontSize: "var(--rk-fontSize-sourceListSectionLabelFontSize-fontSize)", lineHeight: "var(--rk-fontSize-sourceListSectionLabelFontSize-lineHeight)" }, formOfPaymentsListSectionLabelFontSize: { fontSize: "var(--rk-fontSize-formOfPaymentsListSectionLabelFontSize-fontSize)", lineHeight: "var(--rk-fontSize-formOfPaymentsListSectionLabelFontSize-lineHeight)" }, quickOptionFontSize: { fontSize: "var(--rk-fontSize-quickOptionFontSize-fontSize)", lineHeight: "var(--rk-fontSize-quickOptionFontSize-lineHeight)" }, useConnectedFontSize: { fontSize: "var(--rk-fontSize-useConnectedFontSize-fontSize)", lineHeight: "var(--rk-fontSize-useConnectedFontSize-lineHeight)" }, paymentFeeSummaryTooltip: { fontSize: "var(--rk-fontSize-paymentFeeSummaryTooltip-fontSize)", lineHeight: "var(--rk-fontSize-paymentFeeSummaryTooltip-lineHeight)" }, tooltipContent: { fontSize: "var(--rk-fontSize-tooltipContent-fontSize)", lineHeight: "var(--rk-fontSize-tooltipContent-lineHeight)" } }, radii: { actionButton: "var(--rk-radii-actionButton)", actionButtonInner: "var(--rk-radii-actionButtonInner)", connectButton: "var(--rk-radii-connectButton)", menuButton: "var(--rk-radii-menuButton)", modal: "var(--rk-radii-modal)", modalMobile: "var(--rk-radii-modalMobile)", modalActionButton: "var(--rk-radii-modalActionButton)", modalActionButtonMobile: "var(--rk-radii-modalActionButtonMobile)", summaryBox: "var(--rk-radii-summaryBox)", youPayYouReceive: "var(--rk-radii-youPayYouReceive)", inputAmountSwitcher: "var(--rk-radii-inputAmountSwitcher)", qrCode: "var(--rk-radii-qrCode)", skeleton: "var(--rk-radii-skeleton)", tooltip: "var(--rk-radii-tooltip)", dropdown: "var(--rk-radii-dropdown)", dropdownItem: "var(--rk-radii-dropdownItem)", dropdownList: "var(--rk-radii-dropdownList)", modalTopbarIcon: "var(--rk-radii-modalTopbarIcon)", withdrawalInput: "var(--rk-radii-withdrawalInput)", useConnected: "var(--rk-radii-useConnected)" }, borderWidths: { activeOptionBorderWidth: "var(--rk-borderWidths-activeOptionBorderWidth)", buttonTertiaryBorderWidth: "var(--rk-borderWidths-buttonTertiaryBorderWidth)", cryptoCashToggleContainerBorderWidth: "var(--rk-borderWidths-cryptoCashToggleContainerBorderWidth)", cryptoCashToggleActiveTabBorderWidth: "var(--rk-borderWidths-cryptoCashToggleActiveTabBorderWidth)", cryptoCashToggleInactiveTabBorderWidth: "var(--rk-borderWidths-cryptoCashToggleInactiveTabBorderWidth)", txSummaryBoxBorderWidth: "var(--rk-borderWidths-txSummaryBoxBorderWidth)" }, shadows: { connectButton: "var(--rk-shadows-connectButton)", dialog: "var(--rk-shadows-dialog)", selectedOption: "var(--rk-shadows-selectedOption)", selectedWallet: "var(--rk-shadows-selectedWallet)", dropdown: "var(--rk-shadows-dropdown)", notification: "var(--rk-shadows-notification)", qrCode: "var(--rk-shadows-qrCode)", buttonShadow: "var(--rk-shadows-buttonShadow)", buttonShadowTertiary: "var(--rk-shadows-buttonShadowTertiary)", buttonFocusedShadow: "var(--rk-shadows-buttonFocusedShadow)", buttonFocusedShadowTertiary: "var(--rk-shadows-buttonFocusedShadowTertiary)", buttonHoverShadow: "var(--rk-shadows-buttonHoverShadow)", buttonHoverShadowTertiary: "var(--rk-shadows-buttonHoverShadowTertiary)", buttonDisabledShadow: "var(--rk-shadows-buttonDisabledShadow)", buttonDisabledShadowTertiary: "var(--rk-shadows-buttonDisabledShadowTertiary)", buttonInnerShadow: "var(--rk-shadows-buttonInnerShadow)", buttonInnerShadowTertiary: "var(--rk-shadows-buttonInnerShadowTertiary)", buttonFocusedInnerShadow: "var(--rk-shadows-buttonFocusedInnerShadow)", buttonFocusedInnerShadowTertiary: "var(--rk-shadows-buttonFocusedInnerShadowTertiary)", buttonHoverInnerShadow: "var(--rk-shadows-buttonHoverInnerShadow)", buttonHoverInnerShadowTertiary: "var(--rk-shadows-buttonHoverInnerShadowTertiary)", buttonDisabledInnerShadow: "var(--rk-shadows-buttonDisabledInnerShadow)", buttonDisabledInnerShadowTertiary: "var(--rk-shadows-buttonDisabledInnerShadowTertiary)", selectedDropdownItem: "var(--rk-shadows-selectedDropdownItem)" }, spacing: { confirmationStepMarginTop: "var(--rk-spacing-confirmationStepMarginTop)", confirmationStepVerticalGap: "var(--rk-spacing-confirmationStepVerticalGap)", cryptoCashToggleContainerPadding: "var(--rk-spacing-cryptoCashToggleContainerPadding)", cryptoCashToggleMarginBottom: "var(--rk-spacing-cryptoCashToggleMarginBottom)", cryptoCashToggleMarginTop: "var(--rk-spacing-cryptoCashToggleMarginTop)", cryptoCashToggleTabPaddingY: "var(--rk-spacing-cryptoCashToggleTabPaddingY)", dropdownItemIconGap: "var(--rk-spacing-dropdownItemIconGap)", dropdownItemPaddingX: "var(--rk-spacing-dropdownItemPaddingX)", dropdownItemPaddingY: "var(--rk-spacing-dropdownItemPaddingY)", dropdownCompactPaddingX: "var(--rk-spacing-dropdownCompactPaddingX)", dropdownCompactPaddingY: "var(--rk-spacing-dropdownCompactPaddingY)", dropdownPaddingX: "var(--rk-spacing-dropdownPaddingX)", dropdownPaddingY: "var(--rk-spacing-dropdownPaddingY)", modalBaseHorizontalPadding: "var(--rk-spacing-modalBaseHorizontalPadding)", modalBottomBarButtonPaddingY: "var(--rk-spacing-modalBottomBarButtonPaddingY)", modalBottomHorizontalPadding: "var(--rk-spacing-modalBottomHorizontalPadding)", modalPaddingBottomUpper: "var(--rk-spacing-modalPaddingBottomUpper)", modalPaddingBottomLower: "var(--rk-spacing-modalPaddingBottomLower)", modalTopBarVerticalTextSpacing: "var(--rk-spacing-modalTopBarVerticalTextSpacing)", selectAssetItemPaddingX: "var(--rk-spacing-selectAssetItemPaddingX)", selectAssetItemPaddingY: "var(--rk-spacing-selectAssetItemPaddingY)", selectAssetItemTextGap: "var(--rk-spacing-selectAssetItemTextGap)", selectBrokerageItemPaddingX: "var(--rk-spacing-selectBrokerageItemPaddingX)", selectBrokerageItemPaddingY: "var(--rk-spacing-selectBrokerageItemPaddingY)", selectBrokerageListGap: "var(--rk-spacing-selectBrokerageListGap)", txBreakdownMarginY: "var(--rk-spacing-txBreakdownMarginY)", txBreakdownPaddingX: "var(--rk-spacing-txBreakdownPaddingX)", txSummaryBoxPaddingX: "var(--rk-spacing-txSummaryBoxPaddingX)", txSummaryBoxPaddingY: "var(--rk-spacing-txSummaryBoxPaddingY)", txSummaryLineItemPadding: "var(--rk-spacing-txSummaryLineItemPadding)", txSummaryDividerMarginX: "var(--rk-spacing-txSummaryDividerMarginX)", txSummaryDividerMarginY: "var(--rk-spacing-txSummaryDividerMarginY)", verticalSectionGap: "var(--rk-spacing-verticalSectionGap)", withdrawalModalPaddingTop: "var(--rk-spacing-withdrawalModalPaddingTop)", youPayYouReceivePaddingLeft: "var(--rk-spacing-youPayYouReceivePaddingLeft)", youPayYouReceivePaddingRight: "var(--rk-spacing-youPayYouReceivePaddingRight)", youPayYouReceivePaddingY: "var(--rk-spacing-youPayYouReceivePaddingY)", inputPaddingX: "var(--rk-spacing-inputPaddingX)", inputPaddingY: "var(--rk-spacing-inputPaddingY)", dropdownActiveItemRegularSizePaddingY: "var(--rk-spacing-dropdownActiveItemRegularSizePaddingY)", assetListDefaultGap: "var(--rk-spacing-assetListDefaultGap)", dropdownGroupDividerMarginY: "var(--rk-spacing-dropdownGroupDividerMarginY)" }, textTransforms: { inputAmountQuickOptionButton: "var(--rk-textTransforms-inputAmountQuickOptionButton)", txStatusTitle: "var(--rk-textTransforms-txStatusTitle)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)", modalZIndex: "var(--rk-modalZIndex)" };
|
|
52
|
+
var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fxs", hover: "_1rsrm2fxt", active: "_1rsrm2fxu", selection: "_1rsrm2fxv", focused: "_1rsrm2fxw", focusedVisible: "_1rsrm2fxx" }, defaultClass: "_1rsrm2fxs" }, accentColorForeground: { conditions: { base: "_1rsrm2fxy", hover: "_1rsrm2fxz", active: "_1rsrm2fy0", selection: "_1rsrm2fy1", focused: "_1rsrm2fy2", focusedVisible: "_1rsrm2fy3" }, defaultClass: "_1rsrm2fxy" }, actionButtonBorder: { conditions: { base: "_1rsrm2fy4", hover: "_1rsrm2fy5", active: "_1rsrm2fy6", selection: "_1rsrm2fy7", focused: "_1rsrm2fy8", focusedVisible: "_1rsrm2fy9" }, defaultClass: "_1rsrm2fy4" }, connectButtonBackground: { conditions: { base: "_1rsrm2fya", hover: "_1rsrm2fyb", active: "_1rsrm2fyc", selection: "_1rsrm2fyd", focused: "_1rsrm2fye", focusedVisible: "_1rsrm2fyf" }, defaultClass: "_1rsrm2fya" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fyg", hover: "_1rsrm2fyh", active: "_1rsrm2fyi", selection: "_1rsrm2fyj", focused: "_1rsrm2fyk", focusedVisible: "_1rsrm2fyl" }, defaultClass: "_1rsrm2fyg" }, connectButtonText: { conditions: { base: "_1rsrm2fym", hover: "_1rsrm2fyn", active: "_1rsrm2fyo", selection: "_1rsrm2fyp", focused: "_1rsrm2fyq", focusedVisible: "_1rsrm2fyr" }, defaultClass: "_1rsrm2fym" }, connectButtonTextError: { conditions: { base: "_1rsrm2fys", hover: "_1rsrm2fyt", active: "_1rsrm2fyu", selection: "_1rsrm2fyv", focused: "_1rsrm2fyw", focusedVisible: "_1rsrm2fyx" }, defaultClass: "_1rsrm2fys" }, connectionIndicator: { conditions: { base: "_1rsrm2fyy", hover: "_1rsrm2fyz", active: "_1rsrm2fz0", selection: "_1rsrm2fz1", focused: "_1rsrm2fz2", focusedVisible: "_1rsrm2fz3" }, defaultClass: "_1rsrm2fyy" }, error: { conditions: { base: "_1rsrm2fz4", hover: "_1rsrm2fz5", active: "_1rsrm2fz6", selection: "_1rsrm2fz7", focused: "_1rsrm2fz8", focusedVisible: "_1rsrm2fz9" }, defaultClass: "_1rsrm2fz4" }, errorBackground: { conditions: { base: "_1rsrm2fza", hover: "_1rsrm2fzb", active: "_1rsrm2fzc", selection: "_1rsrm2fzd", focused: "_1rsrm2fze", focusedVisible: "_1rsrm2fzf" }, defaultClass: "_1rsrm2fza" }, errorBorder: { conditions: { base: "_1rsrm2fzg", hover: "_1rsrm2fzh", active: "_1rsrm2fzi", selection: "_1rsrm2fzj", focused: "_1rsrm2fzk", focusedVisible: "_1rsrm2fzl" }, defaultClass: "_1rsrm2fzg" }, generalBorder: { conditions: { base: "_1rsrm2fzm", hover: "_1rsrm2fzn", active: "_1rsrm2fzo", selection: "_1rsrm2fzp", focused: "_1rsrm2fzq", focusedVisible: "_1rsrm2fzr" }, defaultClass: "_1rsrm2fzm" }, generalBorderDim: { conditions: { base: "_1rsrm2fzs", hover: "_1rsrm2fzt", active: "_1rsrm2fzu", selection: "_1rsrm2fzv", focused: "_1rsrm2fzw", focusedVisible: "_1rsrm2fzx" }, defaultClass: "_1rsrm2fzs" }, menuItemBackground: { conditions: { base: "_1rsrm2fzy", hover: "_1rsrm2fzz", active: "_1rsrm2f100", selection: "_1rsrm2f101", focused: "_1rsrm2f102", focusedVisible: "_1rsrm2f103" }, defaultClass: "_1rsrm2fzy" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f104", hover: "_1rsrm2f105", active: "_1rsrm2f106", selection: "_1rsrm2f107", focused: "_1rsrm2f108", focusedVisible: "_1rsrm2f109" }, defaultClass: "_1rsrm2f104" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f10a", hover: "_1rsrm2f10b", active: "_1rsrm2f10c", selection: "_1rsrm2f10d", focused: "_1rsrm2f10e", focusedVisible: "_1rsrm2f10f" }, defaultClass: "_1rsrm2f10a" }, standby: { conditions: { base: "_1rsrm2f10g", hover: "_1rsrm2f10h", active: "_1rsrm2f10i", selection: "_1rsrm2f10j", focused: "_1rsrm2f10k", focusedVisible: "_1rsrm2f10l" }, defaultClass: "_1rsrm2f10g" }, success: { conditions: { base: "_1rsrm2f10m", hover: "_1rsrm2f10n", active: "_1rsrm2f10o", selection: "_1rsrm2f10p", focused: "_1rsrm2f10q", focusedVisible: "_1rsrm2f10r" }, defaultClass: "_1rsrm2f10m" }, delayedStatusIcon: { conditions: { base: "_1rsrm2f10s", hover: "_1rsrm2f10t", active: "_1rsrm2f10u", selection: "_1rsrm2f10v", focused: "_1rsrm2f10w", focusedVisible: "_1rsrm2f10x" }, defaultClass: "_1rsrm2f10s" }, chainIconBorder: { conditions: { base: "_1rsrm2f10y", hover: "_1rsrm2f10z", active: "_1rsrm2f110", selection: "_1rsrm2f111", focused: "_1rsrm2f112", focusedVisible: "_1rsrm2f113" }, defaultClass: "_1rsrm2f10y" }, modalBackdrop: { conditions: { base: "_1rsrm2f114", hover: "_1rsrm2f115", active: "_1rsrm2f116", selection: "_1rsrm2f117", focused: "_1rsrm2f118", focusedVisible: "_1rsrm2f119" }, defaultClass: "_1rsrm2f114" }, modalBackground: { conditions: { base: "_1rsrm2f11a", hover: "_1rsrm2f11b", active: "_1rsrm2f11c", selection: "_1rsrm2f11d", focused: "_1rsrm2f11e", focusedVisible: "_1rsrm2f11f" }, defaultClass: "_1rsrm2f11a" }, modalBackgroundCheckoutComplete: { conditions: { base: "_1rsrm2f11g", hover: "_1rsrm2f11h", active: "_1rsrm2f11i", selection: "_1rsrm2f11j", focused: "_1rsrm2f11k", focusedVisible: "_1rsrm2f11l" }, defaultClass: "_1rsrm2f11g" }, modalBorder: { conditions: { base: "_1rsrm2f11m", hover: "_1rsrm2f11n", active: "_1rsrm2f11o", selection: "_1rsrm2f11p", focused: "_1rsrm2f11q", focusedVisible: "_1rsrm2f11r" }, defaultClass: "_1rsrm2f11m" }, offBackground: { conditions: { base: "_1rsrm2f11s", hover: "_1rsrm2f11t", active: "_1rsrm2f11u", selection: "_1rsrm2f11v", focused: "_1rsrm2f11w", focusedVisible: "_1rsrm2f11x" }, defaultClass: "_1rsrm2f11s" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f11y", hover: "_1rsrm2f11z", active: "_1rsrm2f120", selection: "_1rsrm2f121", focused: "_1rsrm2f122", focusedVisible: "_1rsrm2f123" }, defaultClass: "_1rsrm2f11y" }, hoverState: { conditions: { base: "_1rsrm2f124", hover: "_1rsrm2f125", active: "_1rsrm2f126", selection: "_1rsrm2f127", focused: "_1rsrm2f128", focusedVisible: "_1rsrm2f129" }, defaultClass: "_1rsrm2f124" }, lightStroke: { conditions: { base: "_1rsrm2f12a", hover: "_1rsrm2f12b", active: "_1rsrm2f12c", selection: "_1rsrm2f12d", focused: "_1rsrm2f12e", focusedVisible: "_1rsrm2f12f" }, defaultClass: "_1rsrm2f12a" }, mediumStroke: { conditions: { base: "_1rsrm2f12g", hover: "_1rsrm2f12h", active: "_1rsrm2f12i", selection: "_1rsrm2f12j", focused: "_1rsrm2f12k", focusedVisible: "_1rsrm2f12l" }, defaultClass: "_1rsrm2f12g" }, heavyStroke: { conditions: { base: "_1rsrm2f12m", hover: "_1rsrm2f12n", active: "_1rsrm2f12o", selection: "_1rsrm2f12p", focused: "_1rsrm2f12q", focusedVisible: "_1rsrm2f12r" }, defaultClass: "_1rsrm2f12m" }, strokeColor: { conditions: { base: "_1rsrm2f12s", hover: "_1rsrm2f12t", active: "_1rsrm2f12u", selection: "_1rsrm2f12v", focused: "_1rsrm2f12w", focusedVisible: "_1rsrm2f12x" }, defaultClass: "_1rsrm2f12s" }, secondaryBackground: { conditions: { base: "_1rsrm2f12y", hover: "_1rsrm2f12z", active: "_1rsrm2f130", selection: "_1rsrm2f131", focused: "_1rsrm2f132", focusedVisible: "_1rsrm2f133" }, defaultClass: "_1rsrm2f12y" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f134", hover: "_1rsrm2f135", active: "_1rsrm2f136", selection: "_1rsrm2f137", focused: "_1rsrm2f138", focusedVisible: "_1rsrm2f139" }, defaultClass: "_1rsrm2f134" }, modalTopbarIconBackground: { conditions: { base: "_1rsrm2f13a", hover: "_1rsrm2f13b", active: "_1rsrm2f13c", selection: "_1rsrm2f13d", focused: "_1rsrm2f13e", focusedVisible: "_1rsrm2f13f" }, defaultClass: "_1rsrm2f13a" }, modalTopbarIconBackgroundHover: { conditions: { base: "_1rsrm2f13g", hover: "_1rsrm2f13h", active: "_1rsrm2f13i", selection: "_1rsrm2f13j", focused: "_1rsrm2f13k", focusedVisible: "_1rsrm2f13l" }, defaultClass: "_1rsrm2f13g" }, modalTopbarIconBackgroundPressed: { conditions: { base: "_1rsrm2f13m", hover: "_1rsrm2f13n", active: "_1rsrm2f13o", selection: "_1rsrm2f13p", focused: "_1rsrm2f13q", focusedVisible: "_1rsrm2f13r" }, defaultClass: "_1rsrm2f13m" }, modalTopbarIconStroke: { conditions: { base: "_1rsrm2f13s", hover: "_1rsrm2f13t", active: "_1rsrm2f13u", selection: "_1rsrm2f13v", focused: "_1rsrm2f13w", focusedVisible: "_1rsrm2f13x" }, defaultClass: "_1rsrm2f13s" }, primaryText: { conditions: { base: "_1rsrm2f13y", hover: "_1rsrm2f13z", active: "_1rsrm2f140", selection: "_1rsrm2f141", focused: "_1rsrm2f142", focusedVisible: "_1rsrm2f143" }, defaultClass: "_1rsrm2f13y" }, secondaryText: { conditions: { base: "_1rsrm2f144", hover: "_1rsrm2f145", active: "_1rsrm2f146", selection: "_1rsrm2f147", focused: "_1rsrm2f148", focusedVisible: "_1rsrm2f149" }, defaultClass: "_1rsrm2f144" }, tertiaryText: { conditions: { base: "_1rsrm2f14a", hover: "_1rsrm2f14b", active: "_1rsrm2f14c", selection: "_1rsrm2f14d", focused: "_1rsrm2f14e", focusedVisible: "_1rsrm2f14f" }, defaultClass: "_1rsrm2f14a" }, textSelection: { conditions: { base: "_1rsrm2f14g", hover: "_1rsrm2f14h", active: "_1rsrm2f14i", selection: "_1rsrm2f14j", focused: "_1rsrm2f14k", focusedVisible: "_1rsrm2f14l" }, defaultClass: "_1rsrm2f14g" }, inputLabel: { conditions: { base: "_1rsrm2f14m", hover: "_1rsrm2f14n", active: "_1rsrm2f14o", selection: "_1rsrm2f14p", focused: "_1rsrm2f14q", focusedVisible: "_1rsrm2f14r" }, defaultClass: "_1rsrm2f14m" }, inputBackground: { conditions: { base: "_1rsrm2f14s", hover: "_1rsrm2f14t", active: "_1rsrm2f14u", selection: "_1rsrm2f14v", focused: "_1rsrm2f14w", focusedVisible: "_1rsrm2f14x" }, defaultClass: "_1rsrm2f14s" }, inputBackgroundHover: { conditions: { base: "_1rsrm2f14y", hover: "_1rsrm2f14z", active: "_1rsrm2f150", selection: "_1rsrm2f151", focused: "_1rsrm2f152", focusedVisible: "_1rsrm2f153" }, defaultClass: "_1rsrm2f14y" }, inputBorderBase: { conditions: { base: "_1rsrm2f154", hover: "_1rsrm2f155", active: "_1rsrm2f156", selection: "_1rsrm2f157", focused: "_1rsrm2f158", focusedVisible: "_1rsrm2f159" }, defaultClass: "_1rsrm2f154" }, inputBorderHover: { conditions: { base: "_1rsrm2f15a", hover: "_1rsrm2f15b", active: "_1rsrm2f15c", selection: "_1rsrm2f15d", focused: "_1rsrm2f15e", focusedVisible: "_1rsrm2f15f" }, defaultClass: "_1rsrm2f15a" }, activeTabBorderColor: { conditions: { base: "_1rsrm2f15g", hover: "_1rsrm2f15h", active: "_1rsrm2f15i", selection: "_1rsrm2f15j", focused: "_1rsrm2f15k", focusedVisible: "_1rsrm2f15l" }, defaultClass: "_1rsrm2f15g" }, activeTabBackground: { conditions: { base: "_1rsrm2f15m", hover: "_1rsrm2f15n", active: "_1rsrm2f15o", selection: "_1rsrm2f15p", focused: "_1rsrm2f15q", focusedVisible: "_1rsrm2f15r" }, defaultClass: "_1rsrm2f15m" }, inactiveTabBorderColor: { conditions: { base: "_1rsrm2f15s", hover: "_1rsrm2f15t", active: "_1rsrm2f15u", selection: "_1rsrm2f15v", focused: "_1rsrm2f15w", focusedVisible: "_1rsrm2f15x" }, defaultClass: "_1rsrm2f15s" }, inactiveTabBackgroundBase: { conditions: { base: "_1rsrm2f15y", hover: "_1rsrm2f15z", active: "_1rsrm2f160", selection: "_1rsrm2f161", focused: "_1rsrm2f162", focusedVisible: "_1rsrm2f163" }, defaultClass: "_1rsrm2f15y" }, inactiveTabBackgroundHover: { conditions: { base: "_1rsrm2f164", hover: "_1rsrm2f165", active: "_1rsrm2f166", selection: "_1rsrm2f167", focused: "_1rsrm2f168", focusedVisible: "_1rsrm2f169" }, defaultClass: "_1rsrm2f164" }, inactiveTabBackgroundActive: { conditions: { base: "_1rsrm2f16a", hover: "_1rsrm2f16b", active: "_1rsrm2f16c", selection: "_1rsrm2f16d", focused: "_1rsrm2f16e", focusedVisible: "_1rsrm2f16f" }, defaultClass: "_1rsrm2f16a" }, activeTabText: { conditions: { base: "_1rsrm2f16g", hover: "_1rsrm2f16h", active: "_1rsrm2f16i", selection: "_1rsrm2f16j", focused: "_1rsrm2f16k", focusedVisible: "_1rsrm2f16l" }, defaultClass: "_1rsrm2f16g" }, inactiveTabTextBase: { conditions: { base: "_1rsrm2f16m", hover: "_1rsrm2f16n", active: "_1rsrm2f16o", selection: "_1rsrm2f16p", focused: "_1rsrm2f16q", focusedVisible: "_1rsrm2f16r" }, defaultClass: "_1rsrm2f16m" }, inactiveTabHover: { conditions: { base: "_1rsrm2f16s", hover: "_1rsrm2f16t", active: "_1rsrm2f16u", selection: "_1rsrm2f16v", focused: "_1rsrm2f16w", focusedVisible: "_1rsrm2f16x" }, defaultClass: "_1rsrm2f16s" }, actionColor: { conditions: { base: "_1rsrm2f16y", hover: "_1rsrm2f16z", active: "_1rsrm2f170", selection: "_1rsrm2f171", focused: "_1rsrm2f172", focusedVisible: "_1rsrm2f173" }, defaultClass: "_1rsrm2f16y" }, actionColorHover: { conditions: { base: "_1rsrm2f174", hover: "_1rsrm2f175", active: "_1rsrm2f176", selection: "_1rsrm2f177", focused: "_1rsrm2f178", focusedVisible: "_1rsrm2f179" }, defaultClass: "_1rsrm2f174" }, actionColorDisabled: { conditions: { base: "_1rsrm2f17a", hover: "_1rsrm2f17b", active: "_1rsrm2f17c", selection: "_1rsrm2f17d", focused: "_1rsrm2f17e", focusedVisible: "_1rsrm2f17f" }, defaultClass: "_1rsrm2f17a" }, buttonPrimary: { conditions: { base: "_1rsrm2f17g", hover: "_1rsrm2f17h", active: "_1rsrm2f17i", selection: "_1rsrm2f17j", focused: "_1rsrm2f17k", focusedVisible: "_1rsrm2f17l" }, defaultClass: "_1rsrm2f17g" }, buttonDisabled: { conditions: { base: "_1rsrm2f17m", hover: "_1rsrm2f17n", active: "_1rsrm2f17o", selection: "_1rsrm2f17p", focused: "_1rsrm2f17q", focusedVisible: "_1rsrm2f17r" }, defaultClass: "_1rsrm2f17m" }, buttonWarning: { conditions: { base: "_1rsrm2f17s", hover: "_1rsrm2f17t", active: "_1rsrm2f17u", selection: "_1rsrm2f17v", focused: "_1rsrm2f17w", focusedVisible: "_1rsrm2f17x" }, defaultClass: "_1rsrm2f17s" }, buttonSuccess: { conditions: { base: "_1rsrm2f17y", hover: "_1rsrm2f17z", active: "_1rsrm2f180", selection: "_1rsrm2f181", focused: "_1rsrm2f182", focusedVisible: "_1rsrm2f183" }, defaultClass: "_1rsrm2f17y" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f184", hover: "_1rsrm2f185", active: "_1rsrm2f186", selection: "_1rsrm2f187", focused: "_1rsrm2f188", focusedVisible: "_1rsrm2f189" }, defaultClass: "_1rsrm2f184" }, buttonTextHover: { conditions: { base: "_1rsrm2f18a", hover: "_1rsrm2f18b", active: "_1rsrm2f18c", selection: "_1rsrm2f18d", focused: "_1rsrm2f18e", focusedVisible: "_1rsrm2f18f" }, defaultClass: "_1rsrm2f18a" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f18g", hover: "_1rsrm2f18h", active: "_1rsrm2f18i", selection: "_1rsrm2f18j", focused: "_1rsrm2f18k", focusedVisible: "_1rsrm2f18l" }, defaultClass: "_1rsrm2f18g" }, transparent: { conditions: { base: "_1rsrm2f18m", hover: "_1rsrm2f18n", active: "_1rsrm2f18o", selection: "_1rsrm2f18p", focused: "_1rsrm2f18q", focusedVisible: "_1rsrm2f18r" }, defaultClass: "_1rsrm2f18m" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f18s", hover: "_1rsrm2f18t", active: "_1rsrm2f18u", selection: "_1rsrm2f18v", focused: "_1rsrm2f18w", focusedVisible: "_1rsrm2f18x" }, defaultClass: "_1rsrm2f18s" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f18y", hover: "_1rsrm2f18z", active: "_1rsrm2f190", selection: "_1rsrm2f191", focused: "_1rsrm2f192", focusedVisible: "_1rsrm2f193" }, defaultClass: "_1rsrm2f18y" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f194", hover: "_1rsrm2f195", active: "_1rsrm2f196", selection: "_1rsrm2f197", focused: "_1rsrm2f198", focusedVisible: "_1rsrm2f199" }, defaultClass: "_1rsrm2f194" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f19a", hover: "_1rsrm2f19b", active: "_1rsrm2f19c", selection: "_1rsrm2f19d", focused: "_1rsrm2f19e", focusedVisible: "_1rsrm2f19f" }, defaultClass: "_1rsrm2f19a" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f19g", hover: "_1rsrm2f19h", active: "_1rsrm2f19i", selection: "_1rsrm2f19j", focused: "_1rsrm2f19k", focusedVisible: "_1rsrm2f19l" }, defaultClass: "_1rsrm2f19g" }, buttonBackground: { conditions: { base: "_1rsrm2f19m", hover: "_1rsrm2f19n", active: "_1rsrm2f19o", selection: "_1rsrm2f19p", focused: "_1rsrm2f19q", focusedVisible: "_1rsrm2f19r" }, defaultClass: "_1rsrm2f19m" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f19s", hover: "_1rsrm2f19t", active: "_1rsrm2f19u", selection: "_1rsrm2f19v", focused: "_1rsrm2f19w", focusedVisible: "_1rsrm2f19x" }, defaultClass: "_1rsrm2f19s" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f19y", hover: "_1rsrm2f19z", active: "_1rsrm2f1a0", selection: "_1rsrm2f1a1", focused: "_1rsrm2f1a2", focusedVisible: "_1rsrm2f1a3" }, defaultClass: "_1rsrm2f19y" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1a4", hover: "_1rsrm2f1a5", active: "_1rsrm2f1a6", selection: "_1rsrm2f1a7", focused: "_1rsrm2f1a8", focusedVisible: "_1rsrm2f1a9" }, defaultClass: "_1rsrm2f1a4" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1aa", hover: "_1rsrm2f1ab", active: "_1rsrm2f1ac", selection: "_1rsrm2f1ad", focused: "_1rsrm2f1ae", focusedVisible: "_1rsrm2f1af" }, defaultClass: "_1rsrm2f1aa" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1ag", hover: "_1rsrm2f1ah", active: "_1rsrm2f1ai", selection: "_1rsrm2f1aj", focused: "_1rsrm2f1ak", focusedVisible: "_1rsrm2f1al" }, defaultClass: "_1rsrm2f1ag" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1am", hover: "_1rsrm2f1an", active: "_1rsrm2f1ao", selection: "_1rsrm2f1ap", focused: "_1rsrm2f1aq", focusedVisible: "_1rsrm2f1ar" }, defaultClass: "_1rsrm2f1am" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1as", hover: "_1rsrm2f1at", active: "_1rsrm2f1au", selection: "_1rsrm2f1av", focused: "_1rsrm2f1aw", focusedVisible: "_1rsrm2f1ax" }, defaultClass: "_1rsrm2f1as" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1ay", hover: "_1rsrm2f1az", active: "_1rsrm2f1b0", selection: "_1rsrm2f1b1", focused: "_1rsrm2f1b2", focusedVisible: "_1rsrm2f1b3" }, defaultClass: "_1rsrm2f1ay" }, buttonBorderTertiary: { conditions: { base: "_1rsrm2f1b4", hover: "_1rsrm2f1b5", active: "_1rsrm2f1b6", selection: "_1rsrm2f1b7", focused: "_1rsrm2f1b8", focusedVisible: "_1rsrm2f1b9" }, defaultClass: "_1rsrm2f1b4" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1ba", hover: "_1rsrm2f1bb", active: "_1rsrm2f1bc", selection: "_1rsrm2f1bd", focused: "_1rsrm2f1be", focusedVisible: "_1rsrm2f1bf" }, defaultClass: "_1rsrm2f1ba" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1bg", hover: "_1rsrm2f1bh", active: "_1rsrm2f1bi", selection: "_1rsrm2f1bj", focused: "_1rsrm2f1bk", focusedVisible: "_1rsrm2f1bl" }, defaultClass: "_1rsrm2f1bg" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f1bm", hover: "_1rsrm2f1bn", active: "_1rsrm2f1bo", selection: "_1rsrm2f1bp", focused: "_1rsrm2f1bq", focusedVisible: "_1rsrm2f1br" }, defaultClass: "_1rsrm2f1bm" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f1bs", hover: "_1rsrm2f1bt", active: "_1rsrm2f1bu", selection: "_1rsrm2f1bv", focused: "_1rsrm2f1bw", focusedVisible: "_1rsrm2f1bx" }, defaultClass: "_1rsrm2f1bs" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f1by", hover: "_1rsrm2f1bz", active: "_1rsrm2f1c0", selection: "_1rsrm2f1c1", focused: "_1rsrm2f1c2", focusedVisible: "_1rsrm2f1c3" }, defaultClass: "_1rsrm2f1by" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1c4", hover: "_1rsrm2f1c5", active: "_1rsrm2f1c6", selection: "_1rsrm2f1c7", focused: "_1rsrm2f1c8", focusedVisible: "_1rsrm2f1c9" }, defaultClass: "_1rsrm2f1c4" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1ca", hover: "_1rsrm2f1cb", active: "_1rsrm2f1cc", selection: "_1rsrm2f1cd", focused: "_1rsrm2f1ce", focusedVisible: "_1rsrm2f1cf" }, defaultClass: "_1rsrm2f1ca" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1cg", hover: "_1rsrm2f1ch", active: "_1rsrm2f1ci", selection: "_1rsrm2f1cj", focused: "_1rsrm2f1ck", focusedVisible: "_1rsrm2f1cl" }, defaultClass: "_1rsrm2f1cg" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1cm", hover: "_1rsrm2f1cn", active: "_1rsrm2f1co", selection: "_1rsrm2f1cp", focused: "_1rsrm2f1cq", focusedVisible: "_1rsrm2f1cr" }, defaultClass: "_1rsrm2f1cm" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1cs", hover: "_1rsrm2f1ct", active: "_1rsrm2f1cu", selection: "_1rsrm2f1cv", focused: "_1rsrm2f1cw", focusedVisible: "_1rsrm2f1cx" }, defaultClass: "_1rsrm2f1cs" }, newBadgeText: { conditions: { base: "_1rsrm2f1cy", hover: "_1rsrm2f1cz", active: "_1rsrm2f1d0", selection: "_1rsrm2f1d1", focused: "_1rsrm2f1d2", focusedVisible: "_1rsrm2f1d3" }, defaultClass: "_1rsrm2f1cy" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1d4", hover: "_1rsrm2f1d5", active: "_1rsrm2f1d6", selection: "_1rsrm2f1d7", focused: "_1rsrm2f1d8", focusedVisible: "_1rsrm2f1d9" }, defaultClass: "_1rsrm2f1d4" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1da", hover: "_1rsrm2f1db", active: "_1rsrm2f1dc", selection: "_1rsrm2f1dd", focused: "_1rsrm2f1de", focusedVisible: "_1rsrm2f1df" }, defaultClass: "_1rsrm2f1da" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1dg", hover: "_1rsrm2f1dh", active: "_1rsrm2f1di", selection: "_1rsrm2f1dj", focused: "_1rsrm2f1dk", focusedVisible: "_1rsrm2f1dl" }, defaultClass: "_1rsrm2f1dg" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1dm", hover: "_1rsrm2f1dn", active: "_1rsrm2f1do", selection: "_1rsrm2f1dp", focused: "_1rsrm2f1dq", focusedVisible: "_1rsrm2f1dr" }, defaultClass: "_1rsrm2f1dm" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1ds", hover: "_1rsrm2f1dt", active: "_1rsrm2f1du", selection: "_1rsrm2f1dv", focused: "_1rsrm2f1dw", focusedVisible: "_1rsrm2f1dx" }, defaultClass: "_1rsrm2f1ds" }, failedBadgeText: { conditions: { base: "_1rsrm2f1dy", hover: "_1rsrm2f1dz", active: "_1rsrm2f1e0", selection: "_1rsrm2f1e1", focused: "_1rsrm2f1e2", focusedVisible: "_1rsrm2f1e3" }, defaultClass: "_1rsrm2f1dy" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1e4", hover: "_1rsrm2f1e5", active: "_1rsrm2f1e6", selection: "_1rsrm2f1e7", focused: "_1rsrm2f1e8", focusedVisible: "_1rsrm2f1e9" }, defaultClass: "_1rsrm2f1e4" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1ea", hover: "_1rsrm2f1eb", active: "_1rsrm2f1ec", selection: "_1rsrm2f1ed", focused: "_1rsrm2f1ee", focusedVisible: "_1rsrm2f1ef" }, defaultClass: "_1rsrm2f1ea" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1eg", hover: "_1rsrm2f1eh", active: "_1rsrm2f1ei", selection: "_1rsrm2f1ej", focused: "_1rsrm2f1ek", focusedVisible: "_1rsrm2f1el" }, defaultClass: "_1rsrm2f1eg" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1em", hover: "_1rsrm2f1en", active: "_1rsrm2f1eo", selection: "_1rsrm2f1ep", focused: "_1rsrm2f1eq", focusedVisible: "_1rsrm2f1er" }, defaultClass: "_1rsrm2f1em" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1es", hover: "_1rsrm2f1et", active: "_1rsrm2f1eu", selection: "_1rsrm2f1ev", focused: "_1rsrm2f1ew", focusedVisible: "_1rsrm2f1ex" }, defaultClass: "_1rsrm2f1es" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1ey", hover: "_1rsrm2f1ez", active: "_1rsrm2f1f0", selection: "_1rsrm2f1f1", focused: "_1rsrm2f1f2", focusedVisible: "_1rsrm2f1f3" }, defaultClass: "_1rsrm2f1ey" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1f4", hover: "_1rsrm2f1f5", active: "_1rsrm2f1f6", selection: "_1rsrm2f1f7", focused: "_1rsrm2f1f8", focusedVisible: "_1rsrm2f1f9" }, defaultClass: "_1rsrm2f1f4" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1fa", hover: "_1rsrm2f1fb", active: "_1rsrm2f1fc", selection: "_1rsrm2f1fd", focused: "_1rsrm2f1fe", focusedVisible: "_1rsrm2f1ff" }, defaultClass: "_1rsrm2f1fa" }, inputAmountFiatDecimalsColor: { conditions: { base: "_1rsrm2f1fg", hover: "_1rsrm2f1fh", active: "_1rsrm2f1fi", selection: "_1rsrm2f1fj", focused: "_1rsrm2f1fk", focusedVisible: "_1rsrm2f1fl" }, defaultClass: "_1rsrm2f1fg" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1fm", hover: "_1rsrm2f1fn", active: "_1rsrm2f1fo", selection: "_1rsrm2f1fp", focused: "_1rsrm2f1fq", focusedVisible: "_1rsrm2f1fr" }, defaultClass: "_1rsrm2f1fm" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1fs", hover: "_1rsrm2f1ft", active: "_1rsrm2f1fu", selection: "_1rsrm2f1fv", focused: "_1rsrm2f1fw", focusedVisible: "_1rsrm2f1fx" }, defaultClass: "_1rsrm2f1fs" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1fy", hover: "_1rsrm2f1fz", active: "_1rsrm2f1g0", selection: "_1rsrm2f1g1", focused: "_1rsrm2f1g2", focusedVisible: "_1rsrm2f1g3" }, defaultClass: "_1rsrm2f1fy" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1g4", hover: "_1rsrm2f1g5", active: "_1rsrm2f1g6", selection: "_1rsrm2f1g7", focused: "_1rsrm2f1g8", focusedVisible: "_1rsrm2f1g9" }, defaultClass: "_1rsrm2f1g4" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1ga", hover: "_1rsrm2f1gb", active: "_1rsrm2f1gc", selection: "_1rsrm2f1gd", focused: "_1rsrm2f1ge", focusedVisible: "_1rsrm2f1gf" }, defaultClass: "_1rsrm2f1ga" }, announceGradientTo: { conditions: { base: "_1rsrm2f1gg", hover: "_1rsrm2f1gh", active: "_1rsrm2f1gi", selection: "_1rsrm2f1gj", focused: "_1rsrm2f1gk", focusedVisible: "_1rsrm2f1gl" }, defaultClass: "_1rsrm2f1gg" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1gm", hover: "_1rsrm2f1gn", active: "_1rsrm2f1go", selection: "_1rsrm2f1gp", focused: "_1rsrm2f1gq", focusedVisible: "_1rsrm2f1gr" }, defaultClass: "_1rsrm2f1gm" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1gs", hover: "_1rsrm2f1gt", active: "_1rsrm2f1gu", selection: "_1rsrm2f1gv", focused: "_1rsrm2f1gw", focusedVisible: "_1rsrm2f1gx" }, defaultClass: "_1rsrm2f1gs" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1gy", hover: "_1rsrm2f1gz", active: "_1rsrm2f1h0", selection: "_1rsrm2f1h1", focused: "_1rsrm2f1h2", focusedVisible: "_1rsrm2f1h3" }, defaultClass: "_1rsrm2f1gy" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1h4", hover: "_1rsrm2f1h5", active: "_1rsrm2f1h6", selection: "_1rsrm2f1h7", focused: "_1rsrm2f1h8", focusedVisible: "_1rsrm2f1h9" }, defaultClass: "_1rsrm2f1h4" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1ha", hover: "_1rsrm2f1hb", active: "_1rsrm2f1hc", selection: "_1rsrm2f1hd", focused: "_1rsrm2f1he", focusedVisible: "_1rsrm2f1hf" }, defaultClass: "_1rsrm2f1ha" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1hg", hover: "_1rsrm2f1hh", active: "_1rsrm2f1hi", selection: "_1rsrm2f1hj", focused: "_1rsrm2f1hk", focusedVisible: "_1rsrm2f1hl" }, defaultClass: "_1rsrm2f1hg" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1hm", hover: "_1rsrm2f1hn", active: "_1rsrm2f1ho", selection: "_1rsrm2f1hp", focused: "_1rsrm2f1hq", focusedVisible: "_1rsrm2f1hr" }, defaultClass: "_1rsrm2f1hm" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1hs", hover: "_1rsrm2f1ht", active: "_1rsrm2f1hu", selection: "_1rsrm2f1hv", focused: "_1rsrm2f1hw", focusedVisible: "_1rsrm2f1hx" }, defaultClass: "_1rsrm2f1hs" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1hy", hover: "_1rsrm2f1hz", active: "_1rsrm2f1i0", selection: "_1rsrm2f1i1", focused: "_1rsrm2f1i2", focusedVisible: "_1rsrm2f1i3" }, defaultClass: "_1rsrm2f1hy" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1i4", hover: "_1rsrm2f1i5", active: "_1rsrm2f1i6", selection: "_1rsrm2f1i7", focused: "_1rsrm2f1i8", focusedVisible: "_1rsrm2f1i9" }, defaultClass: "_1rsrm2f1i4" }, optionBoxBackground: { conditions: { base: "_1rsrm2f1ia", hover: "_1rsrm2f1ib", active: "_1rsrm2f1ic", selection: "_1rsrm2f1id", focused: "_1rsrm2f1ie", focusedVisible: "_1rsrm2f1if" }, defaultClass: "_1rsrm2f1ia" }, optionBoxBackgroundUninteractive: { conditions: { base: "_1rsrm2f1ig", hover: "_1rsrm2f1ih", active: "_1rsrm2f1ii", selection: "_1rsrm2f1ij", focused: "_1rsrm2f1ik", focusedVisible: "_1rsrm2f1il" }, defaultClass: "_1rsrm2f1ig" }, optionBoxBorderBase: { conditions: { base: "_1rsrm2f1im", hover: "_1rsrm2f1in", active: "_1rsrm2f1io", selection: "_1rsrm2f1ip", focused: "_1rsrm2f1iq", focusedVisible: "_1rsrm2f1ir" }, defaultClass: "_1rsrm2f1im" }, optionBoxBorderHover: { conditions: { base: "_1rsrm2f1is", hover: "_1rsrm2f1it", active: "_1rsrm2f1iu", selection: "_1rsrm2f1iv", focused: "_1rsrm2f1iw", focusedVisible: "_1rsrm2f1ix" }, defaultClass: "_1rsrm2f1is" }, optionBoxDefaultModeNotActiveBorderBase: { conditions: { base: "_1rsrm2f1iy", hover: "_1rsrm2f1iz", active: "_1rsrm2f1j0", selection: "_1rsrm2f1j1", focused: "_1rsrm2f1j2", focusedVisible: "_1rsrm2f1j3" }, defaultClass: "_1rsrm2f1iy" }, optionBoxDefaultModeNotActiveBorderHover: { conditions: { base: "_1rsrm2f1j4", hover: "_1rsrm2f1j5", active: "_1rsrm2f1j6", selection: "_1rsrm2f1j7", focused: "_1rsrm2f1j8", focusedVisible: "_1rsrm2f1j9" }, defaultClass: "_1rsrm2f1j4" }, openDropdownBackgroundColor: { conditions: { base: "_1rsrm2f1ja", hover: "_1rsrm2f1jb", active: "_1rsrm2f1jc", selection: "_1rsrm2f1jd", focused: "_1rsrm2f1je", focusedVisible: "_1rsrm2f1jf" }, defaultClass: "_1rsrm2f1ja" }, dropdownActiveItemBackgroundBase: { conditions: { base: "_1rsrm2f1jg", hover: "_1rsrm2f1jh", active: "_1rsrm2f1ji", selection: "_1rsrm2f1jj", focused: "_1rsrm2f1jk", focusedVisible: "_1rsrm2f1jl" }, defaultClass: "_1rsrm2f1jg" }, dropdownActiveItemBackgroundHover: { conditions: { base: "_1rsrm2f1jm", hover: "_1rsrm2f1jn", active: "_1rsrm2f1jo", selection: "_1rsrm2f1jp", focused: "_1rsrm2f1jq", focusedVisible: "_1rsrm2f1jr" }, defaultClass: "_1rsrm2f1jm" }, dropdownActiveItemBackgroundDisabled: { conditions: { base: "_1rsrm2f1js", hover: "_1rsrm2f1jt", active: "_1rsrm2f1ju", selection: "_1rsrm2f1jv", focused: "_1rsrm2f1jw", focusedVisible: "_1rsrm2f1jx" }, defaultClass: "_1rsrm2f1js" }, dropdownActiveItemBorderBase: { conditions: { base: "_1rsrm2f1jy", hover: "_1rsrm2f1jz", active: "_1rsrm2f1k0", selection: "_1rsrm2f1k1", focused: "_1rsrm2f1k2", focusedVisible: "_1rsrm2f1k3" }, defaultClass: "_1rsrm2f1jy" }, dropdownActiveItemBorderHover: { conditions: { base: "_1rsrm2f1k4", hover: "_1rsrm2f1k5", active: "_1rsrm2f1k6", selection: "_1rsrm2f1k7", focused: "_1rsrm2f1k8", focusedVisible: "_1rsrm2f1k9" }, defaultClass: "_1rsrm2f1k4" }, dropdownGroupHeader: { conditions: { base: "_1rsrm2f1ka", hover: "_1rsrm2f1kb", active: "_1rsrm2f1kc", selection: "_1rsrm2f1kd", focused: "_1rsrm2f1ke", focusedVisible: "_1rsrm2f1kf" }, defaultClass: "_1rsrm2f1ka" }, selectedDropdownItemBackground: { conditions: { base: "_1rsrm2f1kg", hover: "_1rsrm2f1kh", active: "_1rsrm2f1ki", selection: "_1rsrm2f1kj", focused: "_1rsrm2f1kk", focusedVisible: "_1rsrm2f1kl" }, defaultClass: "_1rsrm2f1kg" }, alwaysVisibleLabelBackgroundHover: { conditions: { base: "_1rsrm2f1km", hover: "_1rsrm2f1kn", active: "_1rsrm2f1ko", selection: "_1rsrm2f1kp", focused: "_1rsrm2f1kq", focusedVisible: "_1rsrm2f1kr" }, defaultClass: "_1rsrm2f1km" }, selectedDropdownItemText: { conditions: { base: "_1rsrm2f1ks", hover: "_1rsrm2f1kt", active: "_1rsrm2f1ku", selection: "_1rsrm2f1kv", focused: "_1rsrm2f1kw", focusedVisible: "_1rsrm2f1kx" }, defaultClass: "_1rsrm2f1ks" }, useConnectedBackgroundBase: { conditions: { base: "_1rsrm2f1ky", hover: "_1rsrm2f1kz", active: "_1rsrm2f1l0", selection: "_1rsrm2f1l1", focused: "_1rsrm2f1l2", focusedVisible: "_1rsrm2f1l3" }, defaultClass: "_1rsrm2f1ky" }, useConnectedBackgroundHover: { conditions: { base: "_1rsrm2f1l4", hover: "_1rsrm2f1l5", active: "_1rsrm2f1l6", selection: "_1rsrm2f1l7", focused: "_1rsrm2f1l8", focusedVisible: "_1rsrm2f1l9" }, defaultClass: "_1rsrm2f1l4" }, copyButtonBackgroundBase: { conditions: { base: "_1rsrm2f1la", hover: "_1rsrm2f1lb", active: "_1rsrm2f1lc", selection: "_1rsrm2f1ld", focused: "_1rsrm2f1le", focusedVisible: "_1rsrm2f1lf" }, defaultClass: "_1rsrm2f1la" }, copyButtonBackgroundHover: { conditions: { base: "_1rsrm2f1lg", hover: "_1rsrm2f1lh", active: "_1rsrm2f1li", selection: "_1rsrm2f1lj", focused: "_1rsrm2f1lk", focusedVisible: "_1rsrm2f1ll" }, defaultClass: "_1rsrm2f1lg" }, copyButtonBackgroundActive: { conditions: { base: "_1rsrm2f1lm", hover: "_1rsrm2f1ln", active: "_1rsrm2f1lo", selection: "_1rsrm2f1lp", focused: "_1rsrm2f1lq", focusedVisible: "_1rsrm2f1lr" }, defaultClass: "_1rsrm2f1lm" }, copyButtonBorderBase: { conditions: { base: "_1rsrm2f1ls", hover: "_1rsrm2f1lt", active: "_1rsrm2f1lu", selection: "_1rsrm2f1lv", focused: "_1rsrm2f1lw", focusedVisible: "_1rsrm2f1lx" }, defaultClass: "_1rsrm2f1ls" }, copyButtonBorderHover: { conditions: { base: "_1rsrm2f1ly", hover: "_1rsrm2f1lz", active: "_1rsrm2f1m0", selection: "_1rsrm2f1m1", focused: "_1rsrm2f1m2", focusedVisible: "_1rsrm2f1m3" }, defaultClass: "_1rsrm2f1ly" }, funFeatureListBackgroundBase: { conditions: { base: "_1rsrm2f1m4", hover: "_1rsrm2f1m5", active: "_1rsrm2f1m6", selection: "_1rsrm2f1m7", focused: "_1rsrm2f1m8", focusedVisible: "_1rsrm2f1m9" }, defaultClass: "_1rsrm2f1m4" }, funFeatureListBackgroundHover: { conditions: { base: "_1rsrm2f1ma", hover: "_1rsrm2f1mb", active: "_1rsrm2f1mc", selection: "_1rsrm2f1md", focused: "_1rsrm2f1me", focusedVisible: "_1rsrm2f1mf" }, defaultClass: "_1rsrm2f1ma" }, funFeatureListBorderColor: { conditions: { base: "_1rsrm2f1mg", hover: "_1rsrm2f1mh", active: "_1rsrm2f1mi", selection: "_1rsrm2f1mj", focused: "_1rsrm2f1mk", focusedVisible: "_1rsrm2f1ml" }, defaultClass: "_1rsrm2f1mg" }, funFeatureListBorderColorHover: { conditions: { base: "_1rsrm2f1mm", hover: "_1rsrm2f1mn", active: "_1rsrm2f1mo", selection: "_1rsrm2f1mp", focused: "_1rsrm2f1mq", focusedVisible: "_1rsrm2f1mr" }, defaultClass: "_1rsrm2f1mm" }, spinnerBackground: { conditions: { base: "_1rsrm2f1ms", hover: "_1rsrm2f1mt", active: "_1rsrm2f1mu", selection: "_1rsrm2f1mv", focused: "_1rsrm2f1mw", focusedVisible: "_1rsrm2f1mx" }, defaultClass: "_1rsrm2f1ms" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1my", hover: "_1rsrm2f1mz", active: "_1rsrm2f1n0", selection: "_1rsrm2f1n1", focused: "_1rsrm2f1n2", focusedVisible: "_1rsrm2f1n3" }, defaultClass: "_1rsrm2f1my" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1n4", hover: "_1rsrm2f1n5", active: "_1rsrm2f1n6", selection: "_1rsrm2f1n7", focused: "_1rsrm2f1n8", focusedVisible: "_1rsrm2f1n9" }, defaultClass: "_1rsrm2f1n4" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1na", hover: "_1rsrm2f1nb", active: "_1rsrm2f1nc", selection: "_1rsrm2f1nd", focused: "_1rsrm2f1ne", focusedVisible: "_1rsrm2f1nf" }, defaultClass: "_1rsrm2f1na" }, txSummaryBoxBackground: { conditions: { base: "_1rsrm2f1ng", hover: "_1rsrm2f1nh", active: "_1rsrm2f1ni", selection: "_1rsrm2f1nj", focused: "_1rsrm2f1nk", focusedVisible: "_1rsrm2f1nl" }, defaultClass: "_1rsrm2f1ng" }, txSummaryBoxBorder: { conditions: { base: "_1rsrm2f1nm", hover: "_1rsrm2f1nn", active: "_1rsrm2f1no", selection: "_1rsrm2f1np", focused: "_1rsrm2f1nq", focusedVisible: "_1rsrm2f1nr" }, defaultClass: "_1rsrm2f1nm" }, counterRingColor: { conditions: { base: "_1rsrm2f1ns", hover: "_1rsrm2f1nt", active: "_1rsrm2f1nu", selection: "_1rsrm2f1nv", focused: "_1rsrm2f1nw", focusedVisible: "_1rsrm2f1nx" }, defaultClass: "_1rsrm2f1ns" }, cryptoCashToggleContainerBorderColor: { conditions: { base: "_1rsrm2f1ny", hover: "_1rsrm2f1nz", active: "_1rsrm2f1o0", selection: "_1rsrm2f1o1", focused: "_1rsrm2f1o2", focusedVisible: "_1rsrm2f1o3" }, defaultClass: "_1rsrm2f1ny" }, cryptoCashToggleBackground: { conditions: { base: "_1rsrm2f1o4", hover: "_1rsrm2f1o5", active: "_1rsrm2f1o6", selection: "_1rsrm2f1o7", focused: "_1rsrm2f1o8", focusedVisible: "_1rsrm2f1o9" }, defaultClass: "_1rsrm2f1o4" }, withdrawalYouWillReceiveLabel: { conditions: { base: "_1rsrm2f1oa", hover: "_1rsrm2f1ob", active: "_1rsrm2f1oc", selection: "_1rsrm2f1od", focused: "_1rsrm2f1oe", focusedVisible: "_1rsrm2f1of" }, defaultClass: "_1rsrm2f1oa" }, withdrawalYouWillReceiveValueCrypto: { conditions: { base: "_1rsrm2f1og", hover: "_1rsrm2f1oh", active: "_1rsrm2f1oi", selection: "_1rsrm2f1oj", focused: "_1rsrm2f1ok", focusedVisible: "_1rsrm2f1ol" }, defaultClass: "_1rsrm2f1og" }, withdrawalYouWillReceiveValueUsd: { conditions: { base: "_1rsrm2f1om", hover: "_1rsrm2f1on", active: "_1rsrm2f1oo", selection: "_1rsrm2f1op", focused: "_1rsrm2f1oq", focusedVisible: "_1rsrm2f1or" }, defaultClass: "_1rsrm2f1om" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2f1os", hover: "_1rsrm2f1ot", active: "_1rsrm2f1ou", selection: "_1rsrm2f1ov", focused: "_1rsrm2f1ow", focusedVisible: "_1rsrm2f1ox" }, defaultClass: "_1rsrm2f1os" }, accentColorForeground: { conditions: { base: "_1rsrm2f1oy", hover: "_1rsrm2f1oz", active: "_1rsrm2f1p0", selection: "_1rsrm2f1p1", focused: "_1rsrm2f1p2", focusedVisible: "_1rsrm2f1p3" }, defaultClass: "_1rsrm2f1oy" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1p4", hover: "_1rsrm2f1p5", active: "_1rsrm2f1p6", selection: "_1rsrm2f1p7", focused: "_1rsrm2f1p8", focusedVisible: "_1rsrm2f1p9" }, defaultClass: "_1rsrm2f1p4" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1pa", hover: "_1rsrm2f1pb", active: "_1rsrm2f1pc", selection: "_1rsrm2f1pd", focused: "_1rsrm2f1pe", focusedVisible: "_1rsrm2f1pf" }, defaultClass: "_1rsrm2f1pa" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1pg", hover: "_1rsrm2f1ph", active: "_1rsrm2f1pi", selection: "_1rsrm2f1pj", focused: "_1rsrm2f1pk", focusedVisible: "_1rsrm2f1pl" }, defaultClass: "_1rsrm2f1pg" }, connectButtonText: { conditions: { base: "_1rsrm2f1pm", hover: "_1rsrm2f1pn", active: "_1rsrm2f1po", selection: "_1rsrm2f1pp", focused: "_1rsrm2f1pq", focusedVisible: "_1rsrm2f1pr" }, defaultClass: "_1rsrm2f1pm" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1ps", hover: "_1rsrm2f1pt", active: "_1rsrm2f1pu", selection: "_1rsrm2f1pv", focused: "_1rsrm2f1pw", focusedVisible: "_1rsrm2f1px" }, defaultClass: "_1rsrm2f1ps" }, connectionIndicator: { conditions: { base: "_1rsrm2f1py", hover: "_1rsrm2f1pz", active: "_1rsrm2f1q0", selection: "_1rsrm2f1q1", focused: "_1rsrm2f1q2", focusedVisible: "_1rsrm2f1q3" }, defaultClass: "_1rsrm2f1py" }, error: { conditions: { base: "_1rsrm2f1q4", hover: "_1rsrm2f1q5", active: "_1rsrm2f1q6", selection: "_1rsrm2f1q7", focused: "_1rsrm2f1q8", focusedVisible: "_1rsrm2f1q9" }, defaultClass: "_1rsrm2f1q4" }, errorBackground: { conditions: { base: "_1rsrm2f1qa", hover: "_1rsrm2f1qb", active: "_1rsrm2f1qc", selection: "_1rsrm2f1qd", focused: "_1rsrm2f1qe", focusedVisible: "_1rsrm2f1qf" }, defaultClass: "_1rsrm2f1qa" }, errorBorder: { conditions: { base: "_1rsrm2f1qg", hover: "_1rsrm2f1qh", active: "_1rsrm2f1qi", selection: "_1rsrm2f1qj", focused: "_1rsrm2f1qk", focusedVisible: "_1rsrm2f1ql" }, defaultClass: "_1rsrm2f1qg" }, generalBorder: { conditions: { base: "_1rsrm2f1qm", hover: "_1rsrm2f1qn", active: "_1rsrm2f1qo", selection: "_1rsrm2f1qp", focused: "_1rsrm2f1qq", focusedVisible: "_1rsrm2f1qr" }, defaultClass: "_1rsrm2f1qm" }, generalBorderDim: { conditions: { base: "_1rsrm2f1qs", hover: "_1rsrm2f1qt", active: "_1rsrm2f1qu", selection: "_1rsrm2f1qv", focused: "_1rsrm2f1qw", focusedVisible: "_1rsrm2f1qx" }, defaultClass: "_1rsrm2f1qs" }, menuItemBackground: { conditions: { base: "_1rsrm2f1qy", hover: "_1rsrm2f1qz", active: "_1rsrm2f1r0", selection: "_1rsrm2f1r1", focused: "_1rsrm2f1r2", focusedVisible: "_1rsrm2f1r3" }, defaultClass: "_1rsrm2f1qy" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1r4", hover: "_1rsrm2f1r5", active: "_1rsrm2f1r6", selection: "_1rsrm2f1r7", focused: "_1rsrm2f1r8", focusedVisible: "_1rsrm2f1r9" }, defaultClass: "_1rsrm2f1r4" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1ra", hover: "_1rsrm2f1rb", active: "_1rsrm2f1rc", selection: "_1rsrm2f1rd", focused: "_1rsrm2f1re", focusedVisible: "_1rsrm2f1rf" }, defaultClass: "_1rsrm2f1ra" }, standby: { conditions: { base: "_1rsrm2f1rg", hover: "_1rsrm2f1rh", active: "_1rsrm2f1ri", selection: "_1rsrm2f1rj", focused: "_1rsrm2f1rk", focusedVisible: "_1rsrm2f1rl" }, defaultClass: "_1rsrm2f1rg" }, success: { conditions: { base: "_1rsrm2f1rm", hover: "_1rsrm2f1rn", active: "_1rsrm2f1ro", selection: "_1rsrm2f1rp", focused: "_1rsrm2f1rq", focusedVisible: "_1rsrm2f1rr" }, defaultClass: "_1rsrm2f1rm" }, delayedStatusIcon: { conditions: { base: "_1rsrm2f1rs", hover: "_1rsrm2f1rt", active: "_1rsrm2f1ru", selection: "_1rsrm2f1rv", focused: "_1rsrm2f1rw", focusedVisible: "_1rsrm2f1rx" }, defaultClass: "_1rsrm2f1rs" }, chainIconBorder: { conditions: { base: "_1rsrm2f1ry", hover: "_1rsrm2f1rz", active: "_1rsrm2f1s0", selection: "_1rsrm2f1s1", focused: "_1rsrm2f1s2", focusedVisible: "_1rsrm2f1s3" }, defaultClass: "_1rsrm2f1ry" }, modalBackdrop: { conditions: { base: "_1rsrm2f1s4", hover: "_1rsrm2f1s5", active: "_1rsrm2f1s6", selection: "_1rsrm2f1s7", focused: "_1rsrm2f1s8", focusedVisible: "_1rsrm2f1s9" }, defaultClass: "_1rsrm2f1s4" }, modalBackground: { conditions: { base: "_1rsrm2f1sa", hover: "_1rsrm2f1sb", active: "_1rsrm2f1sc", selection: "_1rsrm2f1sd", focused: "_1rsrm2f1se", focusedVisible: "_1rsrm2f1sf" }, defaultClass: "_1rsrm2f1sa" }, modalBackgroundCheckoutComplete: { conditions: { base: "_1rsrm2f1sg", hover: "_1rsrm2f1sh", active: "_1rsrm2f1si", selection: "_1rsrm2f1sj", focused: "_1rsrm2f1sk", focusedVisible: "_1rsrm2f1sl" }, defaultClass: "_1rsrm2f1sg" }, modalBorder: { conditions: { base: "_1rsrm2f1sm", hover: "_1rsrm2f1sn", active: "_1rsrm2f1so", selection: "_1rsrm2f1sp", focused: "_1rsrm2f1sq", focusedVisible: "_1rsrm2f1sr" }, defaultClass: "_1rsrm2f1sm" }, offBackground: { conditions: { base: "_1rsrm2f1ss", hover: "_1rsrm2f1st", active: "_1rsrm2f1su", selection: "_1rsrm2f1sv", focused: "_1rsrm2f1sw", focusedVisible: "_1rsrm2f1sx" }, defaultClass: "_1rsrm2f1ss" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1sy", hover: "_1rsrm2f1sz", active: "_1rsrm2f1t0", selection: "_1rsrm2f1t1", focused: "_1rsrm2f1t2", focusedVisible: "_1rsrm2f1t3" }, defaultClass: "_1rsrm2f1sy" }, hoverState: { conditions: { base: "_1rsrm2f1t4", hover: "_1rsrm2f1t5", active: "_1rsrm2f1t6", selection: "_1rsrm2f1t7", focused: "_1rsrm2f1t8", focusedVisible: "_1rsrm2f1t9" }, defaultClass: "_1rsrm2f1t4" }, lightStroke: { conditions: { base: "_1rsrm2f1ta", hover: "_1rsrm2f1tb", active: "_1rsrm2f1tc", selection: "_1rsrm2f1td", focused: "_1rsrm2f1te", focusedVisible: "_1rsrm2f1tf" }, defaultClass: "_1rsrm2f1ta" }, mediumStroke: { conditions: { base: "_1rsrm2f1tg", hover: "_1rsrm2f1th", active: "_1rsrm2f1ti", selection: "_1rsrm2f1tj", focused: "_1rsrm2f1tk", focusedVisible: "_1rsrm2f1tl" }, defaultClass: "_1rsrm2f1tg" }, heavyStroke: { conditions: { base: "_1rsrm2f1tm", hover: "_1rsrm2f1tn", active: "_1rsrm2f1to", selection: "_1rsrm2f1tp", focused: "_1rsrm2f1tq", focusedVisible: "_1rsrm2f1tr" }, defaultClass: "_1rsrm2f1tm" }, strokeColor: { conditions: { base: "_1rsrm2f1ts", hover: "_1rsrm2f1tt", active: "_1rsrm2f1tu", selection: "_1rsrm2f1tv", focused: "_1rsrm2f1tw", focusedVisible: "_1rsrm2f1tx" }, defaultClass: "_1rsrm2f1ts" }, secondaryBackground: { conditions: { base: "_1rsrm2f1ty", hover: "_1rsrm2f1tz", active: "_1rsrm2f1u0", selection: "_1rsrm2f1u1", focused: "_1rsrm2f1u2", focusedVisible: "_1rsrm2f1u3" }, defaultClass: "_1rsrm2f1ty" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f1u4", hover: "_1rsrm2f1u5", active: "_1rsrm2f1u6", selection: "_1rsrm2f1u7", focused: "_1rsrm2f1u8", focusedVisible: "_1rsrm2f1u9" }, defaultClass: "_1rsrm2f1u4" }, modalTopbarIconBackground: { conditions: { base: "_1rsrm2f1ua", hover: "_1rsrm2f1ub", active: "_1rsrm2f1uc", selection: "_1rsrm2f1ud", focused: "_1rsrm2f1ue", focusedVisible: "_1rsrm2f1uf" }, defaultClass: "_1rsrm2f1ua" }, modalTopbarIconBackgroundHover: { conditions: { base: "_1rsrm2f1ug", hover: "_1rsrm2f1uh", active: "_1rsrm2f1ui", selection: "_1rsrm2f1uj", focused: "_1rsrm2f1uk", focusedVisible: "_1rsrm2f1ul" }, defaultClass: "_1rsrm2f1ug" }, modalTopbarIconBackgroundPressed: { conditions: { base: "_1rsrm2f1um", hover: "_1rsrm2f1un", active: "_1rsrm2f1uo", selection: "_1rsrm2f1up", focused: "_1rsrm2f1uq", focusedVisible: "_1rsrm2f1ur" }, defaultClass: "_1rsrm2f1um" }, modalTopbarIconStroke: { conditions: { base: "_1rsrm2f1us", hover: "_1rsrm2f1ut", active: "_1rsrm2f1uu", selection: "_1rsrm2f1uv", focused: "_1rsrm2f1uw", focusedVisible: "_1rsrm2f1ux" }, defaultClass: "_1rsrm2f1us" }, primaryText: { conditions: { base: "_1rsrm2f1uy", hover: "_1rsrm2f1uz", active: "_1rsrm2f1v0", selection: "_1rsrm2f1v1", focused: "_1rsrm2f1v2", focusedVisible: "_1rsrm2f1v3" }, defaultClass: "_1rsrm2f1uy" }, secondaryText: { conditions: { base: "_1rsrm2f1v4", hover: "_1rsrm2f1v5", active: "_1rsrm2f1v6", selection: "_1rsrm2f1v7", focused: "_1rsrm2f1v8", focusedVisible: "_1rsrm2f1v9" }, defaultClass: "_1rsrm2f1v4" }, tertiaryText: { conditions: { base: "_1rsrm2f1va", hover: "_1rsrm2f1vb", active: "_1rsrm2f1vc", selection: "_1rsrm2f1vd", focused: "_1rsrm2f1ve", focusedVisible: "_1rsrm2f1vf" }, defaultClass: "_1rsrm2f1va" }, textSelection: { conditions: { base: "_1rsrm2f1vg", hover: "_1rsrm2f1vh", active: "_1rsrm2f1vi", selection: "_1rsrm2f1vj", focused: "_1rsrm2f1vk", focusedVisible: "_1rsrm2f1vl" }, defaultClass: "_1rsrm2f1vg" }, inputLabel: { conditions: { base: "_1rsrm2f1vm", hover: "_1rsrm2f1vn", active: "_1rsrm2f1vo", selection: "_1rsrm2f1vp", focused: "_1rsrm2f1vq", focusedVisible: "_1rsrm2f1vr" }, defaultClass: "_1rsrm2f1vm" }, inputBackground: { conditions: { base: "_1rsrm2f1vs", hover: "_1rsrm2f1vt", active: "_1rsrm2f1vu", selection: "_1rsrm2f1vv", focused: "_1rsrm2f1vw", focusedVisible: "_1rsrm2f1vx" }, defaultClass: "_1rsrm2f1vs" }, inputBackgroundHover: { conditions: { base: "_1rsrm2f1vy", hover: "_1rsrm2f1vz", active: "_1rsrm2f1w0", selection: "_1rsrm2f1w1", focused: "_1rsrm2f1w2", focusedVisible: "_1rsrm2f1w3" }, defaultClass: "_1rsrm2f1vy" }, inputBorderBase: { conditions: { base: "_1rsrm2f1w4", hover: "_1rsrm2f1w5", active: "_1rsrm2f1w6", selection: "_1rsrm2f1w7", focused: "_1rsrm2f1w8", focusedVisible: "_1rsrm2f1w9" }, defaultClass: "_1rsrm2f1w4" }, inputBorderHover: { conditions: { base: "_1rsrm2f1wa", hover: "_1rsrm2f1wb", active: "_1rsrm2f1wc", selection: "_1rsrm2f1wd", focused: "_1rsrm2f1we", focusedVisible: "_1rsrm2f1wf" }, defaultClass: "_1rsrm2f1wa" }, activeTabBorderColor: { conditions: { base: "_1rsrm2f1wg", hover: "_1rsrm2f1wh", active: "_1rsrm2f1wi", selection: "_1rsrm2f1wj", focused: "_1rsrm2f1wk", focusedVisible: "_1rsrm2f1wl" }, defaultClass: "_1rsrm2f1wg" }, activeTabBackground: { conditions: { base: "_1rsrm2f1wm", hover: "_1rsrm2f1wn", active: "_1rsrm2f1wo", selection: "_1rsrm2f1wp", focused: "_1rsrm2f1wq", focusedVisible: "_1rsrm2f1wr" }, defaultClass: "_1rsrm2f1wm" }, inactiveTabBorderColor: { conditions: { base: "_1rsrm2f1ws", hover: "_1rsrm2f1wt", active: "_1rsrm2f1wu", selection: "_1rsrm2f1wv", focused: "_1rsrm2f1ww", focusedVisible: "_1rsrm2f1wx" }, defaultClass: "_1rsrm2f1ws" }, inactiveTabBackgroundBase: { conditions: { base: "_1rsrm2f1wy", hover: "_1rsrm2f1wz", active: "_1rsrm2f1x0", selection: "_1rsrm2f1x1", focused: "_1rsrm2f1x2", focusedVisible: "_1rsrm2f1x3" }, defaultClass: "_1rsrm2f1wy" }, inactiveTabBackgroundHover: { conditions: { base: "_1rsrm2f1x4", hover: "_1rsrm2f1x5", active: "_1rsrm2f1x6", selection: "_1rsrm2f1x7", focused: "_1rsrm2f1x8", focusedVisible: "_1rsrm2f1x9" }, defaultClass: "_1rsrm2f1x4" }, inactiveTabBackgroundActive: { conditions: { base: "_1rsrm2f1xa", hover: "_1rsrm2f1xb", active: "_1rsrm2f1xc", selection: "_1rsrm2f1xd", focused: "_1rsrm2f1xe", focusedVisible: "_1rsrm2f1xf" }, defaultClass: "_1rsrm2f1xa" }, activeTabText: { conditions: { base: "_1rsrm2f1xg", hover: "_1rsrm2f1xh", active: "_1rsrm2f1xi", selection: "_1rsrm2f1xj", focused: "_1rsrm2f1xk", focusedVisible: "_1rsrm2f1xl" }, defaultClass: "_1rsrm2f1xg" }, inactiveTabTextBase: { conditions: { base: "_1rsrm2f1xm", hover: "_1rsrm2f1xn", active: "_1rsrm2f1xo", selection: "_1rsrm2f1xp", focused: "_1rsrm2f1xq", focusedVisible: "_1rsrm2f1xr" }, defaultClass: "_1rsrm2f1xm" }, inactiveTabHover: { conditions: { base: "_1rsrm2f1xs", hover: "_1rsrm2f1xt", active: "_1rsrm2f1xu", selection: "_1rsrm2f1xv", focused: "_1rsrm2f1xw", focusedVisible: "_1rsrm2f1xx" }, defaultClass: "_1rsrm2f1xs" }, actionColor: { conditions: { base: "_1rsrm2f1xy", hover: "_1rsrm2f1xz", active: "_1rsrm2f1y0", selection: "_1rsrm2f1y1", focused: "_1rsrm2f1y2", focusedVisible: "_1rsrm2f1y3" }, defaultClass: "_1rsrm2f1xy" }, actionColorHover: { conditions: { base: "_1rsrm2f1y4", hover: "_1rsrm2f1y5", active: "_1rsrm2f1y6", selection: "_1rsrm2f1y7", focused: "_1rsrm2f1y8", focusedVisible: "_1rsrm2f1y9" }, defaultClass: "_1rsrm2f1y4" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1ya", hover: "_1rsrm2f1yb", active: "_1rsrm2f1yc", selection: "_1rsrm2f1yd", focused: "_1rsrm2f1ye", focusedVisible: "_1rsrm2f1yf" }, defaultClass: "_1rsrm2f1ya" }, buttonPrimary: { conditions: { base: "_1rsrm2f1yg", hover: "_1rsrm2f1yh", active: "_1rsrm2f1yi", selection: "_1rsrm2f1yj", focused: "_1rsrm2f1yk", focusedVisible: "_1rsrm2f1yl" }, defaultClass: "_1rsrm2f1yg" }, buttonDisabled: { conditions: { base: "_1rsrm2f1ym", hover: "_1rsrm2f1yn", active: "_1rsrm2f1yo", selection: "_1rsrm2f1yp", focused: "_1rsrm2f1yq", focusedVisible: "_1rsrm2f1yr" }, defaultClass: "_1rsrm2f1ym" }, buttonWarning: { conditions: { base: "_1rsrm2f1ys", hover: "_1rsrm2f1yt", active: "_1rsrm2f1yu", selection: "_1rsrm2f1yv", focused: "_1rsrm2f1yw", focusedVisible: "_1rsrm2f1yx" }, defaultClass: "_1rsrm2f1ys" }, buttonSuccess: { conditions: { base: "_1rsrm2f1yy", hover: "_1rsrm2f1yz", active: "_1rsrm2f1z0", selection: "_1rsrm2f1z1", focused: "_1rsrm2f1z2", focusedVisible: "_1rsrm2f1z3" }, defaultClass: "_1rsrm2f1yy" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1z4", hover: "_1rsrm2f1z5", active: "_1rsrm2f1z6", selection: "_1rsrm2f1z7", focused: "_1rsrm2f1z8", focusedVisible: "_1rsrm2f1z9" }, defaultClass: "_1rsrm2f1z4" }, buttonTextHover: { conditions: { base: "_1rsrm2f1za", hover: "_1rsrm2f1zb", active: "_1rsrm2f1zc", selection: "_1rsrm2f1zd", focused: "_1rsrm2f1ze", focusedVisible: "_1rsrm2f1zf" }, defaultClass: "_1rsrm2f1za" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1zg", hover: "_1rsrm2f1zh", active: "_1rsrm2f1zi", selection: "_1rsrm2f1zj", focused: "_1rsrm2f1zk", focusedVisible: "_1rsrm2f1zl" }, defaultClass: "_1rsrm2f1zg" }, transparent: { conditions: { base: "_1rsrm2f1zm", hover: "_1rsrm2f1zn", active: "_1rsrm2f1zo", selection: "_1rsrm2f1zp", focused: "_1rsrm2f1zq", focusedVisible: "_1rsrm2f1zr" }, defaultClass: "_1rsrm2f1zm" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1zs", hover: "_1rsrm2f1zt", active: "_1rsrm2f1zu", selection: "_1rsrm2f1zv", focused: "_1rsrm2f1zw", focusedVisible: "_1rsrm2f1zx" }, defaultClass: "_1rsrm2f1zs" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1zy", hover: "_1rsrm2f1zz", active: "_1rsrm2f200", selection: "_1rsrm2f201", focused: "_1rsrm2f202", focusedVisible: "_1rsrm2f203" }, defaultClass: "_1rsrm2f1zy" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f204", hover: "_1rsrm2f205", active: "_1rsrm2f206", selection: "_1rsrm2f207", focused: "_1rsrm2f208", focusedVisible: "_1rsrm2f209" }, defaultClass: "_1rsrm2f204" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f20a", hover: "_1rsrm2f20b", active: "_1rsrm2f20c", selection: "_1rsrm2f20d", focused: "_1rsrm2f20e", focusedVisible: "_1rsrm2f20f" }, defaultClass: "_1rsrm2f20a" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f20g", hover: "_1rsrm2f20h", active: "_1rsrm2f20i", selection: "_1rsrm2f20j", focused: "_1rsrm2f20k", focusedVisible: "_1rsrm2f20l" }, defaultClass: "_1rsrm2f20g" }, buttonBackground: { conditions: { base: "_1rsrm2f20m", hover: "_1rsrm2f20n", active: "_1rsrm2f20o", selection: "_1rsrm2f20p", focused: "_1rsrm2f20q", focusedVisible: "_1rsrm2f20r" }, defaultClass: "_1rsrm2f20m" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f20s", hover: "_1rsrm2f20t", active: "_1rsrm2f20u", selection: "_1rsrm2f20v", focused: "_1rsrm2f20w", focusedVisible: "_1rsrm2f20x" }, defaultClass: "_1rsrm2f20s" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f20y", hover: "_1rsrm2f20z", active: "_1rsrm2f210", selection: "_1rsrm2f211", focused: "_1rsrm2f212", focusedVisible: "_1rsrm2f213" }, defaultClass: "_1rsrm2f20y" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f214", hover: "_1rsrm2f215", active: "_1rsrm2f216", selection: "_1rsrm2f217", focused: "_1rsrm2f218", focusedVisible: "_1rsrm2f219" }, defaultClass: "_1rsrm2f214" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f21a", hover: "_1rsrm2f21b", active: "_1rsrm2f21c", selection: "_1rsrm2f21d", focused: "_1rsrm2f21e", focusedVisible: "_1rsrm2f21f" }, defaultClass: "_1rsrm2f21a" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f21g", hover: "_1rsrm2f21h", active: "_1rsrm2f21i", selection: "_1rsrm2f21j", focused: "_1rsrm2f21k", focusedVisible: "_1rsrm2f21l" }, defaultClass: "_1rsrm2f21g" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f21m", hover: "_1rsrm2f21n", active: "_1rsrm2f21o", selection: "_1rsrm2f21p", focused: "_1rsrm2f21q", focusedVisible: "_1rsrm2f21r" }, defaultClass: "_1rsrm2f21m" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f21s", hover: "_1rsrm2f21t", active: "_1rsrm2f21u", selection: "_1rsrm2f21v", focused: "_1rsrm2f21w", focusedVisible: "_1rsrm2f21x" }, defaultClass: "_1rsrm2f21s" }, buttonIconStroke: { conditions: { base: "_1rsrm2f21y", hover: "_1rsrm2f21z", active: "_1rsrm2f220", selection: "_1rsrm2f221", focused: "_1rsrm2f222", focusedVisible: "_1rsrm2f223" }, defaultClass: "_1rsrm2f21y" }, buttonBorderTertiary: { conditions: { base: "_1rsrm2f224", hover: "_1rsrm2f225", active: "_1rsrm2f226", selection: "_1rsrm2f227", focused: "_1rsrm2f228", focusedVisible: "_1rsrm2f229" }, defaultClass: "_1rsrm2f224" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f22a", hover: "_1rsrm2f22b", active: "_1rsrm2f22c", selection: "_1rsrm2f22d", focused: "_1rsrm2f22e", focusedVisible: "_1rsrm2f22f" }, defaultClass: "_1rsrm2f22a" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f22g", hover: "_1rsrm2f22h", active: "_1rsrm2f22i", selection: "_1rsrm2f22j", focused: "_1rsrm2f22k", focusedVisible: "_1rsrm2f22l" }, defaultClass: "_1rsrm2f22g" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f22m", hover: "_1rsrm2f22n", active: "_1rsrm2f22o", selection: "_1rsrm2f22p", focused: "_1rsrm2f22q", focusedVisible: "_1rsrm2f22r" }, defaultClass: "_1rsrm2f22m" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f22s", hover: "_1rsrm2f22t", active: "_1rsrm2f22u", selection: "_1rsrm2f22v", focused: "_1rsrm2f22w", focusedVisible: "_1rsrm2f22x" }, defaultClass: "_1rsrm2f22s" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f22y", hover: "_1rsrm2f22z", active: "_1rsrm2f230", selection: "_1rsrm2f231", focused: "_1rsrm2f232", focusedVisible: "_1rsrm2f233" }, defaultClass: "_1rsrm2f22y" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f234", hover: "_1rsrm2f235", active: "_1rsrm2f236", selection: "_1rsrm2f237", focused: "_1rsrm2f238", focusedVisible: "_1rsrm2f239" }, defaultClass: "_1rsrm2f234" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f23a", hover: "_1rsrm2f23b", active: "_1rsrm2f23c", selection: "_1rsrm2f23d", focused: "_1rsrm2f23e", focusedVisible: "_1rsrm2f23f" }, defaultClass: "_1rsrm2f23a" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f23g", hover: "_1rsrm2f23h", active: "_1rsrm2f23i", selection: "_1rsrm2f23j", focused: "_1rsrm2f23k", focusedVisible: "_1rsrm2f23l" }, defaultClass: "_1rsrm2f23g" }, newBadgeBackground: { conditions: { base: "_1rsrm2f23m", hover: "_1rsrm2f23n", active: "_1rsrm2f23o", selection: "_1rsrm2f23p", focused: "_1rsrm2f23q", focusedVisible: "_1rsrm2f23r" }, defaultClass: "_1rsrm2f23m" }, newBadgeBorder: { conditions: { base: "_1rsrm2f23s", hover: "_1rsrm2f23t", active: "_1rsrm2f23u", selection: "_1rsrm2f23v", focused: "_1rsrm2f23w", focusedVisible: "_1rsrm2f23x" }, defaultClass: "_1rsrm2f23s" }, newBadgeText: { conditions: { base: "_1rsrm2f23y", hover: "_1rsrm2f23z", active: "_1rsrm2f240", selection: "_1rsrm2f241", focused: "_1rsrm2f242", focusedVisible: "_1rsrm2f243" }, defaultClass: "_1rsrm2f23y" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f244", hover: "_1rsrm2f245", active: "_1rsrm2f246", selection: "_1rsrm2f247", focused: "_1rsrm2f248", focusedVisible: "_1rsrm2f249" }, defaultClass: "_1rsrm2f244" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f24a", hover: "_1rsrm2f24b", active: "_1rsrm2f24c", selection: "_1rsrm2f24d", focused: "_1rsrm2f24e", focusedVisible: "_1rsrm2f24f" }, defaultClass: "_1rsrm2f24a" }, approvedBadgeText: { conditions: { base: "_1rsrm2f24g", hover: "_1rsrm2f24h", active: "_1rsrm2f24i", selection: "_1rsrm2f24j", focused: "_1rsrm2f24k", focusedVisible: "_1rsrm2f24l" }, defaultClass: "_1rsrm2f24g" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f24m", hover: "_1rsrm2f24n", active: "_1rsrm2f24o", selection: "_1rsrm2f24p", focused: "_1rsrm2f24q", focusedVisible: "_1rsrm2f24r" }, defaultClass: "_1rsrm2f24m" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f24s", hover: "_1rsrm2f24t", active: "_1rsrm2f24u", selection: "_1rsrm2f24v", focused: "_1rsrm2f24w", focusedVisible: "_1rsrm2f24x" }, defaultClass: "_1rsrm2f24s" }, failedBadgeText: { conditions: { base: "_1rsrm2f24y", hover: "_1rsrm2f24z", active: "_1rsrm2f250", selection: "_1rsrm2f251", focused: "_1rsrm2f252", focusedVisible: "_1rsrm2f253" }, defaultClass: "_1rsrm2f24y" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f254", hover: "_1rsrm2f255", active: "_1rsrm2f256", selection: "_1rsrm2f257", focused: "_1rsrm2f258", focusedVisible: "_1rsrm2f259" }, defaultClass: "_1rsrm2f254" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f25a", hover: "_1rsrm2f25b", active: "_1rsrm2f25c", selection: "_1rsrm2f25d", focused: "_1rsrm2f25e", focusedVisible: "_1rsrm2f25f" }, defaultClass: "_1rsrm2f25a" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f25g", hover: "_1rsrm2f25h", active: "_1rsrm2f25i", selection: "_1rsrm2f25j", focused: "_1rsrm2f25k", focusedVisible: "_1rsrm2f25l" }, defaultClass: "_1rsrm2f25g" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f25m", hover: "_1rsrm2f25n", active: "_1rsrm2f25o", selection: "_1rsrm2f25p", focused: "_1rsrm2f25q", focusedVisible: "_1rsrm2f25r" }, defaultClass: "_1rsrm2f25m" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f25s", hover: "_1rsrm2f25t", active: "_1rsrm2f25u", selection: "_1rsrm2f25v", focused: "_1rsrm2f25w", focusedVisible: "_1rsrm2f25x" }, defaultClass: "_1rsrm2f25s" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f25y", hover: "_1rsrm2f25z", active: "_1rsrm2f260", selection: "_1rsrm2f261", focused: "_1rsrm2f262", focusedVisible: "_1rsrm2f263" }, defaultClass: "_1rsrm2f25y" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f264", hover: "_1rsrm2f265", active: "_1rsrm2f266", selection: "_1rsrm2f267", focused: "_1rsrm2f268", focusedVisible: "_1rsrm2f269" }, defaultClass: "_1rsrm2f264" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f26a", hover: "_1rsrm2f26b", active: "_1rsrm2f26c", selection: "_1rsrm2f26d", focused: "_1rsrm2f26e", focusedVisible: "_1rsrm2f26f" }, defaultClass: "_1rsrm2f26a" }, inputAmountFiatDecimalsColor: { conditions: { base: "_1rsrm2f26g", hover: "_1rsrm2f26h", active: "_1rsrm2f26i", selection: "_1rsrm2f26j", focused: "_1rsrm2f26k", focusedVisible: "_1rsrm2f26l" }, defaultClass: "_1rsrm2f26g" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f26m", hover: "_1rsrm2f26n", active: "_1rsrm2f26o", selection: "_1rsrm2f26p", focused: "_1rsrm2f26q", focusedVisible: "_1rsrm2f26r" }, defaultClass: "_1rsrm2f26m" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f26s", hover: "_1rsrm2f26t", active: "_1rsrm2f26u", selection: "_1rsrm2f26v", focused: "_1rsrm2f26w", focusedVisible: "_1rsrm2f26x" }, defaultClass: "_1rsrm2f26s" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f26y", hover: "_1rsrm2f26z", active: "_1rsrm2f270", selection: "_1rsrm2f271", focused: "_1rsrm2f272", focusedVisible: "_1rsrm2f273" }, defaultClass: "_1rsrm2f26y" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f274", hover: "_1rsrm2f275", active: "_1rsrm2f276", selection: "_1rsrm2f277", focused: "_1rsrm2f278", focusedVisible: "_1rsrm2f279" }, defaultClass: "_1rsrm2f274" }, announceGradientFrom: { conditions: { base: "_1rsrm2f27a", hover: "_1rsrm2f27b", active: "_1rsrm2f27c", selection: "_1rsrm2f27d", focused: "_1rsrm2f27e", focusedVisible: "_1rsrm2f27f" }, defaultClass: "_1rsrm2f27a" }, announceGradientTo: { conditions: { base: "_1rsrm2f27g", hover: "_1rsrm2f27h", active: "_1rsrm2f27i", selection: "_1rsrm2f27j", focused: "_1rsrm2f27k", focusedVisible: "_1rsrm2f27l" }, defaultClass: "_1rsrm2f27g" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f27m", hover: "_1rsrm2f27n", active: "_1rsrm2f27o", selection: "_1rsrm2f27p", focused: "_1rsrm2f27q", focusedVisible: "_1rsrm2f27r" }, defaultClass: "_1rsrm2f27m" }, modalFooterDivider: { conditions: { base: "_1rsrm2f27s", hover: "_1rsrm2f27t", active: "_1rsrm2f27u", selection: "_1rsrm2f27v", focused: "_1rsrm2f27w", focusedVisible: "_1rsrm2f27x" }, defaultClass: "_1rsrm2f27s" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f27y", hover: "_1rsrm2f27z", active: "_1rsrm2f280", selection: "_1rsrm2f281", focused: "_1rsrm2f282", focusedVisible: "_1rsrm2f283" }, defaultClass: "_1rsrm2f27y" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f284", hover: "_1rsrm2f285", active: "_1rsrm2f286", selection: "_1rsrm2f287", focused: "_1rsrm2f288", focusedVisible: "_1rsrm2f289" }, defaultClass: "_1rsrm2f284" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f28a", hover: "_1rsrm2f28b", active: "_1rsrm2f28c", selection: "_1rsrm2f28d", focused: "_1rsrm2f28e", focusedVisible: "_1rsrm2f28f" }, defaultClass: "_1rsrm2f28a" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f28g", hover: "_1rsrm2f28h", active: "_1rsrm2f28i", selection: "_1rsrm2f28j", focused: "_1rsrm2f28k", focusedVisible: "_1rsrm2f28l" }, defaultClass: "_1rsrm2f28g" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f28m", hover: "_1rsrm2f28n", active: "_1rsrm2f28o", selection: "_1rsrm2f28p", focused: "_1rsrm2f28q", focusedVisible: "_1rsrm2f28r" }, defaultClass: "_1rsrm2f28m" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f28s", hover: "_1rsrm2f28t", active: "_1rsrm2f28u", selection: "_1rsrm2f28v", focused: "_1rsrm2f28w", focusedVisible: "_1rsrm2f28x" }, defaultClass: "_1rsrm2f28s" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f28y", hover: "_1rsrm2f28z", active: "_1rsrm2f290", selection: "_1rsrm2f291", focused: "_1rsrm2f292", focusedVisible: "_1rsrm2f293" }, defaultClass: "_1rsrm2f28y" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f294", hover: "_1rsrm2f295", active: "_1rsrm2f296", selection: "_1rsrm2f297", focused: "_1rsrm2f298", focusedVisible: "_1rsrm2f299" }, defaultClass: "_1rsrm2f294" }, optionBoxBackground: { conditions: { base: "_1rsrm2f29a", hover: "_1rsrm2f29b", active: "_1rsrm2f29c", selection: "_1rsrm2f29d", focused: "_1rsrm2f29e", focusedVisible: "_1rsrm2f29f" }, defaultClass: "_1rsrm2f29a" }, optionBoxBackgroundUninteractive: { conditions: { base: "_1rsrm2f29g", hover: "_1rsrm2f29h", active: "_1rsrm2f29i", selection: "_1rsrm2f29j", focused: "_1rsrm2f29k", focusedVisible: "_1rsrm2f29l" }, defaultClass: "_1rsrm2f29g" }, optionBoxBorderBase: { conditions: { base: "_1rsrm2f29m", hover: "_1rsrm2f29n", active: "_1rsrm2f29o", selection: "_1rsrm2f29p", focused: "_1rsrm2f29q", focusedVisible: "_1rsrm2f29r" }, defaultClass: "_1rsrm2f29m" }, optionBoxBorderHover: { conditions: { base: "_1rsrm2f29s", hover: "_1rsrm2f29t", active: "_1rsrm2f29u", selection: "_1rsrm2f29v", focused: "_1rsrm2f29w", focusedVisible: "_1rsrm2f29x" }, defaultClass: "_1rsrm2f29s" }, optionBoxDefaultModeNotActiveBorderBase: { conditions: { base: "_1rsrm2f29y", hover: "_1rsrm2f29z", active: "_1rsrm2f2a0", selection: "_1rsrm2f2a1", focused: "_1rsrm2f2a2", focusedVisible: "_1rsrm2f2a3" }, defaultClass: "_1rsrm2f29y" }, optionBoxDefaultModeNotActiveBorderHover: { conditions: { base: "_1rsrm2f2a4", hover: "_1rsrm2f2a5", active: "_1rsrm2f2a6", selection: "_1rsrm2f2a7", focused: "_1rsrm2f2a8", focusedVisible: "_1rsrm2f2a9" }, defaultClass: "_1rsrm2f2a4" }, openDropdownBackgroundColor: { conditions: { base: "_1rsrm2f2aa", hover: "_1rsrm2f2ab", active: "_1rsrm2f2ac", selection: "_1rsrm2f2ad", focused: "_1rsrm2f2ae", focusedVisible: "_1rsrm2f2af" }, defaultClass: "_1rsrm2f2aa" }, dropdownActiveItemBackgroundBase: { conditions: { base: "_1rsrm2f2ag", hover: "_1rsrm2f2ah", active: "_1rsrm2f2ai", selection: "_1rsrm2f2aj", focused: "_1rsrm2f2ak", focusedVisible: "_1rsrm2f2al" }, defaultClass: "_1rsrm2f2ag" }, dropdownActiveItemBackgroundHover: { conditions: { base: "_1rsrm2f2am", hover: "_1rsrm2f2an", active: "_1rsrm2f2ao", selection: "_1rsrm2f2ap", focused: "_1rsrm2f2aq", focusedVisible: "_1rsrm2f2ar" }, defaultClass: "_1rsrm2f2am" }, dropdownActiveItemBackgroundDisabled: { conditions: { base: "_1rsrm2f2as", hover: "_1rsrm2f2at", active: "_1rsrm2f2au", selection: "_1rsrm2f2av", focused: "_1rsrm2f2aw", focusedVisible: "_1rsrm2f2ax" }, defaultClass: "_1rsrm2f2as" }, dropdownActiveItemBorderBase: { conditions: { base: "_1rsrm2f2ay", hover: "_1rsrm2f2az", active: "_1rsrm2f2b0", selection: "_1rsrm2f2b1", focused: "_1rsrm2f2b2", focusedVisible: "_1rsrm2f2b3" }, defaultClass: "_1rsrm2f2ay" }, dropdownActiveItemBorderHover: { conditions: { base: "_1rsrm2f2b4", hover: "_1rsrm2f2b5", active: "_1rsrm2f2b6", selection: "_1rsrm2f2b7", focused: "_1rsrm2f2b8", focusedVisible: "_1rsrm2f2b9" }, defaultClass: "_1rsrm2f2b4" }, dropdownGroupHeader: { conditions: { base: "_1rsrm2f2ba", hover: "_1rsrm2f2bb", active: "_1rsrm2f2bc", selection: "_1rsrm2f2bd", focused: "_1rsrm2f2be", focusedVisible: "_1rsrm2f2bf" }, defaultClass: "_1rsrm2f2ba" }, selectedDropdownItemBackground: { conditions: { base: "_1rsrm2f2bg", hover: "_1rsrm2f2bh", active: "_1rsrm2f2bi", selection: "_1rsrm2f2bj", focused: "_1rsrm2f2bk", focusedVisible: "_1rsrm2f2bl" }, defaultClass: "_1rsrm2f2bg" }, alwaysVisibleLabelBackgroundHover: { conditions: { base: "_1rsrm2f2bm", hover: "_1rsrm2f2bn", active: "_1rsrm2f2bo", selection: "_1rsrm2f2bp", focused: "_1rsrm2f2bq", focusedVisible: "_1rsrm2f2br" }, defaultClass: "_1rsrm2f2bm" }, selectedDropdownItemText: { conditions: { base: "_1rsrm2f2bs", hover: "_1rsrm2f2bt", active: "_1rsrm2f2bu", selection: "_1rsrm2f2bv", focused: "_1rsrm2f2bw", focusedVisible: "_1rsrm2f2bx" }, defaultClass: "_1rsrm2f2bs" }, useConnectedBackgroundBase: { conditions: { base: "_1rsrm2f2by", hover: "_1rsrm2f2bz", active: "_1rsrm2f2c0", selection: "_1rsrm2f2c1", focused: "_1rsrm2f2c2", focusedVisible: "_1rsrm2f2c3" }, defaultClass: "_1rsrm2f2by" }, useConnectedBackgroundHover: { conditions: { base: "_1rsrm2f2c4", hover: "_1rsrm2f2c5", active: "_1rsrm2f2c6", selection: "_1rsrm2f2c7", focused: "_1rsrm2f2c8", focusedVisible: "_1rsrm2f2c9" }, defaultClass: "_1rsrm2f2c4" }, copyButtonBackgroundBase: { conditions: { base: "_1rsrm2f2ca", hover: "_1rsrm2f2cb", active: "_1rsrm2f2cc", selection: "_1rsrm2f2cd", focused: "_1rsrm2f2ce", focusedVisible: "_1rsrm2f2cf" }, defaultClass: "_1rsrm2f2ca" }, copyButtonBackgroundHover: { conditions: { base: "_1rsrm2f2cg", hover: "_1rsrm2f2ch", active: "_1rsrm2f2ci", selection: "_1rsrm2f2cj", focused: "_1rsrm2f2ck", focusedVisible: "_1rsrm2f2cl" }, defaultClass: "_1rsrm2f2cg" }, copyButtonBackgroundActive: { conditions: { base: "_1rsrm2f2cm", hover: "_1rsrm2f2cn", active: "_1rsrm2f2co", selection: "_1rsrm2f2cp", focused: "_1rsrm2f2cq", focusedVisible: "_1rsrm2f2cr" }, defaultClass: "_1rsrm2f2cm" }, copyButtonBorderBase: { conditions: { base: "_1rsrm2f2cs", hover: "_1rsrm2f2ct", active: "_1rsrm2f2cu", selection: "_1rsrm2f2cv", focused: "_1rsrm2f2cw", focusedVisible: "_1rsrm2f2cx" }, defaultClass: "_1rsrm2f2cs" }, copyButtonBorderHover: { conditions: { base: "_1rsrm2f2cy", hover: "_1rsrm2f2cz", active: "_1rsrm2f2d0", selection: "_1rsrm2f2d1", focused: "_1rsrm2f2d2", focusedVisible: "_1rsrm2f2d3" }, defaultClass: "_1rsrm2f2cy" }, funFeatureListBackgroundBase: { conditions: { base: "_1rsrm2f2d4", hover: "_1rsrm2f2d5", active: "_1rsrm2f2d6", selection: "_1rsrm2f2d7", focused: "_1rsrm2f2d8", focusedVisible: "_1rsrm2f2d9" }, defaultClass: "_1rsrm2f2d4" }, funFeatureListBackgroundHover: { conditions: { base: "_1rsrm2f2da", hover: "_1rsrm2f2db", active: "_1rsrm2f2dc", selection: "_1rsrm2f2dd", focused: "_1rsrm2f2de", focusedVisible: "_1rsrm2f2df" }, defaultClass: "_1rsrm2f2da" }, funFeatureListBorderColor: { conditions: { base: "_1rsrm2f2dg", hover: "_1rsrm2f2dh", active: "_1rsrm2f2di", selection: "_1rsrm2f2dj", focused: "_1rsrm2f2dk", focusedVisible: "_1rsrm2f2dl" }, defaultClass: "_1rsrm2f2dg" }, funFeatureListBorderColorHover: { conditions: { base: "_1rsrm2f2dm", hover: "_1rsrm2f2dn", active: "_1rsrm2f2do", selection: "_1rsrm2f2dp", focused: "_1rsrm2f2dq", focusedVisible: "_1rsrm2f2dr" }, defaultClass: "_1rsrm2f2dm" }, spinnerBackground: { conditions: { base: "_1rsrm2f2ds", hover: "_1rsrm2f2dt", active: "_1rsrm2f2du", selection: "_1rsrm2f2dv", focused: "_1rsrm2f2dw", focusedVisible: "_1rsrm2f2dx" }, defaultClass: "_1rsrm2f2ds" }, spinnerIndicator: { conditions: { base: "_1rsrm2f2dy", hover: "_1rsrm2f2dz", active: "_1rsrm2f2e0", selection: "_1rsrm2f2e1", focused: "_1rsrm2f2e2", focusedVisible: "_1rsrm2f2e3" }, defaultClass: "_1rsrm2f2dy" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f2e4", hover: "_1rsrm2f2e5", active: "_1rsrm2f2e6", selection: "_1rsrm2f2e7", focused: "_1rsrm2f2e8", focusedVisible: "_1rsrm2f2e9" }, defaultClass: "_1rsrm2f2e4" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f2ea", hover: "_1rsrm2f2eb", active: "_1rsrm2f2ec", selection: "_1rsrm2f2ed", focused: "_1rsrm2f2ee", focusedVisible: "_1rsrm2f2ef" }, defaultClass: "_1rsrm2f2ea" }, txSummaryBoxBackground: { conditions: { base: "_1rsrm2f2eg", hover: "_1rsrm2f2eh", active: "_1rsrm2f2ei", selection: "_1rsrm2f2ej", focused: "_1rsrm2f2ek", focusedVisible: "_1rsrm2f2el" }, defaultClass: "_1rsrm2f2eg" }, txSummaryBoxBorder: { conditions: { base: "_1rsrm2f2em", hover: "_1rsrm2f2en", active: "_1rsrm2f2eo", selection: "_1rsrm2f2ep", focused: "_1rsrm2f2eq", focusedVisible: "_1rsrm2f2er" }, defaultClass: "_1rsrm2f2em" }, counterRingColor: { conditions: { base: "_1rsrm2f2es", hover: "_1rsrm2f2et", active: "_1rsrm2f2eu", selection: "_1rsrm2f2ev", focused: "_1rsrm2f2ew", focusedVisible: "_1rsrm2f2ex" }, defaultClass: "_1rsrm2f2es" }, cryptoCashToggleContainerBorderColor: { conditions: { base: "_1rsrm2f2ey", hover: "_1rsrm2f2ez", active: "_1rsrm2f2f0", selection: "_1rsrm2f2f1", focused: "_1rsrm2f2f2", focusedVisible: "_1rsrm2f2f3" }, defaultClass: "_1rsrm2f2ey" }, cryptoCashToggleBackground: { conditions: { base: "_1rsrm2f2f4", hover: "_1rsrm2f2f5", active: "_1rsrm2f2f6", selection: "_1rsrm2f2f7", focused: "_1rsrm2f2f8", focusedVisible: "_1rsrm2f2f9" }, defaultClass: "_1rsrm2f2f4" }, withdrawalYouWillReceiveLabel: { conditions: { base: "_1rsrm2f2fa", hover: "_1rsrm2f2fb", active: "_1rsrm2f2fc", selection: "_1rsrm2f2fd", focused: "_1rsrm2f2fe", focusedVisible: "_1rsrm2f2ff" }, defaultClass: "_1rsrm2f2fa" }, withdrawalYouWillReceiveValueCrypto: { conditions: { base: "_1rsrm2f2fg", hover: "_1rsrm2f2fh", active: "_1rsrm2f2fi", selection: "_1rsrm2f2fj", focused: "_1rsrm2f2fk", focusedVisible: "_1rsrm2f2fl" }, defaultClass: "_1rsrm2f2fg" }, withdrawalYouWillReceiveValueUsd: { conditions: { base: "_1rsrm2f2fm", hover: "_1rsrm2f2fn", active: "_1rsrm2f2fo", selection: "_1rsrm2f2fp", focused: "_1rsrm2f2fq", focusedVisible: "_1rsrm2f2fr" }, defaultClass: "_1rsrm2f2fm" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f2fs", hover: "_1rsrm2f2ft", active: "_1rsrm2f2fu", selection: "_1rsrm2f2fv", focused: "_1rsrm2f2fw", focusedVisible: "_1rsrm2f2fx" }, defaultClass: "_1rsrm2f2fs" }, dialog: { conditions: { base: "_1rsrm2f2fy", hover: "_1rsrm2f2fz", active: "_1rsrm2f2g0", selection: "_1rsrm2f2g1", focused: "_1rsrm2f2g2", focusedVisible: "_1rsrm2f2g3" }, defaultClass: "_1rsrm2f2fy" }, selectedOption: { conditions: { base: "_1rsrm2f2g4", hover: "_1rsrm2f2g5", active: "_1rsrm2f2g6", selection: "_1rsrm2f2g7", focused: "_1rsrm2f2g8", focusedVisible: "_1rsrm2f2g9" }, defaultClass: "_1rsrm2f2g4" }, selectedWallet: { conditions: { base: "_1rsrm2f2ga", hover: "_1rsrm2f2gb", active: "_1rsrm2f2gc", selection: "_1rsrm2f2gd", focused: "_1rsrm2f2ge", focusedVisible: "_1rsrm2f2gf" }, defaultClass: "_1rsrm2f2ga" }, dropdown: { conditions: { base: "_1rsrm2f2gg", hover: "_1rsrm2f2gh", active: "_1rsrm2f2gi", selection: "_1rsrm2f2gj", focused: "_1rsrm2f2gk", focusedVisible: "_1rsrm2f2gl" }, defaultClass: "_1rsrm2f2gg" }, notification: { conditions: { base: "_1rsrm2f2gm", hover: "_1rsrm2f2gn", active: "_1rsrm2f2go", selection: "_1rsrm2f2gp", focused: "_1rsrm2f2gq", focusedVisible: "_1rsrm2f2gr" }, defaultClass: "_1rsrm2f2gm" }, qrCode: { conditions: { base: "_1rsrm2f2gs", hover: "_1rsrm2f2gt", active: "_1rsrm2f2gu", selection: "_1rsrm2f2gv", focused: "_1rsrm2f2gw", focusedVisible: "_1rsrm2f2gx" }, defaultClass: "_1rsrm2f2gs" }, buttonShadow: { conditions: { base: "_1rsrm2f2gy", hover: "_1rsrm2f2gz", active: "_1rsrm2f2h0", selection: "_1rsrm2f2h1", focused: "_1rsrm2f2h2", focusedVisible: "_1rsrm2f2h3" }, defaultClass: "_1rsrm2f2gy" }, buttonShadowTertiary: { conditions: { base: "_1rsrm2f2h4", hover: "_1rsrm2f2h5", active: "_1rsrm2f2h6", selection: "_1rsrm2f2h7", focused: "_1rsrm2f2h8", focusedVisible: "_1rsrm2f2h9" }, defaultClass: "_1rsrm2f2h4" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f2ha", hover: "_1rsrm2f2hb", active: "_1rsrm2f2hc", selection: "_1rsrm2f2hd", focused: "_1rsrm2f2he", focusedVisible: "_1rsrm2f2hf" }, defaultClass: "_1rsrm2f2ha" }, buttonFocusedShadowTertiary: { conditions: { base: "_1rsrm2f2hg", hover: "_1rsrm2f2hh", active: "_1rsrm2f2hi", selection: "_1rsrm2f2hj", focused: "_1rsrm2f2hk", focusedVisible: "_1rsrm2f2hl" }, defaultClass: "_1rsrm2f2hg" }, buttonHoverShadow: { conditions: { base: "_1rsrm2f2hm", hover: "_1rsrm2f2hn", active: "_1rsrm2f2ho", selection: "_1rsrm2f2hp", focused: "_1rsrm2f2hq", focusedVisible: "_1rsrm2f2hr" }, defaultClass: "_1rsrm2f2hm" }, buttonHoverShadowTertiary: { conditions: { base: "_1rsrm2f2hs", hover: "_1rsrm2f2ht", active: "_1rsrm2f2hu", selection: "_1rsrm2f2hv", focused: "_1rsrm2f2hw", focusedVisible: "_1rsrm2f2hx" }, defaultClass: "_1rsrm2f2hs" }, buttonDisabledShadow: { conditions: { base: "_1rsrm2f2hy", hover: "_1rsrm2f2hz", active: "_1rsrm2f2i0", selection: "_1rsrm2f2i1", focused: "_1rsrm2f2i2", focusedVisible: "_1rsrm2f2i3" }, defaultClass: "_1rsrm2f2hy" }, buttonDisabledShadowTertiary: { conditions: { base: "_1rsrm2f2i4", hover: "_1rsrm2f2i5", active: "_1rsrm2f2i6", selection: "_1rsrm2f2i7", focused: "_1rsrm2f2i8", focusedVisible: "_1rsrm2f2i9" }, defaultClass: "_1rsrm2f2i4" }, buttonInnerShadow: { conditions: { base: "_1rsrm2f2ia", hover: "_1rsrm2f2ib", active: "_1rsrm2f2ic", selection: "_1rsrm2f2id", focused: "_1rsrm2f2ie", focusedVisible: "_1rsrm2f2if" }, defaultClass: "_1rsrm2f2ia" }, buttonInnerShadowTertiary: { conditions: { base: "_1rsrm2f2ig", hover: "_1rsrm2f2ih", active: "_1rsrm2f2ii", selection: "_1rsrm2f2ij", focused: "_1rsrm2f2ik", focusedVisible: "_1rsrm2f2il" }, defaultClass: "_1rsrm2f2ig" }, buttonFocusedInnerShadow: { conditions: { base: "_1rsrm2f2im", hover: "_1rsrm2f2in", active: "_1rsrm2f2io", selection: "_1rsrm2f2ip", focused: "_1rsrm2f2iq", focusedVisible: "_1rsrm2f2ir" }, defaultClass: "_1rsrm2f2im" }, buttonFocusedInnerShadowTertiary: { conditions: { base: "_1rsrm2f2is", hover: "_1rsrm2f2it", active: "_1rsrm2f2iu", selection: "_1rsrm2f2iv", focused: "_1rsrm2f2iw", focusedVisible: "_1rsrm2f2ix" }, defaultClass: "_1rsrm2f2is" }, buttonHoverInnerShadow: { conditions: { base: "_1rsrm2f2iy", hover: "_1rsrm2f2iz", active: "_1rsrm2f2j0", selection: "_1rsrm2f2j1", focused: "_1rsrm2f2j2", focusedVisible: "_1rsrm2f2j3" }, defaultClass: "_1rsrm2f2iy" }, buttonHoverInnerShadowTertiary: { conditions: { base: "_1rsrm2f2j4", hover: "_1rsrm2f2j5", active: "_1rsrm2f2j6", selection: "_1rsrm2f2j7", focused: "_1rsrm2f2j8", focusedVisible: "_1rsrm2f2j9" }, defaultClass: "_1rsrm2f2j4" }, buttonDisabledInnerShadow: { conditions: { base: "_1rsrm2f2ja", hover: "_1rsrm2f2jb", active: "_1rsrm2f2jc", selection: "_1rsrm2f2jd", focused: "_1rsrm2f2je", focusedVisible: "_1rsrm2f2jf" }, defaultClass: "_1rsrm2f2ja" }, buttonDisabledInnerShadowTertiary: { conditions: { base: "_1rsrm2f2jg", hover: "_1rsrm2f2jh", active: "_1rsrm2f2ji", selection: "_1rsrm2f2jj", focused: "_1rsrm2f2jk", focusedVisible: "_1rsrm2f2jl" }, defaultClass: "_1rsrm2f2jg" }, selectedDropdownItem: { conditions: { base: "_1rsrm2f2jm", hover: "_1rsrm2f2jn", active: "_1rsrm2f2jo", selection: "_1rsrm2f2jp", focused: "_1rsrm2f2jq", focusedVisible: "_1rsrm2f2jr" }, defaultClass: "_1rsrm2f2jm" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f2js", hover: "_1rsrm2f2jt", active: "_1rsrm2f2ju", selection: "_1rsrm2f2jv", focused: "_1rsrm2f2jw", focusedVisible: "_1rsrm2f2jx" }, defaultClass: "_1rsrm2f2js" }, accentColorForeground: { conditions: { base: "_1rsrm2f2jy", hover: "_1rsrm2f2jz", active: "_1rsrm2f2k0", selection: "_1rsrm2f2k1", focused: "_1rsrm2f2k2", focusedVisible: "_1rsrm2f2k3" }, defaultClass: "_1rsrm2f2jy" }, actionButtonBorder: { conditions: { base: "_1rsrm2f2k4", hover: "_1rsrm2f2k5", active: "_1rsrm2f2k6", selection: "_1rsrm2f2k7", focused: "_1rsrm2f2k8", focusedVisible: "_1rsrm2f2k9" }, defaultClass: "_1rsrm2f2k4" }, connectButtonBackground: { conditions: { base: "_1rsrm2f2ka", hover: "_1rsrm2f2kb", active: "_1rsrm2f2kc", selection: "_1rsrm2f2kd", focused: "_1rsrm2f2ke", focusedVisible: "_1rsrm2f2kf" }, defaultClass: "_1rsrm2f2ka" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f2kg", hover: "_1rsrm2f2kh", active: "_1rsrm2f2ki", selection: "_1rsrm2f2kj", focused: "_1rsrm2f2kk", focusedVisible: "_1rsrm2f2kl" }, defaultClass: "_1rsrm2f2kg" }, connectButtonText: { conditions: { base: "_1rsrm2f2km", hover: "_1rsrm2f2kn", active: "_1rsrm2f2ko", selection: "_1rsrm2f2kp", focused: "_1rsrm2f2kq", focusedVisible: "_1rsrm2f2kr" }, defaultClass: "_1rsrm2f2km" }, connectButtonTextError: { conditions: { base: "_1rsrm2f2ks", hover: "_1rsrm2f2kt", active: "_1rsrm2f2ku", selection: "_1rsrm2f2kv", focused: "_1rsrm2f2kw", focusedVisible: "_1rsrm2f2kx" }, defaultClass: "_1rsrm2f2ks" }, connectionIndicator: { conditions: { base: "_1rsrm2f2ky", hover: "_1rsrm2f2kz", active: "_1rsrm2f2l0", selection: "_1rsrm2f2l1", focused: "_1rsrm2f2l2", focusedVisible: "_1rsrm2f2l3" }, defaultClass: "_1rsrm2f2ky" }, error: { conditions: { base: "_1rsrm2f2l4", hover: "_1rsrm2f2l5", active: "_1rsrm2f2l6", selection: "_1rsrm2f2l7", focused: "_1rsrm2f2l8", focusedVisible: "_1rsrm2f2l9" }, defaultClass: "_1rsrm2f2l4" }, errorBackground: { conditions: { base: "_1rsrm2f2la", hover: "_1rsrm2f2lb", active: "_1rsrm2f2lc", selection: "_1rsrm2f2ld", focused: "_1rsrm2f2le", focusedVisible: "_1rsrm2f2lf" }, defaultClass: "_1rsrm2f2la" }, errorBorder: { conditions: { base: "_1rsrm2f2lg", hover: "_1rsrm2f2lh", active: "_1rsrm2f2li", selection: "_1rsrm2f2lj", focused: "_1rsrm2f2lk", focusedVisible: "_1rsrm2f2ll" }, defaultClass: "_1rsrm2f2lg" }, generalBorder: { conditions: { base: "_1rsrm2f2lm", hover: "_1rsrm2f2ln", active: "_1rsrm2f2lo", selection: "_1rsrm2f2lp", focused: "_1rsrm2f2lq", focusedVisible: "_1rsrm2f2lr" }, defaultClass: "_1rsrm2f2lm" }, generalBorderDim: { conditions: { base: "_1rsrm2f2ls", hover: "_1rsrm2f2lt", active: "_1rsrm2f2lu", selection: "_1rsrm2f2lv", focused: "_1rsrm2f2lw", focusedVisible: "_1rsrm2f2lx" }, defaultClass: "_1rsrm2f2ls" }, menuItemBackground: { conditions: { base: "_1rsrm2f2ly", hover: "_1rsrm2f2lz", active: "_1rsrm2f2m0", selection: "_1rsrm2f2m1", focused: "_1rsrm2f2m2", focusedVisible: "_1rsrm2f2m3" }, defaultClass: "_1rsrm2f2ly" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f2m4", hover: "_1rsrm2f2m5", active: "_1rsrm2f2m6", selection: "_1rsrm2f2m7", focused: "_1rsrm2f2m8", focusedVisible: "_1rsrm2f2m9" }, defaultClass: "_1rsrm2f2m4" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f2ma", hover: "_1rsrm2f2mb", active: "_1rsrm2f2mc", selection: "_1rsrm2f2md", focused: "_1rsrm2f2me", focusedVisible: "_1rsrm2f2mf" }, defaultClass: "_1rsrm2f2ma" }, standby: { conditions: { base: "_1rsrm2f2mg", hover: "_1rsrm2f2mh", active: "_1rsrm2f2mi", selection: "_1rsrm2f2mj", focused: "_1rsrm2f2mk", focusedVisible: "_1rsrm2f2ml" }, defaultClass: "_1rsrm2f2mg" }, success: { conditions: { base: "_1rsrm2f2mm", hover: "_1rsrm2f2mn", active: "_1rsrm2f2mo", selection: "_1rsrm2f2mp", focused: "_1rsrm2f2mq", focusedVisible: "_1rsrm2f2mr" }, defaultClass: "_1rsrm2f2mm" }, delayedStatusIcon: { conditions: { base: "_1rsrm2f2ms", hover: "_1rsrm2f2mt", active: "_1rsrm2f2mu", selection: "_1rsrm2f2mv", focused: "_1rsrm2f2mw", focusedVisible: "_1rsrm2f2mx" }, defaultClass: "_1rsrm2f2ms" }, chainIconBorder: { conditions: { base: "_1rsrm2f2my", hover: "_1rsrm2f2mz", active: "_1rsrm2f2n0", selection: "_1rsrm2f2n1", focused: "_1rsrm2f2n2", focusedVisible: "_1rsrm2f2n3" }, defaultClass: "_1rsrm2f2my" }, modalBackdrop: { conditions: { base: "_1rsrm2f2n4", hover: "_1rsrm2f2n5", active: "_1rsrm2f2n6", selection: "_1rsrm2f2n7", focused: "_1rsrm2f2n8", focusedVisible: "_1rsrm2f2n9" }, defaultClass: "_1rsrm2f2n4" }, modalBackground: { conditions: { base: "_1rsrm2f2na", hover: "_1rsrm2f2nb", active: "_1rsrm2f2nc", selection: "_1rsrm2f2nd", focused: "_1rsrm2f2ne", focusedVisible: "_1rsrm2f2nf" }, defaultClass: "_1rsrm2f2na" }, modalBackgroundCheckoutComplete: { conditions: { base: "_1rsrm2f2ng", hover: "_1rsrm2f2nh", active: "_1rsrm2f2ni", selection: "_1rsrm2f2nj", focused: "_1rsrm2f2nk", focusedVisible: "_1rsrm2f2nl" }, defaultClass: "_1rsrm2f2ng" }, modalBorder: { conditions: { base: "_1rsrm2f2nm", hover: "_1rsrm2f2nn", active: "_1rsrm2f2no", selection: "_1rsrm2f2np", focused: "_1rsrm2f2nq", focusedVisible: "_1rsrm2f2nr" }, defaultClass: "_1rsrm2f2nm" }, offBackground: { conditions: { base: "_1rsrm2f2ns", hover: "_1rsrm2f2nt", active: "_1rsrm2f2nu", selection: "_1rsrm2f2nv", focused: "_1rsrm2f2nw", focusedVisible: "_1rsrm2f2nx" }, defaultClass: "_1rsrm2f2ns" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f2ny", hover: "_1rsrm2f2nz", active: "_1rsrm2f2o0", selection: "_1rsrm2f2o1", focused: "_1rsrm2f2o2", focusedVisible: "_1rsrm2f2o3" }, defaultClass: "_1rsrm2f2ny" }, hoverState: { conditions: { base: "_1rsrm2f2o4", hover: "_1rsrm2f2o5", active: "_1rsrm2f2o6", selection: "_1rsrm2f2o7", focused: "_1rsrm2f2o8", focusedVisible: "_1rsrm2f2o9" }, defaultClass: "_1rsrm2f2o4" }, lightStroke: { conditions: { base: "_1rsrm2f2oa", hover: "_1rsrm2f2ob", active: "_1rsrm2f2oc", selection: "_1rsrm2f2od", focused: "_1rsrm2f2oe", focusedVisible: "_1rsrm2f2of" }, defaultClass: "_1rsrm2f2oa" }, mediumStroke: { conditions: { base: "_1rsrm2f2og", hover: "_1rsrm2f2oh", active: "_1rsrm2f2oi", selection: "_1rsrm2f2oj", focused: "_1rsrm2f2ok", focusedVisible: "_1rsrm2f2ol" }, defaultClass: "_1rsrm2f2og" }, heavyStroke: { conditions: { base: "_1rsrm2f2om", hover: "_1rsrm2f2on", active: "_1rsrm2f2oo", selection: "_1rsrm2f2op", focused: "_1rsrm2f2oq", focusedVisible: "_1rsrm2f2or" }, defaultClass: "_1rsrm2f2om" }, strokeColor: { conditions: { base: "_1rsrm2f2os", hover: "_1rsrm2f2ot", active: "_1rsrm2f2ou", selection: "_1rsrm2f2ov", focused: "_1rsrm2f2ow", focusedVisible: "_1rsrm2f2ox" }, defaultClass: "_1rsrm2f2os" }, secondaryBackground: { conditions: { base: "_1rsrm2f2oy", hover: "_1rsrm2f2oz", active: "_1rsrm2f2p0", selection: "_1rsrm2f2p1", focused: "_1rsrm2f2p2", focusedVisible: "_1rsrm2f2p3" }, defaultClass: "_1rsrm2f2oy" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f2p4", hover: "_1rsrm2f2p5", active: "_1rsrm2f2p6", selection: "_1rsrm2f2p7", focused: "_1rsrm2f2p8", focusedVisible: "_1rsrm2f2p9" }, defaultClass: "_1rsrm2f2p4" }, modalTopbarIconBackground: { conditions: { base: "_1rsrm2f2pa", hover: "_1rsrm2f2pb", active: "_1rsrm2f2pc", selection: "_1rsrm2f2pd", focused: "_1rsrm2f2pe", focusedVisible: "_1rsrm2f2pf" }, defaultClass: "_1rsrm2f2pa" }, modalTopbarIconBackgroundHover: { conditions: { base: "_1rsrm2f2pg", hover: "_1rsrm2f2ph", active: "_1rsrm2f2pi", selection: "_1rsrm2f2pj", focused: "_1rsrm2f2pk", focusedVisible: "_1rsrm2f2pl" }, defaultClass: "_1rsrm2f2pg" }, modalTopbarIconBackgroundPressed: { conditions: { base: "_1rsrm2f2pm", hover: "_1rsrm2f2pn", active: "_1rsrm2f2po", selection: "_1rsrm2f2pp", focused: "_1rsrm2f2pq", focusedVisible: "_1rsrm2f2pr" }, defaultClass: "_1rsrm2f2pm" }, modalTopbarIconStroke: { conditions: { base: "_1rsrm2f2ps", hover: "_1rsrm2f2pt", active: "_1rsrm2f2pu", selection: "_1rsrm2f2pv", focused: "_1rsrm2f2pw", focusedVisible: "_1rsrm2f2px" }, defaultClass: "_1rsrm2f2ps" }, primaryText: { conditions: { base: "_1rsrm2f2py", hover: "_1rsrm2f2pz", active: "_1rsrm2f2q0", selection: "_1rsrm2f2q1", focused: "_1rsrm2f2q2", focusedVisible: "_1rsrm2f2q3" }, defaultClass: "_1rsrm2f2py" }, secondaryText: { conditions: { base: "_1rsrm2f2q4", hover: "_1rsrm2f2q5", active: "_1rsrm2f2q6", selection: "_1rsrm2f2q7", focused: "_1rsrm2f2q8", focusedVisible: "_1rsrm2f2q9" }, defaultClass: "_1rsrm2f2q4" }, tertiaryText: { conditions: { base: "_1rsrm2f2qa", hover: "_1rsrm2f2qb", active: "_1rsrm2f2qc", selection: "_1rsrm2f2qd", focused: "_1rsrm2f2qe", focusedVisible: "_1rsrm2f2qf" }, defaultClass: "_1rsrm2f2qa" }, textSelection: { conditions: { base: "_1rsrm2f2qg", hover: "_1rsrm2f2qh", active: "_1rsrm2f2qi", selection: "_1rsrm2f2qj", focused: "_1rsrm2f2qk", focusedVisible: "_1rsrm2f2ql" }, defaultClass: "_1rsrm2f2qg" }, inputLabel: { conditions: { base: "_1rsrm2f2qm", hover: "_1rsrm2f2qn", active: "_1rsrm2f2qo", selection: "_1rsrm2f2qp", focused: "_1rsrm2f2qq", focusedVisible: "_1rsrm2f2qr" }, defaultClass: "_1rsrm2f2qm" }, inputBackground: { conditions: { base: "_1rsrm2f2qs", hover: "_1rsrm2f2qt", active: "_1rsrm2f2qu", selection: "_1rsrm2f2qv", focused: "_1rsrm2f2qw", focusedVisible: "_1rsrm2f2qx" }, defaultClass: "_1rsrm2f2qs" }, inputBackgroundHover: { conditions: { base: "_1rsrm2f2qy", hover: "_1rsrm2f2qz", active: "_1rsrm2f2r0", selection: "_1rsrm2f2r1", focused: "_1rsrm2f2r2", focusedVisible: "_1rsrm2f2r3" }, defaultClass: "_1rsrm2f2qy" }, inputBorderBase: { conditions: { base: "_1rsrm2f2r4", hover: "_1rsrm2f2r5", active: "_1rsrm2f2r6", selection: "_1rsrm2f2r7", focused: "_1rsrm2f2r8", focusedVisible: "_1rsrm2f2r9" }, defaultClass: "_1rsrm2f2r4" }, inputBorderHover: { conditions: { base: "_1rsrm2f2ra", hover: "_1rsrm2f2rb", active: "_1rsrm2f2rc", selection: "_1rsrm2f2rd", focused: "_1rsrm2f2re", focusedVisible: "_1rsrm2f2rf" }, defaultClass: "_1rsrm2f2ra" }, activeTabBorderColor: { conditions: { base: "_1rsrm2f2rg", hover: "_1rsrm2f2rh", active: "_1rsrm2f2ri", selection: "_1rsrm2f2rj", focused: "_1rsrm2f2rk", focusedVisible: "_1rsrm2f2rl" }, defaultClass: "_1rsrm2f2rg" }, activeTabBackground: { conditions: { base: "_1rsrm2f2rm", hover: "_1rsrm2f2rn", active: "_1rsrm2f2ro", selection: "_1rsrm2f2rp", focused: "_1rsrm2f2rq", focusedVisible: "_1rsrm2f2rr" }, defaultClass: "_1rsrm2f2rm" }, inactiveTabBorderColor: { conditions: { base: "_1rsrm2f2rs", hover: "_1rsrm2f2rt", active: "_1rsrm2f2ru", selection: "_1rsrm2f2rv", focused: "_1rsrm2f2rw", focusedVisible: "_1rsrm2f2rx" }, defaultClass: "_1rsrm2f2rs" }, inactiveTabBackgroundBase: { conditions: { base: "_1rsrm2f2ry", hover: "_1rsrm2f2rz", active: "_1rsrm2f2s0", selection: "_1rsrm2f2s1", focused: "_1rsrm2f2s2", focusedVisible: "_1rsrm2f2s3" }, defaultClass: "_1rsrm2f2ry" }, inactiveTabBackgroundHover: { conditions: { base: "_1rsrm2f2s4", hover: "_1rsrm2f2s5", active: "_1rsrm2f2s6", selection: "_1rsrm2f2s7", focused: "_1rsrm2f2s8", focusedVisible: "_1rsrm2f2s9" }, defaultClass: "_1rsrm2f2s4" }, inactiveTabBackgroundActive: { conditions: { base: "_1rsrm2f2sa", hover: "_1rsrm2f2sb", active: "_1rsrm2f2sc", selection: "_1rsrm2f2sd", focused: "_1rsrm2f2se", focusedVisible: "_1rsrm2f2sf" }, defaultClass: "_1rsrm2f2sa" }, activeTabText: { conditions: { base: "_1rsrm2f2sg", hover: "_1rsrm2f2sh", active: "_1rsrm2f2si", selection: "_1rsrm2f2sj", focused: "_1rsrm2f2sk", focusedVisible: "_1rsrm2f2sl" }, defaultClass: "_1rsrm2f2sg" }, inactiveTabTextBase: { conditions: { base: "_1rsrm2f2sm", hover: "_1rsrm2f2sn", active: "_1rsrm2f2so", selection: "_1rsrm2f2sp", focused: "_1rsrm2f2sq", focusedVisible: "_1rsrm2f2sr" }, defaultClass: "_1rsrm2f2sm" }, inactiveTabHover: { conditions: { base: "_1rsrm2f2ss", hover: "_1rsrm2f2st", active: "_1rsrm2f2su", selection: "_1rsrm2f2sv", focused: "_1rsrm2f2sw", focusedVisible: "_1rsrm2f2sx" }, defaultClass: "_1rsrm2f2ss" }, actionColor: { conditions: { base: "_1rsrm2f2sy", hover: "_1rsrm2f2sz", active: "_1rsrm2f2t0", selection: "_1rsrm2f2t1", focused: "_1rsrm2f2t2", focusedVisible: "_1rsrm2f2t3" }, defaultClass: "_1rsrm2f2sy" }, actionColorHover: { conditions: { base: "_1rsrm2f2t4", hover: "_1rsrm2f2t5", active: "_1rsrm2f2t6", selection: "_1rsrm2f2t7", focused: "_1rsrm2f2t8", focusedVisible: "_1rsrm2f2t9" }, defaultClass: "_1rsrm2f2t4" }, actionColorDisabled: { conditions: { base: "_1rsrm2f2ta", hover: "_1rsrm2f2tb", active: "_1rsrm2f2tc", selection: "_1rsrm2f2td", focused: "_1rsrm2f2te", focusedVisible: "_1rsrm2f2tf" }, defaultClass: "_1rsrm2f2ta" }, buttonPrimary: { conditions: { base: "_1rsrm2f2tg", hover: "_1rsrm2f2th", active: "_1rsrm2f2ti", selection: "_1rsrm2f2tj", focused: "_1rsrm2f2tk", focusedVisible: "_1rsrm2f2tl" }, defaultClass: "_1rsrm2f2tg" }, buttonDisabled: { conditions: { base: "_1rsrm2f2tm", hover: "_1rsrm2f2tn", active: "_1rsrm2f2to", selection: "_1rsrm2f2tp", focused: "_1rsrm2f2tq", focusedVisible: "_1rsrm2f2tr" }, defaultClass: "_1rsrm2f2tm" }, buttonWarning: { conditions: { base: "_1rsrm2f2ts", hover: "_1rsrm2f2tt", active: "_1rsrm2f2tu", selection: "_1rsrm2f2tv", focused: "_1rsrm2f2tw", focusedVisible: "_1rsrm2f2tx" }, defaultClass: "_1rsrm2f2ts" }, buttonSuccess: { conditions: { base: "_1rsrm2f2ty", hover: "_1rsrm2f2tz", active: "_1rsrm2f2u0", selection: "_1rsrm2f2u1", focused: "_1rsrm2f2u2", focusedVisible: "_1rsrm2f2u3" }, defaultClass: "_1rsrm2f2ty" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f2u4", hover: "_1rsrm2f2u5", active: "_1rsrm2f2u6", selection: "_1rsrm2f2u7", focused: "_1rsrm2f2u8", focusedVisible: "_1rsrm2f2u9" }, defaultClass: "_1rsrm2f2u4" }, buttonTextHover: { conditions: { base: "_1rsrm2f2ua", hover: "_1rsrm2f2ub", active: "_1rsrm2f2uc", selection: "_1rsrm2f2ud", focused: "_1rsrm2f2ue", focusedVisible: "_1rsrm2f2uf" }, defaultClass: "_1rsrm2f2ua" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f2ug", hover: "_1rsrm2f2uh", active: "_1rsrm2f2ui", selection: "_1rsrm2f2uj", focused: "_1rsrm2f2uk", focusedVisible: "_1rsrm2f2ul" }, defaultClass: "_1rsrm2f2ug" }, transparent: { conditions: { base: "_1rsrm2f2um", hover: "_1rsrm2f2un", active: "_1rsrm2f2uo", selection: "_1rsrm2f2up", focused: "_1rsrm2f2uq", focusedVisible: "_1rsrm2f2ur" }, defaultClass: "_1rsrm2f2um" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f2us", hover: "_1rsrm2f2ut", active: "_1rsrm2f2uu", selection: "_1rsrm2f2uv", focused: "_1rsrm2f2uw", focusedVisible: "_1rsrm2f2ux" }, defaultClass: "_1rsrm2f2us" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f2uy", hover: "_1rsrm2f2uz", active: "_1rsrm2f2v0", selection: "_1rsrm2f2v1", focused: "_1rsrm2f2v2", focusedVisible: "_1rsrm2f2v3" }, defaultClass: "_1rsrm2f2uy" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f2v4", hover: "_1rsrm2f2v5", active: "_1rsrm2f2v6", selection: "_1rsrm2f2v7", focused: "_1rsrm2f2v8", focusedVisible: "_1rsrm2f2v9" }, defaultClass: "_1rsrm2f2v4" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f2va", hover: "_1rsrm2f2vb", active: "_1rsrm2f2vc", selection: "_1rsrm2f2vd", focused: "_1rsrm2f2ve", focusedVisible: "_1rsrm2f2vf" }, defaultClass: "_1rsrm2f2va" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f2vg", hover: "_1rsrm2f2vh", active: "_1rsrm2f2vi", selection: "_1rsrm2f2vj", focused: "_1rsrm2f2vk", focusedVisible: "_1rsrm2f2vl" }, defaultClass: "_1rsrm2f2vg" }, buttonBackground: { conditions: { base: "_1rsrm2f2vm", hover: "_1rsrm2f2vn", active: "_1rsrm2f2vo", selection: "_1rsrm2f2vp", focused: "_1rsrm2f2vq", focusedVisible: "_1rsrm2f2vr" }, defaultClass: "_1rsrm2f2vm" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f2vs", hover: "_1rsrm2f2vt", active: "_1rsrm2f2vu", selection: "_1rsrm2f2vv", focused: "_1rsrm2f2vw", focusedVisible: "_1rsrm2f2vx" }, defaultClass: "_1rsrm2f2vs" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f2vy", hover: "_1rsrm2f2vz", active: "_1rsrm2f2w0", selection: "_1rsrm2f2w1", focused: "_1rsrm2f2w2", focusedVisible: "_1rsrm2f2w3" }, defaultClass: "_1rsrm2f2vy" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f2w4", hover: "_1rsrm2f2w5", active: "_1rsrm2f2w6", selection: "_1rsrm2f2w7", focused: "_1rsrm2f2w8", focusedVisible: "_1rsrm2f2w9" }, defaultClass: "_1rsrm2f2w4" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f2wa", hover: "_1rsrm2f2wb", active: "_1rsrm2f2wc", selection: "_1rsrm2f2wd", focused: "_1rsrm2f2we", focusedVisible: "_1rsrm2f2wf" }, defaultClass: "_1rsrm2f2wa" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f2wg", hover: "_1rsrm2f2wh", active: "_1rsrm2f2wi", selection: "_1rsrm2f2wj", focused: "_1rsrm2f2wk", focusedVisible: "_1rsrm2f2wl" }, defaultClass: "_1rsrm2f2wg" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f2wm", hover: "_1rsrm2f2wn", active: "_1rsrm2f2wo", selection: "_1rsrm2f2wp", focused: "_1rsrm2f2wq", focusedVisible: "_1rsrm2f2wr" }, defaultClass: "_1rsrm2f2wm" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f2ws", hover: "_1rsrm2f2wt", active: "_1rsrm2f2wu", selection: "_1rsrm2f2wv", focused: "_1rsrm2f2ww", focusedVisible: "_1rsrm2f2wx" }, defaultClass: "_1rsrm2f2ws" }, buttonIconStroke: { conditions: { base: "_1rsrm2f2wy", hover: "_1rsrm2f2wz", active: "_1rsrm2f2x0", selection: "_1rsrm2f2x1", focused: "_1rsrm2f2x2", focusedVisible: "_1rsrm2f2x3" }, defaultClass: "_1rsrm2f2wy" }, buttonBorderTertiary: { conditions: { base: "_1rsrm2f2x4", hover: "_1rsrm2f2x5", active: "_1rsrm2f2x6", selection: "_1rsrm2f2x7", focused: "_1rsrm2f2x8", focusedVisible: "_1rsrm2f2x9" }, defaultClass: "_1rsrm2f2x4" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f2xa", hover: "_1rsrm2f2xb", active: "_1rsrm2f2xc", selection: "_1rsrm2f2xd", focused: "_1rsrm2f2xe", focusedVisible: "_1rsrm2f2xf" }, defaultClass: "_1rsrm2f2xa" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f2xg", hover: "_1rsrm2f2xh", active: "_1rsrm2f2xi", selection: "_1rsrm2f2xj", focused: "_1rsrm2f2xk", focusedVisible: "_1rsrm2f2xl" }, defaultClass: "_1rsrm2f2xg" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f2xm", hover: "_1rsrm2f2xn", active: "_1rsrm2f2xo", selection: "_1rsrm2f2xp", focused: "_1rsrm2f2xq", focusedVisible: "_1rsrm2f2xr" }, defaultClass: "_1rsrm2f2xm" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f2xs", hover: "_1rsrm2f2xt", active: "_1rsrm2f2xu", selection: "_1rsrm2f2xv", focused: "_1rsrm2f2xw", focusedVisible: "_1rsrm2f2xx" }, defaultClass: "_1rsrm2f2xs" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f2xy", hover: "_1rsrm2f2xz", active: "_1rsrm2f2y0", selection: "_1rsrm2f2y1", focused: "_1rsrm2f2y2", focusedVisible: "_1rsrm2f2y3" }, defaultClass: "_1rsrm2f2xy" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f2y4", hover: "_1rsrm2f2y5", active: "_1rsrm2f2y6", selection: "_1rsrm2f2y7", focused: "_1rsrm2f2y8", focusedVisible: "_1rsrm2f2y9" }, defaultClass: "_1rsrm2f2y4" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f2ya", hover: "_1rsrm2f2yb", active: "_1rsrm2f2yc", selection: "_1rsrm2f2yd", focused: "_1rsrm2f2ye", focusedVisible: "_1rsrm2f2yf" }, defaultClass: "_1rsrm2f2ya" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f2yg", hover: "_1rsrm2f2yh", active: "_1rsrm2f2yi", selection: "_1rsrm2f2yj", focused: "_1rsrm2f2yk", focusedVisible: "_1rsrm2f2yl" }, defaultClass: "_1rsrm2f2yg" }, newBadgeBackground: { conditions: { base: "_1rsrm2f2ym", hover: "_1rsrm2f2yn", active: "_1rsrm2f2yo", selection: "_1rsrm2f2yp", focused: "_1rsrm2f2yq", focusedVisible: "_1rsrm2f2yr" }, defaultClass: "_1rsrm2f2ym" }, newBadgeBorder: { conditions: { base: "_1rsrm2f2ys", hover: "_1rsrm2f2yt", active: "_1rsrm2f2yu", selection: "_1rsrm2f2yv", focused: "_1rsrm2f2yw", focusedVisible: "_1rsrm2f2yx" }, defaultClass: "_1rsrm2f2ys" }, newBadgeText: { conditions: { base: "_1rsrm2f2yy", hover: "_1rsrm2f2yz", active: "_1rsrm2f2z0", selection: "_1rsrm2f2z1", focused: "_1rsrm2f2z2", focusedVisible: "_1rsrm2f2z3" }, defaultClass: "_1rsrm2f2yy" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f2z4", hover: "_1rsrm2f2z5", active: "_1rsrm2f2z6", selection: "_1rsrm2f2z7", focused: "_1rsrm2f2z8", focusedVisible: "_1rsrm2f2z9" }, defaultClass: "_1rsrm2f2z4" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f2za", hover: "_1rsrm2f2zb", active: "_1rsrm2f2zc", selection: "_1rsrm2f2zd", focused: "_1rsrm2f2ze", focusedVisible: "_1rsrm2f2zf" }, defaultClass: "_1rsrm2f2za" }, approvedBadgeText: { conditions: { base: "_1rsrm2f2zg", hover: "_1rsrm2f2zh", active: "_1rsrm2f2zi", selection: "_1rsrm2f2zj", focused: "_1rsrm2f2zk", focusedVisible: "_1rsrm2f2zl" }, defaultClass: "_1rsrm2f2zg" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f2zm", hover: "_1rsrm2f2zn", active: "_1rsrm2f2zo", selection: "_1rsrm2f2zp", focused: "_1rsrm2f2zq", focusedVisible: "_1rsrm2f2zr" }, defaultClass: "_1rsrm2f2zm" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f2zs", hover: "_1rsrm2f2zt", active: "_1rsrm2f2zu", selection: "_1rsrm2f2zv", focused: "_1rsrm2f2zw", focusedVisible: "_1rsrm2f2zx" }, defaultClass: "_1rsrm2f2zs" }, failedBadgeText: { conditions: { base: "_1rsrm2f2zy", hover: "_1rsrm2f2zz", active: "_1rsrm2f300", selection: "_1rsrm2f301", focused: "_1rsrm2f302", focusedVisible: "_1rsrm2f303" }, defaultClass: "_1rsrm2f2zy" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f304", hover: "_1rsrm2f305", active: "_1rsrm2f306", selection: "_1rsrm2f307", focused: "_1rsrm2f308", focusedVisible: "_1rsrm2f309" }, defaultClass: "_1rsrm2f304" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f30a", hover: "_1rsrm2f30b", active: "_1rsrm2f30c", selection: "_1rsrm2f30d", focused: "_1rsrm2f30e", focusedVisible: "_1rsrm2f30f" }, defaultClass: "_1rsrm2f30a" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f30g", hover: "_1rsrm2f30h", active: "_1rsrm2f30i", selection: "_1rsrm2f30j", focused: "_1rsrm2f30k", focusedVisible: "_1rsrm2f30l" }, defaultClass: "_1rsrm2f30g" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f30m", hover: "_1rsrm2f30n", active: "_1rsrm2f30o", selection: "_1rsrm2f30p", focused: "_1rsrm2f30q", focusedVisible: "_1rsrm2f30r" }, defaultClass: "_1rsrm2f30m" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f30s", hover: "_1rsrm2f30t", active: "_1rsrm2f30u", selection: "_1rsrm2f30v", focused: "_1rsrm2f30w", focusedVisible: "_1rsrm2f30x" }, defaultClass: "_1rsrm2f30s" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f30y", hover: "_1rsrm2f30z", active: "_1rsrm2f310", selection: "_1rsrm2f311", focused: "_1rsrm2f312", focusedVisible: "_1rsrm2f313" }, defaultClass: "_1rsrm2f30y" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f314", hover: "_1rsrm2f315", active: "_1rsrm2f316", selection: "_1rsrm2f317", focused: "_1rsrm2f318", focusedVisible: "_1rsrm2f319" }, defaultClass: "_1rsrm2f314" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f31a", hover: "_1rsrm2f31b", active: "_1rsrm2f31c", selection: "_1rsrm2f31d", focused: "_1rsrm2f31e", focusedVisible: "_1rsrm2f31f" }, defaultClass: "_1rsrm2f31a" }, inputAmountFiatDecimalsColor: { conditions: { base: "_1rsrm2f31g", hover: "_1rsrm2f31h", active: "_1rsrm2f31i", selection: "_1rsrm2f31j", focused: "_1rsrm2f31k", focusedVisible: "_1rsrm2f31l" }, defaultClass: "_1rsrm2f31g" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f31m", hover: "_1rsrm2f31n", active: "_1rsrm2f31o", selection: "_1rsrm2f31p", focused: "_1rsrm2f31q", focusedVisible: "_1rsrm2f31r" }, defaultClass: "_1rsrm2f31m" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f31s", hover: "_1rsrm2f31t", active: "_1rsrm2f31u", selection: "_1rsrm2f31v", focused: "_1rsrm2f31w", focusedVisible: "_1rsrm2f31x" }, defaultClass: "_1rsrm2f31s" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f31y", hover: "_1rsrm2f31z", active: "_1rsrm2f320", selection: "_1rsrm2f321", focused: "_1rsrm2f322", focusedVisible: "_1rsrm2f323" }, defaultClass: "_1rsrm2f31y" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f324", hover: "_1rsrm2f325", active: "_1rsrm2f326", selection: "_1rsrm2f327", focused: "_1rsrm2f328", focusedVisible: "_1rsrm2f329" }, defaultClass: "_1rsrm2f324" }, announceGradientFrom: { conditions: { base: "_1rsrm2f32a", hover: "_1rsrm2f32b", active: "_1rsrm2f32c", selection: "_1rsrm2f32d", focused: "_1rsrm2f32e", focusedVisible: "_1rsrm2f32f" }, defaultClass: "_1rsrm2f32a" }, announceGradientTo: { conditions: { base: "_1rsrm2f32g", hover: "_1rsrm2f32h", active: "_1rsrm2f32i", selection: "_1rsrm2f32j", focused: "_1rsrm2f32k", focusedVisible: "_1rsrm2f32l" }, defaultClass: "_1rsrm2f32g" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f32m", hover: "_1rsrm2f32n", active: "_1rsrm2f32o", selection: "_1rsrm2f32p", focused: "_1rsrm2f32q", focusedVisible: "_1rsrm2f32r" }, defaultClass: "_1rsrm2f32m" }, modalFooterDivider: { conditions: { base: "_1rsrm2f32s", hover: "_1rsrm2f32t", active: "_1rsrm2f32u", selection: "_1rsrm2f32v", focused: "_1rsrm2f32w", focusedVisible: "_1rsrm2f32x" }, defaultClass: "_1rsrm2f32s" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f32y", hover: "_1rsrm2f32z", active: "_1rsrm2f330", selection: "_1rsrm2f331", focused: "_1rsrm2f332", focusedVisible: "_1rsrm2f333" }, defaultClass: "_1rsrm2f32y" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f334", hover: "_1rsrm2f335", active: "_1rsrm2f336", selection: "_1rsrm2f337", focused: "_1rsrm2f338", focusedVisible: "_1rsrm2f339" }, defaultClass: "_1rsrm2f334" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f33a", hover: "_1rsrm2f33b", active: "_1rsrm2f33c", selection: "_1rsrm2f33d", focused: "_1rsrm2f33e", focusedVisible: "_1rsrm2f33f" }, defaultClass: "_1rsrm2f33a" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f33g", hover: "_1rsrm2f33h", active: "_1rsrm2f33i", selection: "_1rsrm2f33j", focused: "_1rsrm2f33k", focusedVisible: "_1rsrm2f33l" }, defaultClass: "_1rsrm2f33g" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f33m", hover: "_1rsrm2f33n", active: "_1rsrm2f33o", selection: "_1rsrm2f33p", focused: "_1rsrm2f33q", focusedVisible: "_1rsrm2f33r" }, defaultClass: "_1rsrm2f33m" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f33s", hover: "_1rsrm2f33t", active: "_1rsrm2f33u", selection: "_1rsrm2f33v", focused: "_1rsrm2f33w", focusedVisible: "_1rsrm2f33x" }, defaultClass: "_1rsrm2f33s" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f33y", hover: "_1rsrm2f33z", active: "_1rsrm2f340", selection: "_1rsrm2f341", focused: "_1rsrm2f342", focusedVisible: "_1rsrm2f343" }, defaultClass: "_1rsrm2f33y" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f344", hover: "_1rsrm2f345", active: "_1rsrm2f346", selection: "_1rsrm2f347", focused: "_1rsrm2f348", focusedVisible: "_1rsrm2f349" }, defaultClass: "_1rsrm2f344" }, optionBoxBackground: { conditions: { base: "_1rsrm2f34a", hover: "_1rsrm2f34b", active: "_1rsrm2f34c", selection: "_1rsrm2f34d", focused: "_1rsrm2f34e", focusedVisible: "_1rsrm2f34f" }, defaultClass: "_1rsrm2f34a" }, optionBoxBackgroundUninteractive: { conditions: { base: "_1rsrm2f34g", hover: "_1rsrm2f34h", active: "_1rsrm2f34i", selection: "_1rsrm2f34j", focused: "_1rsrm2f34k", focusedVisible: "_1rsrm2f34l" }, defaultClass: "_1rsrm2f34g" }, optionBoxBorderBase: { conditions: { base: "_1rsrm2f34m", hover: "_1rsrm2f34n", active: "_1rsrm2f34o", selection: "_1rsrm2f34p", focused: "_1rsrm2f34q", focusedVisible: "_1rsrm2f34r" }, defaultClass: "_1rsrm2f34m" }, optionBoxBorderHover: { conditions: { base: "_1rsrm2f34s", hover: "_1rsrm2f34t", active: "_1rsrm2f34u", selection: "_1rsrm2f34v", focused: "_1rsrm2f34w", focusedVisible: "_1rsrm2f34x" }, defaultClass: "_1rsrm2f34s" }, optionBoxDefaultModeNotActiveBorderBase: { conditions: { base: "_1rsrm2f34y", hover: "_1rsrm2f34z", active: "_1rsrm2f350", selection: "_1rsrm2f351", focused: "_1rsrm2f352", focusedVisible: "_1rsrm2f353" }, defaultClass: "_1rsrm2f34y" }, optionBoxDefaultModeNotActiveBorderHover: { conditions: { base: "_1rsrm2f354", hover: "_1rsrm2f355", active: "_1rsrm2f356", selection: "_1rsrm2f357", focused: "_1rsrm2f358", focusedVisible: "_1rsrm2f359" }, defaultClass: "_1rsrm2f354" }, openDropdownBackgroundColor: { conditions: { base: "_1rsrm2f35a", hover: "_1rsrm2f35b", active: "_1rsrm2f35c", selection: "_1rsrm2f35d", focused: "_1rsrm2f35e", focusedVisible: "_1rsrm2f35f" }, defaultClass: "_1rsrm2f35a" }, dropdownActiveItemBackgroundBase: { conditions: { base: "_1rsrm2f35g", hover: "_1rsrm2f35h", active: "_1rsrm2f35i", selection: "_1rsrm2f35j", focused: "_1rsrm2f35k", focusedVisible: "_1rsrm2f35l" }, defaultClass: "_1rsrm2f35g" }, dropdownActiveItemBackgroundHover: { conditions: { base: "_1rsrm2f35m", hover: "_1rsrm2f35n", active: "_1rsrm2f35o", selection: "_1rsrm2f35p", focused: "_1rsrm2f35q", focusedVisible: "_1rsrm2f35r" }, defaultClass: "_1rsrm2f35m" }, dropdownActiveItemBackgroundDisabled: { conditions: { base: "_1rsrm2f35s", hover: "_1rsrm2f35t", active: "_1rsrm2f35u", selection: "_1rsrm2f35v", focused: "_1rsrm2f35w", focusedVisible: "_1rsrm2f35x" }, defaultClass: "_1rsrm2f35s" }, dropdownActiveItemBorderBase: { conditions: { base: "_1rsrm2f35y", hover: "_1rsrm2f35z", active: "_1rsrm2f360", selection: "_1rsrm2f361", focused: "_1rsrm2f362", focusedVisible: "_1rsrm2f363" }, defaultClass: "_1rsrm2f35y" }, dropdownActiveItemBorderHover: { conditions: { base: "_1rsrm2f364", hover: "_1rsrm2f365", active: "_1rsrm2f366", selection: "_1rsrm2f367", focused: "_1rsrm2f368", focusedVisible: "_1rsrm2f369" }, defaultClass: "_1rsrm2f364" }, dropdownGroupHeader: { conditions: { base: "_1rsrm2f36a", hover: "_1rsrm2f36b", active: "_1rsrm2f36c", selection: "_1rsrm2f36d", focused: "_1rsrm2f36e", focusedVisible: "_1rsrm2f36f" }, defaultClass: "_1rsrm2f36a" }, selectedDropdownItemBackground: { conditions: { base: "_1rsrm2f36g", hover: "_1rsrm2f36h", active: "_1rsrm2f36i", selection: "_1rsrm2f36j", focused: "_1rsrm2f36k", focusedVisible: "_1rsrm2f36l" }, defaultClass: "_1rsrm2f36g" }, alwaysVisibleLabelBackgroundHover: { conditions: { base: "_1rsrm2f36m", hover: "_1rsrm2f36n", active: "_1rsrm2f36o", selection: "_1rsrm2f36p", focused: "_1rsrm2f36q", focusedVisible: "_1rsrm2f36r" }, defaultClass: "_1rsrm2f36m" }, selectedDropdownItemText: { conditions: { base: "_1rsrm2f36s", hover: "_1rsrm2f36t", active: "_1rsrm2f36u", selection: "_1rsrm2f36v", focused: "_1rsrm2f36w", focusedVisible: "_1rsrm2f36x" }, defaultClass: "_1rsrm2f36s" }, useConnectedBackgroundBase: { conditions: { base: "_1rsrm2f36y", hover: "_1rsrm2f36z", active: "_1rsrm2f370", selection: "_1rsrm2f371", focused: "_1rsrm2f372", focusedVisible: "_1rsrm2f373" }, defaultClass: "_1rsrm2f36y" }, useConnectedBackgroundHover: { conditions: { base: "_1rsrm2f374", hover: "_1rsrm2f375", active: "_1rsrm2f376", selection: "_1rsrm2f377", focused: "_1rsrm2f378", focusedVisible: "_1rsrm2f379" }, defaultClass: "_1rsrm2f374" }, copyButtonBackgroundBase: { conditions: { base: "_1rsrm2f37a", hover: "_1rsrm2f37b", active: "_1rsrm2f37c", selection: "_1rsrm2f37d", focused: "_1rsrm2f37e", focusedVisible: "_1rsrm2f37f" }, defaultClass: "_1rsrm2f37a" }, copyButtonBackgroundHover: { conditions: { base: "_1rsrm2f37g", hover: "_1rsrm2f37h", active: "_1rsrm2f37i", selection: "_1rsrm2f37j", focused: "_1rsrm2f37k", focusedVisible: "_1rsrm2f37l" }, defaultClass: "_1rsrm2f37g" }, copyButtonBackgroundActive: { conditions: { base: "_1rsrm2f37m", hover: "_1rsrm2f37n", active: "_1rsrm2f37o", selection: "_1rsrm2f37p", focused: "_1rsrm2f37q", focusedVisible: "_1rsrm2f37r" }, defaultClass: "_1rsrm2f37m" }, copyButtonBorderBase: { conditions: { base: "_1rsrm2f37s", hover: "_1rsrm2f37t", active: "_1rsrm2f37u", selection: "_1rsrm2f37v", focused: "_1rsrm2f37w", focusedVisible: "_1rsrm2f37x" }, defaultClass: "_1rsrm2f37s" }, copyButtonBorderHover: { conditions: { base: "_1rsrm2f37y", hover: "_1rsrm2f37z", active: "_1rsrm2f380", selection: "_1rsrm2f381", focused: "_1rsrm2f382", focusedVisible: "_1rsrm2f383" }, defaultClass: "_1rsrm2f37y" }, funFeatureListBackgroundBase: { conditions: { base: "_1rsrm2f384", hover: "_1rsrm2f385", active: "_1rsrm2f386", selection: "_1rsrm2f387", focused: "_1rsrm2f388", focusedVisible: "_1rsrm2f389" }, defaultClass: "_1rsrm2f384" }, funFeatureListBackgroundHover: { conditions: { base: "_1rsrm2f38a", hover: "_1rsrm2f38b", active: "_1rsrm2f38c", selection: "_1rsrm2f38d", focused: "_1rsrm2f38e", focusedVisible: "_1rsrm2f38f" }, defaultClass: "_1rsrm2f38a" }, funFeatureListBorderColor: { conditions: { base: "_1rsrm2f38g", hover: "_1rsrm2f38h", active: "_1rsrm2f38i", selection: "_1rsrm2f38j", focused: "_1rsrm2f38k", focusedVisible: "_1rsrm2f38l" }, defaultClass: "_1rsrm2f38g" }, funFeatureListBorderColorHover: { conditions: { base: "_1rsrm2f38m", hover: "_1rsrm2f38n", active: "_1rsrm2f38o", selection: "_1rsrm2f38p", focused: "_1rsrm2f38q", focusedVisible: "_1rsrm2f38r" }, defaultClass: "_1rsrm2f38m" }, spinnerBackground: { conditions: { base: "_1rsrm2f38s", hover: "_1rsrm2f38t", active: "_1rsrm2f38u", selection: "_1rsrm2f38v", focused: "_1rsrm2f38w", focusedVisible: "_1rsrm2f38x" }, defaultClass: "_1rsrm2f38s" }, spinnerIndicator: { conditions: { base: "_1rsrm2f38y", hover: "_1rsrm2f38z", active: "_1rsrm2f390", selection: "_1rsrm2f391", focused: "_1rsrm2f392", focusedVisible: "_1rsrm2f393" }, defaultClass: "_1rsrm2f38y" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f394", hover: "_1rsrm2f395", active: "_1rsrm2f396", selection: "_1rsrm2f397", focused: "_1rsrm2f398", focusedVisible: "_1rsrm2f399" }, defaultClass: "_1rsrm2f394" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f39a", hover: "_1rsrm2f39b", active: "_1rsrm2f39c", selection: "_1rsrm2f39d", focused: "_1rsrm2f39e", focusedVisible: "_1rsrm2f39f" }, defaultClass: "_1rsrm2f39a" }, txSummaryBoxBackground: { conditions: { base: "_1rsrm2f39g", hover: "_1rsrm2f39h", active: "_1rsrm2f39i", selection: "_1rsrm2f39j", focused: "_1rsrm2f39k", focusedVisible: "_1rsrm2f39l" }, defaultClass: "_1rsrm2f39g" }, txSummaryBoxBorder: { conditions: { base: "_1rsrm2f39m", hover: "_1rsrm2f39n", active: "_1rsrm2f39o", selection: "_1rsrm2f39p", focused: "_1rsrm2f39q", focusedVisible: "_1rsrm2f39r" }, defaultClass: "_1rsrm2f39m" }, counterRingColor: { conditions: { base: "_1rsrm2f39s", hover: "_1rsrm2f39t", active: "_1rsrm2f39u", selection: "_1rsrm2f39v", focused: "_1rsrm2f39w", focusedVisible: "_1rsrm2f39x" }, defaultClass: "_1rsrm2f39s" }, cryptoCashToggleContainerBorderColor: { conditions: { base: "_1rsrm2f39y", hover: "_1rsrm2f39z", active: "_1rsrm2f3a0", selection: "_1rsrm2f3a1", focused: "_1rsrm2f3a2", focusedVisible: "_1rsrm2f3a3" }, defaultClass: "_1rsrm2f39y" }, cryptoCashToggleBackground: { conditions: { base: "_1rsrm2f3a4", hover: "_1rsrm2f3a5", active: "_1rsrm2f3a6", selection: "_1rsrm2f3a7", focused: "_1rsrm2f3a8", focusedVisible: "_1rsrm2f3a9" }, defaultClass: "_1rsrm2f3a4" }, withdrawalYouWillReceiveLabel: { conditions: { base: "_1rsrm2f3aa", hover: "_1rsrm2f3ab", active: "_1rsrm2f3ac", selection: "_1rsrm2f3ad", focused: "_1rsrm2f3ae", focusedVisible: "_1rsrm2f3af" }, defaultClass: "_1rsrm2f3aa" }, withdrawalYouWillReceiveValueCrypto: { conditions: { base: "_1rsrm2f3ag", hover: "_1rsrm2f3ah", active: "_1rsrm2f3ai", selection: "_1rsrm2f3aj", focused: "_1rsrm2f3ak", focusedVisible: "_1rsrm2f3al" }, defaultClass: "_1rsrm2f3ag" }, withdrawalYouWillReceiveValueUsd: { conditions: { base: "_1rsrm2f3am", hover: "_1rsrm2f3an", active: "_1rsrm2f3ao", selection: "_1rsrm2f3ap", focused: "_1rsrm2f3aq", focusedVisible: "_1rsrm2f3ar" }, defaultClass: "_1rsrm2f3am" } } } } }, { conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 }, styles: { alignItems: { values: { "flex-start": { conditions: { smallScreen: "_1rsrm2f0", largeScreen: "_1rsrm2f1" }, defaultClass: "_1rsrm2f0" }, "flex-end": { conditions: { smallScreen: "_1rsrm2f2", largeScreen: "_1rsrm2f3" }, defaultClass: "_1rsrm2f2" }, center: { conditions: { smallScreen: "_1rsrm2f4", largeScreen: "_1rsrm2f5" }, defaultClass: "_1rsrm2f4" } } }, display: { values: { none: { conditions: { smallScreen: "_1rsrm2f6", largeScreen: "_1rsrm2f7" }, defaultClass: "_1rsrm2f6" }, block: { conditions: { smallScreen: "_1rsrm2f8", largeScreen: "_1rsrm2f9" }, defaultClass: "_1rsrm2f8" }, flex: { conditions: { smallScreen: "_1rsrm2fa", largeScreen: "_1rsrm2fb" }, defaultClass: "_1rsrm2fa" }, inline: { conditions: { smallScreen: "_1rsrm2fc", largeScreen: "_1rsrm2fd" }, defaultClass: "_1rsrm2fc" } } } } }, { conditions: void 0, styles: { margin: { mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, alignSelf: { values: { "flex-start": { defaultClass: "_1rsrm2fe" }, "flex-end": { defaultClass: "_1rsrm2ff" }, center: { defaultClass: "_1rsrm2fg" } } }, backgroundSize: { values: { cover: { defaultClass: "_1rsrm2fh" } } }, borderRadius: { values: { "1": { defaultClass: "_1rsrm2fi" }, "4": { defaultClass: "_1rsrm2fj" }, "6": { defaultClass: "_1rsrm2fk" }, "8": { defaultClass: "_1rsrm2fl" }, "10": { defaultClass: "_1rsrm2fm" }, "11": { defaultClass: "_1rsrm2fn" }, "13": { defaultClass: "_1rsrm2fo" }, "16": { defaultClass: "_1rsrm2fp" }, "24": { defaultClass: "_1rsrm2fq" }, "30": { defaultClass: "_1rsrm2fr" }, actionButton: { defaultClass: "_1rsrm2fs" }, actionButtonInner: { defaultClass: "_1rsrm2ft" }, connectButton: { defaultClass: "_1rsrm2fu" }, menuButton: { defaultClass: "_1rsrm2fv" }, modal: { defaultClass: "_1rsrm2fw" }, modalMobile: { defaultClass: "_1rsrm2fx" }, modalActionButton: { defaultClass: "_1rsrm2fy" }, modalActionButtonMobile: { defaultClass: "_1rsrm2fz" }, summaryBox: { defaultClass: "_1rsrm2f10" }, youPayYouReceive: { defaultClass: "_1rsrm2f11" }, inputAmountSwitcher: { defaultClass: "_1rsrm2f12" }, qrCode: { defaultClass: "_1rsrm2f13" }, skeleton: { defaultClass: "_1rsrm2f14" }, tooltip: { defaultClass: "_1rsrm2f15" }, dropdown: { defaultClass: "_1rsrm2f16" }, dropdownItem: { defaultClass: "_1rsrm2f17" }, dropdownList: { defaultClass: "_1rsrm2f18" }, modalTopbarIcon: { defaultClass: "_1rsrm2f19" }, withdrawalInput: { defaultClass: "_1rsrm2f1a" }, useConnected: { defaultClass: "_1rsrm2f1b" }, full: { defaultClass: "_1rsrm2f1c" }, badge: { defaultClass: "_1rsrm2f1d" }, smallBadge: { defaultClass: "_1rsrm2f1e" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1f" }, dotted: { defaultClass: "_1rsrm2f1g" }, hidden: { defaultClass: "_1rsrm2f1h" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1i" }, "1": { defaultClass: "_1rsrm2f1j" }, "2": { defaultClass: "_1rsrm2f1k" }, "3": { defaultClass: "_1rsrm2f1l" }, "4": { defaultClass: "_1rsrm2f1m" }, activeOptionBorderWidth: { defaultClass: "_1rsrm2f1n" }, buttonTertiaryBorderWidth: { defaultClass: "_1rsrm2f1o" }, cryptoCashToggleContainerBorderWidth: { defaultClass: "_1rsrm2f1p" }, cryptoCashToggleActiveTabBorderWidth: { defaultClass: "_1rsrm2f1q" }, cryptoCashToggleInactiveTabBorderWidth: { defaultClass: "_1rsrm2f1r" }, txSummaryBoxBorderWidth: { defaultClass: "_1rsrm2f1s" }, "0.5": { defaultClass: "_1rsrm2f1t" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1u" }, pointer: { defaultClass: "_1rsrm2f1v" }, "not-allowed": { defaultClass: "_1rsrm2f1w" }, "default": { defaultClass: "_1rsrm2f1x" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1y" }, column: { defaultClass: "_1rsrm2f1z" } } }, fontFamily: { values: { amountValue: { defaultClass: "_1rsrm2f20" }, body: { defaultClass: "_1rsrm2f21" }, buttonTextPrimary: { defaultClass: "_1rsrm2f22" }, buttonTextSecondary: { defaultClass: "_1rsrm2f23" }, buttonTextTertiary: { defaultClass: "_1rsrm2f24" }, dropdownGroupHeader: { defaultClass: "_1rsrm2f25" }, header: { defaultClass: "_1rsrm2f26" }, inputAmount: { defaultClass: "_1rsrm2f27" }, modalTopbarTitle: { defaultClass: "_1rsrm2f28" }, txStatusDescription: { defaultClass: "_1rsrm2f29" }, txStatusTitle: { defaultClass: "_1rsrm2f2a" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f2b" }, "12": { defaultClass: "_1rsrm2f2c" }, "13": { defaultClass: "_1rsrm2f2d" }, "14": { defaultClass: "_1rsrm2f2e" }, "16": { defaultClass: "_1rsrm2f2f" }, "18": { defaultClass: "_1rsrm2f2g" }, "20": { defaultClass: "_1rsrm2f2h" }, "21": { defaultClass: "_1rsrm2f2i" }, "40": { defaultClass: "_1rsrm2f2j" }, "57": { defaultClass: "_1rsrm2f2k" }, inherit: { defaultClass: "_1rsrm2f2l" }, body: { defaultClass: "_1rsrm2f2m" }, cryptoCashToggle: { defaultClass: "_1rsrm2f2n" }, "header-14": { defaultClass: "_1rsrm2f2o" }, "header-36": { defaultClass: "_1rsrm2f2p" }, buttonTextPrimary: { defaultClass: "_1rsrm2f2q" }, buttonTextSecondary: { defaultClass: "_1rsrm2f2r" }, buttonTextTertiary: { defaultClass: "_1rsrm2f2s" }, dollarValue: { defaultClass: "_1rsrm2f2t" }, dropdownGroupHeader: { defaultClass: "_1rsrm2f2u" }, inputAmount: { defaultClass: "_1rsrm2f2v" }, inputLabel: { defaultClass: "_1rsrm2f2w" }, inputValue: { defaultClass: "_1rsrm2f2x" }, modalTopbarSubtitle: { defaultClass: "_1rsrm2f2y" }, modalTopbarTitle: { defaultClass: "_1rsrm2f2z" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f30" }, paymentMethodItemSubtitle: { defaultClass: "_1rsrm2f31" }, paymentMethodItemTitle: { defaultClass: "_1rsrm2f32" }, selectAssetItemSubtitle: { defaultClass: "_1rsrm2f33" }, selectAssetItemTitle: { defaultClass: "_1rsrm2f34" }, txBreakdown: { defaultClass: "_1rsrm2f35" }, txStatusDescription: { defaultClass: "_1rsrm2f36" }, txStatusTitle: { defaultClass: "_1rsrm2f37" }, txSummaryLabel: { defaultClass: "_1rsrm2f38" }, txSummaryValue: { defaultClass: "_1rsrm2f39" }, withdrawalYouWillReceive: { defaultClass: "_1rsrm2f3a" }, youPayYouReceivePrimaryFontSize: { defaultClass: "_1rsrm2f3b" }, youPayYouReceiveSecondaryFontSize: { defaultClass: "_1rsrm2f3c" }, depositAddressFontSize: { defaultClass: "_1rsrm2f3d" }, funFeatureListItemFontSize: { defaultClass: "_1rsrm2f3e" }, dropdownItemFontSize: { defaultClass: "_1rsrm2f3f" }, sourceListSectionLabelFontSize: { defaultClass: "_1rsrm2f3g" }, formOfPaymentsListSectionLabelFontSize: { defaultClass: "_1rsrm2f3h" }, quickOptionFontSize: { defaultClass: "_1rsrm2f3i" }, useConnectedFontSize: { defaultClass: "_1rsrm2f3j" }, paymentFeeSummaryTooltip: { defaultClass: "_1rsrm2f3k" }, tooltipContent: { defaultClass: "_1rsrm2f3l" } } }, fontWeight: { values: { inherit: { defaultClass: "_1rsrm2f3m" }, regular: { defaultClass: "_1rsrm2f3n" }, medium: { defaultClass: "_1rsrm2f3o" }, semibold: { defaultClass: "_1rsrm2f3p" }, bold: { defaultClass: "_1rsrm2f3q" }, heavy: { defaultClass: "_1rsrm2f3r" }, cryptoCashToggle: { defaultClass: "_1rsrm2f3s" }, dropdownGroupHeader: { defaultClass: "_1rsrm2f3t" }, inputAmount: { defaultClass: "_1rsrm2f3u" }, inputLabel: { defaultClass: "_1rsrm2f3v" }, inputValue: { defaultClass: "_1rsrm2f3w" }, modalTopbarTitle: { defaultClass: "_1rsrm2f3x" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f3y" }, paymentMethodItemSubtitle: { defaultClass: "_1rsrm2f3z" }, paymentMethodItemTitle: { defaultClass: "_1rsrm2f40" }, selectAssetItemSubtitle: { defaultClass: "_1rsrm2f41" }, selectAssetItemTitle: { defaultClass: "_1rsrm2f42" }, sourceListSectionLabelFontWeight: { defaultClass: "_1rsrm2f43" }, txBreakdown: { defaultClass: "_1rsrm2f44" }, txStatusDescription: { defaultClass: "_1rsrm2f45" }, txStatusTitle: { defaultClass: "_1rsrm2f46" }, txSummaryLabel: { defaultClass: "_1rsrm2f47" }, txSummaryValue: { defaultClass: "_1rsrm2f48" }, formOfPaymentsListSectionLabelFontWeight: { defaultClass: "_1rsrm2f49" }, withdrawalYouWillReceiveLabel: { defaultClass: "_1rsrm2f4a" }, withdrawalYouWillReceiveValueCrypto: { defaultClass: "_1rsrm2f4b" }, withdrawalYouWillReceiveValueUsd: { defaultClass: "_1rsrm2f4c" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f4d" }, "1": { defaultClass: "_1rsrm2f4e" }, "2": { defaultClass: "_1rsrm2f4f" }, "3": { defaultClass: "_1rsrm2f4g" }, "4": { defaultClass: "_1rsrm2f4h" }, "5": { defaultClass: "_1rsrm2f4i" }, "6": { defaultClass: "_1rsrm2f4j" }, "7": { defaultClass: "_1rsrm2f4k" }, "8": { defaultClass: "_1rsrm2f4l" }, "9": { defaultClass: "_1rsrm2f4m" }, "10": { defaultClass: "_1rsrm2f4n" }, "11": { defaultClass: "_1rsrm2f4o" }, "12": { defaultClass: "_1rsrm2f4p" }, "13": { defaultClass: "_1rsrm2f4q" }, "14": { defaultClass: "_1rsrm2f4r" }, "15": { defaultClass: "_1rsrm2f4s" }, "16": { defaultClass: "_1rsrm2f4t" }, "18": { defaultClass: "_1rsrm2f4u" }, "20": { defaultClass: "_1rsrm2f4v" }, "22": { defaultClass: "_1rsrm2f4w" }, "24": { defaultClass: "_1rsrm2f4x" }, "28": { defaultClass: "_1rsrm2f4y" }, "30": { defaultClass: "_1rsrm2f4z" }, "32": { defaultClass: "_1rsrm2f50" }, "36": { defaultClass: "_1rsrm2f51" }, "40": { defaultClass: "_1rsrm2f52" }, "44": { defaultClass: "_1rsrm2f53" }, "48": { defaultClass: "_1rsrm2f54" }, "64": { defaultClass: "_1rsrm2f55" }, "-1": { defaultClass: "_1rsrm2f56" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2f57" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2f58" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2f59" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2f5a" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2f5b" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2f5c" }, dropdownItemIconGap: { defaultClass: "_1rsrm2f5d" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2f5e" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2f5f" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2f5g" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2f5h" }, dropdownPaddingX: { defaultClass: "_1rsrm2f5i" }, dropdownPaddingY: { defaultClass: "_1rsrm2f5j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f5k" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2f5l" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f5m" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f5n" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f5o" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f5p" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2f5q" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2f5r" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2f5s" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2f5t" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2f5u" }, selectBrokerageListGap: { defaultClass: "_1rsrm2f5v" }, walletConnectorListGap: { defaultClass: "_1rsrm2f5w" }, txBreakdownMarginY: { defaultClass: "_1rsrm2f5x" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2f5y" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2f5z" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2f60" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2f61" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2f62" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2f63" }, verticalSectionGap: { defaultClass: "_1rsrm2f64" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2f65" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2f66" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2f67" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2f68" }, inputPaddingX: { defaultClass: "_1rsrm2f69" }, inputPaddingY: { defaultClass: "_1rsrm2f6a" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2f6b" }, assetListDefaultGap: { defaultClass: "_1rsrm2f6c" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2f6d" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f6e" }, "2": { defaultClass: "_1rsrm2f6f" }, "4": { defaultClass: "_1rsrm2f6g" }, "8": { defaultClass: "_1rsrm2f6h" }, "10": { defaultClass: "_1rsrm2f6i" }, "11": { defaultClass: "_1rsrm2f6j" }, "12": { defaultClass: "_1rsrm2f6k" }, "13": { defaultClass: "_1rsrm2f6l" }, "14": { defaultClass: "_1rsrm2f6m" }, "15": { defaultClass: "_1rsrm2f6n" }, "16": { defaultClass: "_1rsrm2f6o" }, "18": { defaultClass: "_1rsrm2f6p" }, "20": { defaultClass: "_1rsrm2f6q" }, "24": { defaultClass: "_1rsrm2f6r" }, "28": { defaultClass: "_1rsrm2f6s" }, "30": { defaultClass: "_1rsrm2f6t" }, "32": { defaultClass: "_1rsrm2f6u" }, "34": { defaultClass: "_1rsrm2f6v" }, "36": { defaultClass: "_1rsrm2f6w" }, "40": { defaultClass: "_1rsrm2f6x" }, "44": { defaultClass: "_1rsrm2f6y" }, "48": { defaultClass: "_1rsrm2f6z" }, "50": { defaultClass: "_1rsrm2f70" }, "54": { defaultClass: "_1rsrm2f71" }, "57": { defaultClass: "_1rsrm2f72" }, "60": { defaultClass: "_1rsrm2f73" }, "72": { defaultClass: "_1rsrm2f74" }, "76": { defaultClass: "_1rsrm2f75" }, "93": { defaultClass: "_1rsrm2f76" }, "96": { defaultClass: "_1rsrm2f77" }, "100": { defaultClass: "_1rsrm2f78" }, "108": { defaultClass: "_1rsrm2f79" }, "120": { defaultClass: "_1rsrm2f7a" }, "160": { defaultClass: "_1rsrm2f7b" }, "180": { defaultClass: "_1rsrm2f7c" }, "200": { defaultClass: "_1rsrm2f7d" }, "240": { defaultClass: "_1rsrm2f7e" }, "300": { defaultClass: "_1rsrm2f7f" }, half: { defaultClass: "_1rsrm2f7g" }, full: { defaultClass: "_1rsrm2f7h" }, max: { defaultClass: "_1rsrm2f7i" }, connectExchangeIconSize: { defaultClass: "_1rsrm2f7j" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2f7k" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2f7l" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2f7m" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2f7n" }, inputAmountMinHeight: { defaultClass: "_1rsrm2f7o" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f7p" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2f7q" }, modalTopBarHeight: { defaultClass: "_1rsrm2f7r" }, modalTopbarIconSize: { defaultClass: "_1rsrm2f7s" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2f7t" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2f7u" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2f7v" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2f7w" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2f7x" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2f7y" }, sourceListGap: { defaultClass: "_1rsrm2f7z" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2f80" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2f81" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2f82" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f83" }, "flex-end": { defaultClass: "_1rsrm2f84" }, center: { defaultClass: "_1rsrm2f85" }, "space-between": { defaultClass: "_1rsrm2f86" }, "space-around": { defaultClass: "_1rsrm2f87" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f88" }, center: { defaultClass: "_1rsrm2f89" }, right: { defaultClass: "_1rsrm2f8a" }, inherit: { defaultClass: "_1rsrm2f8b" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f8c" }, "1": { defaultClass: "_1rsrm2f8d" }, "2": { defaultClass: "_1rsrm2f8e" }, "3": { defaultClass: "_1rsrm2f8f" }, "4": { defaultClass: "_1rsrm2f8g" }, "5": { defaultClass: "_1rsrm2f8h" }, "6": { defaultClass: "_1rsrm2f8i" }, "7": { defaultClass: "_1rsrm2f8j" }, "8": { defaultClass: "_1rsrm2f8k" }, "9": { defaultClass: "_1rsrm2f8l" }, "10": { defaultClass: "_1rsrm2f8m" }, "11": { defaultClass: "_1rsrm2f8n" }, "12": { defaultClass: "_1rsrm2f8o" }, "13": { defaultClass: "_1rsrm2f8p" }, "14": { defaultClass: "_1rsrm2f8q" }, "15": { defaultClass: "_1rsrm2f8r" }, "16": { defaultClass: "_1rsrm2f8s" }, "18": { defaultClass: "_1rsrm2f8t" }, "20": { defaultClass: "_1rsrm2f8u" }, "22": { defaultClass: "_1rsrm2f8v" }, "24": { defaultClass: "_1rsrm2f8w" }, "28": { defaultClass: "_1rsrm2f8x" }, "30": { defaultClass: "_1rsrm2f8y" }, "32": { defaultClass: "_1rsrm2f8z" }, "36": { defaultClass: "_1rsrm2f90" }, "40": { defaultClass: "_1rsrm2f91" }, "44": { defaultClass: "_1rsrm2f92" }, "48": { defaultClass: "_1rsrm2f93" }, "64": { defaultClass: "_1rsrm2f94" }, auto: { defaultClass: "_1rsrm2f95" }, "-18": { defaultClass: "_1rsrm2f96" }, "-12": { defaultClass: "_1rsrm2f97" }, "-1": { defaultClass: "_1rsrm2f98" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2f99" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2f9a" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2f9b" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2f9c" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2f9d" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2f9e" }, dropdownItemIconGap: { defaultClass: "_1rsrm2f9f" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2f9g" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2f9h" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2f9i" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2f9j" }, dropdownPaddingX: { defaultClass: "_1rsrm2f9k" }, dropdownPaddingY: { defaultClass: "_1rsrm2f9l" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f9m" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2f9n" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f9o" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f9p" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f9q" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f9r" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2f9s" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2f9t" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2f9u" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2f9v" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2f9w" }, selectBrokerageListGap: { defaultClass: "_1rsrm2f9x" }, walletConnectorListGap: { defaultClass: "_1rsrm2f9y" }, txBreakdownMarginY: { defaultClass: "_1rsrm2f9z" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fa0" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fa1" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fa2" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fa3" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fa4" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fa5" }, verticalSectionGap: { defaultClass: "_1rsrm2fa6" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2fa7" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fa8" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fa9" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2faa" }, inputPaddingX: { defaultClass: "_1rsrm2fab" }, inputPaddingY: { defaultClass: "_1rsrm2fac" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fad" }, assetListDefaultGap: { defaultClass: "_1rsrm2fae" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2faf" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2fag" }, "1": { defaultClass: "_1rsrm2fah" }, "2": { defaultClass: "_1rsrm2fai" }, "3": { defaultClass: "_1rsrm2faj" }, "4": { defaultClass: "_1rsrm2fak" }, "5": { defaultClass: "_1rsrm2fal" }, "6": { defaultClass: "_1rsrm2fam" }, "7": { defaultClass: "_1rsrm2fan" }, "8": { defaultClass: "_1rsrm2fao" }, "9": { defaultClass: "_1rsrm2fap" }, "10": { defaultClass: "_1rsrm2faq" }, "11": { defaultClass: "_1rsrm2far" }, "12": { defaultClass: "_1rsrm2fas" }, "13": { defaultClass: "_1rsrm2fat" }, "14": { defaultClass: "_1rsrm2fau" }, "15": { defaultClass: "_1rsrm2fav" }, "16": { defaultClass: "_1rsrm2faw" }, "18": { defaultClass: "_1rsrm2fax" }, "20": { defaultClass: "_1rsrm2fay" }, "22": { defaultClass: "_1rsrm2faz" }, "24": { defaultClass: "_1rsrm2fb0" }, "28": { defaultClass: "_1rsrm2fb1" }, "30": { defaultClass: "_1rsrm2fb2" }, "32": { defaultClass: "_1rsrm2fb3" }, "36": { defaultClass: "_1rsrm2fb4" }, "40": { defaultClass: "_1rsrm2fb5" }, "44": { defaultClass: "_1rsrm2fb6" }, "48": { defaultClass: "_1rsrm2fb7" }, "64": { defaultClass: "_1rsrm2fb8" }, auto: { defaultClass: "_1rsrm2fb9" }, "-18": { defaultClass: "_1rsrm2fba" }, "-12": { defaultClass: "_1rsrm2fbb" }, "-1": { defaultClass: "_1rsrm2fbc" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fbd" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fbe" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fbf" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fbg" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fbh" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fbi" }, dropdownItemIconGap: { defaultClass: "_1rsrm2fbj" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2fbk" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2fbl" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2fbm" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2fbn" }, dropdownPaddingX: { defaultClass: "_1rsrm2fbo" }, dropdownPaddingY: { defaultClass: "_1rsrm2fbp" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fbq" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fbr" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fbs" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fbt" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fbu" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fbv" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fbw" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fbx" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fby" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fbz" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fc0" }, selectBrokerageListGap: { defaultClass: "_1rsrm2fc1" }, walletConnectorListGap: { defaultClass: "_1rsrm2fc2" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fc3" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fc4" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fc5" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fc6" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fc7" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fc8" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fc9" }, verticalSectionGap: { defaultClass: "_1rsrm2fca" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2fcb" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fcc" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fcd" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fce" }, inputPaddingX: { defaultClass: "_1rsrm2fcf" }, inputPaddingY: { defaultClass: "_1rsrm2fcg" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fch" }, assetListDefaultGap: { defaultClass: "_1rsrm2fci" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2fcj" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2fck" }, "1": { defaultClass: "_1rsrm2fcl" }, "2": { defaultClass: "_1rsrm2fcm" }, "3": { defaultClass: "_1rsrm2fcn" }, "4": { defaultClass: "_1rsrm2fco" }, "5": { defaultClass: "_1rsrm2fcp" }, "6": { defaultClass: "_1rsrm2fcq" }, "7": { defaultClass: "_1rsrm2fcr" }, "8": { defaultClass: "_1rsrm2fcs" }, "9": { defaultClass: "_1rsrm2fct" }, "10": { defaultClass: "_1rsrm2fcu" }, "11": { defaultClass: "_1rsrm2fcv" }, "12": { defaultClass: "_1rsrm2fcw" }, "13": { defaultClass: "_1rsrm2fcx" }, "14": { defaultClass: "_1rsrm2fcy" }, "15": { defaultClass: "_1rsrm2fcz" }, "16": { defaultClass: "_1rsrm2fd0" }, "18": { defaultClass: "_1rsrm2fd1" }, "20": { defaultClass: "_1rsrm2fd2" }, "22": { defaultClass: "_1rsrm2fd3" }, "24": { defaultClass: "_1rsrm2fd4" }, "28": { defaultClass: "_1rsrm2fd5" }, "30": { defaultClass: "_1rsrm2fd6" }, "32": { defaultClass: "_1rsrm2fd7" }, "36": { defaultClass: "_1rsrm2fd8" }, "40": { defaultClass: "_1rsrm2fd9" }, "44": { defaultClass: "_1rsrm2fda" }, "48": { defaultClass: "_1rsrm2fdb" }, "64": { defaultClass: "_1rsrm2fdc" }, auto: { defaultClass: "_1rsrm2fdd" }, "-18": { defaultClass: "_1rsrm2fde" }, "-12": { defaultClass: "_1rsrm2fdf" }, "-1": { defaultClass: "_1rsrm2fdg" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fdh" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fdi" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fdj" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fdk" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fdl" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fdm" }, dropdownItemIconGap: { defaultClass: "_1rsrm2fdn" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2fdo" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2fdp" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2fdq" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2fdr" }, dropdownPaddingX: { defaultClass: "_1rsrm2fds" }, dropdownPaddingY: { defaultClass: "_1rsrm2fdt" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fdu" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fdv" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fdw" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fdx" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fdy" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fdz" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fe0" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fe1" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fe2" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fe3" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fe4" }, selectBrokerageListGap: { defaultClass: "_1rsrm2fe5" }, walletConnectorListGap: { defaultClass: "_1rsrm2fe6" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fe7" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fe8" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fe9" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fea" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2feb" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fec" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fed" }, verticalSectionGap: { defaultClass: "_1rsrm2fee" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2fef" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2feg" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2feh" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fei" }, inputPaddingX: { defaultClass: "_1rsrm2fej" }, inputPaddingY: { defaultClass: "_1rsrm2fek" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fel" }, assetListDefaultGap: { defaultClass: "_1rsrm2fem" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2fen" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2feo" }, "1": { defaultClass: "_1rsrm2fep" }, "2": { defaultClass: "_1rsrm2feq" }, "3": { defaultClass: "_1rsrm2fer" }, "4": { defaultClass: "_1rsrm2fes" }, "5": { defaultClass: "_1rsrm2fet" }, "6": { defaultClass: "_1rsrm2feu" }, "7": { defaultClass: "_1rsrm2fev" }, "8": { defaultClass: "_1rsrm2few" }, "9": { defaultClass: "_1rsrm2fex" }, "10": { defaultClass: "_1rsrm2fey" }, "11": { defaultClass: "_1rsrm2fez" }, "12": { defaultClass: "_1rsrm2ff0" }, "13": { defaultClass: "_1rsrm2ff1" }, "14": { defaultClass: "_1rsrm2ff2" }, "15": { defaultClass: "_1rsrm2ff3" }, "16": { defaultClass: "_1rsrm2ff4" }, "18": { defaultClass: "_1rsrm2ff5" }, "20": { defaultClass: "_1rsrm2ff6" }, "22": { defaultClass: "_1rsrm2ff7" }, "24": { defaultClass: "_1rsrm2ff8" }, "28": { defaultClass: "_1rsrm2ff9" }, "30": { defaultClass: "_1rsrm2ffa" }, "32": { defaultClass: "_1rsrm2ffb" }, "36": { defaultClass: "_1rsrm2ffc" }, "40": { defaultClass: "_1rsrm2ffd" }, "44": { defaultClass: "_1rsrm2ffe" }, "48": { defaultClass: "_1rsrm2fff" }, "64": { defaultClass: "_1rsrm2ffg" }, auto: { defaultClass: "_1rsrm2ffh" }, "-18": { defaultClass: "_1rsrm2ffi" }, "-12": { defaultClass: "_1rsrm2ffj" }, "-1": { defaultClass: "_1rsrm2ffk" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2ffl" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2ffm" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2ffn" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2ffo" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2ffp" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2ffq" }, dropdownItemIconGap: { defaultClass: "_1rsrm2ffr" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2ffs" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2fft" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2ffu" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2ffv" }, dropdownPaddingX: { defaultClass: "_1rsrm2ffw" }, dropdownPaddingY: { defaultClass: "_1rsrm2ffx" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2ffy" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2ffz" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fg0" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fg1" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fg2" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fg3" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fg4" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fg5" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fg6" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fg7" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fg8" }, selectBrokerageListGap: { defaultClass: "_1rsrm2fg9" }, walletConnectorListGap: { defaultClass: "_1rsrm2fga" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fgb" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fgc" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fgd" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fge" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fgf" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fgg" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fgh" }, verticalSectionGap: { defaultClass: "_1rsrm2fgi" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2fgj" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fgk" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fgl" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fgm" }, inputPaddingX: { defaultClass: "_1rsrm2fgn" }, inputPaddingY: { defaultClass: "_1rsrm2fgo" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fgp" }, assetListDefaultGap: { defaultClass: "_1rsrm2fgq" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2fgr" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2fgs" }, "2": { defaultClass: "_1rsrm2fgt" }, "4": { defaultClass: "_1rsrm2fgu" }, "8": { defaultClass: "_1rsrm2fgv" }, "10": { defaultClass: "_1rsrm2fgw" }, "11": { defaultClass: "_1rsrm2fgx" }, "12": { defaultClass: "_1rsrm2fgy" }, "13": { defaultClass: "_1rsrm2fgz" }, "14": { defaultClass: "_1rsrm2fh0" }, "15": { defaultClass: "_1rsrm2fh1" }, "16": { defaultClass: "_1rsrm2fh2" }, "18": { defaultClass: "_1rsrm2fh3" }, "20": { defaultClass: "_1rsrm2fh4" }, "24": { defaultClass: "_1rsrm2fh5" }, "28": { defaultClass: "_1rsrm2fh6" }, "30": { defaultClass: "_1rsrm2fh7" }, "32": { defaultClass: "_1rsrm2fh8" }, "34": { defaultClass: "_1rsrm2fh9" }, "36": { defaultClass: "_1rsrm2fha" }, "40": { defaultClass: "_1rsrm2fhb" }, "44": { defaultClass: "_1rsrm2fhc" }, "48": { defaultClass: "_1rsrm2fhd" }, "50": { defaultClass: "_1rsrm2fhe" }, "54": { defaultClass: "_1rsrm2fhf" }, "57": { defaultClass: "_1rsrm2fhg" }, "60": { defaultClass: "_1rsrm2fhh" }, "72": { defaultClass: "_1rsrm2fhi" }, "76": { defaultClass: "_1rsrm2fhj" }, "93": { defaultClass: "_1rsrm2fhk" }, "96": { defaultClass: "_1rsrm2fhl" }, "100": { defaultClass: "_1rsrm2fhm" }, "108": { defaultClass: "_1rsrm2fhn" }, "120": { defaultClass: "_1rsrm2fho" }, "160": { defaultClass: "_1rsrm2fhp" }, "180": { defaultClass: "_1rsrm2fhq" }, "200": { defaultClass: "_1rsrm2fhr" }, "240": { defaultClass: "_1rsrm2fhs" }, "300": { defaultClass: "_1rsrm2fht" }, half: { defaultClass: "_1rsrm2fhu" }, full: { defaultClass: "_1rsrm2fhv" }, max: { defaultClass: "_1rsrm2fhw" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fhx" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fhy" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fhz" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fi0" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fi1" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fi2" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fi3" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fi4" }, modalTopBarHeight: { defaultClass: "_1rsrm2fi5" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fi6" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fi7" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fi8" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fi9" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fia" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fib" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fic" }, sourceListGap: { defaultClass: "_1rsrm2fid" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fie" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fif" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fig" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2fih" }, "2": { defaultClass: "_1rsrm2fii" }, "4": { defaultClass: "_1rsrm2fij" }, "8": { defaultClass: "_1rsrm2fik" }, "10": { defaultClass: "_1rsrm2fil" }, "11": { defaultClass: "_1rsrm2fim" }, "12": { defaultClass: "_1rsrm2fin" }, "13": { defaultClass: "_1rsrm2fio" }, "14": { defaultClass: "_1rsrm2fip" }, "15": { defaultClass: "_1rsrm2fiq" }, "16": { defaultClass: "_1rsrm2fir" }, "18": { defaultClass: "_1rsrm2fis" }, "20": { defaultClass: "_1rsrm2fit" }, "24": { defaultClass: "_1rsrm2fiu" }, "28": { defaultClass: "_1rsrm2fiv" }, "30": { defaultClass: "_1rsrm2fiw" }, "32": { defaultClass: "_1rsrm2fix" }, "34": { defaultClass: "_1rsrm2fiy" }, "36": { defaultClass: "_1rsrm2fiz" }, "40": { defaultClass: "_1rsrm2fj0" }, "44": { defaultClass: "_1rsrm2fj1" }, "48": { defaultClass: "_1rsrm2fj2" }, "50": { defaultClass: "_1rsrm2fj3" }, "54": { defaultClass: "_1rsrm2fj4" }, "57": { defaultClass: "_1rsrm2fj5" }, "60": { defaultClass: "_1rsrm2fj6" }, "72": { defaultClass: "_1rsrm2fj7" }, "76": { defaultClass: "_1rsrm2fj8" }, "93": { defaultClass: "_1rsrm2fj9" }, "96": { defaultClass: "_1rsrm2fja" }, "100": { defaultClass: "_1rsrm2fjb" }, "108": { defaultClass: "_1rsrm2fjc" }, "120": { defaultClass: "_1rsrm2fjd" }, "160": { defaultClass: "_1rsrm2fje" }, "180": { defaultClass: "_1rsrm2fjf" }, "200": { defaultClass: "_1rsrm2fjg" }, "240": { defaultClass: "_1rsrm2fjh" }, "300": { defaultClass: "_1rsrm2fji" }, half: { defaultClass: "_1rsrm2fjj" }, full: { defaultClass: "_1rsrm2fjk" }, max: { defaultClass: "_1rsrm2fjl" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fjm" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fjn" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fjo" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fjp" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fjq" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fjr" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fjs" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fjt" }, modalTopBarHeight: { defaultClass: "_1rsrm2fju" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fjv" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fjw" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fjx" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fjy" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fjz" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fk0" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fk1" }, sourceListGap: { defaultClass: "_1rsrm2fk2" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fk3" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fk4" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fk5" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2fk6" }, "2": { defaultClass: "_1rsrm2fk7" }, "4": { defaultClass: "_1rsrm2fk8" }, "8": { defaultClass: "_1rsrm2fk9" }, "10": { defaultClass: "_1rsrm2fka" }, "11": { defaultClass: "_1rsrm2fkb" }, "12": { defaultClass: "_1rsrm2fkc" }, "13": { defaultClass: "_1rsrm2fkd" }, "14": { defaultClass: "_1rsrm2fke" }, "15": { defaultClass: "_1rsrm2fkf" }, "16": { defaultClass: "_1rsrm2fkg" }, "18": { defaultClass: "_1rsrm2fkh" }, "20": { defaultClass: "_1rsrm2fki" }, "24": { defaultClass: "_1rsrm2fkj" }, "28": { defaultClass: "_1rsrm2fkk" }, "30": { defaultClass: "_1rsrm2fkl" }, "32": { defaultClass: "_1rsrm2fkm" }, "34": { defaultClass: "_1rsrm2fkn" }, "36": { defaultClass: "_1rsrm2fko" }, "40": { defaultClass: "_1rsrm2fkp" }, "44": { defaultClass: "_1rsrm2fkq" }, "48": { defaultClass: "_1rsrm2fkr" }, "50": { defaultClass: "_1rsrm2fks" }, "54": { defaultClass: "_1rsrm2fkt" }, "57": { defaultClass: "_1rsrm2fku" }, "60": { defaultClass: "_1rsrm2fkv" }, "72": { defaultClass: "_1rsrm2fkw" }, "76": { defaultClass: "_1rsrm2fkx" }, "93": { defaultClass: "_1rsrm2fky" }, "96": { defaultClass: "_1rsrm2fkz" }, "100": { defaultClass: "_1rsrm2fl0" }, "108": { defaultClass: "_1rsrm2fl1" }, "120": { defaultClass: "_1rsrm2fl2" }, "160": { defaultClass: "_1rsrm2fl3" }, "180": { defaultClass: "_1rsrm2fl4" }, "200": { defaultClass: "_1rsrm2fl5" }, "240": { defaultClass: "_1rsrm2fl6" }, "300": { defaultClass: "_1rsrm2fl7" }, half: { defaultClass: "_1rsrm2fl8" }, full: { defaultClass: "_1rsrm2fl9" }, max: { defaultClass: "_1rsrm2fla" }, connectExchangeIconSize: { defaultClass: "_1rsrm2flb" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2flc" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fld" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fle" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2flf" }, inputAmountMinHeight: { defaultClass: "_1rsrm2flg" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2flh" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fli" }, modalTopBarHeight: { defaultClass: "_1rsrm2flj" }, modalTopbarIconSize: { defaultClass: "_1rsrm2flk" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fll" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2flm" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fln" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2flo" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2flp" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2flq" }, sourceListGap: { defaultClass: "_1rsrm2flr" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fls" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2flt" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2flu" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2flv" }, "2": { defaultClass: "_1rsrm2flw" }, "4": { defaultClass: "_1rsrm2flx" }, "8": { defaultClass: "_1rsrm2fly" }, "10": { defaultClass: "_1rsrm2flz" }, "11": { defaultClass: "_1rsrm2fm0" }, "12": { defaultClass: "_1rsrm2fm1" }, "13": { defaultClass: "_1rsrm2fm2" }, "14": { defaultClass: "_1rsrm2fm3" }, "15": { defaultClass: "_1rsrm2fm4" }, "16": { defaultClass: "_1rsrm2fm5" }, "18": { defaultClass: "_1rsrm2fm6" }, "20": { defaultClass: "_1rsrm2fm7" }, "24": { defaultClass: "_1rsrm2fm8" }, "28": { defaultClass: "_1rsrm2fm9" }, "30": { defaultClass: "_1rsrm2fma" }, "32": { defaultClass: "_1rsrm2fmb" }, "34": { defaultClass: "_1rsrm2fmc" }, "36": { defaultClass: "_1rsrm2fmd" }, "40": { defaultClass: "_1rsrm2fme" }, "44": { defaultClass: "_1rsrm2fmf" }, "48": { defaultClass: "_1rsrm2fmg" }, "50": { defaultClass: "_1rsrm2fmh" }, "54": { defaultClass: "_1rsrm2fmi" }, "57": { defaultClass: "_1rsrm2fmj" }, "60": { defaultClass: "_1rsrm2fmk" }, "72": { defaultClass: "_1rsrm2fml" }, "76": { defaultClass: "_1rsrm2fmm" }, "93": { defaultClass: "_1rsrm2fmn" }, "96": { defaultClass: "_1rsrm2fmo" }, "100": { defaultClass: "_1rsrm2fmp" }, "108": { defaultClass: "_1rsrm2fmq" }, "120": { defaultClass: "_1rsrm2fmr" }, "160": { defaultClass: "_1rsrm2fms" }, "180": { defaultClass: "_1rsrm2fmt" }, "200": { defaultClass: "_1rsrm2fmu" }, "240": { defaultClass: "_1rsrm2fmv" }, "300": { defaultClass: "_1rsrm2fmw" }, half: { defaultClass: "_1rsrm2fmx" }, full: { defaultClass: "_1rsrm2fmy" }, max: { defaultClass: "_1rsrm2fmz" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fn0" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fn1" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fn2" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fn3" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fn4" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fn5" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fn6" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fn7" }, modalTopBarHeight: { defaultClass: "_1rsrm2fn8" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fn9" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fna" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fnb" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fnc" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fnd" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fne" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fnf" }, sourceListGap: { defaultClass: "_1rsrm2fng" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fnh" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fni" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fnj" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fnk" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fnl" }, "1": { defaultClass: "_1rsrm2fnm" }, "2": { defaultClass: "_1rsrm2fnn" }, "3": { defaultClass: "_1rsrm2fno" }, "4": { defaultClass: "_1rsrm2fnp" }, "5": { defaultClass: "_1rsrm2fnq" }, "6": { defaultClass: "_1rsrm2fnr" }, "7": { defaultClass: "_1rsrm2fns" }, "8": { defaultClass: "_1rsrm2fnt" }, "9": { defaultClass: "_1rsrm2fnu" }, "10": { defaultClass: "_1rsrm2fnv" }, "11": { defaultClass: "_1rsrm2fnw" }, "12": { defaultClass: "_1rsrm2fnx" }, "13": { defaultClass: "_1rsrm2fny" }, "14": { defaultClass: "_1rsrm2fnz" }, "15": { defaultClass: "_1rsrm2fo0" }, "16": { defaultClass: "_1rsrm2fo1" }, "18": { defaultClass: "_1rsrm2fo2" }, "20": { defaultClass: "_1rsrm2fo3" }, "22": { defaultClass: "_1rsrm2fo4" }, "24": { defaultClass: "_1rsrm2fo5" }, "28": { defaultClass: "_1rsrm2fo6" }, "30": { defaultClass: "_1rsrm2fo7" }, "32": { defaultClass: "_1rsrm2fo8" }, "36": { defaultClass: "_1rsrm2fo9" }, "40": { defaultClass: "_1rsrm2foa" }, "44": { defaultClass: "_1rsrm2fob" }, "48": { defaultClass: "_1rsrm2foc" }, "64": { defaultClass: "_1rsrm2fod" }, "-1": { defaultClass: "_1rsrm2foe" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fof" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fog" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2foh" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2foi" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2foj" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fok" }, dropdownItemIconGap: { defaultClass: "_1rsrm2fol" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2fom" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2fon" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2foo" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2fop" }, dropdownPaddingX: { defaultClass: "_1rsrm2foq" }, dropdownPaddingY: { defaultClass: "_1rsrm2for" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fos" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fot" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fou" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fov" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fow" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fox" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2foy" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2foz" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fp0" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fp1" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fp2" }, selectBrokerageListGap: { defaultClass: "_1rsrm2fp3" }, walletConnectorListGap: { defaultClass: "_1rsrm2fp4" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fp5" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fp6" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fp7" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fp8" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fp9" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fpa" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fpb" }, verticalSectionGap: { defaultClass: "_1rsrm2fpc" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2fpd" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fpe" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fpf" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fpg" }, inputPaddingX: { defaultClass: "_1rsrm2fph" }, inputPaddingY: { defaultClass: "_1rsrm2fpi" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fpj" }, assetListDefaultGap: { defaultClass: "_1rsrm2fpk" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2fpl" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fpm" }, "1": { defaultClass: "_1rsrm2fpn" }, "2": { defaultClass: "_1rsrm2fpo" }, "3": { defaultClass: "_1rsrm2fpp" }, "4": { defaultClass: "_1rsrm2fpq" }, "5": { defaultClass: "_1rsrm2fpr" }, "6": { defaultClass: "_1rsrm2fps" }, "7": { defaultClass: "_1rsrm2fpt" }, "8": { defaultClass: "_1rsrm2fpu" }, "9": { defaultClass: "_1rsrm2fpv" }, "10": { defaultClass: "_1rsrm2fpw" }, "11": { defaultClass: "_1rsrm2fpx" }, "12": { defaultClass: "_1rsrm2fpy" }, "13": { defaultClass: "_1rsrm2fpz" }, "14": { defaultClass: "_1rsrm2fq0" }, "15": { defaultClass: "_1rsrm2fq1" }, "16": { defaultClass: "_1rsrm2fq2" }, "18": { defaultClass: "_1rsrm2fq3" }, "20": { defaultClass: "_1rsrm2fq4" }, "22": { defaultClass: "_1rsrm2fq5" }, "24": { defaultClass: "_1rsrm2fq6" }, "28": { defaultClass: "_1rsrm2fq7" }, "30": { defaultClass: "_1rsrm2fq8" }, "32": { defaultClass: "_1rsrm2fq9" }, "36": { defaultClass: "_1rsrm2fqa" }, "40": { defaultClass: "_1rsrm2fqb" }, "44": { defaultClass: "_1rsrm2fqc" }, "48": { defaultClass: "_1rsrm2fqd" }, "64": { defaultClass: "_1rsrm2fqe" }, "-1": { defaultClass: "_1rsrm2fqf" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fqg" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fqh" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fqi" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fqj" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fqk" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fql" }, dropdownItemIconGap: { defaultClass: "_1rsrm2fqm" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2fqn" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2fqo" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2fqp" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2fqq" }, dropdownPaddingX: { defaultClass: "_1rsrm2fqr" }, dropdownPaddingY: { defaultClass: "_1rsrm2fqs" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fqt" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fqu" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fqv" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fqw" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fqx" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fqy" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fqz" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fr0" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fr1" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fr2" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fr3" }, selectBrokerageListGap: { defaultClass: "_1rsrm2fr4" }, walletConnectorListGap: { defaultClass: "_1rsrm2fr5" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fr6" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fr7" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fr8" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fr9" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fra" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2frb" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2frc" }, verticalSectionGap: { defaultClass: "_1rsrm2frd" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2fre" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2frf" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2frg" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2frh" }, inputPaddingX: { defaultClass: "_1rsrm2fri" }, inputPaddingY: { defaultClass: "_1rsrm2frj" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2frk" }, assetListDefaultGap: { defaultClass: "_1rsrm2frl" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2frm" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2frn" }, "1": { defaultClass: "_1rsrm2fro" }, "2": { defaultClass: "_1rsrm2frp" }, "3": { defaultClass: "_1rsrm2frq" }, "4": { defaultClass: "_1rsrm2frr" }, "5": { defaultClass: "_1rsrm2frs" }, "6": { defaultClass: "_1rsrm2frt" }, "7": { defaultClass: "_1rsrm2fru" }, "8": { defaultClass: "_1rsrm2frv" }, "9": { defaultClass: "_1rsrm2frw" }, "10": { defaultClass: "_1rsrm2frx" }, "11": { defaultClass: "_1rsrm2fry" }, "12": { defaultClass: "_1rsrm2frz" }, "13": { defaultClass: "_1rsrm2fs0" }, "14": { defaultClass: "_1rsrm2fs1" }, "15": { defaultClass: "_1rsrm2fs2" }, "16": { defaultClass: "_1rsrm2fs3" }, "18": { defaultClass: "_1rsrm2fs4" }, "20": { defaultClass: "_1rsrm2fs5" }, "22": { defaultClass: "_1rsrm2fs6" }, "24": { defaultClass: "_1rsrm2fs7" }, "28": { defaultClass: "_1rsrm2fs8" }, "30": { defaultClass: "_1rsrm2fs9" }, "32": { defaultClass: "_1rsrm2fsa" }, "36": { defaultClass: "_1rsrm2fsb" }, "40": { defaultClass: "_1rsrm2fsc" }, "44": { defaultClass: "_1rsrm2fsd" }, "48": { defaultClass: "_1rsrm2fse" }, "64": { defaultClass: "_1rsrm2fsf" }, "-1": { defaultClass: "_1rsrm2fsg" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fsh" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fsi" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fsj" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fsk" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fsl" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fsm" }, dropdownItemIconGap: { defaultClass: "_1rsrm2fsn" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2fso" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2fsp" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2fsq" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2fsr" }, dropdownPaddingX: { defaultClass: "_1rsrm2fss" }, dropdownPaddingY: { defaultClass: "_1rsrm2fst" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fsu" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fsv" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fsw" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fsx" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fsy" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fsz" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2ft0" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2ft1" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2ft2" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2ft3" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2ft4" }, selectBrokerageListGap: { defaultClass: "_1rsrm2ft5" }, walletConnectorListGap: { defaultClass: "_1rsrm2ft6" }, txBreakdownMarginY: { defaultClass: "_1rsrm2ft7" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2ft8" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2ft9" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fta" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2ftb" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2ftc" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2ftd" }, verticalSectionGap: { defaultClass: "_1rsrm2fte" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2ftf" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2ftg" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fth" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fti" }, inputPaddingX: { defaultClass: "_1rsrm2ftj" }, inputPaddingY: { defaultClass: "_1rsrm2ftk" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2ftl" }, assetListDefaultGap: { defaultClass: "_1rsrm2ftm" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2ftn" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fto" }, "1": { defaultClass: "_1rsrm2ftp" }, "2": { defaultClass: "_1rsrm2ftq" }, "3": { defaultClass: "_1rsrm2ftr" }, "4": { defaultClass: "_1rsrm2fts" }, "5": { defaultClass: "_1rsrm2ftt" }, "6": { defaultClass: "_1rsrm2ftu" }, "7": { defaultClass: "_1rsrm2ftv" }, "8": { defaultClass: "_1rsrm2ftw" }, "9": { defaultClass: "_1rsrm2ftx" }, "10": { defaultClass: "_1rsrm2fty" }, "11": { defaultClass: "_1rsrm2ftz" }, "12": { defaultClass: "_1rsrm2fu0" }, "13": { defaultClass: "_1rsrm2fu1" }, "14": { defaultClass: "_1rsrm2fu2" }, "15": { defaultClass: "_1rsrm2fu3" }, "16": { defaultClass: "_1rsrm2fu4" }, "18": { defaultClass: "_1rsrm2fu5" }, "20": { defaultClass: "_1rsrm2fu6" }, "22": { defaultClass: "_1rsrm2fu7" }, "24": { defaultClass: "_1rsrm2fu8" }, "28": { defaultClass: "_1rsrm2fu9" }, "30": { defaultClass: "_1rsrm2fua" }, "32": { defaultClass: "_1rsrm2fub" }, "36": { defaultClass: "_1rsrm2fuc" }, "40": { defaultClass: "_1rsrm2fud" }, "44": { defaultClass: "_1rsrm2fue" }, "48": { defaultClass: "_1rsrm2fuf" }, "64": { defaultClass: "_1rsrm2fug" }, "-1": { defaultClass: "_1rsrm2fuh" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fui" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fuj" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fuk" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2ful" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fum" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fun" }, dropdownItemIconGap: { defaultClass: "_1rsrm2fuo" }, dropdownItemPaddingX: { defaultClass: "_1rsrm2fup" }, dropdownItemPaddingY: { defaultClass: "_1rsrm2fuq" }, dropdownCompactPaddingX: { defaultClass: "_1rsrm2fur" }, dropdownCompactPaddingY: { defaultClass: "_1rsrm2fus" }, dropdownPaddingX: { defaultClass: "_1rsrm2fut" }, dropdownPaddingY: { defaultClass: "_1rsrm2fuu" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fuv" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fuw" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fux" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fuy" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fuz" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fv0" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fv1" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fv2" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fv3" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fv4" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fv5" }, selectBrokerageListGap: { defaultClass: "_1rsrm2fv6" }, walletConnectorListGap: { defaultClass: "_1rsrm2fv7" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fv8" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fv9" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fva" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fvb" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fvc" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fvd" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fve" }, verticalSectionGap: { defaultClass: "_1rsrm2fvf" }, withdrawalModalPaddingTop: { defaultClass: "_1rsrm2fvg" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fvh" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fvi" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fvj" }, inputPaddingX: { defaultClass: "_1rsrm2fvk" }, inputPaddingY: { defaultClass: "_1rsrm2fvl" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fvm" }, assetListDefaultGap: { defaultClass: "_1rsrm2fvn" }, dropdownGroupDividerMarginY: { defaultClass: "_1rsrm2fvo" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fvp" }, fixed: { defaultClass: "_1rsrm2fvq" }, relative: { defaultClass: "_1rsrm2fvr" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fvs" } } }, textTransform: { values: { none: { defaultClass: "_1rsrm2fvt" }, uppercase: { defaultClass: "_1rsrm2fvu" }, lowercase: { defaultClass: "_1rsrm2fvv" }, capitalize: { defaultClass: "_1rsrm2fvw" }, inputAmountQuickOptionButton: { defaultClass: "_1rsrm2fvx" }, txStatusTitle: { defaultClass: "_1rsrm2fvy" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fvz" }, transform: { defaultClass: "_1rsrm2fw0" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fw1" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fw2" }, "2": { defaultClass: "_1rsrm2fw3" }, "4": { defaultClass: "_1rsrm2fw4" }, "8": { defaultClass: "_1rsrm2fw5" }, "10": { defaultClass: "_1rsrm2fw6" }, "11": { defaultClass: "_1rsrm2fw7" }, "12": { defaultClass: "_1rsrm2fw8" }, "13": { defaultClass: "_1rsrm2fw9" }, "14": { defaultClass: "_1rsrm2fwa" }, "15": { defaultClass: "_1rsrm2fwb" }, "16": { defaultClass: "_1rsrm2fwc" }, "18": { defaultClass: "_1rsrm2fwd" }, "20": { defaultClass: "_1rsrm2fwe" }, "24": { defaultClass: "_1rsrm2fwf" }, "28": { defaultClass: "_1rsrm2fwg" }, "30": { defaultClass: "_1rsrm2fwh" }, "32": { defaultClass: "_1rsrm2fwi" }, "34": { defaultClass: "_1rsrm2fwj" }, "36": { defaultClass: "_1rsrm2fwk" }, "40": { defaultClass: "_1rsrm2fwl" }, "44": { defaultClass: "_1rsrm2fwm" }, "48": { defaultClass: "_1rsrm2fwn" }, "50": { defaultClass: "_1rsrm2fwo" }, "54": { defaultClass: "_1rsrm2fwp" }, "57": { defaultClass: "_1rsrm2fwq" }, "60": { defaultClass: "_1rsrm2fwr" }, "72": { defaultClass: "_1rsrm2fws" }, "76": { defaultClass: "_1rsrm2fwt" }, "93": { defaultClass: "_1rsrm2fwu" }, "96": { defaultClass: "_1rsrm2fwv" }, "100": { defaultClass: "_1rsrm2fww" }, "108": { defaultClass: "_1rsrm2fwx" }, "120": { defaultClass: "_1rsrm2fwy" }, "160": { defaultClass: "_1rsrm2fwz" }, "180": { defaultClass: "_1rsrm2fx0" }, "200": { defaultClass: "_1rsrm2fx1" }, "240": { defaultClass: "_1rsrm2fx2" }, "300": { defaultClass: "_1rsrm2fx3" }, half: { defaultClass: "_1rsrm2fx4" }, full: { defaultClass: "_1rsrm2fx5" }, max: { defaultClass: "_1rsrm2fx6" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fx7" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fx8" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fx9" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fxa" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fxb" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fxc" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fxd" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fxe" }, modalTopBarHeight: { defaultClass: "_1rsrm2fxf" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fxg" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fxh" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fxi" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fxj" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fxk" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fxl" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fxm" }, sourceListGap: { defaultClass: "_1rsrm2fxn" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fxo" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fxp" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fxq" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fxr" } } } } });
|
|
53
|
+
var themeVars = { colors: { accentColor: "var(--rk-colors-accentColor)", accentColorForeground: "var(--rk-colors-accentColorForeground)", actionButtonBorder: "var(--rk-colors-actionButtonBorder)", connectButtonBackground: "var(--rk-colors-connectButtonBackground)", connectButtonBackgroundError: "var(--rk-colors-connectButtonBackgroundError)", connectButtonText: "var(--rk-colors-connectButtonText)", connectButtonTextError: "var(--rk-colors-connectButtonTextError)", connectionIndicator: "var(--rk-colors-connectionIndicator)", error: "var(--rk-colors-error)", errorBackground: "var(--rk-colors-errorBackground)", errorBorder: "var(--rk-colors-errorBorder)", generalBorder: "var(--rk-colors-generalBorder)", generalBorderDim: "var(--rk-colors-generalBorderDim)", menuItemBackground: "var(--rk-colors-menuItemBackground)", selectedOptionBorder: "var(--rk-colors-selectedOptionBorder)", focusedOptionBorder: "var(--rk-colors-focusedOptionBorder)", standby: "var(--rk-colors-standby)", success: "var(--rk-colors-success)", delayedStatusIcon: "var(--rk-colors-delayedStatusIcon)", chainIconBorder: "var(--rk-colors-chainIconBorder)", modalBackdrop: "var(--rk-colors-modalBackdrop)", modalBackground: "var(--rk-colors-modalBackground)", modalBackgroundCheckoutComplete: "var(--rk-colors-modalBackgroundCheckoutComplete)", modalBorder: "var(--rk-colors-modalBorder)", offBackground: "var(--rk-colors-offBackground)", offBackgroundInverse: "var(--rk-colors-offBackgroundInverse)", hoverState: "var(--rk-colors-hoverState)", lightStroke: "var(--rk-colors-lightStroke)", mediumStroke: "var(--rk-colors-mediumStroke)", heavyStroke: "var(--rk-colors-heavyStroke)", strokeColor: "var(--rk-colors-strokeColor)", secondaryBackground: "var(--rk-colors-secondaryBackground)", modalTopbarIcon: "var(--rk-colors-modalTopbarIcon)", modalTopbarIconBackground: "var(--rk-colors-modalTopbarIconBackground)", modalTopbarIconBackgroundHover: "var(--rk-colors-modalTopbarIconBackgroundHover)", modalTopbarIconBackgroundPressed: "var(--rk-colors-modalTopbarIconBackgroundPressed)", modalTopbarIconStroke: "var(--rk-colors-modalTopbarIconStroke)", primaryText: "var(--rk-colors-primaryText)", secondaryText: "var(--rk-colors-secondaryText)", tertiaryText: "var(--rk-colors-tertiaryText)", textSelection: "var(--rk-colors-textSelection)", inputLabel: "var(--rk-colors-inputLabel)", inputBackground: "var(--rk-colors-inputBackground)", inputBackgroundHover: "var(--rk-colors-inputBackgroundHover)", inputBorderBase: "var(--rk-colors-inputBorderBase)", inputBorderHover: "var(--rk-colors-inputBorderHover)", activeTabBorderColor: "var(--rk-colors-activeTabBorderColor)", activeTabBackground: "var(--rk-colors-activeTabBackground)", inactiveTabBorderColor: "var(--rk-colors-inactiveTabBorderColor)", inactiveTabBackgroundBase: "var(--rk-colors-inactiveTabBackgroundBase)", inactiveTabBackgroundHover: "var(--rk-colors-inactiveTabBackgroundHover)", inactiveTabBackgroundActive: "var(--rk-colors-inactiveTabBackgroundActive)", activeTabText: "var(--rk-colors-activeTabText)", inactiveTabTextBase: "var(--rk-colors-inactiveTabTextBase)", inactiveTabHover: "var(--rk-colors-inactiveTabHover)", actionColor: "var(--rk-colors-actionColor)", actionColorHover: "var(--rk-colors-actionColorHover)", actionColorDisabled: "var(--rk-colors-actionColorDisabled)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonSuccess: "var(--rk-colors-buttonSuccess)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextHover: "var(--rk-colors-buttonTextHover)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", buttonBackgroundDisabledTertiary: "var(--rk-colors-buttonBackgroundDisabledTertiary)", buttonTextTertiary: "var(--rk-colors-buttonTextTertiary)", buttonTextDisabledTertiary: "var(--rk-colors-buttonTextDisabledTertiary)", buttonBackground: "var(--rk-colors-buttonBackground)", buttonBackgroundHover: "var(--rk-colors-buttonBackgroundHover)", buttonBackgroundPressed: "var(--rk-colors-buttonBackgroundPressed)", buttonBackgroundDisabled: "var(--rk-colors-buttonBackgroundDisabled)", buttonTextSecondaryDisabled: "var(--rk-colors-buttonTextSecondaryDisabled)", buttonTextSecondary: "var(--rk-colors-buttonTextSecondary)", buttonIconBackgroundHover: "var(--rk-colors-buttonIconBackgroundHover)", buttonIconBackgroundPressed: "var(--rk-colors-buttonIconBackgroundPressed)", buttonIconStroke: "var(--rk-colors-buttonIconStroke)", buttonBorderTertiary: "var(--rk-colors-buttonBorderTertiary)", buttonBorderFocusedTertiary: "var(--rk-colors-buttonBorderFocusedTertiary)", buttonFocusedOutline: "var(--rk-colors-buttonFocusedOutline)", buttonBorderGradient: "var(--rk-colors-buttonBorderGradient)", buttonHoverBorderGradient: "var(--rk-colors-buttonHoverBorderGradient)", buttonDisabledBorderGradient: "var(--rk-colors-buttonDisabledBorderGradient)", badgeBackgroundSuccess: "var(--rk-colors-badgeBackgroundSuccess)", badgeBorderSuccess: "var(--rk-colors-badgeBorderSuccess)", badgeTextSuccess: "var(--rk-colors-badgeTextSuccess)", newBadgeBackground: "var(--rk-colors-newBadgeBackground)", newBadgeBorder: "var(--rk-colors-newBadgeBorder)", newBadgeText: "var(--rk-colors-newBadgeText)", approvedBadgeBackground: "var(--rk-colors-approvedBadgeBackground)", approvedBadgeBorder: "var(--rk-colors-approvedBadgeBorder)", approvedBadgeText: "var(--rk-colors-approvedBadgeText)", failedBadgeBackground: "var(--rk-colors-failedBadgeBackground)", failedBadgeBorder: "var(--rk-colors-failedBadgeBorder)", failedBadgeText: "var(--rk-colors-failedBadgeText)", inputAmountQuickOptionBaseBackground: "var(--rk-colors-inputAmountQuickOptionBaseBackground)", inputAmountQuickOptionHoverBackground: "var(--rk-colors-inputAmountQuickOptionHoverBackground)", inputAmountQuickOptionActiveBackground: "var(--rk-colors-inputAmountQuickOptionActiveBackground)", inputAmountQuickOptionDisabledBackground: "var(--rk-colors-inputAmountQuickOptionDisabledBackground)", inputAmountQuickOptionBaseBorder: "var(--rk-colors-inputAmountQuickOptionBaseBorder)", inputAmountQuickOptionHoverBorder: "var(--rk-colors-inputAmountQuickOptionHoverBorder)", inputAmountQuickOptionActiveBorder: "var(--rk-colors-inputAmountQuickOptionActiveBorder)", inputAmountQuickOptionFocusedBorder: "var(--rk-colors-inputAmountQuickOptionFocusedBorder)", inputAmountFiatDecimalsColor: "var(--rk-colors-inputAmountFiatDecimalsColor)", youPayYouReceiveBackground: "var(--rk-colors-youPayYouReceiveBackground)", youPayYouReceiveBorder: "var(--rk-colors-youPayYouReceiveBorder)", youPayYouReceivePrimaryText: "var(--rk-colors-youPayYouReceivePrimaryText)", youPayYouReceiveSecondaryText: "var(--rk-colors-youPayYouReceiveSecondaryText)", announceGradientFrom: "var(--rk-colors-announceGradientFrom)", announceGradientTo: "var(--rk-colors-announceGradientTo)", modalHeaderDivider: "var(--rk-colors-modalHeaderDivider)", modalFooterDivider: "var(--rk-colors-modalFooterDivider)", fiatPendingGradientFrom: "var(--rk-colors-fiatPendingGradientFrom)", fiatPendingGradientTo: "var(--rk-colors-fiatPendingGradientTo)", fiatSuccessBackgroundFill: "var(--rk-colors-fiatSuccessBackgroundFill)", fiatFailedBackgroundFill: "var(--rk-colors-fiatFailedBackgroundFill)", fiatStatusIconBorder: "var(--rk-colors-fiatStatusIconBorder)", fiatAccountIconFill: "var(--rk-colors-fiatAccountIconFill)", fiatAccountGradientFrom: "var(--rk-colors-fiatAccountGradientFrom)", fiatAccountGradientTo: "var(--rk-colors-fiatAccountGradientTo)", optionBoxBackground: "var(--rk-colors-optionBoxBackground)", optionBoxBackgroundUninteractive: "var(--rk-colors-optionBoxBackgroundUninteractive)", optionBoxBorderBase: "var(--rk-colors-optionBoxBorderBase)", optionBoxBorderHover: "var(--rk-colors-optionBoxBorderHover)", optionBoxDefaultModeNotActiveBorderBase: "var(--rk-colors-optionBoxDefaultModeNotActiveBorderBase)", optionBoxDefaultModeNotActiveBorderHover: "var(--rk-colors-optionBoxDefaultModeNotActiveBorderHover)", openDropdownBackgroundColor: "var(--rk-colors-openDropdownBackgroundColor)", dropdownActiveItemBackgroundBase: "var(--rk-colors-dropdownActiveItemBackgroundBase)", dropdownActiveItemBackgroundHover: "var(--rk-colors-dropdownActiveItemBackgroundHover)", dropdownActiveItemBackgroundDisabled: "var(--rk-colors-dropdownActiveItemBackgroundDisabled)", dropdownActiveItemBorderBase: "var(--rk-colors-dropdownActiveItemBorderBase)", dropdownActiveItemBorderHover: "var(--rk-colors-dropdownActiveItemBorderHover)", dropdownGroupHeader: "var(--rk-colors-dropdownGroupHeader)", selectedDropdownItemBackground: "var(--rk-colors-selectedDropdownItemBackground)", alwaysVisibleLabelBackgroundHover: "var(--rk-colors-alwaysVisibleLabelBackgroundHover)", selectedDropdownItemText: "var(--rk-colors-selectedDropdownItemText)", useConnectedBackgroundBase: "var(--rk-colors-useConnectedBackgroundBase)", useConnectedBackgroundHover: "var(--rk-colors-useConnectedBackgroundHover)", copyButtonBackgroundBase: "var(--rk-colors-copyButtonBackgroundBase)", copyButtonBackgroundHover: "var(--rk-colors-copyButtonBackgroundHover)", copyButtonBackgroundActive: "var(--rk-colors-copyButtonBackgroundActive)", copyButtonBorderBase: "var(--rk-colors-copyButtonBorderBase)", copyButtonBorderHover: "var(--rk-colors-copyButtonBorderHover)", funFeatureListBackgroundBase: "var(--rk-colors-funFeatureListBackgroundBase)", funFeatureListBackgroundHover: "var(--rk-colors-funFeatureListBackgroundHover)", funFeatureListBorderColor: "var(--rk-colors-funFeatureListBorderColor)", funFeatureListBorderColorHover: "var(--rk-colors-funFeatureListBorderColorHover)", spinnerBackground: "var(--rk-colors-spinnerBackground)", spinnerIndicator: "var(--rk-colors-spinnerIndicator)", spinnerBackgroundVerifyAccount: "var(--rk-colors-spinnerBackgroundVerifyAccount)", spinnerIndicatorVerifyAccount: "var(--rk-colors-spinnerIndicatorVerifyAccount)", txSummaryBoxBackground: "var(--rk-colors-txSummaryBoxBackground)", txSummaryBoxBorder: "var(--rk-colors-txSummaryBoxBorder)", counterRingColor: "var(--rk-colors-counterRingColor)", cryptoCashToggleContainerBorderColor: "var(--rk-colors-cryptoCashToggleContainerBorderColor)", cryptoCashToggleBackground: "var(--rk-colors-cryptoCashToggleBackground)", withdrawalYouWillReceiveLabel: "var(--rk-colors-withdrawalYouWillReceiveLabel)", withdrawalYouWillReceiveValueCrypto: "var(--rk-colors-withdrawalYouWillReceiveValueCrypto)", withdrawalYouWillReceiveValueUsd: "var(--rk-colors-withdrawalYouWillReceiveValueUsd)" }, dimensions: { connectExchangeIconSize: "var(--rk-dimensions-connectExchangeIconSize)", cryptoCashToggleIconSize: "var(--rk-dimensions-cryptoCashToggleIconSize)", dollarValueSkeletonHeight: "var(--rk-dimensions-dollarValueSkeletonHeight)", dollarValueSkeletonWidth: "var(--rk-dimensions-dollarValueSkeletonWidth)", inputAmountQuickOptionButtonHeight: "var(--rk-dimensions-inputAmountQuickOptionButtonHeight)", inputAmountMinHeight: "var(--rk-dimensions-inputAmountMinHeight)", modalBottomBarButtonHeight: "var(--rk-dimensions-modalBottomBarButtonHeight)", modalBottomBarCloseButtonHeight: "var(--rk-dimensions-modalBottomBarCloseButtonHeight)", modalTopBarHeight: "var(--rk-dimensions-modalTopBarHeight)", modalTopbarIconSize: "var(--rk-dimensions-modalTopbarIconSize)", modalTopbarIconWrapperSize: "var(--rk-dimensions-modalTopbarIconWrapperSize)", paymentAmountSkeletonBlockHeight: "var(--rk-dimensions-paymentAmountSkeletonBlockHeight)", paymentAmountSkeletonBlockWidth: "var(--rk-dimensions-paymentAmountSkeletonBlockWidth)", paymentAmountSkeletonCircleSize: "var(--rk-dimensions-paymentAmountSkeletonCircleSize)", paymentMethodItemIconSize: "var(--rk-dimensions-paymentMethodItemIconSize)", selectAssetItemIconSize: "var(--rk-dimensions-selectAssetItemIconSize)", sourceListGap: "var(--rk-dimensions-sourceListGap)", txBreakdownSkeletonWidth: "var(--rk-dimensions-txBreakdownSkeletonWidth)", txSummaryLineSkeletonHeight: "var(--rk-dimensions-txSummaryLineSkeletonHeight)", txSummaryLineSkeletonWidth: "var(--rk-dimensions-txSummaryLineSkeletonWidth)" }, fonts: { amountValue: "var(--rk-fonts-amountValue)", body: "var(--rk-fonts-body)", buttonTextPrimary: "var(--rk-fonts-buttonTextPrimary)", buttonTextSecondary: "var(--rk-fonts-buttonTextSecondary)", buttonTextTertiary: "var(--rk-fonts-buttonTextTertiary)", dropdownGroupHeader: "var(--rk-fonts-dropdownGroupHeader)", header: "var(--rk-fonts-header)", inputAmount: "var(--rk-fonts-inputAmount)", modalTopbarTitle: "var(--rk-fonts-modalTopbarTitle)", txStatusDescription: "var(--rk-fonts-txStatusDescription)", txStatusTitle: "var(--rk-fonts-txStatusTitle)" }, fontWeight: { regular: "var(--rk-fontWeight-regular)", medium: "var(--rk-fontWeight-medium)", semibold: "var(--rk-fontWeight-semibold)", bold: "var(--rk-fontWeight-bold)", heavy: "var(--rk-fontWeight-heavy)", cryptoCashToggle: "var(--rk-fontWeight-cryptoCashToggle)", dropdownGroupHeader: "var(--rk-fontWeight-dropdownGroupHeader)", inputAmount: "var(--rk-fontWeight-inputAmount)", inputLabel: "var(--rk-fontWeight-inputLabel)", inputValue: "var(--rk-fontWeight-inputValue)", modalTopbarTitle: "var(--rk-fontWeight-modalTopbarTitle)", modalBottomBarButtonText: "var(--rk-fontWeight-modalBottomBarButtonText)", paymentMethodItemSubtitle: "var(--rk-fontWeight-paymentMethodItemSubtitle)", paymentMethodItemTitle: "var(--rk-fontWeight-paymentMethodItemTitle)", selectAssetItemSubtitle: "var(--rk-fontWeight-selectAssetItemSubtitle)", selectAssetItemTitle: "var(--rk-fontWeight-selectAssetItemTitle)", sourceListSectionLabelFontWeight: "var(--rk-fontWeight-sourceListSectionLabelFontWeight)", txBreakdown: "var(--rk-fontWeight-txBreakdown)", txStatusDescription: "var(--rk-fontWeight-txStatusDescription)", txStatusTitle: "var(--rk-fontWeight-txStatusTitle)", txSummaryLabel: "var(--rk-fontWeight-txSummaryLabel)", txSummaryValue: "var(--rk-fontWeight-txSummaryValue)", formOfPaymentsListSectionLabelFontWeight: "var(--rk-fontWeight-formOfPaymentsListSectionLabelFontWeight)", withdrawalYouWillReceiveLabel: "var(--rk-fontWeight-withdrawalYouWillReceiveLabel)", withdrawalYouWillReceiveValueCrypto: "var(--rk-fontWeight-withdrawalYouWillReceiveValueCrypto)", withdrawalYouWillReceiveValueUsd: "var(--rk-fontWeight-withdrawalYouWillReceiveValueUsd)" }, fontSize: { "10": { fontSize: "var(--rk-fontSize-10-fontSize)", lineHeight: "var(--rk-fontSize-10-lineHeight)" }, "12": { fontSize: "var(--rk-fontSize-12-fontSize)", lineHeight: "var(--rk-fontSize-12-lineHeight)" }, "13": { fontSize: "var(--rk-fontSize-13-fontSize)", lineHeight: "var(--rk-fontSize-13-lineHeight)" }, "14": { fontSize: "var(--rk-fontSize-14-fontSize)", lineHeight: "var(--rk-fontSize-14-lineHeight)" }, "16": { fontSize: "var(--rk-fontSize-16-fontSize)", lineHeight: "var(--rk-fontSize-16-lineHeight)" }, "18": { fontSize: "var(--rk-fontSize-18-fontSize)", lineHeight: "var(--rk-fontSize-18-lineHeight)" }, "20": { fontSize: "var(--rk-fontSize-20-fontSize)", lineHeight: "var(--rk-fontSize-20-lineHeight)" }, "21": { fontSize: "var(--rk-fontSize-21-fontSize)", lineHeight: "var(--rk-fontSize-21-lineHeight)" }, "40": { fontSize: "var(--rk-fontSize-40-fontSize)", lineHeight: "var(--rk-fontSize-40-lineHeight)" }, "57": { fontSize: "var(--rk-fontSize-57-fontSize)", lineHeight: "var(--rk-fontSize-57-lineHeight)" }, body: { fontSize: "var(--rk-fontSize-body-fontSize)", lineHeight: "var(--rk-fontSize-body-lineHeight)" }, cryptoCashToggle: { fontSize: "var(--rk-fontSize-cryptoCashToggle-fontSize)", lineHeight: "var(--rk-fontSize-cryptoCashToggle-lineHeight)" }, "header-14": { fontSize: "var(--rk-fontSize-header-14-fontSize)", lineHeight: "var(--rk-fontSize-header-14-lineHeight)" }, "header-36": { fontSize: "var(--rk-fontSize-header-36-fontSize)", lineHeight: "var(--rk-fontSize-header-36-lineHeight)" }, buttonTextPrimary: { fontSize: "var(--rk-fontSize-buttonTextPrimary-fontSize)", lineHeight: "var(--rk-fontSize-buttonTextPrimary-lineHeight)" }, buttonTextSecondary: { fontSize: "var(--rk-fontSize-buttonTextSecondary-fontSize)", lineHeight: "var(--rk-fontSize-buttonTextSecondary-lineHeight)" }, buttonTextTertiary: { fontSize: "var(--rk-fontSize-buttonTextTertiary-fontSize)", lineHeight: "var(--rk-fontSize-buttonTextTertiary-lineHeight)" }, dollarValue: { fontSize: "var(--rk-fontSize-dollarValue-fontSize)", lineHeight: "var(--rk-fontSize-dollarValue-lineHeight)" }, dropdownGroupHeader: { fontSize: "var(--rk-fontSize-dropdownGroupHeader-fontSize)", lineHeight: "var(--rk-fontSize-dropdownGroupHeader-lineHeight)" }, inputAmount: { fontSize: "var(--rk-fontSize-inputAmount-fontSize)", lineHeight: "var(--rk-fontSize-inputAmount-lineHeight)" }, inputLabel: { fontSize: "var(--rk-fontSize-inputLabel-fontSize)", lineHeight: "var(--rk-fontSize-inputLabel-lineHeight)" }, inputValue: { fontSize: "var(--rk-fontSize-inputValue-fontSize)", lineHeight: "var(--rk-fontSize-inputValue-lineHeight)" }, modalTopbarSubtitle: { fontSize: "var(--rk-fontSize-modalTopbarSubtitle-fontSize)", lineHeight: "var(--rk-fontSize-modalTopbarSubtitle-lineHeight)" }, modalTopbarTitle: { fontSize: "var(--rk-fontSize-modalTopbarTitle-fontSize)", lineHeight: "var(--rk-fontSize-modalTopbarTitle-lineHeight)" }, modalBottomBarButtonText: { fontSize: "var(--rk-fontSize-modalBottomBarButtonText-fontSize)", lineHeight: "var(--rk-fontSize-modalBottomBarButtonText-lineHeight)" }, paymentMethodItemSubtitle: { fontSize: "var(--rk-fontSize-paymentMethodItemSubtitle-fontSize)", lineHeight: "var(--rk-fontSize-paymentMethodItemSubtitle-lineHeight)" }, paymentMethodItemTitle: { fontSize: "var(--rk-fontSize-paymentMethodItemTitle-fontSize)", lineHeight: "var(--rk-fontSize-paymentMethodItemTitle-lineHeight)" }, selectAssetItemSubtitle: { fontSize: "var(--rk-fontSize-selectAssetItemSubtitle-fontSize)", lineHeight: "var(--rk-fontSize-selectAssetItemSubtitle-lineHeight)" }, selectAssetItemTitle: { fontSize: "var(--rk-fontSize-selectAssetItemTitle-fontSize)", lineHeight: "var(--rk-fontSize-selectAssetItemTitle-lineHeight)" }, txBreakdown: { fontSize: "var(--rk-fontSize-txBreakdown-fontSize)", lineHeight: "var(--rk-fontSize-txBreakdown-lineHeight)" }, txStatusDescription: { fontSize: "var(--rk-fontSize-txStatusDescription-fontSize)", lineHeight: "var(--rk-fontSize-txStatusDescription-lineHeight)" }, txStatusTitle: { fontSize: "var(--rk-fontSize-txStatusTitle-fontSize)", lineHeight: "var(--rk-fontSize-txStatusTitle-lineHeight)" }, txSummaryLabel: { fontSize: "var(--rk-fontSize-txSummaryLabel-fontSize)", lineHeight: "var(--rk-fontSize-txSummaryLabel-lineHeight)" }, txSummaryValue: { fontSize: "var(--rk-fontSize-txSummaryValue-fontSize)", lineHeight: "var(--rk-fontSize-txSummaryValue-lineHeight)" }, withdrawalYouWillReceive: { fontSize: "var(--rk-fontSize-withdrawalYouWillReceive-fontSize)", lineHeight: "var(--rk-fontSize-withdrawalYouWillReceive-lineHeight)" }, youPayYouReceivePrimaryFontSize: { fontSize: "var(--rk-fontSize-youPayYouReceivePrimaryFontSize-fontSize)", lineHeight: "var(--rk-fontSize-youPayYouReceivePrimaryFontSize-lineHeight)" }, youPayYouReceiveSecondaryFontSize: { fontSize: "var(--rk-fontSize-youPayYouReceiveSecondaryFontSize-fontSize)", lineHeight: "var(--rk-fontSize-youPayYouReceiveSecondaryFontSize-lineHeight)" }, depositAddressFontSize: { fontSize: "var(--rk-fontSize-depositAddressFontSize-fontSize)", lineHeight: "var(--rk-fontSize-depositAddressFontSize-lineHeight)" }, funFeatureListItemFontSize: { fontSize: "var(--rk-fontSize-funFeatureListItemFontSize-fontSize)", lineHeight: "var(--rk-fontSize-funFeatureListItemFontSize-lineHeight)" }, dropdownItemFontSize: { fontSize: "var(--rk-fontSize-dropdownItemFontSize-fontSize)", lineHeight: "var(--rk-fontSize-dropdownItemFontSize-lineHeight)" }, sourceListSectionLabelFontSize: { fontSize: "var(--rk-fontSize-sourceListSectionLabelFontSize-fontSize)", lineHeight: "var(--rk-fontSize-sourceListSectionLabelFontSize-lineHeight)" }, formOfPaymentsListSectionLabelFontSize: { fontSize: "var(--rk-fontSize-formOfPaymentsListSectionLabelFontSize-fontSize)", lineHeight: "var(--rk-fontSize-formOfPaymentsListSectionLabelFontSize-lineHeight)" }, quickOptionFontSize: { fontSize: "var(--rk-fontSize-quickOptionFontSize-fontSize)", lineHeight: "var(--rk-fontSize-quickOptionFontSize-lineHeight)" }, useConnectedFontSize: { fontSize: "var(--rk-fontSize-useConnectedFontSize-fontSize)", lineHeight: "var(--rk-fontSize-useConnectedFontSize-lineHeight)" }, paymentFeeSummaryTooltip: { fontSize: "var(--rk-fontSize-paymentFeeSummaryTooltip-fontSize)", lineHeight: "var(--rk-fontSize-paymentFeeSummaryTooltip-lineHeight)" }, tooltipContent: { fontSize: "var(--rk-fontSize-tooltipContent-fontSize)", lineHeight: "var(--rk-fontSize-tooltipContent-lineHeight)" } }, radii: { actionButton: "var(--rk-radii-actionButton)", actionButtonInner: "var(--rk-radii-actionButtonInner)", connectButton: "var(--rk-radii-connectButton)", menuButton: "var(--rk-radii-menuButton)", modal: "var(--rk-radii-modal)", modalMobile: "var(--rk-radii-modalMobile)", modalActionButton: "var(--rk-radii-modalActionButton)", modalActionButtonMobile: "var(--rk-radii-modalActionButtonMobile)", summaryBox: "var(--rk-radii-summaryBox)", youPayYouReceive: "var(--rk-radii-youPayYouReceive)", inputAmountSwitcher: "var(--rk-radii-inputAmountSwitcher)", qrCode: "var(--rk-radii-qrCode)", skeleton: "var(--rk-radii-skeleton)", tooltip: "var(--rk-radii-tooltip)", dropdown: "var(--rk-radii-dropdown)", dropdownItem: "var(--rk-radii-dropdownItem)", dropdownList: "var(--rk-radii-dropdownList)", modalTopbarIcon: "var(--rk-radii-modalTopbarIcon)", withdrawalInput: "var(--rk-radii-withdrawalInput)", useConnected: "var(--rk-radii-useConnected)" }, borderWidths: { activeOptionBorderWidth: "var(--rk-borderWidths-activeOptionBorderWidth)", buttonTertiaryBorderWidth: "var(--rk-borderWidths-buttonTertiaryBorderWidth)", cryptoCashToggleContainerBorderWidth: "var(--rk-borderWidths-cryptoCashToggleContainerBorderWidth)", cryptoCashToggleActiveTabBorderWidth: "var(--rk-borderWidths-cryptoCashToggleActiveTabBorderWidth)", cryptoCashToggleInactiveTabBorderWidth: "var(--rk-borderWidths-cryptoCashToggleInactiveTabBorderWidth)", txSummaryBoxBorderWidth: "var(--rk-borderWidths-txSummaryBoxBorderWidth)" }, shadows: { connectButton: "var(--rk-shadows-connectButton)", dialog: "var(--rk-shadows-dialog)", selectedOption: "var(--rk-shadows-selectedOption)", selectedWallet: "var(--rk-shadows-selectedWallet)", dropdown: "var(--rk-shadows-dropdown)", notification: "var(--rk-shadows-notification)", qrCode: "var(--rk-shadows-qrCode)", buttonShadow: "var(--rk-shadows-buttonShadow)", buttonShadowTertiary: "var(--rk-shadows-buttonShadowTertiary)", buttonFocusedShadow: "var(--rk-shadows-buttonFocusedShadow)", buttonFocusedShadowTertiary: "var(--rk-shadows-buttonFocusedShadowTertiary)", buttonHoverShadow: "var(--rk-shadows-buttonHoverShadow)", buttonHoverShadowTertiary: "var(--rk-shadows-buttonHoverShadowTertiary)", buttonDisabledShadow: "var(--rk-shadows-buttonDisabledShadow)", buttonDisabledShadowTertiary: "var(--rk-shadows-buttonDisabledShadowTertiary)", buttonInnerShadow: "var(--rk-shadows-buttonInnerShadow)", buttonInnerShadowTertiary: "var(--rk-shadows-buttonInnerShadowTertiary)", buttonFocusedInnerShadow: "var(--rk-shadows-buttonFocusedInnerShadow)", buttonFocusedInnerShadowTertiary: "var(--rk-shadows-buttonFocusedInnerShadowTertiary)", buttonHoverInnerShadow: "var(--rk-shadows-buttonHoverInnerShadow)", buttonHoverInnerShadowTertiary: "var(--rk-shadows-buttonHoverInnerShadowTertiary)", buttonDisabledInnerShadow: "var(--rk-shadows-buttonDisabledInnerShadow)", buttonDisabledInnerShadowTertiary: "var(--rk-shadows-buttonDisabledInnerShadowTertiary)", selectedDropdownItem: "var(--rk-shadows-selectedDropdownItem)" }, spacing: { confirmationStepMarginTop: "var(--rk-spacing-confirmationStepMarginTop)", confirmationStepVerticalGap: "var(--rk-spacing-confirmationStepVerticalGap)", cryptoCashToggleContainerPadding: "var(--rk-spacing-cryptoCashToggleContainerPadding)", cryptoCashToggleMarginBottom: "var(--rk-spacing-cryptoCashToggleMarginBottom)", cryptoCashToggleMarginTop: "var(--rk-spacing-cryptoCashToggleMarginTop)", cryptoCashToggleTabPaddingY: "var(--rk-spacing-cryptoCashToggleTabPaddingY)", dropdownItemIconGap: "var(--rk-spacing-dropdownItemIconGap)", dropdownItemPaddingX: "var(--rk-spacing-dropdownItemPaddingX)", dropdownItemPaddingY: "var(--rk-spacing-dropdownItemPaddingY)", dropdownCompactPaddingX: "var(--rk-spacing-dropdownCompactPaddingX)", dropdownCompactPaddingY: "var(--rk-spacing-dropdownCompactPaddingY)", dropdownPaddingX: "var(--rk-spacing-dropdownPaddingX)", dropdownPaddingY: "var(--rk-spacing-dropdownPaddingY)", modalBaseHorizontalPadding: "var(--rk-spacing-modalBaseHorizontalPadding)", modalBottomBarButtonPaddingY: "var(--rk-spacing-modalBottomBarButtonPaddingY)", modalBottomHorizontalPadding: "var(--rk-spacing-modalBottomHorizontalPadding)", modalPaddingBottomUpper: "var(--rk-spacing-modalPaddingBottomUpper)", modalPaddingBottomLower: "var(--rk-spacing-modalPaddingBottomLower)", modalTopBarVerticalTextSpacing: "var(--rk-spacing-modalTopBarVerticalTextSpacing)", selectAssetItemPaddingX: "var(--rk-spacing-selectAssetItemPaddingX)", selectAssetItemPaddingY: "var(--rk-spacing-selectAssetItemPaddingY)", selectAssetItemTextGap: "var(--rk-spacing-selectAssetItemTextGap)", selectBrokerageItemPaddingX: "var(--rk-spacing-selectBrokerageItemPaddingX)", selectBrokerageItemPaddingY: "var(--rk-spacing-selectBrokerageItemPaddingY)", selectBrokerageListGap: "var(--rk-spacing-selectBrokerageListGap)", walletConnectorListGap: "var(--rk-spacing-walletConnectorListGap)", txBreakdownMarginY: "var(--rk-spacing-txBreakdownMarginY)", txBreakdownPaddingX: "var(--rk-spacing-txBreakdownPaddingX)", txSummaryBoxPaddingX: "var(--rk-spacing-txSummaryBoxPaddingX)", txSummaryBoxPaddingY: "var(--rk-spacing-txSummaryBoxPaddingY)", txSummaryLineItemPadding: "var(--rk-spacing-txSummaryLineItemPadding)", txSummaryDividerMarginX: "var(--rk-spacing-txSummaryDividerMarginX)", txSummaryDividerMarginY: "var(--rk-spacing-txSummaryDividerMarginY)", verticalSectionGap: "var(--rk-spacing-verticalSectionGap)", withdrawalModalPaddingTop: "var(--rk-spacing-withdrawalModalPaddingTop)", youPayYouReceivePaddingLeft: "var(--rk-spacing-youPayYouReceivePaddingLeft)", youPayYouReceivePaddingRight: "var(--rk-spacing-youPayYouReceivePaddingRight)", youPayYouReceivePaddingY: "var(--rk-spacing-youPayYouReceivePaddingY)", inputPaddingX: "var(--rk-spacing-inputPaddingX)", inputPaddingY: "var(--rk-spacing-inputPaddingY)", dropdownActiveItemRegularSizePaddingY: "var(--rk-spacing-dropdownActiveItemRegularSizePaddingY)", assetListDefaultGap: "var(--rk-spacing-assetListDefaultGap)", dropdownGroupDividerMarginY: "var(--rk-spacing-dropdownGroupDividerMarginY)" }, textTransforms: { inputAmountQuickOptionButton: "var(--rk-textTransforms-inputAmountQuickOptionButton)", txStatusTitle: "var(--rk-textTransforms-txStatusTitle)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)", modalZIndex: "var(--rk-modalZIndex)" };
|
|
53
54
|
|
|
54
55
|
// src/css/atoms.ts
|
|
55
56
|
var atoms = ({ reset, ...rest }) => {
|
|
@@ -451,9 +452,9 @@ import React295, { useEffect as useEffect82, useState as useState85 } from "reac
|
|
|
451
452
|
|
|
452
453
|
// src/css/touchableStyles.css.ts
|
|
453
454
|
var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
|
|
454
|
-
var base2 = "_7rkubb3
|
|
455
|
+
var base2 = "_7rkubb3 _1rsrm2fvr";
|
|
455
456
|
var hover = { grow: "_7rkubb6", growLg: "_7rkubb7" };
|
|
456
|
-
var primaryBase = "_7rkubb5
|
|
457
|
+
var primaryBase = "_7rkubb5 _1rsrm2fvr";
|
|
457
458
|
|
|
458
459
|
// src/css/touchableStyles.ts
|
|
459
460
|
function touchableStyles({ active: active2, hover: hover2 }) {
|
|
@@ -1092,7 +1093,7 @@ var getRemoteImageStyles = (isRemoteImage, isRemoteImageLoaded, src) => {
|
|
|
1092
1093
|
};
|
|
1093
1094
|
|
|
1094
1095
|
// src/components/ConnectButton/ConnectButtonRenderer.tsx
|
|
1095
|
-
import { formatCurrencyAndStringify as
|
|
1096
|
+
import { formatCurrencyAndStringify as formatCurrencyAndStringify15, isMobile as isMobile14, noop as noop9 } from "@funkit/utils";
|
|
1096
1097
|
import React294 from "react";
|
|
1097
1098
|
import { formatUnits as formatUnits6 } from "viem";
|
|
1098
1099
|
|
|
@@ -1161,7 +1162,7 @@ import { arbitrum as arbitrum7, polygon as polygon9 } from "viem/chains";
|
|
|
1161
1162
|
// src/domains/asset.ts
|
|
1162
1163
|
import {
|
|
1163
1164
|
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12,
|
|
1164
|
-
solanaChain as
|
|
1165
|
+
solanaChain as solanaChain7
|
|
1165
1166
|
} from "@funkit/chains";
|
|
1166
1167
|
import { isTokenAddressEquivalent as isTokenAddressEquivalent6, isTokenEquivalent as isTokenEquivalent9 } from "@funkit/utils";
|
|
1167
1168
|
import { arbitrum as arbitrum6, base as base6, mainnet as mainnet12, optimism as optimism2, polygon as polygon8 } from "viem/chains";
|
|
@@ -1174,8 +1175,8 @@ import {
|
|
|
1174
1175
|
FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS4,
|
|
1175
1176
|
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11,
|
|
1176
1177
|
lightningChain as lightningChain4,
|
|
1177
|
-
solanaChain as
|
|
1178
|
-
tronChain as
|
|
1178
|
+
solanaChain as solanaChain6,
|
|
1179
|
+
tronChain as tronChain5
|
|
1179
1180
|
} from "@funkit/chains";
|
|
1180
1181
|
import { getRelayAssetInfo } from "@funkit/fun-relay";
|
|
1181
1182
|
import {
|
|
@@ -1186,7 +1187,7 @@ import {
|
|
|
1186
1187
|
round as round3
|
|
1187
1188
|
} from "@funkit/utils";
|
|
1188
1189
|
import * as dnum10 from "dnum";
|
|
1189
|
-
import { erc20Abi as erc20Abi6, formatUnits as formatUnits5, isAddress
|
|
1190
|
+
import { erc20Abi as erc20Abi6, formatUnits as formatUnits5, isAddress } from "viem";
|
|
1190
1191
|
|
|
1191
1192
|
// src/consts/customers.ts
|
|
1192
1193
|
import {
|
|
@@ -1336,6 +1337,7 @@ function getCheckoutRecipient({
|
|
|
1336
1337
|
}
|
|
1337
1338
|
|
|
1338
1339
|
// src/domains/paymentMethods.ts
|
|
1340
|
+
import { PaymentMethod } from "@funkit/connect-core";
|
|
1339
1341
|
import { exhaustiveCheck, formatAddress } from "@funkit/utils";
|
|
1340
1342
|
|
|
1341
1343
|
// src/consts/bluvo.tsx
|
|
@@ -1637,67 +1639,51 @@ function brokerageOptionKey(option) {
|
|
|
1637
1639
|
}
|
|
1638
1640
|
|
|
1639
1641
|
// src/domains/paymentMethods.ts
|
|
1640
|
-
var PaymentMethod = /* @__PURE__ */ ((PaymentMethod2) => {
|
|
1641
|
-
PaymentMethod2["CARD"] = "card";
|
|
1642
|
-
PaymentMethod2["ACCOUNT_BALANCE"] = "balance";
|
|
1643
|
-
PaymentMethod2["BROKERAGE"] = "brokerage";
|
|
1644
|
-
PaymentMethod2["TOKEN_TRANSFER"] = "token_transfer";
|
|
1645
|
-
PaymentMethod2["BITCOIN_LIGHTNING"] = "bitcoin_lightning";
|
|
1646
|
-
PaymentMethod2["VIRTUAL_BANK"] = "virtual_bank";
|
|
1647
|
-
PaymentMethod2["SWAPPED_CARD"] = "swapped_card";
|
|
1648
|
-
PaymentMethod2["SEPA"] = "sepa";
|
|
1649
|
-
PaymentMethod2["SEPA_INSTANT"] = "sepa_instant";
|
|
1650
|
-
PaymentMethod2["VENMO"] = "venmo";
|
|
1651
|
-
PaymentMethod2["APPLE_PAY"] = "apple_pay";
|
|
1652
|
-
PaymentMethod2["GOOGLE_PAY"] = "google_pay";
|
|
1653
|
-
PaymentMethod2["REVOLUT_PAY"] = "revolut_pay";
|
|
1654
|
-
return PaymentMethod2;
|
|
1655
|
-
})(PaymentMethod || {});
|
|
1656
1642
|
function isConnectablePaymentMethodInfo(value) {
|
|
1657
1643
|
if (typeof value !== "object" || value === null) {
|
|
1658
1644
|
return false;
|
|
1659
1645
|
}
|
|
1660
1646
|
const paymentMethod = value.paymentMethod;
|
|
1661
|
-
return paymentMethod ===
|
|
1647
|
+
return paymentMethod === PaymentMethod.ACCOUNT_BALANCE || paymentMethod === PaymentMethod.BROKERAGE || paymentMethod === PaymentMethod.VIRTUAL_BANK;
|
|
1662
1648
|
}
|
|
1663
1649
|
function createPaymentMethodInfo(params) {
|
|
1664
1650
|
switch (params.paymentMethod) {
|
|
1665
|
-
case
|
|
1651
|
+
case PaymentMethod.CARD:
|
|
1666
1652
|
return {
|
|
1667
|
-
paymentMethod:
|
|
1653
|
+
paymentMethod: PaymentMethod.CARD,
|
|
1668
1654
|
title: params.titleCustomization,
|
|
1669
1655
|
description: ""
|
|
1670
1656
|
};
|
|
1671
|
-
case
|
|
1657
|
+
case PaymentMethod.ACCOUNT_BALANCE:
|
|
1672
1658
|
return {
|
|
1673
|
-
paymentMethod:
|
|
1659
|
+
paymentMethod: PaymentMethod.ACCOUNT_BALANCE,
|
|
1674
1660
|
title: "Your Wallet",
|
|
1675
1661
|
description: formatAddress(params.walletAddress || "")
|
|
1676
1662
|
};
|
|
1677
|
-
case
|
|
1663
|
+
case PaymentMethod.BROKERAGE:
|
|
1678
1664
|
return {
|
|
1679
|
-
paymentMethod:
|
|
1665
|
+
paymentMethod: PaymentMethod.BROKERAGE,
|
|
1680
1666
|
title: getExchangeName(params.exchange),
|
|
1681
1667
|
description: "",
|
|
1682
1668
|
deviceId: params.deviceId,
|
|
1683
1669
|
exchange: params.exchange
|
|
1684
1670
|
};
|
|
1685
|
-
case
|
|
1671
|
+
case PaymentMethod.TOKEN_TRANSFER:
|
|
1686
1672
|
return {
|
|
1687
1673
|
// this is an arbitrary value for Polymarket.
|
|
1688
|
-
paymentMethod:
|
|
1674
|
+
paymentMethod: PaymentMethod.TOKEN_TRANSFER,
|
|
1689
1675
|
title: "QR Code Transfer",
|
|
1690
1676
|
description: ""
|
|
1691
1677
|
};
|
|
1692
|
-
case
|
|
1678
|
+
case PaymentMethod.BITCOIN_LIGHTNING:
|
|
1693
1679
|
return {
|
|
1694
|
-
paymentMethod:
|
|
1680
|
+
paymentMethod: PaymentMethod.BITCOIN_LIGHTNING,
|
|
1695
1681
|
title: "Bitcoin on Cash App",
|
|
1696
1682
|
description: ""
|
|
1697
1683
|
};
|
|
1698
|
-
case
|
|
1684
|
+
case PaymentMethod.VIRTUAL_BANK:
|
|
1699
1685
|
return {
|
|
1700
|
-
paymentMethod:
|
|
1686
|
+
paymentMethod: PaymentMethod.VIRTUAL_BANK,
|
|
1701
1687
|
title: "Fiat Account",
|
|
1702
1688
|
description: "",
|
|
1703
1689
|
matchingFiatAccount: params.matchingFiatAccount,
|
|
@@ -1760,7 +1746,7 @@ function generateClientMetadataForTokenTransfer() {
|
|
|
1760
1746
|
iconSrc: null
|
|
1761
1747
|
},
|
|
1762
1748
|
selectedPaymentMethodInfo: createPaymentMethodInfo({
|
|
1763
|
-
paymentMethod:
|
|
1749
|
+
paymentMethod: PaymentMethod.TOKEN_TRANSFER
|
|
1764
1750
|
})
|
|
1765
1751
|
};
|
|
1766
1752
|
}
|
|
@@ -3156,7 +3142,7 @@ function setFunkitConnectVersion({ version }) {
|
|
|
3156
3142
|
localStorage.setItem(storageKey, version);
|
|
3157
3143
|
}
|
|
3158
3144
|
function getCurrentSdkVersion() {
|
|
3159
|
-
return "9.
|
|
3145
|
+
return "9.19.0";
|
|
3160
3146
|
}
|
|
3161
3147
|
function useFingerprint() {
|
|
3162
3148
|
const fingerprint = useCallback3(() => {
|
|
@@ -3576,10 +3562,10 @@ import { useEffect as useEffect9, useState as useState9 } from "react";
|
|
|
3576
3562
|
|
|
3577
3563
|
// src/hooks/queries/useFops.ts
|
|
3578
3564
|
import {
|
|
3579
|
-
FormOfPaymentType as
|
|
3565
|
+
FormOfPaymentType as FormOfPaymentType2,
|
|
3580
3566
|
getFops
|
|
3581
3567
|
} from "@funkit/api-base";
|
|
3582
|
-
import { solanaChain as
|
|
3568
|
+
import { solanaChain as solanaChain2 } from "@funkit/chains";
|
|
3583
3569
|
import { useQuery as useQuery7 } from "@tanstack/react-query";
|
|
3584
3570
|
import { useMemo as useMemo13 } from "react";
|
|
3585
3571
|
|
|
@@ -3587,26 +3573,13 @@ import { useMemo as useMemo13 } from "react";
|
|
|
3587
3573
|
import {
|
|
3588
3574
|
PaymentGroup
|
|
3589
3575
|
} from "@funkit/api-base";
|
|
3590
|
-
import {
|
|
3591
|
-
|
|
3592
|
-
|
|
3593
|
-
|
|
3594
|
-
|
|
3595
|
-
|
|
3596
|
-
|
|
3597
|
-
}
|
|
3598
|
-
if (currency === "USD") {
|
|
3599
|
-
return 1;
|
|
3600
|
-
}
|
|
3601
|
-
const exchangeRate = currency in currencyExchangeRates ? currencyExchangeRates[currency] : void 0;
|
|
3602
|
-
if (!exchangeRate) {
|
|
3603
|
-
return void 0;
|
|
3604
|
-
}
|
|
3605
|
-
return exchangeRate * (1 + bipsMarkup / 1e4);
|
|
3606
|
-
};
|
|
3607
|
-
|
|
3608
|
-
// src/domains/swapped.ts
|
|
3609
|
-
var FOPS_STALE_TIME = 1e3 * 60 * 60;
|
|
3576
|
+
import { isValidUrl } from "@funkit/utils";
|
|
3577
|
+
import {
|
|
3578
|
+
FOPS_STALE_TIME,
|
|
3579
|
+
getFopsLimit,
|
|
3580
|
+
roundFopsLimit,
|
|
3581
|
+
sortFops
|
|
3582
|
+
} from "@funkit/connect-core";
|
|
3610
3583
|
function validateFops(res, logTag) {
|
|
3611
3584
|
const isValid = (data) => {
|
|
3612
3585
|
if (!data.iconImageUrl || !isValidUrl(data.embeddedFlowUrl) || !PaymentGroup[data.fopType]) {
|
|
@@ -3637,61 +3610,14 @@ function validateFops(res, logTag) {
|
|
|
3637
3610
|
genericFormsOfPayments: validGenericFops
|
|
3638
3611
|
};
|
|
3639
3612
|
}
|
|
3640
|
-
function sortFops(fops, priorityOrder) {
|
|
3641
|
-
return [...fops].sort((a, b) => {
|
|
3642
|
-
const priorityA = priorityOrder.indexOf(a.fopType);
|
|
3643
|
-
const priorityB = priorityOrder.indexOf(b.fopType);
|
|
3644
|
-
const hasA = priorityA !== -1;
|
|
3645
|
-
const hasB = priorityB !== -1;
|
|
3646
|
-
if (hasA && hasB) {
|
|
3647
|
-
return priorityA - priorityB;
|
|
3648
|
-
}
|
|
3649
|
-
if (hasA) {
|
|
3650
|
-
return -1;
|
|
3651
|
-
}
|
|
3652
|
-
if (hasB) {
|
|
3653
|
-
return 1;
|
|
3654
|
-
}
|
|
3655
|
-
const maxA = a.metadata?.checkoutLimit?.maxAmount?.amount ?? 0;
|
|
3656
|
-
const maxB = b.metadata?.checkoutLimit?.maxAmount?.amount ?? 0;
|
|
3657
|
-
return maxB - maxA;
|
|
3658
|
-
});
|
|
3659
|
-
}
|
|
3660
|
-
function roundFopsLimit(value) {
|
|
3661
|
-
if (value >= 1e6) {
|
|
3662
|
-
return Math.floor(value / 1e5) * 1e5;
|
|
3663
|
-
}
|
|
3664
|
-
if (value >= 1e3) {
|
|
3665
|
-
return Math.floor(value / 1e3) * 1e3;
|
|
3666
|
-
}
|
|
3667
|
-
if (value >= 100) {
|
|
3668
|
-
return Math.floor(value / 100) * 100;
|
|
3669
|
-
}
|
|
3670
|
-
if (value >= 10) {
|
|
3671
|
-
return Math.floor(value / 10) * 10;
|
|
3672
|
-
}
|
|
3673
|
-
return Math.floor(value);
|
|
3674
|
-
}
|
|
3675
|
-
function getFopsLimit(fop, exchangeRates, defaultMaxLimit = "$10,000.00") {
|
|
3676
|
-
const checkoutLimit = fop?.metadata?.checkoutLimit;
|
|
3677
|
-
const fiatCurrencyCode = checkoutLimit?.maxAmount?.fiatCurrencyCode;
|
|
3678
|
-
const maxAmount = checkoutLimit?.maxAmount?.amount;
|
|
3679
|
-
const exchangeRate = getExchangeRate(fiatCurrencyCode, exchangeRates, 0);
|
|
3680
|
-
if (!exchangeRate || maxAmount == null) {
|
|
3681
|
-
return defaultMaxLimit;
|
|
3682
|
-
}
|
|
3683
|
-
const maxAmountInUsd = maxAmount / exchangeRate;
|
|
3684
|
-
const roundedMaxAmountInUsd = roundFopsLimit(maxAmountInUsd);
|
|
3685
|
-
return formatCurrencyAndStringify(roundedMaxAmountInUsd);
|
|
3686
|
-
}
|
|
3687
3613
|
|
|
3688
3614
|
// src/hooks/useTokenTransfer.ts
|
|
3689
3615
|
import {
|
|
3690
|
-
bitcoinChain
|
|
3616
|
+
bitcoinChain,
|
|
3691
3617
|
hyperEvmChain,
|
|
3692
3618
|
monadChain,
|
|
3693
|
-
solanaChain
|
|
3694
|
-
tronChain
|
|
3619
|
+
solanaChain,
|
|
3620
|
+
tronChain
|
|
3695
3621
|
} from "@funkit/chains";
|
|
3696
3622
|
import { useMemo as useMemo8 } from "react";
|
|
3697
3623
|
import { arbitrum as arbitrum2, polygon as polygon2 } from "viem/chains";
|
|
@@ -3708,36 +3634,14 @@ var useIsStablecoin = () => {
|
|
|
3708
3634
|
);
|
|
3709
3635
|
};
|
|
3710
3636
|
|
|
3637
|
+
// src/utils/getExchangeRate.ts
|
|
3638
|
+
import { getExchangeRate } from "@funkit/connect-core";
|
|
3639
|
+
|
|
3711
3640
|
// src/utils/transfer.ts
|
|
3712
|
-
import {
|
|
3713
|
-
|
|
3714
|
-
|
|
3715
|
-
|
|
3716
|
-
}
|
|
3717
|
-
if (chainId2 === bitcoinChain.id) {
|
|
3718
|
-
return transferInit?.btcAddrSegwit;
|
|
3719
|
-
}
|
|
3720
|
-
if (chainId2 === tronChain.id) {
|
|
3721
|
-
return transferInit?.tronAddr;
|
|
3722
|
-
}
|
|
3723
|
-
return transferInit?.depositAddr;
|
|
3724
|
-
}
|
|
3725
|
-
var getTransferTokenQrCodeUri = (props) => {
|
|
3726
|
-
const { depositAddress, type } = props;
|
|
3727
|
-
if (type === "ethereum") {
|
|
3728
|
-
return `ethereum:${depositAddress}`;
|
|
3729
|
-
}
|
|
3730
|
-
if (type === "solana") {
|
|
3731
|
-
return `solana:${depositAddress}`;
|
|
3732
|
-
}
|
|
3733
|
-
if (type === "bitcoin") {
|
|
3734
|
-
return `bitcoin:${depositAddress}`;
|
|
3735
|
-
}
|
|
3736
|
-
if (type === "tron") {
|
|
3737
|
-
return depositAddress;
|
|
3738
|
-
}
|
|
3739
|
-
throw new Error(`Invalid transfer token qr code type: ${type}`);
|
|
3740
|
-
};
|
|
3641
|
+
import {
|
|
3642
|
+
getDepositAddressForChain,
|
|
3643
|
+
getTransferTokenQrCodeUri
|
|
3644
|
+
} from "@funkit/connect-core";
|
|
3741
3645
|
|
|
3742
3646
|
// src/hooks/useCheckoutTransferInit.ts
|
|
3743
3647
|
import {
|
|
@@ -4103,13 +4007,13 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
|
|
|
4103
4007
|
const showOriginalRecipient = !enableUniversal && (isUsdceOnPolygon || isUsdcOnPolygon);
|
|
4104
4008
|
const funDepositAddress = selectedChainId !== void 0 ? getDepositAddressForChain(selectedChainId, transferInit) : void 0;
|
|
4105
4009
|
const blockchainType = (() => {
|
|
4106
|
-
if (selectedChainId ===
|
|
4010
|
+
if (selectedChainId === solanaChain.id) {
|
|
4107
4011
|
return "solana";
|
|
4108
4012
|
}
|
|
4109
|
-
if (selectedChainId ===
|
|
4013
|
+
if (selectedChainId === bitcoinChain.id) {
|
|
4110
4014
|
return "bitcoin";
|
|
4111
4015
|
}
|
|
4112
|
-
if (selectedChainId ===
|
|
4016
|
+
if (selectedChainId === tronChain.id) {
|
|
4113
4017
|
return "tron";
|
|
4114
4018
|
}
|
|
4115
4019
|
return "ethereum";
|
|
@@ -4417,130 +4321,23 @@ var FunkitThemeProvider = ({
|
|
|
4417
4321
|
};
|
|
4418
4322
|
|
|
4419
4323
|
// src/utils/address.ts
|
|
4420
|
-
import {
|
|
4421
|
-
|
|
4422
|
-
|
|
4423
|
-
|
|
4424
|
-
|
|
4425
|
-
|
|
4426
|
-
const formattedAddress = formatAddressLastFour(walletAddress);
|
|
4427
|
-
return t("checkout.walletLabelTemplate", {
|
|
4428
|
-
walletLabel: textCustomizations.accountBalance,
|
|
4429
|
-
formattedAddress
|
|
4430
|
-
});
|
|
4431
|
-
}
|
|
4432
|
-
return t("checkout.connectWalletLabelTemplate", {
|
|
4433
|
-
walletLabel: textCustomizations.accountBalance
|
|
4434
|
-
});
|
|
4435
|
-
};
|
|
4436
|
-
var TRON_ADDRESS_REGEX = /^T[1-9A-HJ-NP-Za-km-z]{33}$/;
|
|
4437
|
-
function isTronAddress(address) {
|
|
4438
|
-
return TRON_ADDRESS_REGEX.test(address);
|
|
4439
|
-
}
|
|
4440
|
-
function isWithdrawalAddressSupported(address) {
|
|
4441
|
-
return isAddress(address) || isSolanaAddress(address) || isTronAddress(address);
|
|
4442
|
-
}
|
|
4443
|
-
function isAddressCompatibleWithChain(address, chainId2) {
|
|
4444
|
-
if (chainId2 === solanaChain3.id) {
|
|
4445
|
-
return isSolanaAddress(address);
|
|
4446
|
-
}
|
|
4447
|
-
if (chainId2 === tronChain3.id) {
|
|
4448
|
-
return isTronAddress(address);
|
|
4449
|
-
}
|
|
4450
|
-
return isAddress(address);
|
|
4451
|
-
}
|
|
4452
|
-
var NON_EVM_CHAIN_IDS = /* @__PURE__ */ new Set([
|
|
4453
|
-
solanaChain3.id.toString(),
|
|
4454
|
-
tronChain3.id.toString(),
|
|
4455
|
-
// HyperCore is HyperLiquid's L1 — non-EVM. The EVM L2 (`hyperEvmChain`) is
|
|
4456
|
-
// treated as EVM.
|
|
4457
|
-
hyperCoreChain.id.toString()
|
|
4458
|
-
]);
|
|
4459
|
-
function isEvmChainId(chainId2) {
|
|
4460
|
-
if (NON_EVM_CHAIN_IDS.has(chainId2)) {
|
|
4461
|
-
return false;
|
|
4462
|
-
}
|
|
4463
|
-
const parsed = Number.parseInt(chainId2, 10);
|
|
4464
|
-
return Number.isFinite(parsed) && parsed > 0;
|
|
4465
|
-
}
|
|
4324
|
+
import {
|
|
4325
|
+
getWalletLabel,
|
|
4326
|
+
isAddressCompatibleWithChain,
|
|
4327
|
+
isEvmChainId,
|
|
4328
|
+
isWithdrawalAddressSupported
|
|
4329
|
+
} from "@funkit/connect-core";
|
|
4466
4330
|
|
|
4467
4331
|
// src/utils/swapped.ts
|
|
4468
4332
|
import {
|
|
4469
|
-
|
|
4470
|
-
|
|
4471
|
-
|
|
4472
|
-
|
|
4473
|
-
|
|
4474
|
-
|
|
4475
|
-
|
|
4476
|
-
|
|
4477
|
-
displayName: "Mastercard",
|
|
4478
|
-
iconImageUrl: "https://sdk-cdn.fun.xyz/images/swapped/mastercard.svg"
|
|
4479
|
-
},
|
|
4480
|
-
cartes_bancaires: {
|
|
4481
|
-
displayName: "Cartes Bancaires",
|
|
4482
|
-
iconImageUrl: "https://sdk-cdn.fun.xyz/images/swapped/cartes_bancaires.svg"
|
|
4483
|
-
},
|
|
4484
|
-
jcb: {
|
|
4485
|
-
displayName: "JCB",
|
|
4486
|
-
iconImageUrl: "https://sdk-cdn.fun.xyz/images/swapped/jcb.svg"
|
|
4487
|
-
},
|
|
4488
|
-
unionpay: {
|
|
4489
|
-
displayName: "UnionPay",
|
|
4490
|
-
iconImageUrl: "https://sdk-cdn.fun.xyz/images/swapped/unionpay.svg"
|
|
4491
|
-
}
|
|
4492
|
-
};
|
|
4493
|
-
var FUN_ICON_OVERRIDES = {
|
|
4494
|
-
[FormOfPaymentType2.CARDS]: "https://sdk-cdn.fun.xyz/images/swapped/card-payment.svg",
|
|
4495
|
-
[FormOfPaymentType2.BANK_TRANSFER]: "https://sdk-cdn.fun.xyz/images/swapped/bank-transfer.svg",
|
|
4496
|
-
[FormOfPaymentType2.REVOLUT_PAY]: "https://sdk-cdn.fun.xyz/images/swapped/revolut-pay.svg",
|
|
4497
|
-
[FormOfPaymentType2.APPLE_PAY]: "https://sdk-cdn.fun.xyz/images/swapped/apple-pay.svg",
|
|
4498
|
-
[FormOfPaymentType2.GOOGLE_PAY]: "https://sdk-cdn.fun.xyz/images/swapped/google-pay.svg",
|
|
4499
|
-
[FormOfPaymentType2.PAYPAL]: "https://sdk-cdn.fun.xyz/images/swapped/paypal.svg"
|
|
4500
|
-
};
|
|
4501
|
-
var isSavedFormOfPaymentType = (fop) => "cardBrand" in fop && "cardLastFour" in fop;
|
|
4502
|
-
var getSavedFormOfPaymentDisplayName = (fop) => {
|
|
4503
|
-
const cardBrand = fop.cardBrand.replace(/ /g, "_").toLowerCase();
|
|
4504
|
-
const cardBrandInfo = SWAPPED_CARD_BRANDS[cardBrand];
|
|
4505
|
-
const cardDisplayName = cardBrandInfo?.displayName ?? fop.cardBrand;
|
|
4506
|
-
return `${cardDisplayName} (...${fop.cardLastFour})`;
|
|
4507
|
-
};
|
|
4508
|
-
var getSavedFormOfPaymentIcon = (fop) => {
|
|
4509
|
-
const cardBrand = fop.cardBrand.replace(/ /g, "_").toLowerCase();
|
|
4510
|
-
const cardBrandInfo = SWAPPED_CARD_BRANDS[cardBrand];
|
|
4511
|
-
return cardBrandInfo?.iconImageUrl;
|
|
4512
|
-
};
|
|
4513
|
-
var getSwappedIcon = (fop, isDarkMode) => {
|
|
4514
|
-
const iconUrl = fop.iconImageUrl;
|
|
4515
|
-
const funIcon = FUN_ICON_OVERRIDES[fop.fopType];
|
|
4516
|
-
if (isSavedFormOfPaymentType(fop)) {
|
|
4517
|
-
const savedPaymentIcon = getSavedFormOfPaymentIcon(fop);
|
|
4518
|
-
if (savedPaymentIcon) {
|
|
4519
|
-
return savedPaymentIcon;
|
|
4520
|
-
}
|
|
4521
|
-
}
|
|
4522
|
-
if (funIcon) {
|
|
4523
|
-
return isDarkMode ? funIcon.replace(".svg", "-light.svg") : funIcon;
|
|
4524
|
-
}
|
|
4525
|
-
const swappedIcon = iconUrl.replace("/assets/", "/assets/fun/");
|
|
4526
|
-
return isDarkMode ? swappedIcon.replace(".svg", "light.svg") : swappedIcon;
|
|
4527
|
-
};
|
|
4528
|
-
function getSwappedOrigin(url) {
|
|
4529
|
-
try {
|
|
4530
|
-
const { origin } = new URL(url);
|
|
4531
|
-
return isSwappedOrigin(origin) ? origin : null;
|
|
4532
|
-
} catch {
|
|
4533
|
-
return null;
|
|
4534
|
-
}
|
|
4535
|
-
}
|
|
4536
|
-
function isSwappedOrigin(origin) {
|
|
4537
|
-
try {
|
|
4538
|
-
const { hostname } = new URL(origin);
|
|
4539
|
-
return hostname === "swapped.com" || hostname.endsWith(".swapped.com") || hostname === "swapped.dev" || hostname.endsWith(".swapped.dev");
|
|
4540
|
-
} catch {
|
|
4541
|
-
return false;
|
|
4542
|
-
}
|
|
4543
|
-
}
|
|
4333
|
+
getSavedFormOfPaymentDisplayName,
|
|
4334
|
+
getSavedFormOfPaymentIcon,
|
|
4335
|
+
getSwappedIcon,
|
|
4336
|
+
getSwappedOrigin,
|
|
4337
|
+
isSavedFormOfPaymentType,
|
|
4338
|
+
isSwappedOrigin,
|
|
4339
|
+
SWAPPED_CARD_BRANDS
|
|
4340
|
+
} from "@funkit/connect-core";
|
|
4544
4341
|
function resolveCssValue(value) {
|
|
4545
4342
|
if (typeof value !== "string" || !value.startsWith("var(")) {
|
|
4546
4343
|
return value;
|
|
@@ -4675,7 +4472,7 @@ import {
|
|
|
4675
4472
|
import {
|
|
4676
4473
|
FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS2,
|
|
4677
4474
|
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO,
|
|
4678
|
-
hyperCoreChain
|
|
4475
|
+
hyperCoreChain,
|
|
4679
4476
|
hyperEvmChain as hyperEvmChain2
|
|
4680
4477
|
} from "@funkit/chains";
|
|
4681
4478
|
import { v4 as uuid } from "uuid";
|
|
@@ -4721,7 +4518,7 @@ function getPreferredNetwork(networks, targetChainId) {
|
|
|
4721
4518
|
const networkMap = Object.fromEntries(
|
|
4722
4519
|
validNetworks.map((n) => [n.chainId?.toString(), n])
|
|
4723
4520
|
);
|
|
4724
|
-
const isArbritrumOverride = [
|
|
4521
|
+
const isArbritrumOverride = [hyperCoreChain, hyperEvmChain2].some(
|
|
4725
4522
|
({ id }) => id.toString() === targetChainId
|
|
4726
4523
|
);
|
|
4727
4524
|
if (validNetworks.length === 0) {
|
|
@@ -5072,11 +4869,11 @@ import {
|
|
|
5072
4869
|
} from "@funkit/api-base";
|
|
5073
4870
|
import {
|
|
5074
4871
|
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2,
|
|
5075
|
-
hyperCoreChain as
|
|
4872
|
+
hyperCoreChain as hyperCoreChain2
|
|
5076
4873
|
} from "@funkit/chains";
|
|
5077
4874
|
import { ResourceNotFoundError } from "@funkit/utils";
|
|
5078
4875
|
var findBridgeSupportedChain = (chainId2) => {
|
|
5079
|
-
if (chainId2 ===
|
|
4876
|
+
if (chainId2 === hyperCoreChain2.id.toString()) {
|
|
5080
4877
|
return "arbitrum";
|
|
5081
4878
|
}
|
|
5082
4879
|
const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[chainId2]?.name.toLowerCase();
|
|
@@ -5571,7 +5368,7 @@ function useWalletAssetHoldings(targetChain) {
|
|
|
5571
5368
|
const { isUsable } = isAssetUsableToPayForCheckout({
|
|
5572
5369
|
config,
|
|
5573
5370
|
payerAddress: walletAddress,
|
|
5574
|
-
paymentMethod:
|
|
5371
|
+
paymentMethod: PaymentMethod.ACCOUNT_BALANCE,
|
|
5575
5372
|
targetChainId: targetChain,
|
|
5576
5373
|
targetTokenAddress: config.targetAsset,
|
|
5577
5374
|
assetChainId: asset.pickedChainId,
|
|
@@ -5655,33 +5452,33 @@ var usePaymentSources = (currentPaymentMethodInfo, targetChainId) => {
|
|
|
5655
5452
|
} = usePaymentMethodEnablement();
|
|
5656
5453
|
const isSepaUser = useIsSepaUser();
|
|
5657
5454
|
const currentPaymentMethod = currentPaymentMethodInfo?.paymentMethod;
|
|
5658
|
-
const isCurrentExchange = (exchange) => currentPaymentMethodInfo?.paymentMethod ===
|
|
5455
|
+
const isCurrentExchange = (exchange) => currentPaymentMethodInfo?.paymentMethod === PaymentMethod.BROKERAGE && exchange === currentPaymentMethodInfo.exchange;
|
|
5659
5456
|
const connected = [
|
|
5660
5457
|
// Connected wallet
|
|
5661
|
-
currentPaymentMethod !==
|
|
5458
|
+
currentPaymentMethod !== PaymentMethod.ACCOUNT_BALANCE && // don't duplicate current
|
|
5662
5459
|
isConnected && // If showWalletOnInsufficientBalance is true, show it disabled when balance is insufficient. Otherwise hide it completely.
|
|
5663
5460
|
(showWalletOnInsufficientBalance || hasUsableBalance) ? createPaymentMethodInfo({
|
|
5664
|
-
paymentMethod:
|
|
5461
|
+
paymentMethod: PaymentMethod.ACCOUNT_BALANCE,
|
|
5665
5462
|
walletAddress
|
|
5666
5463
|
}) : null,
|
|
5667
5464
|
// Current payment method
|
|
5668
|
-
isSwappedEnabled && currentPaymentMethod ===
|
|
5465
|
+
isSwappedEnabled && currentPaymentMethod === PaymentMethod.VIRTUAL_BANK ? null : currentPaymentMethodInfo,
|
|
5669
5466
|
// Connected brokerages
|
|
5670
5467
|
...isBrokerageEnabled && !isUserGeoblocked ? Object.entries(authorizedConnections).filter(
|
|
5671
5468
|
([exchange]) => !isCurrentExchange(exchange)
|
|
5672
5469
|
// don't duplicate current
|
|
5673
5470
|
).map(
|
|
5674
5471
|
([exchange, accountId]) => createPaymentMethodInfo({
|
|
5675
|
-
paymentMethod:
|
|
5472
|
+
paymentMethod: PaymentMethod.BROKERAGE,
|
|
5676
5473
|
deviceId: accountId,
|
|
5677
5474
|
exchange
|
|
5678
5475
|
})
|
|
5679
5476
|
) : [],
|
|
5680
5477
|
// Existing matching virtual bank account
|
|
5681
|
-
isFiatEnabled && !isUserGeoblocked && currentPaymentMethod !==
|
|
5478
|
+
isFiatEnabled && !isUserGeoblocked && currentPaymentMethod !== PaymentMethod.VIRTUAL_BANK && // don't duplicate current
|
|
5682
5479
|
!isSwappedEnabled && // if Swapped is enabled, hide fiat from Crypto tab
|
|
5683
5480
|
!!allFiatAccounts && !!matchingFiatAccount ? createPaymentMethodInfo({
|
|
5684
|
-
paymentMethod:
|
|
5481
|
+
paymentMethod: PaymentMethod.VIRTUAL_BANK,
|
|
5685
5482
|
matchingFiatAccount,
|
|
5686
5483
|
bridgeCustomer: allFiatAccounts.bridgeCustomer
|
|
5687
5484
|
}) : null
|
|
@@ -5690,14 +5487,14 @@ var usePaymentSources = (currentPaymentMethodInfo, targetChainId) => {
|
|
|
5690
5487
|
const isVisible = (source) => !source.hidden;
|
|
5691
5488
|
const unconnectedSources = [
|
|
5692
5489
|
{
|
|
5693
|
-
method:
|
|
5490
|
+
method: PaymentMethod.TOKEN_TRANSFER,
|
|
5694
5491
|
enabled: isTokenTransferEnabled,
|
|
5695
5492
|
hidden: false,
|
|
5696
5493
|
geoblocked: isUserGeoblocked,
|
|
5697
5494
|
recommended: true
|
|
5698
5495
|
},
|
|
5699
5496
|
{
|
|
5700
|
-
method:
|
|
5497
|
+
method: PaymentMethod.CARD,
|
|
5701
5498
|
enabled: isMeldEnabled,
|
|
5702
5499
|
hidden: isSwappedEnabled,
|
|
5703
5500
|
// if Swapped is enabled, hide fiat methods from Crypto tab
|
|
@@ -5705,7 +5502,7 @@ var usePaymentSources = (currentPaymentMethodInfo, targetChainId) => {
|
|
|
5705
5502
|
recommended: true
|
|
5706
5503
|
},
|
|
5707
5504
|
{
|
|
5708
|
-
method:
|
|
5505
|
+
method: PaymentMethod.VIRTUAL_BANK,
|
|
5709
5506
|
enabled: isFiatEnabled,
|
|
5710
5507
|
hidden: isSwappedEnabled || // if Swapped is enabled, hide fiat methods from Crypto tab
|
|
5711
5508
|
!!matchingFiatAccount || // already has account (shows in Connected instead)
|
|
@@ -5716,7 +5513,7 @@ var usePaymentSources = (currentPaymentMethodInfo, targetChainId) => {
|
|
|
5716
5513
|
recommended: false
|
|
5717
5514
|
},
|
|
5718
5515
|
{
|
|
5719
|
-
method:
|
|
5516
|
+
method: PaymentMethod.ACCOUNT_BALANCE,
|
|
5720
5517
|
enabled: true,
|
|
5721
5518
|
// Hide if there's already an active wallet connection, or if client explicitly specifies to hide it.
|
|
5722
5519
|
hidden: isConnected || !showWalletConnect,
|
|
@@ -5724,14 +5521,14 @@ var usePaymentSources = (currentPaymentMethodInfo, targetChainId) => {
|
|
|
5724
5521
|
recommended: true
|
|
5725
5522
|
},
|
|
5726
5523
|
{
|
|
5727
|
-
method:
|
|
5524
|
+
method: PaymentMethod.BROKERAGE,
|
|
5728
5525
|
enabled: isBrokerageEnabled,
|
|
5729
5526
|
hidden: false,
|
|
5730
5527
|
geoblocked: isUserGeoblocked,
|
|
5731
5528
|
recommended: false
|
|
5732
5529
|
},
|
|
5733
5530
|
{
|
|
5734
|
-
method:
|
|
5531
|
+
method: PaymentMethod.BITCOIN_LIGHTNING,
|
|
5735
5532
|
enabled: isLightningEnabled,
|
|
5736
5533
|
// Hide entirely when the flag is off — we don't want a "Coming Soon"
|
|
5737
5534
|
hidden: !isLightningEnabled,
|
|
@@ -5846,7 +5643,7 @@ var useFops = () => {
|
|
|
5846
5643
|
}
|
|
5847
5644
|
const destinationToken = { chainId: targetChain, address: targetAsset };
|
|
5848
5645
|
const secondaryDestinationToken = {
|
|
5849
|
-
chainId:
|
|
5646
|
+
chainId: solanaChain2.id.toString(),
|
|
5850
5647
|
address: NATIVE_TOKEN
|
|
5851
5648
|
};
|
|
5852
5649
|
const response = await getFops({
|
|
@@ -5908,7 +5705,7 @@ var useFops = () => {
|
|
|
5908
5705
|
var placeholderFops = {
|
|
5909
5706
|
genericFormsOfPayments: [
|
|
5910
5707
|
{
|
|
5911
|
-
fopType:
|
|
5708
|
+
fopType: FormOfPaymentType2.CARDS,
|
|
5912
5709
|
name: "Card",
|
|
5913
5710
|
embeddedFlowUrl: "",
|
|
5914
5711
|
iconImageUrl: "https://widget.swapped.com/assets/payment/creditcard.svg",
|
|
@@ -5926,7 +5723,7 @@ var placeholderFops = {
|
|
|
5926
5723
|
}
|
|
5927
5724
|
},
|
|
5928
5725
|
{
|
|
5929
|
-
fopType:
|
|
5726
|
+
fopType: FormOfPaymentType2.APPLE_PAY,
|
|
5930
5727
|
name: "Apple Pay",
|
|
5931
5728
|
embeddedFlowUrl: "",
|
|
5932
5729
|
iconImageUrl: "https://widget.swapped.com/assets/payment/apple-pay.svg",
|
|
@@ -5944,7 +5741,7 @@ var placeholderFops = {
|
|
|
5944
5741
|
}
|
|
5945
5742
|
},
|
|
5946
5743
|
{
|
|
5947
|
-
fopType:
|
|
5744
|
+
fopType: FormOfPaymentType2.GOOGLE_PAY,
|
|
5948
5745
|
name: "Google Pay",
|
|
5949
5746
|
embeddedFlowUrl: "",
|
|
5950
5747
|
iconImageUrl: "https://widget.swapped.com/assets/payment/google-pay.svg",
|
|
@@ -5962,7 +5759,7 @@ var placeholderFops = {
|
|
|
5962
5759
|
}
|
|
5963
5760
|
},
|
|
5964
5761
|
{
|
|
5965
|
-
fopType:
|
|
5762
|
+
fopType: FormOfPaymentType2.BANK_TRANSFER,
|
|
5966
5763
|
name: "Bank Transfer",
|
|
5967
5764
|
embeddedFlowUrl: "",
|
|
5968
5765
|
iconImageUrl: "https://widget.swapped.com/assets/payment/bank-transfer.svg",
|
|
@@ -6571,112 +6368,14 @@ var getWeb3AccountBalanceMessage = (t) => ({
|
|
|
6571
6368
|
});
|
|
6572
6369
|
|
|
6573
6370
|
// src/utils/directExecution.ts
|
|
6574
|
-
import {
|
|
6575
|
-
|
|
6576
|
-
|
|
6577
|
-
|
|
6578
|
-
|
|
6579
|
-
|
|
6580
|
-
|
|
6581
|
-
|
|
6582
|
-
const updatedAtListenerInfo = directExecution?.listenerInfo?.time || 0;
|
|
6583
|
-
const updatedAtDirectExec = directExecution?.updatedTimeMs || 0;
|
|
6584
|
-
return Math.max(
|
|
6585
|
-
new Date(updatedAtRequestDetails).getTime(),
|
|
6586
|
-
new Date(updatedAtListenerInfo).getTime(),
|
|
6587
|
-
new Date(updatedAtDirectExec).getTime()
|
|
6588
|
-
);
|
|
6589
|
-
}
|
|
6590
|
-
function getDirectExecutionNotificationKey(item) {
|
|
6591
|
-
return item.triggeringTxHash || item.txHash;
|
|
6592
|
-
}
|
|
6593
|
-
function getDirectExecutionRunTimeSeconds(directExecution) {
|
|
6594
|
-
const beginTime = new Date(
|
|
6595
|
-
directExecution?.listenerInfo?.relayExecutionRequestDetails?.createdAt || directExecution.createdTimeMs
|
|
6596
|
-
).getTime();
|
|
6597
|
-
const endTime = getDirectExecutionUpdatedTimeMs(directExecution);
|
|
6598
|
-
if (!beginTime || !endTime) {
|
|
6599
|
-
return 0;
|
|
6600
|
-
}
|
|
6601
|
-
return (endTime - beginTime) / 1e3;
|
|
6602
|
-
}
|
|
6603
|
-
var lzOftChainEnumToChainId = {
|
|
6604
|
-
hyperliquid: hyperEvmChain3.id,
|
|
6605
|
-
ethereal: ETHEREAL_CHAIN_ID
|
|
6606
|
-
};
|
|
6607
|
-
function getLzOftDestinationChain(de) {
|
|
6608
|
-
const lzData = de.listenerInfo?.layerzeroExecutionStatusResponse?.data?.[0];
|
|
6609
|
-
const lzChainEnum = lzData?.pathway?.receiver.chain;
|
|
6610
|
-
return lzChainEnum && lzOftChainEnumToChainId[lzChainEnum]?.toString();
|
|
6611
|
-
}
|
|
6612
|
-
function getCompletionTxInfo(directExecution) {
|
|
6613
|
-
const chainId2 = getLzOftDestinationChain(directExecution) ?? directExecution.toChainId;
|
|
6614
|
-
const listenerInfoTxHashes = directExecution.listenerInfo?.txHashes || [];
|
|
6615
|
-
const defaultTxHash = listenerInfoTxHashes[listenerInfoTxHashes.length - 1] ?? directExecution.toTxId;
|
|
6616
|
-
const lighterHash = directExecution.listenerInfo?.lighterExecutionStatusResponse?.hash;
|
|
6617
|
-
if (lighterHash) {
|
|
6618
|
-
return {
|
|
6619
|
-
chainId: chainId2,
|
|
6620
|
-
txHash: lighterHash,
|
|
6621
|
-
customRedirectUrl: `https://app.lighter.xyz/explorer/logs/${lighterHash}`
|
|
6622
|
-
};
|
|
6623
|
-
}
|
|
6624
|
-
return {
|
|
6625
|
-
chainId: chainId2,
|
|
6626
|
-
txHash: defaultTxHash,
|
|
6627
|
-
customRedirectUrl: void 0
|
|
6628
|
-
};
|
|
6629
|
-
}
|
|
6630
|
-
var GET_CAPABILITIES_TIMEOUT_MS = 2e3;
|
|
6631
|
-
async function getCapabilitiesWithTimeout(wallet, chainId2) {
|
|
6632
|
-
if (!wallet.account) {
|
|
6633
|
-
return null;
|
|
6634
|
-
}
|
|
6635
|
-
let timer;
|
|
6636
|
-
try {
|
|
6637
|
-
return await Promise.race([
|
|
6638
|
-
wallet.getCapabilities({ account: wallet.account, chainId: chainId2 }),
|
|
6639
|
-
new Promise((resolve) => {
|
|
6640
|
-
timer = setTimeout(() => resolve(null), GET_CAPABILITIES_TIMEOUT_MS);
|
|
6641
|
-
})
|
|
6642
|
-
]);
|
|
6643
|
-
} catch {
|
|
6644
|
-
return null;
|
|
6645
|
-
} finally {
|
|
6646
|
-
clearTimeout(timer);
|
|
6647
|
-
}
|
|
6648
|
-
}
|
|
6649
|
-
async function needsOverrideAtomicBatch(wallet, chainId2) {
|
|
6650
|
-
const capabilities = await getCapabilitiesWithTimeout(wallet, chainId2);
|
|
6651
|
-
if (!capabilities) {
|
|
6652
|
-
return true;
|
|
6653
|
-
}
|
|
6654
|
-
return capabilities.atomicBatch?.supported ?? capabilities.atomic?.status === "supported";
|
|
6655
|
-
}
|
|
6656
|
-
async function disableAtomicBatchIfSupported(wallet, chainId2) {
|
|
6657
|
-
const needsOverride = await needsOverrideAtomicBatch(wallet, chainId2);
|
|
6658
|
-
if (!needsOverride) {
|
|
6659
|
-
return wallet;
|
|
6660
|
-
}
|
|
6661
|
-
return new Proxy(wallet, {
|
|
6662
|
-
get(target, prop, receiver) {
|
|
6663
|
-
if (prop === "getCapabilities") {
|
|
6664
|
-
return async (params) => {
|
|
6665
|
-
const capabilities = await getCapabilitiesWithTimeout(
|
|
6666
|
-
target,
|
|
6667
|
-
params?.chainId ?? chainId2
|
|
6668
|
-
);
|
|
6669
|
-
return {
|
|
6670
|
-
...capabilities,
|
|
6671
|
-
atomicBatch: { supported: false },
|
|
6672
|
-
atomic: void 0
|
|
6673
|
-
};
|
|
6674
|
-
};
|
|
6675
|
-
}
|
|
6676
|
-
return Reflect.get(target, prop, receiver);
|
|
6677
|
-
}
|
|
6678
|
-
});
|
|
6679
|
-
}
|
|
6371
|
+
import {
|
|
6372
|
+
disableAtomicBatchIfSupported,
|
|
6373
|
+
getCompletionTxInfo,
|
|
6374
|
+
getDirectExecutionCreatedTimeMs,
|
|
6375
|
+
getDirectExecutionNotificationKey,
|
|
6376
|
+
getDirectExecutionRunTimeSeconds,
|
|
6377
|
+
getDirectExecutionUpdatedTimeMs
|
|
6378
|
+
} from "@funkit/connect-core";
|
|
6680
6379
|
|
|
6681
6380
|
// src/utils/withdrawal.ts
|
|
6682
6381
|
import { parseUnits } from "viem";
|
|
@@ -6711,12 +6410,12 @@ function useRelayBypass() {
|
|
|
6711
6410
|
return {
|
|
6712
6411
|
// TODO: Consolidate / Add brokerage and card here once Relay QR is ready for all clients
|
|
6713
6412
|
relayPaymentMethods: [
|
|
6714
|
-
|
|
6715
|
-
|
|
6413
|
+
PaymentMethod.ACCOUNT_BALANCE,
|
|
6414
|
+
PaymentMethod.BROKERAGE
|
|
6716
6415
|
],
|
|
6717
6416
|
relayWithAAPaymentMethods: [
|
|
6718
|
-
|
|
6719
|
-
|
|
6417
|
+
PaymentMethod.ACCOUNT_BALANCE,
|
|
6418
|
+
PaymentMethod.BROKERAGE
|
|
6720
6419
|
]
|
|
6721
6420
|
};
|
|
6722
6421
|
}, []);
|
|
@@ -7195,14 +6894,14 @@ function generateSourceOfFundString({
|
|
|
7195
6894
|
walletAddress
|
|
7196
6895
|
}) {
|
|
7197
6896
|
const paymentMethod = paymentMethodInfo.paymentMethod;
|
|
7198
|
-
if (paymentMethod ===
|
|
6897
|
+
if (paymentMethod === PaymentMethod.ACCOUNT_BALANCE) {
|
|
7199
6898
|
const loginMethod = loginType === "web3" /* Web3 */ ? "eoa" : "unrecognized";
|
|
7200
6899
|
return `${paymentMethod}|${loginMethod}|${walletAddress}`;
|
|
7201
6900
|
}
|
|
7202
|
-
if (paymentMethod ===
|
|
6901
|
+
if (paymentMethod === PaymentMethod.BROKERAGE) {
|
|
7203
6902
|
return `${paymentMethod}|${paymentMethodInfo.title.toLowerCase()}`;
|
|
7204
6903
|
}
|
|
7205
|
-
if (paymentMethod ===
|
|
6904
|
+
if (paymentMethod === PaymentMethod.CARD) {
|
|
7206
6905
|
return `${paymentMethod}|moonpay`;
|
|
7207
6906
|
}
|
|
7208
6907
|
return "";
|
|
@@ -7696,15 +7395,15 @@ import React292, {
|
|
|
7696
7395
|
// src/components/Dialog/Dialog.css.ts
|
|
7697
7396
|
var DialogAnimationTimeIn = 0.25;
|
|
7698
7397
|
var DialogAnimationTimeOut = 0.12;
|
|
7699
|
-
var content = "_1r8f573 _1rsrm2fa _1rsrm2f1z
|
|
7398
|
+
var content = "_1r8f573 _1rsrm2fa _1rsrm2f1z _1rsrm2fvr";
|
|
7700
7399
|
var easing = [0.3, 0, 0.06, 1];
|
|
7701
7400
|
var itemsAlignCenter = "_1r8f57a";
|
|
7702
7401
|
var itemsAlignEnd = "_1r8f57b";
|
|
7703
|
-
var overlay = "_1r8f571
|
|
7402
|
+
var overlay = "_1r8f571 _1rsrm2fxr _1rsrm2f114 _1rsrm2fa _1rsrm2f85 _1rsrm2fvq";
|
|
7704
7403
|
var titleContainer = "_1r8f574";
|
|
7705
|
-
var topbarFadeBackground = "_1r8f579
|
|
7404
|
+
var topbarFadeBackground = "_1r8f579 _1rsrm2f11a _1rsrm2fvp";
|
|
7706
7405
|
var topbarFadeWrapper = "_1r8f577";
|
|
7707
|
-
var topbarOverflowContent = "_1r8f576
|
|
7406
|
+
var topbarOverflowContent = "_1r8f576 _1rsrm2fq3 _1rsrm2fs4";
|
|
7708
7407
|
|
|
7709
7408
|
// src/modals/WithdrawalModal/WithdrawalModal.tsx
|
|
7710
7409
|
import React145, { useCallback as useCallback27, useEffect as useEffect45, useState as useState42 } from "react";
|
|
@@ -7845,17 +7544,17 @@ var Text = React23.forwardRef(
|
|
|
7845
7544
|
Text.displayName = "Text";
|
|
7846
7545
|
|
|
7847
7546
|
// src/components/FunButton/FunButton.css.ts
|
|
7848
|
-
var accentLinkStyle = "_1tyx5nu3
|
|
7547
|
+
var accentLinkStyle = "_1tyx5nu3 _1rsrm2f2tg";
|
|
7849
7548
|
var funButtonClickableStyle = "_1tyx5nu8";
|
|
7850
7549
|
var funButtonDisabledStyle = "_1tyx5nua";
|
|
7851
7550
|
var funButtonNonClickableStyle = "_1tyx5nu9";
|
|
7852
7551
|
var funButtonPrimaryGroup = "_1tyx5nub";
|
|
7853
7552
|
var gradientBorder = "_1tyx5nud";
|
|
7854
|
-
var labelLinkStyle = "_1tyx5nu7
|
|
7553
|
+
var labelLinkStyle = "_1tyx5nu7 _1rsrm2f2qm";
|
|
7855
7554
|
var pressedStyles = "_1tyx5nu1";
|
|
7856
7555
|
var textHoverTarget = "_1tyx5nuc";
|
|
7857
7556
|
var transitionStyles = "_1tyx5nu0";
|
|
7858
|
-
var underlineLinkStyle = "_1tyx5nu5
|
|
7557
|
+
var underlineLinkStyle = "_1tyx5nu5 _1rsrm2f2py";
|
|
7859
7558
|
|
|
7860
7559
|
// src/components/FunButton/FunLinkButton.tsx
|
|
7861
7560
|
function FunLinkButton({
|
|
@@ -7927,7 +7626,7 @@ import React25, {
|
|
|
7927
7626
|
} from "react";
|
|
7928
7627
|
|
|
7929
7628
|
// src/components/Icons/StatusIcons.css.ts
|
|
7930
|
-
var slots = { container: "_1rsrm2f4 _1rsrm2f1c _1rsrm2fa
|
|
7629
|
+
var slots = { container: "_1rsrm2f4 _1rsrm2f1c _1rsrm2fa _1rsrm2f85 _1rsrm2fvr", icon: { secondary: "q7yway3 _1rsrm2f1c _1rsrm2f2ms _1rsrm2fvr", success: "q7yway5 _1rsrm2f1c _1rsrm2f2mm _1rsrm2fvr" }, background: { secondary: "q7yway7 _1rsrm2f10s _1rsrm2f1c _1rsrm2f7h _1rsrm2fvp _1rsrm2fx5", success: "q7yway9 _1rsrm2f10m _1rsrm2f1c _1rsrm2f7h _1rsrm2fvp _1rsrm2fx5" }, innerShadow: "q7ywayb _1rsrm2f1c _1rsrm2fvp" };
|
|
7931
7630
|
|
|
7932
7631
|
// src/components/Icons/StatusIcons.tsx
|
|
7933
7632
|
function CompletedStatusIcon(props) {
|
|
@@ -8825,7 +8524,7 @@ import React34 from "react";
|
|
|
8825
8524
|
import React31 from "react";
|
|
8826
8525
|
|
|
8827
8526
|
// src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts
|
|
8828
|
-
var animateSkeletonClass = "dj0x602
|
|
8527
|
+
var animateSkeletonClass = "dj0x602 _1rsrm2f15a";
|
|
8829
8528
|
var circleSkeletonClass = "dj0x603";
|
|
8830
8529
|
|
|
8831
8530
|
// src/components/FunSkeletonLoader/FunSkeletonBlock.tsx
|
|
@@ -10230,7 +9929,7 @@ import {
|
|
|
10230
9929
|
import {
|
|
10231
9930
|
MONAD_CHAIN_ID,
|
|
10232
9931
|
TRON_MAINNET_CHAIN_ID,
|
|
10233
|
-
bitcoinChain as
|
|
9932
|
+
bitcoinChain as bitcoinChain2
|
|
10234
9933
|
} from "@funkit/chains";
|
|
10235
9934
|
import { FlagKey } from "@funkit/utils";
|
|
10236
9935
|
import { arbitrum as arbitrum5, base as base5, bsc, mainnet as mainnet3, polygon as polygon4 } from "viem/chains";
|
|
@@ -10334,7 +10033,7 @@ var QR_CODE_WITH_SOLANA = {
|
|
|
10334
10033
|
};
|
|
10335
10034
|
var QR_CODE_WITH_BITCOIN = {
|
|
10336
10035
|
...QR_CODE_WITH_SOLANA,
|
|
10337
|
-
[
|
|
10036
|
+
[bitcoinChain2.id]: ["BTC"]
|
|
10338
10037
|
};
|
|
10339
10038
|
var QR_CODE_WITH_MONAD = {
|
|
10340
10039
|
...QR_CODE_WITH_BITCOIN,
|
|
@@ -10540,7 +10239,7 @@ var flagConfig = {
|
|
|
10540
10239
|
// Add Bitcoin to the list of supported assets for Hyena
|
|
10541
10240
|
// For safety we don't use QR_CODE_WITH_BITCOIN here as it also includes Solana
|
|
10542
10241
|
// And Solana was disabled for Hyena historically for unknown reasons
|
|
10543
|
-
[
|
|
10242
|
+
[bitcoinChain2.id]: ["BTC"]
|
|
10544
10243
|
})
|
|
10545
10244
|
},
|
|
10546
10245
|
{
|
|
@@ -10577,7 +10276,7 @@ var flagConfig = {
|
|
|
10577
10276
|
...QR_CODE_EVM,
|
|
10578
10277
|
// Solana: SOL only — SPL tokens (USDC, USDT, TRUMP, USDe) disabled for Bullpen
|
|
10579
10278
|
1151111081099710: ["SOL"],
|
|
10580
|
-
[
|
|
10279
|
+
[bitcoinChain2.id]: ["BTC"]
|
|
10581
10280
|
})
|
|
10582
10281
|
}
|
|
10583
10282
|
]
|
|
@@ -10612,13 +10311,13 @@ var flagConfig = {
|
|
|
10612
10311
|
[FlagKey.CheckoutTimeEstimateOverrides]: {
|
|
10613
10312
|
type: "string",
|
|
10614
10313
|
default_value: JSON.stringify({
|
|
10615
|
-
[
|
|
10314
|
+
[PaymentMethod.ACCOUNT_BALANCE]: 1 * 60,
|
|
10616
10315
|
// 1 minute
|
|
10617
|
-
[
|
|
10316
|
+
[PaymentMethod.BROKERAGE]: 2 * 60,
|
|
10618
10317
|
// 2 minutes
|
|
10619
|
-
[
|
|
10318
|
+
[PaymentMethod.CARD]: 5 * 60,
|
|
10620
10319
|
// 5 minutes
|
|
10621
|
-
[
|
|
10320
|
+
[PaymentMethod.TOKEN_TRANSFER]: 1 * 60
|
|
10622
10321
|
})
|
|
10623
10322
|
},
|
|
10624
10323
|
[FlagKey.TokenTransferDefaultChainId]: {
|
|
@@ -10969,7 +10668,7 @@ var flagConfig = {
|
|
|
10969
10668
|
"42161",
|
|
10970
10669
|
// Arbitrum
|
|
10971
10670
|
TRON_MAINNET_CHAIN_ID.toString(),
|
|
10972
|
-
|
|
10671
|
+
bitcoinChain2.id.toString(),
|
|
10973
10672
|
"10"
|
|
10974
10673
|
// Optimism
|
|
10975
10674
|
])
|
|
@@ -16321,7 +16020,7 @@ async function evaluateAccountWalletFees({
|
|
|
16321
16020
|
}) {
|
|
16322
16021
|
const nativeCurrencySymbol = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[selectedSourceAssetInfo.chainId]?.nativeCurrency.symbol || "";
|
|
16323
16022
|
const walletCheckoutFees = {
|
|
16324
|
-
paymentMethod:
|
|
16023
|
+
paymentMethod: PaymentMethod.ACCOUNT_BALANCE,
|
|
16325
16024
|
...getFunFeeBreakdown(baseQuote),
|
|
16326
16025
|
eoaWalletFeeToken: 0,
|
|
16327
16026
|
eoaWalletFeeUsd: 0,
|
|
@@ -16390,7 +16089,7 @@ async function evaluateBrokerageFees({
|
|
|
16390
16089
|
minimumAmount: networkMin
|
|
16391
16090
|
},
|
|
16392
16091
|
fees: {
|
|
16393
|
-
paymentMethod:
|
|
16092
|
+
paymentMethod: PaymentMethod.BROKERAGE,
|
|
16394
16093
|
...getFunFeeBreakdown(baseQuote),
|
|
16395
16094
|
exchangeFeeUsd: brokerageFeeInUsd,
|
|
16396
16095
|
totalFeesUsd,
|
|
@@ -16401,11 +16100,11 @@ async function evaluateBrokerageFees({
|
|
|
16401
16100
|
function evaluateFeeBreakdown(evalItem) {
|
|
16402
16101
|
const { newPaymentMethodInfo } = evalItem;
|
|
16403
16102
|
switch (newPaymentMethodInfo.paymentMethod) {
|
|
16404
|
-
case
|
|
16103
|
+
case PaymentMethod.ACCOUNT_BALANCE:
|
|
16405
16104
|
return evaluateAccountWalletFees(evalItem);
|
|
16406
|
-
case
|
|
16105
|
+
case PaymentMethod.BROKERAGE:
|
|
16407
16106
|
return evaluateBrokerageFees(evalItem);
|
|
16408
|
-
case
|
|
16107
|
+
case PaymentMethod.CARD:
|
|
16409
16108
|
throw new Error("Card payment is not supported");
|
|
16410
16109
|
default:
|
|
16411
16110
|
throw new Error("Unsupported payment method");
|
|
@@ -16527,12 +16226,12 @@ async function getQuoteFinalEstimation(baseQuote, checkoutItem, newPaymentMethod
|
|
|
16527
16226
|
brokerageQuote
|
|
16528
16227
|
});
|
|
16529
16228
|
const additionalTimeMs = {
|
|
16530
|
-
[
|
|
16531
|
-
[
|
|
16532
|
-
[
|
|
16533
|
-
[
|
|
16534
|
-
[
|
|
16535
|
-
[
|
|
16229
|
+
[PaymentMethod.ACCOUNT_BALANCE]: 0,
|
|
16230
|
+
[PaymentMethod.CARD]: MOONPAY_TIME_ESTIMATE_MS,
|
|
16231
|
+
[PaymentMethod.BROKERAGE]: BROKERAGE_TIME_ESTIMATE_MS,
|
|
16232
|
+
[PaymentMethod.TOKEN_TRANSFER]: 0,
|
|
16233
|
+
[PaymentMethod.BITCOIN_LIGHTNING]: 0,
|
|
16234
|
+
[PaymentMethod.VIRTUAL_BANK]: BANK_TIME_ESTIMATE_MS
|
|
16536
16235
|
}[newPaymentMethodInfo.paymentMethod] || 0;
|
|
16537
16236
|
const finalTimeEstimationMs = baseQuote.estCheckoutTimeMs + additionalTimeMs;
|
|
16538
16237
|
logger.log("feesAndTimeEstimations", {
|
|
@@ -16546,7 +16245,7 @@ async function getQuoteFinalEstimation(baseQuote, checkoutItem, newPaymentMethod
|
|
|
16546
16245
|
let finalPaymentTokenAmount = Number.parseFloat(baseQuote.estSubtotalFromAmount) + finalFeesBreakdown.totalFeesTokenWithoutGas;
|
|
16547
16246
|
const finalTotalUsd = newFinalDollarValue + finalFeesBreakdown.totalFeesUsd;
|
|
16548
16247
|
let finalPaymentFeeUsd = finalFeesBreakdown.totalFeesUsd;
|
|
16549
|
-
if (finalFeesBreakdown.paymentMethod ===
|
|
16248
|
+
if (finalFeesBreakdown.paymentMethod === PaymentMethod.ACCOUNT_BALANCE) {
|
|
16550
16249
|
if (isNativeTokenAddress(
|
|
16551
16250
|
checkoutItem.selectedSourceAssetInfo.address
|
|
16552
16251
|
)) {
|
|
@@ -16555,7 +16254,7 @@ async function getQuoteFinalEstimation(baseQuote, checkoutItem, newPaymentMethod
|
|
|
16555
16254
|
finalPaymentFeeUsd -= finalFeesBreakdown.eoaWalletFeeUsd;
|
|
16556
16255
|
}
|
|
16557
16256
|
}
|
|
16558
|
-
if (finalFeesBreakdown.paymentMethod ===
|
|
16257
|
+
if (finalFeesBreakdown.paymentMethod === PaymentMethod.BROKERAGE && brokerageQuote?.estimatedTotal) {
|
|
16559
16258
|
finalPaymentTokenAmount = brokerageQuote.estimatedTotal;
|
|
16560
16259
|
}
|
|
16561
16260
|
const finalEstimation = {
|
|
@@ -16577,7 +16276,7 @@ async function checkAssetAmount(checkoutItem, finalEstimation, wagmiConfig, wall
|
|
|
16577
16276
|
checkoutItem.initSettings.config.targetChain,
|
|
16578
16277
|
checkoutItem.initSettings.config.targetAsset
|
|
16579
16278
|
);
|
|
16580
|
-
if (paymentMethod ===
|
|
16279
|
+
if (paymentMethod === PaymentMethod.ACCOUNT_BALANCE) {
|
|
16581
16280
|
if (checkoutItem.selectedSourceAssetInfo.chainId === RELAY_LIGHTER_CHAIN_ID) {
|
|
16582
16281
|
return { isAboveMaximum: false, isBelowMinimum: false };
|
|
16583
16282
|
}
|
|
@@ -16599,7 +16298,7 @@ async function checkAssetAmount(checkoutItem, finalEstimation, wagmiConfig, wall
|
|
|
16599
16298
|
)
|
|
16600
16299
|
};
|
|
16601
16300
|
}
|
|
16602
|
-
if (paymentMethod ===
|
|
16301
|
+
if (paymentMethod === PaymentMethod.BROKERAGE) {
|
|
16603
16302
|
if (brokerage) {
|
|
16604
16303
|
const estTotalNonBrokerageFees = getBaseQuoteTotalFeesFromAmount(
|
|
16605
16304
|
finalEstimation.baseQuote
|
|
@@ -16759,7 +16458,7 @@ var getBaseFeeUsdEstimate = (targetChainId, assetChainId) => {
|
|
|
16759
16458
|
};
|
|
16760
16459
|
var getFeesUsdEstimate = (targetChainId, assetChainId, paymentMethod) => {
|
|
16761
16460
|
const baseFeeEstimate = getBaseFeeUsdEstimate(targetChainId, assetChainId);
|
|
16762
|
-
const isBrokerage = paymentMethod ===
|
|
16461
|
+
const isBrokerage = paymentMethod === PaymentMethod.BROKERAGE;
|
|
16763
16462
|
const brokerageFeeEstimate = isBrokerage ? BROKERAGE_FEES_ESTIMATE : 0;
|
|
16764
16463
|
return baseFeeEstimate + brokerageFeeEstimate;
|
|
16765
16464
|
};
|
|
@@ -17128,7 +16827,7 @@ function FunkitQuoteProvider({ children }) {
|
|
|
17128
16827
|
const paymentMethod = checkoutItem?.selectedPaymentMethodInfo?.paymentMethod;
|
|
17129
16828
|
const supplyAmountBaseUnits = checkoutItem?.inputTokenAmountBaseUnits ?? null;
|
|
17130
16829
|
const targetAssetAllowanceCoversAmount = targetAssetPoolAllowance !== void 0 && supplyAmountBaseUnits !== null && supplyAmountBaseUnits > 0n && targetAssetPoolAllowance >= supplyAmountBaseUnits;
|
|
17131
|
-
const showApprovalMethodToggle = isPermitToggleGateOn && isDirectExecution && paymentMethod ===
|
|
16830
|
+
const showApprovalMethodToggle = isPermitToggleGateOn && isDirectExecution && paymentMethod === PaymentMethod.ACCOUNT_BALANCE && // `undefined` = unknown (Relay flows never set it) → show as before.
|
|
17132
16831
|
// `false` = a prefetch resolved the target asset can't permit → hide.
|
|
17133
16832
|
targetAssetSupportsPermit !== false && !targetAssetAllowanceCoversAmount;
|
|
17134
16833
|
const usePermit = showApprovalMethodToggle ? preferredApprovalMethod === "sign" : void 0;
|
|
@@ -17168,7 +16867,7 @@ function FunkitQuoteProvider({ children }) {
|
|
|
17168
16867
|
startMeasuredEvent("fc::quote::base_quote" /* BASE_QUOTE */);
|
|
17169
16868
|
startMeasuredEvent("fc::quote::final_quote" /* FINAL_QUOTE */);
|
|
17170
16869
|
const newCheckoutItem = checkoutItem;
|
|
17171
|
-
const isBrokerage = checkoutItem.selectedPaymentMethodInfo?.paymentMethod ===
|
|
16870
|
+
const isBrokerage = checkoutItem.selectedPaymentMethodInfo?.paymentMethod === PaymentMethod.BROKERAGE;
|
|
17172
16871
|
if (!disableInformationStreaming) {
|
|
17173
16872
|
const PENDING_QUOTE_MESSAGE_GENERATOR = getPendingQuoteMessageGenerator(t);
|
|
17174
16873
|
setQuoteProgress({
|
|
@@ -17206,7 +16905,7 @@ function FunkitQuoteProvider({ children }) {
|
|
|
17206
16905
|
if (!disableInformationStreaming) {
|
|
17207
16906
|
const PENDING_QUOTE_MESSAGE_GENERATOR2 = getPendingQuoteMessageGenerator(t);
|
|
17208
16907
|
setQuoteStepMessage(
|
|
17209
|
-
paymentMethodInfo.paymentMethod ===
|
|
16908
|
+
paymentMethodInfo.paymentMethod === PaymentMethod.ACCOUNT_BALANCE && loginType === "web3" /* Web3 */ ? PENDING_QUOTE_MESSAGE_GENERATOR2[2 /* ESTIMATING_GAS */]() : PENDING_QUOTE_MESSAGE_GENERATOR2[1 /* VERIFYING_PROVIDER */](paymentMethodInfo.title)
|
|
17210
16909
|
);
|
|
17211
16910
|
}
|
|
17212
16911
|
const newFinalDollarValue = baseQuote.estSubtotalUsd;
|
|
@@ -17266,7 +16965,7 @@ function FunkitQuoteProvider({ children }) {
|
|
|
17266
16965
|
quoteState: {
|
|
17267
16966
|
latestQuote: finalEstimation,
|
|
17268
16967
|
isQuoting: false,
|
|
17269
|
-
quoteStepMessage: !disableInformationStreaming ? paymentMethodInfo.paymentMethod ===
|
|
16968
|
+
quoteStepMessage: !disableInformationStreaming ? paymentMethodInfo.paymentMethod === PaymentMethod.ACCOUNT_BALANCE && loginType === "web3" /* Web3 */ ? PENDING_QUOTE_MESSAGE_GENERATOR[2 /* ESTIMATING_GAS */]() : PENDING_QUOTE_MESSAGE_GENERATOR[1 /* VERIFYING_PROVIDER */](paymentMethodInfo.title) : "",
|
|
17270
16969
|
quoteErrorMessage: null
|
|
17271
16970
|
},
|
|
17272
16971
|
success: true
|
|
@@ -17417,7 +17116,8 @@ import React46, { createContext as createContext14 } from "react";
|
|
|
17417
17116
|
var ModalSizeOptions = {
|
|
17418
17117
|
COMPACT: "compact",
|
|
17419
17118
|
MEDIUM: "medium",
|
|
17420
|
-
WIDE: "wide"
|
|
17119
|
+
WIDE: "wide",
|
|
17120
|
+
EXTRA_WIDE: "extraWide"
|
|
17421
17121
|
};
|
|
17422
17122
|
var ModalSizeContext = createContext14(ModalSizeOptions.WIDE);
|
|
17423
17123
|
function ModalSizeProvider({
|
|
@@ -18168,6 +17868,20 @@ import React58 from "react";
|
|
|
18168
17868
|
// src/components/FunButton/FunButton.tsx
|
|
18169
17869
|
import clsx6 from "clsx";
|
|
18170
17870
|
import React55 from "react";
|
|
17871
|
+
|
|
17872
|
+
// src/components/FunInput/FunInput.css.ts
|
|
17873
|
+
var baseWrapperStyles = "zue0i60";
|
|
17874
|
+
var baseWrapperStylesNoTransition = "zue0i61";
|
|
17875
|
+
var hoverWithParentInput = "zue0i6d";
|
|
17876
|
+
var inputClass = "zue0i64 _1rsrm2f2py _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
|
|
17877
|
+
var inputClassDisabled = "zue0i68 _1rsrm2f2ta _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
|
|
17878
|
+
var inputClassDisabledNoTransition = "zue0i6a _1rsrm2f2ta _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
|
|
17879
|
+
var inputClassError = "zue0i6c _1rsrm2f2py _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
|
|
17880
|
+
var inputClassErrorNoTransition = "zue0i6f _1rsrm2f2py _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
|
|
17881
|
+
var inputClassNoTransition = "zue0i66 _1rsrm2f2py _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
|
|
17882
|
+
var numberInputResetStyle = "zue0i62";
|
|
17883
|
+
|
|
17884
|
+
// src/components/FunButton/FunButton.tsx
|
|
18171
17885
|
var getStyleProps = (type, isDisabled) => {
|
|
18172
17886
|
const commonTertiaryStyle = {
|
|
18173
17887
|
background: {
|
|
@@ -18182,6 +17896,8 @@ var getStyleProps = (type, isDisabled) => {
|
|
|
18182
17896
|
focusedVisible: isDisabled ? void 0 : "buttonFocusedShadowTertiary",
|
|
18183
17897
|
hover: isDisabled ? void 0 : "buttonHoverShadowTertiary"
|
|
18184
17898
|
},
|
|
17899
|
+
// `hoverWithParentInput` includes the condition of being inside a FunInput
|
|
17900
|
+
className: isDisabled ? void 0 : hoverWithParentInput,
|
|
18185
17901
|
color: {
|
|
18186
17902
|
base: isDisabled ? "buttonTextDisabledTertiary" : "buttonTextTertiary"
|
|
18187
17903
|
},
|
|
@@ -18273,6 +17989,7 @@ function FunButton({
|
|
|
18273
17989
|
borderColor,
|
|
18274
17990
|
borderWidth,
|
|
18275
17991
|
boxShadow,
|
|
17992
|
+
className,
|
|
18276
17993
|
color,
|
|
18277
17994
|
fontFamily,
|
|
18278
17995
|
fontSize: defaultTextSize,
|
|
@@ -18329,7 +18046,8 @@ function FunButton({
|
|
|
18329
18046
|
paddingY,
|
|
18330
18047
|
borderRadius: borderRadius ?? "actionButton",
|
|
18331
18048
|
background,
|
|
18332
|
-
boxShadow: innerBoxShadow
|
|
18049
|
+
boxShadow: innerBoxShadow,
|
|
18050
|
+
className
|
|
18333
18051
|
},
|
|
18334
18052
|
isLoading && /* @__PURE__ */ React55.createElement(
|
|
18335
18053
|
Box,
|
|
@@ -18500,7 +18218,7 @@ function FunPoweredTagline({
|
|
|
18500
18218
|
}
|
|
18501
18219
|
|
|
18502
18220
|
// src/components/FunBottomBar/FunBottomBar.css.ts
|
|
18503
|
-
var topSectionDynamicPadding = "
|
|
18221
|
+
var topSectionDynamicPadding = "_1rsrm2fuy";
|
|
18504
18222
|
|
|
18505
18223
|
// src/components/FunBottomBar/FunBottomBar.tsx
|
|
18506
18224
|
var FunBottomBar = ({
|
|
@@ -18745,7 +18463,7 @@ var InfoIcon = ({ filled = false, size = 12 }) => {
|
|
|
18745
18463
|
};
|
|
18746
18464
|
|
|
18747
18465
|
// src/components/FunTooltip/FunTooltip.css.ts
|
|
18748
|
-
var tooltipContent = "z1l38i7
|
|
18466
|
+
var tooltipContent = "z1l38i7 _1rsrm2fpu _1rsrm2frv _1rsrm2ftu _1rsrm2fnr _1rsrm2f15 _1rsrm2f11a _1rsrm2f1tg _1rsrm2f1f _1rsrm2f1j";
|
|
18749
18467
|
var tooltipTrigger = "z1l38i5";
|
|
18750
18468
|
|
|
18751
18469
|
// src/components/FunTooltip/FunTooltip.tsx
|
|
@@ -18811,15 +18529,7 @@ var scrollbarHidden2 = "_1s031a01";
|
|
|
18811
18529
|
function subtractScrollbarWidth(padding) {
|
|
18812
18530
|
return isSafari() ? padding : padding - SCROLL_BAR_WIDTH;
|
|
18813
18531
|
}
|
|
18814
|
-
|
|
18815
|
-
padding,
|
|
18816
|
-
isScrolling,
|
|
18817
|
-
paddingBottom,
|
|
18818
|
-
children,
|
|
18819
|
-
className,
|
|
18820
|
-
ref,
|
|
18821
|
-
style
|
|
18822
|
-
}) {
|
|
18532
|
+
var PaddedScrollableArea = React64.forwardRef(function PaddedScrollableArea2({ padding, isScrolling, paddingBottom, children, className, style }, ref) {
|
|
18823
18533
|
return /* @__PURE__ */ React64.createElement(
|
|
18824
18534
|
Box,
|
|
18825
18535
|
{
|
|
@@ -18838,7 +18548,7 @@ function PaddedScrollableArea({
|
|
|
18838
18548
|
},
|
|
18839
18549
|
children
|
|
18840
18550
|
);
|
|
18841
|
-
}
|
|
18551
|
+
});
|
|
18842
18552
|
|
|
18843
18553
|
// src/components/Dialog/FocusTrap.tsx
|
|
18844
18554
|
import React65, { useCallback as useCallback20, useEffect as useEffect27, useRef as useRef10 } from "react";
|
|
@@ -19147,7 +18857,8 @@ var DialogWrapper = ({
|
|
|
19147
18857
|
const mapModalSizeToClassName = {
|
|
19148
18858
|
[ModalSizeOptions.MEDIUM]: dialogMedium,
|
|
19149
18859
|
[ModalSizeOptions.COMPACT]: dialogCompact,
|
|
19150
|
-
[ModalSizeOptions.WIDE]: dialog
|
|
18860
|
+
[ModalSizeOptions.WIDE]: dialog,
|
|
18861
|
+
[ModalSizeOptions.EXTRA_WIDE]: dialogExtraWide
|
|
19151
18862
|
};
|
|
19152
18863
|
const isFanaticsBottomSheetMobile = mobile && isFanaticsBottomSheet;
|
|
19153
18864
|
return /* @__PURE__ */ React66.createElement(ErrorBoundary_default, { fallback: /* @__PURE__ */ React66.createElement(ErrorFallback, null) }, /* @__PURE__ */ React66.createElement(
|
|
@@ -19381,6 +19092,7 @@ var DialogTitle = ({
|
|
|
19381
19092
|
Text,
|
|
19382
19093
|
{
|
|
19383
19094
|
as: "h1",
|
|
19095
|
+
font: "modalTopbarTitle",
|
|
19384
19096
|
weight: "modalTopbarTitle",
|
|
19385
19097
|
size: "modalTopbarTitle",
|
|
19386
19098
|
testId: "connect-modal-title"
|
|
@@ -19647,7 +19359,7 @@ function FunTxSummarySections({
|
|
|
19647
19359
|
|
|
19648
19360
|
// src/components/FunInput/FunInput.tsx
|
|
19649
19361
|
import React73, {
|
|
19650
|
-
forwardRef as
|
|
19362
|
+
forwardRef as forwardRef4,
|
|
19651
19363
|
useEffect as useEffect30,
|
|
19652
19364
|
useState as useState25
|
|
19653
19365
|
} from "react";
|
|
@@ -19682,21 +19394,9 @@ var SearchIcon = () => {
|
|
|
19682
19394
|
);
|
|
19683
19395
|
};
|
|
19684
19396
|
|
|
19685
|
-
// src/components/FunInput/FunInput.css.ts
|
|
19686
|
-
var baseWrapperStyles = "zue0i60";
|
|
19687
|
-
var baseWrapperStylesNoTransition = "zue0i61";
|
|
19688
|
-
var hoverWithParentInput = "zue0i6d";
|
|
19689
|
-
var inputClass = "zue0i64 _1rsrm2f2po _1rsrm2fra _1rsrm2fta _1rsrm2fvb _1rsrm2fpb";
|
|
19690
|
-
var inputClassDisabled = "zue0i68 _1rsrm2f2t0 _1rsrm2fra _1rsrm2fta _1rsrm2fvb _1rsrm2fpb";
|
|
19691
|
-
var inputClassDisabledNoTransition = "zue0i6a _1rsrm2f2t0 _1rsrm2fra _1rsrm2fta _1rsrm2fvb _1rsrm2fpb";
|
|
19692
|
-
var inputClassError = "zue0i6c _1rsrm2f2po _1rsrm2fra _1rsrm2fta _1rsrm2fvb _1rsrm2fpb";
|
|
19693
|
-
var inputClassErrorNoTransition = "zue0i6f _1rsrm2f2po _1rsrm2fra _1rsrm2fta _1rsrm2fvb _1rsrm2fpb";
|
|
19694
|
-
var inputClassNoTransition = "zue0i66 _1rsrm2f2po _1rsrm2fra _1rsrm2fta _1rsrm2fvb _1rsrm2fpb";
|
|
19695
|
-
var numberInputResetStyle = "zue0i62";
|
|
19696
|
-
|
|
19697
19397
|
// src/components/FunInput/FunInput.tsx
|
|
19698
19398
|
var DEFAULT_ICON_FONT_SIZE = "57px";
|
|
19699
|
-
var FunInput =
|
|
19399
|
+
var FunInput = forwardRef4(function FunInputWithRef({
|
|
19700
19400
|
prefix,
|
|
19701
19401
|
suffix,
|
|
19702
19402
|
prefixIcon,
|
|
@@ -19980,7 +19680,7 @@ var DecimalSpan = ({
|
|
|
19980
19680
|
// src/components/FunTransactionSummary/PaymentFeesSummary.tsx
|
|
19981
19681
|
import {
|
|
19982
19682
|
formatCryptoAndStringify,
|
|
19983
|
-
formatCurrencyAndStringify
|
|
19683
|
+
formatCurrencyAndStringify,
|
|
19984
19684
|
formatDynamicFeeUsd,
|
|
19985
19685
|
formatPercent,
|
|
19986
19686
|
noop as noop2
|
|
@@ -20163,7 +19863,7 @@ var RelayIcon = ({ size = 24 }) => {
|
|
|
20163
19863
|
};
|
|
20164
19864
|
|
|
20165
19865
|
// src/components/FunTransactionSummary/PaymentFeesSummary.css.ts
|
|
20166
|
-
var baseStyles = "
|
|
19866
|
+
var baseStyles = "_1rsrm2f2qa";
|
|
20167
19867
|
var expandableStyles = "vkwve32";
|
|
20168
19868
|
var feeLineHideStyles = "vkwve34";
|
|
20169
19869
|
var feeLineShowStyles = "vkwve33";
|
|
@@ -20192,27 +19892,27 @@ var NO_DATA = {
|
|
|
20192
19892
|
};
|
|
20193
19893
|
var NO_DATA_VALUE = "-";
|
|
20194
19894
|
function getCardFeeItems(fees, t) {
|
|
20195
|
-
if (fees.paymentMethod !==
|
|
19895
|
+
if (fees.paymentMethod !== PaymentMethod.CARD) {
|
|
20196
19896
|
return [];
|
|
20197
19897
|
}
|
|
20198
19898
|
return [
|
|
20199
19899
|
{
|
|
20200
19900
|
label: t("fees.cardProcessingFee"),
|
|
20201
19901
|
testId: "card-processing-fee",
|
|
20202
|
-
value:
|
|
19902
|
+
value: formatCurrencyAndStringify(fees.cardProcessingFeeUsd),
|
|
20203
19903
|
tooltipText: t("fees.cardProcessingFeeTooltip"),
|
|
20204
19904
|
tooltipPosition: "center"
|
|
20205
19905
|
},
|
|
20206
19906
|
{
|
|
20207
19907
|
label: t("fees.moonpayCost"),
|
|
20208
19908
|
testId: "moonpay-cost",
|
|
20209
|
-
value:
|
|
19909
|
+
value: formatCurrencyAndStringify(fees.moonpayCostUsd),
|
|
20210
19910
|
tooltipText: t("fees.moonpayCostTooltip")
|
|
20211
19911
|
}
|
|
20212
19912
|
];
|
|
20213
19913
|
}
|
|
20214
19914
|
function getBrokerageFeeItems(fees, totalUsd, t) {
|
|
20215
|
-
if (fees.paymentMethod !==
|
|
19915
|
+
if (fees.paymentMethod !== PaymentMethod.BROKERAGE) {
|
|
20216
19916
|
return [];
|
|
20217
19917
|
}
|
|
20218
19918
|
return [
|
|
@@ -20230,7 +19930,7 @@ function formatRelayFee({
|
|
|
20230
19930
|
threshold
|
|
20231
19931
|
}) {
|
|
20232
19932
|
if (usd < threshold) {
|
|
20233
|
-
return
|
|
19933
|
+
return formatCurrencyAndStringify(usd);
|
|
20234
19934
|
}
|
|
20235
19935
|
if (percent < 0) {
|
|
20236
19936
|
return "< 0.01%";
|
|
@@ -20268,7 +19968,7 @@ function computeDigest(relayQuoteMetadata, uiCustomizations, totalPriceImpactPer
|
|
|
20268
19968
|
const percent = totalPriceImpactPercent < 0 ? "< 0.01%" : formatPercent(totalPriceImpactPercent);
|
|
20269
19969
|
return {
|
|
20270
19970
|
isMainnet,
|
|
20271
|
-
value: isMainnet ? `${
|
|
19971
|
+
value: isMainnet ? `${formatCurrencyAndStringify(gasUsd)} \u2022 ${percent}` : percent
|
|
20272
19972
|
};
|
|
20273
19973
|
}
|
|
20274
19974
|
function renderRelayFee({
|
|
@@ -20380,7 +20080,7 @@ function renderRelayFee({
|
|
|
20380
20080
|
label: t("fees.networkCost"),
|
|
20381
20081
|
testId: "network-cost",
|
|
20382
20082
|
valueIcon: /* @__PURE__ */ React78.createElement(GasIcon, null),
|
|
20383
|
-
value:
|
|
20083
|
+
value: formatCurrencyAndStringify(totalNetworkCostUsd),
|
|
20384
20084
|
tooltipText: /* @__PURE__ */ React78.createElement(React78.Fragment, null, /* @__PURE__ */ React78.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React78.createElement(Box, { display: "flex", flexDirection: "column", gap: "2" }, /* @__PURE__ */ React78.createElement(
|
|
20385
20085
|
Box,
|
|
20386
20086
|
{
|
|
@@ -20390,7 +20090,7 @@ function renderRelayFee({
|
|
|
20390
20090
|
gap: "16"
|
|
20391
20091
|
},
|
|
20392
20092
|
/* @__PURE__ */ React78.createElement(Text, { size: "paymentFeeSummaryTooltip", weight: "medium" }, t("fees.totalCost")),
|
|
20393
|
-
/* @__PURE__ */ React78.createElement(Text, { size: "paymentFeeSummaryTooltip", weight: "medium" },
|
|
20093
|
+
/* @__PURE__ */ React78.createElement(Text, { size: "paymentFeeSummaryTooltip", weight: "medium" }, formatCurrencyAndStringify(totalNetworkCostUsd))
|
|
20394
20094
|
), /* @__PURE__ */ React78.createElement(
|
|
20395
20095
|
Box,
|
|
20396
20096
|
{
|
|
@@ -20400,7 +20100,7 @@ function renderRelayFee({
|
|
|
20400
20100
|
gap: "16"
|
|
20401
20101
|
},
|
|
20402
20102
|
/* @__PURE__ */ React78.createElement(Text, { size: "paymentFeeSummaryTooltip" }, t("fees.sourceChainGas")),
|
|
20403
|
-
/* @__PURE__ */ React78.createElement(Text, { size: "paymentFeeSummaryTooltip", weight: "medium" },
|
|
20103
|
+
/* @__PURE__ */ React78.createElement(Text, { size: "paymentFeeSummaryTooltip", weight: "medium" }, formatCurrencyAndStringify(gasUsd))
|
|
20404
20104
|
), /* @__PURE__ */ React78.createElement(
|
|
20405
20105
|
Box,
|
|
20406
20106
|
{
|
|
@@ -20410,7 +20110,7 @@ function renderRelayFee({
|
|
|
20410
20110
|
gap: "16"
|
|
20411
20111
|
},
|
|
20412
20112
|
/* @__PURE__ */ React78.createElement(Text, { size: "paymentFeeSummaryTooltip" }, t("fees.destinationChainGas")),
|
|
20413
|
-
/* @__PURE__ */ React78.createElement(Text, { size: "paymentFeeSummaryTooltip", weight: "medium" },
|
|
20113
|
+
/* @__PURE__ */ React78.createElement(Text, { size: "paymentFeeSummaryTooltip", weight: "medium" }, formatCurrencyAndStringify(fillCostUsd))
|
|
20414
20114
|
))))
|
|
20415
20115
|
},
|
|
20416
20116
|
{
|
|
@@ -20473,7 +20173,7 @@ function renderRelayFee({
|
|
|
20473
20173
|
value: formatPercent(maxSlippage)
|
|
20474
20174
|
}),
|
|
20475
20175
|
tooltipText: hasFinalizedToken ? t("fees.slippageTooltip") : t("fees.slippageTooltipWithMin", {
|
|
20476
|
-
minReceived:
|
|
20176
|
+
minReceived: formatCurrencyAndStringify(minReceived)
|
|
20477
20177
|
})
|
|
20478
20178
|
},
|
|
20479
20179
|
...getCardFeeItems(fees, t),
|
|
@@ -20504,7 +20204,7 @@ var extractFeeItems = ({
|
|
|
20504
20204
|
const marketMakerFee = {
|
|
20505
20205
|
label: t("fees.marketMakerGasCosts"),
|
|
20506
20206
|
testId: "market-maker-gas-costs",
|
|
20507
|
-
value:
|
|
20207
|
+
value: formatCurrencyAndStringify(fees.marketMakerFeeUsd),
|
|
20508
20208
|
tooltipText: t("fees.marketMakerGasCostsTooltip"),
|
|
20509
20209
|
tooltipPosition: "center"
|
|
20510
20210
|
};
|
|
@@ -20516,7 +20216,7 @@ var extractFeeItems = ({
|
|
|
20516
20216
|
}),
|
|
20517
20217
|
tooltipText: t("fees.lpCostTooltip")
|
|
20518
20218
|
};
|
|
20519
|
-
if (fees.paymentMethod ===
|
|
20219
|
+
if (fees.paymentMethod === PaymentMethod.ACCOUNT_BALANCE) {
|
|
20520
20220
|
const { eoaWalletFeeUsd } = fees;
|
|
20521
20221
|
const fillGasCost = formatDynamicFeeUsd(eoaWalletFeeUsd, totalUsd, {
|
|
20522
20222
|
percentThreshold: null
|
|
@@ -20538,13 +20238,13 @@ var extractFeeItems = ({
|
|
|
20538
20238
|
]
|
|
20539
20239
|
};
|
|
20540
20240
|
}
|
|
20541
|
-
if (fees.paymentMethod ===
|
|
20241
|
+
if (fees.paymentMethod === PaymentMethod.CARD) {
|
|
20542
20242
|
return {
|
|
20543
20243
|
collapsed: null,
|
|
20544
20244
|
expanded: [marketMakerFee, lpCostFee, ...getCardFeeItems(fees, t)]
|
|
20545
20245
|
};
|
|
20546
20246
|
}
|
|
20547
|
-
if (fees.paymentMethod ===
|
|
20247
|
+
if (fees.paymentMethod === PaymentMethod.BROKERAGE) {
|
|
20548
20248
|
return {
|
|
20549
20249
|
collapsed: null,
|
|
20550
20250
|
expanded: [
|
|
@@ -20694,7 +20394,7 @@ function FeeLineItem({
|
|
|
20694
20394
|
justifyContent: "space-between",
|
|
20695
20395
|
alignItems: "center"
|
|
20696
20396
|
},
|
|
20697
|
-
/* @__PURE__ */ React78.createElement(Box, { display: "flex", gap: "3", alignItems: "center" }, /* @__PURE__ */ React78.createElement(Text, { color: "
|
|
20397
|
+
/* @__PURE__ */ React78.createElement(Box, { display: "flex", gap: "3", alignItems: "center" }, /* @__PURE__ */ React78.createElement(Text, { color: "secondaryText", size: "txBreakdown", weight: "txBreakdown" }, label), tooltipText && /* @__PURE__ */ React78.createElement(
|
|
20698
20398
|
FunTooltip,
|
|
20699
20399
|
{
|
|
20700
20400
|
content: tooltipText,
|
|
@@ -21087,88 +20787,16 @@ import {
|
|
|
21087
20787
|
import React110, { useCallback as useCallback23, useEffect as useEffect35, useMemo as useMemo32, useState as useState29 } from "react";
|
|
21088
20788
|
|
|
21089
20789
|
// src/domains/checkoutNotifications.ts
|
|
21090
|
-
|
|
21091
|
-
|
|
21092
|
-
|
|
21093
|
-
|
|
21094
|
-
|
|
21095
|
-
|
|
21096
|
-
|
|
21097
|
-
|
|
21098
|
-
|
|
21099
|
-
|
|
21100
|
-
directExecutionsByTriggeringTxHash[de.triggeringTxHash.toLowerCase()] = de;
|
|
21101
|
-
}
|
|
21102
|
-
}
|
|
21103
|
-
function getParentDE(de) {
|
|
21104
|
-
return de.triggeringTxHash ? directExecutionsByToTxId[de.triggeringTxHash.toLowerCase()] : void 0;
|
|
21105
|
-
}
|
|
21106
|
-
function getNextMultiStepDE(de) {
|
|
21107
|
-
return de.toTxId ? directExecutionsByTriggeringTxHash[de.toTxId.toLowerCase()] : void 0;
|
|
21108
|
-
}
|
|
21109
|
-
function getLatestMultiStepDE(de) {
|
|
21110
|
-
const next = getNextMultiStepDE(de);
|
|
21111
|
-
return next ? getLatestMultiStepDE(next) : de;
|
|
21112
|
-
}
|
|
21113
|
-
return directExecutions.filter((de) => !getParentDE(de)).map((de) => {
|
|
21114
|
-
if (de.isIntermediaryPhase) {
|
|
21115
|
-
return { ...de, latestStep: getLatestMultiStepDE(de) };
|
|
21116
|
-
}
|
|
21117
|
-
return de;
|
|
21118
|
-
});
|
|
21119
|
-
}
|
|
21120
|
-
function isTokenTransferDirectExecution(de) {
|
|
21121
|
-
return de.clientMetadata.selectedPaymentMethodInfo?.paymentMethod === "token_transfer" /* TOKEN_TRANSFER */ && !de.clientMetadata.isWithdrawal;
|
|
21122
|
-
}
|
|
21123
|
-
function isWithdrawalDirectExecution(de) {
|
|
21124
|
-
return !!de.clientMetadata.isWithdrawal;
|
|
21125
|
-
}
|
|
21126
|
-
function processRecentDepositsForNotifications(directExecutions, {
|
|
21127
|
-
createdAfterMs,
|
|
21128
|
-
cutOffTimeMs = DEFAULT_NOTIF_CUTOFF,
|
|
21129
|
-
variant
|
|
21130
|
-
} = {}) {
|
|
21131
|
-
if (!directExecutions) {
|
|
21132
|
-
return void 0;
|
|
21133
|
-
}
|
|
21134
|
-
const timestampCutoff = Date.now() - cutOffTimeMs;
|
|
21135
|
-
return mergeMultiStepDirectExecutions(
|
|
21136
|
-
directExecutions.filter((de) => {
|
|
21137
|
-
if (!isRecent(de, timestampCutoff)) {
|
|
21138
|
-
return false;
|
|
21139
|
-
}
|
|
21140
|
-
if (createdAfterMs !== void 0 && de.createdTimeMs <= createdAfterMs) {
|
|
21141
|
-
return false;
|
|
21142
|
-
}
|
|
21143
|
-
if (variant === "token_transfer") {
|
|
21144
|
-
return isTokenTransferDirectExecution(de);
|
|
21145
|
-
}
|
|
21146
|
-
if (variant === "withdrawal") {
|
|
21147
|
-
return isWithdrawalDirectExecution(de);
|
|
21148
|
-
}
|
|
21149
|
-
if (variant === "deposit") {
|
|
21150
|
-
return !isWithdrawalDirectExecution(de);
|
|
21151
|
-
}
|
|
21152
|
-
return true;
|
|
21153
|
-
})
|
|
21154
|
-
).sort((a, b) => b.createdTimeMs - a.createdTimeMs);
|
|
21155
|
-
}
|
|
21156
|
-
var getUpdatedCheckouts = (checkouts, initialCheckouts) => {
|
|
21157
|
-
return checkouts.filter((checkout) => {
|
|
21158
|
-
const initialCheckout = initialCheckouts?.find(
|
|
21159
|
-
(initialCheckout2) => initialCheckout2.depositAddr === checkout.depositAddr
|
|
21160
|
-
);
|
|
21161
|
-
return !initialCheckout || initialCheckout.lastUpdatedTimeMs !== checkout.lastUpdatedTimeMs;
|
|
21162
|
-
});
|
|
21163
|
-
};
|
|
21164
|
-
var getUpdatedDirectExecutions = (directExecutions, initialDirectExecutions) => {
|
|
21165
|
-
return directExecutions.filter((directExecution) => {
|
|
21166
|
-
const initialDirectExecution = initialDirectExecutions?.find(
|
|
21167
|
-
(initialDirectExecution2) => initialDirectExecution2.txHash === directExecution.txHash
|
|
21168
|
-
);
|
|
21169
|
-
return !initialDirectExecution || getDirectExecutionUpdatedTimeMs(initialDirectExecution) !== getDirectExecutionUpdatedTimeMs(directExecution);
|
|
21170
|
-
});
|
|
21171
|
-
};
|
|
20790
|
+
import {
|
|
20791
|
+
DEFAULT_NOTIF_CUTOFF,
|
|
20792
|
+
getUpdatedCheckouts,
|
|
20793
|
+
getUpdatedDirectExecutions,
|
|
20794
|
+
isBitcoinLightningDirectExecution,
|
|
20795
|
+
isTokenTransferDirectExecution,
|
|
20796
|
+
isWithdrawalDirectExecution,
|
|
20797
|
+
mergeMultiStepDirectExecutions,
|
|
20798
|
+
processRecentDepositsForNotifications
|
|
20799
|
+
} from "@funkit/connect-core";
|
|
21172
20800
|
|
|
21173
20801
|
// src/hooks/queries/useRecentDeposits.ts
|
|
21174
20802
|
import {
|
|
@@ -21278,10 +20906,10 @@ import React102 from "react";
|
|
|
21278
20906
|
// src/components/FunPayments/FunPaymentMethods.tsx
|
|
21279
20907
|
import {
|
|
21280
20908
|
BridgeCustomerStatus as BridgeCustomerStatus3,
|
|
21281
|
-
FormOfPaymentType as
|
|
20909
|
+
FormOfPaymentType as FormOfPaymentType3
|
|
21282
20910
|
} from "@funkit/api-base";
|
|
21283
|
-
import { bitcoinChain as
|
|
21284
|
-
import { formatCurrencyAndStringify as
|
|
20911
|
+
import { bitcoinChain as bitcoinChain4, lightningChain } from "@funkit/chains";
|
|
20912
|
+
import { formatCurrencyAndStringify as formatCurrencyAndStringify3 } from "@funkit/utils";
|
|
21285
20913
|
import React89, { useEffect as useEffect33 } from "react";
|
|
21286
20914
|
|
|
21287
20915
|
// src/hooks/useCheckoutTimeEstimate.ts
|
|
@@ -21313,7 +20941,7 @@ function useCheckoutTimeEstimate(latestQuote, originalTimeEstimationMs, paymentM
|
|
|
21313
20941
|
const { showInstantTimeEstimate } = uiCustomizations.confirmationScreen;
|
|
21314
20942
|
const sourceChainId = checkoutItem?.selectedSourceAssetInfo.chainId;
|
|
21315
20943
|
const isSourceChainMainnet = sourceChainId === String(mainnet7.id);
|
|
21316
|
-
const isBrokeragePayment = paymentMethod ===
|
|
20944
|
+
const isBrokeragePayment = paymentMethod === PaymentMethod.BROKERAGE;
|
|
21317
20945
|
const formatTimeText = (seconds) => {
|
|
21318
20946
|
if (seconds === 0) {
|
|
21319
20947
|
return "-";
|
|
@@ -21356,7 +20984,7 @@ import { useMemo as useMemo27 } from "react";
|
|
|
21356
20984
|
|
|
21357
20985
|
// src/hooks/queries/useSwappedExchanges.ts
|
|
21358
20986
|
import { RailConfigType, getFops as getFops2 } from "@funkit/api-base";
|
|
21359
|
-
import { bitcoinChain as
|
|
20987
|
+
import { bitcoinChain as bitcoinChain3, solanaChain as solanaChain3, tronChain as tronChain2 } from "@funkit/chains";
|
|
21360
20988
|
import { useQuery as useQuery14 } from "@tanstack/react-query";
|
|
21361
20989
|
import { useMemo as useMemo26 } from "react";
|
|
21362
20990
|
var EVM_USDC_TARGETS = [
|
|
@@ -21407,7 +21035,7 @@ var useSwappedExchanges = () => {
|
|
|
21407
21035
|
targets.push({
|
|
21408
21036
|
recipientAddress: transferInit.solanaAddr,
|
|
21409
21037
|
destinationToken: {
|
|
21410
|
-
chainId:
|
|
21038
|
+
chainId: solanaChain3.id.toString(),
|
|
21411
21039
|
address: SOLANA_USDC_ADDRESS
|
|
21412
21040
|
}
|
|
21413
21041
|
});
|
|
@@ -21416,7 +21044,7 @@ var useSwappedExchanges = () => {
|
|
|
21416
21044
|
targets.push({
|
|
21417
21045
|
recipientAddress: transferInit.tronAddr,
|
|
21418
21046
|
destinationToken: {
|
|
21419
|
-
chainId:
|
|
21047
|
+
chainId: tronChain2.id.toString(),
|
|
21420
21048
|
address: TRON_USDT_ADDRESS
|
|
21421
21049
|
}
|
|
21422
21050
|
});
|
|
@@ -21425,7 +21053,7 @@ var useSwappedExchanges = () => {
|
|
|
21425
21053
|
targets.push({
|
|
21426
21054
|
recipientAddress: transferInit.btcDepositAddr,
|
|
21427
21055
|
destinationToken: {
|
|
21428
|
-
chainId:
|
|
21056
|
+
chainId: bitcoinChain3.id.toString(),
|
|
21429
21057
|
address: NATIVE_TOKEN
|
|
21430
21058
|
}
|
|
21431
21059
|
});
|
|
@@ -21434,9 +21062,9 @@ var useSwappedExchanges = () => {
|
|
|
21434
21062
|
(target) => target.destinationToken.chainId === targetChain && target.destinationToken.address === targetAsset
|
|
21435
21063
|
)) {
|
|
21436
21064
|
const recipientAddresses = {
|
|
21437
|
-
[
|
|
21438
|
-
[
|
|
21439
|
-
[
|
|
21065
|
+
[bitcoinChain3.id]: transferInit.btcDepositAddr,
|
|
21066
|
+
[solanaChain3.id]: transferInit.solanaAddr,
|
|
21067
|
+
[tronChain2.id]: transferInit.tronAddr
|
|
21440
21068
|
};
|
|
21441
21069
|
const recipientAddress = recipientAddresses[targetChain] || transferInit.depositAddr;
|
|
21442
21070
|
targets.push({
|
|
@@ -21757,7 +21385,7 @@ var useWalletLabel = () => {
|
|
|
21757
21385
|
};
|
|
21758
21386
|
|
|
21759
21387
|
// src/modals/CheckoutModal/InputAmount/utils.ts
|
|
21760
|
-
import { formatCurrencyAndStringify as
|
|
21388
|
+
import { formatCurrencyAndStringify as formatCurrencyAndStringify2 } from "@funkit/utils";
|
|
21761
21389
|
var ASSET_DECIMALS = 5;
|
|
21762
21390
|
var USD_DECIMALS = 2;
|
|
21763
21391
|
var USD_INITIAL_AMOUNT = 100;
|
|
@@ -21814,14 +21442,14 @@ var getInputErrorNotification = (error, t) => {
|
|
|
21814
21442
|
case "aboveMax":
|
|
21815
21443
|
return {
|
|
21816
21444
|
message: t("inputAmount.maximumDeposit", {
|
|
21817
|
-
amount:
|
|
21445
|
+
amount: formatCurrencyAndStringify2(error.usdMaxAmount)
|
|
21818
21446
|
}),
|
|
21819
21447
|
type: "hint"
|
|
21820
21448
|
};
|
|
21821
21449
|
case "belowMin":
|
|
21822
21450
|
return {
|
|
21823
21451
|
message: t("inputAmount.minimumDeposit", {
|
|
21824
|
-
amount:
|
|
21452
|
+
amount: formatCurrencyAndStringify2(error.usdMinAmount)
|
|
21825
21453
|
}),
|
|
21826
21454
|
type: "hint"
|
|
21827
21455
|
};
|
|
@@ -21910,7 +21538,7 @@ function formatCurrencyAmountWithLocale(value, options) {
|
|
|
21910
21538
|
}
|
|
21911
21539
|
function formatFiatAmountAndStringify(value, options) {
|
|
21912
21540
|
if (Number(Math.abs(value).toFixed(2)) >= 1e6) {
|
|
21913
|
-
return
|
|
21541
|
+
return formatCurrencyAndStringify2(value);
|
|
21914
21542
|
}
|
|
21915
21543
|
const { currencySymbolWithSpacing } = getCurrencyFormattingOptions(
|
|
21916
21544
|
options.fiatCurrency,
|
|
@@ -21939,7 +21567,7 @@ import clsx12 from "clsx";
|
|
|
21939
21567
|
import React81, { useMemo as useMemo29 } from "react";
|
|
21940
21568
|
|
|
21941
21569
|
// src/components/FunAssetAvatar/FunAssetAvatar.css.ts
|
|
21942
|
-
var chainContainerStyle = "uwrdc22 _1rsrm2f1c _1rsrm2fa _1rsrm2f4
|
|
21570
|
+
var chainContainerStyle = "uwrdc22 _1rsrm2f1c _1rsrm2fa _1rsrm2f4 _1rsrm2f85";
|
|
21943
21571
|
var containerStyle = "uwrdc20";
|
|
21944
21572
|
|
|
21945
21573
|
// src/components/FunAssetAvatar/FunAssetAvatar.tsx
|
|
@@ -22210,7 +21838,7 @@ import clsx14 from "clsx";
|
|
|
22210
21838
|
import React84, { useRef as useRef12 } from "react";
|
|
22211
21839
|
|
|
22212
21840
|
// src/components/FunOptionBox/FunOptionBox.css.ts
|
|
22213
|
-
var funOptionBoxStyle = { baseStyle: "_1rfcluh0", compactListStyle: "_1rfcluh1", defaultBorder: "
|
|
21841
|
+
var funOptionBoxStyle = { baseStyle: "_1rfcluh0", compactListStyle: "_1rfcluh1", defaultBorder: "_1rsrm2f29m _1rsrm2f29t _1rsrm2f1rf", defaultModeNotActiveBorder: "_1rsrm2f29y _1rsrm2f2a5 _1rsrm2f1rf _1rsrm2f1n", activeBorder: "_1rsrm2f1ra", disabledOptionBorder: "_1rsrm2f1ta", defaultBackground: "_1rsrm2f1ia _1rsrm2f11t", activeBackground: "_1rsrm2f1ia _1rsrm2f18n _1rsrm2f18o", uninteractiveBackground: "_1rsrm2f1ig" };
|
|
22214
21842
|
|
|
22215
21843
|
// src/components/FunOptionBox/FunOptionBox.tsx
|
|
22216
21844
|
function FunOptionBox({
|
|
@@ -22642,11 +22270,11 @@ var ConnectedBluvoPaymentMethodItem = ({
|
|
|
22642
22270
|
const { estimatedTimeText } = useCheckoutTimeEstimate(
|
|
22643
22271
|
null,
|
|
22644
22272
|
BROKERAGE_TIME_ESTIMATE,
|
|
22645
|
-
|
|
22273
|
+
PaymentMethod.BROKERAGE,
|
|
22646
22274
|
false
|
|
22647
22275
|
);
|
|
22648
22276
|
const disclaimerText = isPending ? t("payment.fetchingBalance") : isBalanceError ? t("payment.couldntFetchBalance") : t("payment.disclaimerText", {
|
|
22649
|
-
limit:
|
|
22277
|
+
limit: formatCurrencyAndStringify3(sourceBalance),
|
|
22650
22278
|
time: estimatedTimeText
|
|
22651
22279
|
});
|
|
22652
22280
|
const hasLowBalance = !isPending && sourceBalance < getUsdMinAmount();
|
|
@@ -22693,8 +22321,8 @@ var AccountBalancePaymentMethodItem = ({
|
|
|
22693
22321
|
hasUsableBalance,
|
|
22694
22322
|
minValueThreshold
|
|
22695
22323
|
} = useWalletAssetHoldings(targetChainId);
|
|
22696
|
-
const paymentIcon = usePaymentMethodIcon(
|
|
22697
|
-
const dynamicLimit =
|
|
22324
|
+
const paymentIcon = usePaymentMethodIcon(PaymentMethod.ACCOUNT_BALANCE);
|
|
22325
|
+
const dynamicLimit = formatCurrencyAndStringify3(totalBalance);
|
|
22698
22326
|
const disclaimerText = dynamicLimit ? t("payment.disclaimerText", {
|
|
22699
22327
|
limit: dynamicLimit,
|
|
22700
22328
|
time: t("payment.instant")
|
|
@@ -22749,7 +22377,7 @@ var CardPaymentMethodItem = ({
|
|
|
22749
22377
|
const { estimatedTimeText } = useCheckoutTimeEstimate(
|
|
22750
22378
|
null,
|
|
22751
22379
|
CARD_TIME_ESTIMATE,
|
|
22752
|
-
|
|
22380
|
+
PaymentMethod.CARD,
|
|
22753
22381
|
false
|
|
22754
22382
|
);
|
|
22755
22383
|
return /* @__PURE__ */ React89.createElement(
|
|
@@ -22818,7 +22446,7 @@ var BitcoinLightningPaymentMethodItem = ({
|
|
|
22818
22446
|
const valueIcon = customValueIcon ?? /* @__PURE__ */ React89.createElement(
|
|
22819
22447
|
SupportedChainList,
|
|
22820
22448
|
{
|
|
22821
|
-
chainIdList: [
|
|
22449
|
+
chainIdList: [bitcoinChain4.id, lightningChain.id].map(String)
|
|
22822
22450
|
}
|
|
22823
22451
|
);
|
|
22824
22452
|
return /* @__PURE__ */ React89.createElement(
|
|
@@ -22831,9 +22459,9 @@ var BitcoinLightningPaymentMethodItem = ({
|
|
|
22831
22459
|
onClick,
|
|
22832
22460
|
isDisabled: !isClickable || isUserGeoblocked,
|
|
22833
22461
|
disclaimerText: textCustomizations.paymentMethodSubtitles.bitcoinLightning || t("payment.disclaimerText", {
|
|
22834
|
-
limit: t("payment.
|
|
22835
|
-
|
|
22836
|
-
|
|
22462
|
+
limit: t("payment.lightning"),
|
|
22463
|
+
// no limit - we render the label "Lightning" per design spec
|
|
22464
|
+
time: t("payment.instant")
|
|
22837
22465
|
}),
|
|
22838
22466
|
testId: "bitcoin-lightning-payment-method",
|
|
22839
22467
|
badge: isUserGeoblocked ? /* @__PURE__ */ React89.createElement(PaymentMethodDisabledBadge, { reason: "geoblocked" }) : null
|
|
@@ -22854,7 +22482,7 @@ var BrokeragePaymentMethodItem = ({
|
|
|
22854
22482
|
const { estimatedTimeText } = useCheckoutTimeEstimate(
|
|
22855
22483
|
null,
|
|
22856
22484
|
BROKERAGE_TIME_ESTIMATE,
|
|
22857
|
-
|
|
22485
|
+
PaymentMethod.BROKERAGE,
|
|
22858
22486
|
false
|
|
22859
22487
|
);
|
|
22860
22488
|
return /* @__PURE__ */ React89.createElement(
|
|
@@ -22969,22 +22597,22 @@ function AddPaymentMethodItem({
|
|
|
22969
22597
|
paymentIcon,
|
|
22970
22598
|
testId
|
|
22971
22599
|
};
|
|
22972
|
-
if (paymentMethod ===
|
|
22600
|
+
if (paymentMethod === PaymentMethod.ACCOUNT_BALANCE) {
|
|
22973
22601
|
return /* @__PURE__ */ React89.createElement(ConnectWalletItem, { ...commonProps });
|
|
22974
22602
|
}
|
|
22975
|
-
if (paymentMethod ===
|
|
22603
|
+
if (paymentMethod === PaymentMethod.CARD) {
|
|
22976
22604
|
return /* @__PURE__ */ React89.createElement(CardPaymentMethodItem, { ...commonProps });
|
|
22977
22605
|
}
|
|
22978
|
-
if (paymentMethod ===
|
|
22606
|
+
if (paymentMethod === PaymentMethod.TOKEN_TRANSFER) {
|
|
22979
22607
|
return /* @__PURE__ */ React89.createElement(TransferPaymentMethodItem, { ...commonProps });
|
|
22980
22608
|
}
|
|
22981
|
-
if (paymentMethod ===
|
|
22609
|
+
if (paymentMethod === PaymentMethod.BITCOIN_LIGHTNING) {
|
|
22982
22610
|
return /* @__PURE__ */ React89.createElement(BitcoinLightningPaymentMethodItem, { ...commonProps });
|
|
22983
22611
|
}
|
|
22984
|
-
if (paymentMethod ===
|
|
22612
|
+
if (paymentMethod === PaymentMethod.BROKERAGE) {
|
|
22985
22613
|
return /* @__PURE__ */ React89.createElement(BrokeragePaymentMethodItem, { ...commonProps });
|
|
22986
22614
|
}
|
|
22987
|
-
if (paymentMethod ===
|
|
22615
|
+
if (paymentMethod === PaymentMethod.VIRTUAL_BANK) {
|
|
22988
22616
|
return /* @__PURE__ */ React89.createElement(CreateFiatAccountPaymentMethodItem, { ...commonProps });
|
|
22989
22617
|
}
|
|
22990
22618
|
}
|
|
@@ -23007,7 +22635,7 @@ function NativeAssetItem({
|
|
|
23007
22635
|
),
|
|
23008
22636
|
keyText: label,
|
|
23009
22637
|
onClick,
|
|
23010
|
-
disclaimerText: asset.usdAmount != null ?
|
|
22638
|
+
disclaimerText: asset.usdAmount != null ? formatCurrencyAndStringify3(asset.usdAmount) : void 0,
|
|
23011
22639
|
testId: "native-asset-payment-method"
|
|
23012
22640
|
}
|
|
23013
22641
|
);
|
|
@@ -23087,7 +22715,7 @@ function FopPaymentMethodItem({
|
|
|
23087
22715
|
const { activeTheme, darkTheme: darkTheme2 } = useActiveTheme();
|
|
23088
22716
|
const { t } = useFunkitTranslation();
|
|
23089
22717
|
const isDarkMode = activeTheme === darkTheme2;
|
|
23090
|
-
const isBankTransfer = fop.fopType ===
|
|
22718
|
+
const isBankTransfer = fop.fopType === FormOfPaymentType3.BANK_TRANSFER;
|
|
23091
22719
|
const labelText = isSavedFormOfPaymentType(fop) ? getSavedFormOfPaymentDisplayName(fop) : fop.name;
|
|
23092
22720
|
const keyIcon = /* @__PURE__ */ React89.createElement(
|
|
23093
22721
|
AsyncImage,
|
|
@@ -23481,18 +23109,18 @@ var EvmWallet = ({ size = 20 }) => /* @__PURE__ */ React101.createElement(
|
|
|
23481
23109
|
|
|
23482
23110
|
// src/hooks/usePaymentMethodIcon.tsx
|
|
23483
23111
|
var PAYMENT_METHOD_ICONS = {
|
|
23484
|
-
[
|
|
23485
|
-
[
|
|
23486
|
-
[
|
|
23487
|
-
[
|
|
23488
|
-
[
|
|
23489
|
-
[
|
|
23490
|
-
[
|
|
23491
|
-
[
|
|
23492
|
-
[
|
|
23493
|
-
[
|
|
23494
|
-
[
|
|
23495
|
-
[
|
|
23112
|
+
[PaymentMethod.BROKERAGE]: (size) => /* @__PURE__ */ React102.createElement(ExchangeIcon, { size }),
|
|
23113
|
+
[PaymentMethod.CARD]: (size) => /* @__PURE__ */ React102.createElement(CreditCardIcon, { size }),
|
|
23114
|
+
[PaymentMethod.SWAPPED_CARD]: (size) => /* @__PURE__ */ React102.createElement(FanaticsCreditCardIcon, { size }),
|
|
23115
|
+
[PaymentMethod.SEPA]: (size) => /* @__PURE__ */ React102.createElement(SepaBankIcon, { size }),
|
|
23116
|
+
[PaymentMethod.SEPA_INSTANT]: (size) => /* @__PURE__ */ React102.createElement(SepaBankIcon, { size }),
|
|
23117
|
+
[PaymentMethod.VENMO]: (size) => /* @__PURE__ */ React102.createElement(VenmoIcon, { size }),
|
|
23118
|
+
[PaymentMethod.APPLE_PAY]: (size) => /* @__PURE__ */ React102.createElement(ApplePayIcon, { size }),
|
|
23119
|
+
[PaymentMethod.GOOGLE_PAY]: (size) => /* @__PURE__ */ React102.createElement(GooglePayIcon, { size }),
|
|
23120
|
+
[PaymentMethod.REVOLUT_PAY]: (size) => /* @__PURE__ */ React102.createElement(RevolutPayIcon, { size }),
|
|
23121
|
+
[PaymentMethod.TOKEN_TRANSFER]: (size) => /* @__PURE__ */ React102.createElement(CryptoTransferQRIcon, { size }),
|
|
23122
|
+
[PaymentMethod.BITCOIN_LIGHTNING]: (size) => /* @__PURE__ */ React102.createElement(CashAppIcon, { size }),
|
|
23123
|
+
[PaymentMethod.VIRTUAL_BANK]: (size) => /* @__PURE__ */ React102.createElement(BankIcon, { size })
|
|
23496
23124
|
};
|
|
23497
23125
|
var DEFAULT_PAYMENT_METHOD_ICON_SIZE = 20;
|
|
23498
23126
|
function usePaymentMethodIcon(paymentMethod, iconSize = DEFAULT_PAYMENT_METHOD_ICON_SIZE) {
|
|
@@ -23500,7 +23128,7 @@ function usePaymentMethodIcon(paymentMethod, iconSize = DEFAULT_PAYMENT_METHOD_I
|
|
|
23500
23128
|
const wallets = usePreparedWalletConnectors();
|
|
23501
23129
|
const { connector } = useAccount();
|
|
23502
23130
|
const { uiCustomizations } = useFunkitConfig();
|
|
23503
|
-
const isAccountBalance = paymentMethod ===
|
|
23131
|
+
const isAccountBalance = paymentMethod === PaymentMethod.ACCOUNT_BALANCE;
|
|
23504
23132
|
const isConnectedAccountBalance = isAccountBalance && !!connector;
|
|
23505
23133
|
const customerSpecificIcon = getIconFromUiConfig(
|
|
23506
23134
|
paymentMethod,
|
|
@@ -23510,7 +23138,7 @@ function usePaymentMethodIcon(paymentMethod, iconSize = DEFAULT_PAYMENT_METHOD_I
|
|
|
23510
23138
|
if (customerSpecificIcon && !isConnectedAccountBalance) {
|
|
23511
23139
|
return customerSpecificIcon;
|
|
23512
23140
|
}
|
|
23513
|
-
if (paymentMethod !==
|
|
23141
|
+
if (paymentMethod !== PaymentMethod.ACCOUNT_BALANCE) {
|
|
23514
23142
|
return PAYMENT_METHOD_ICONS[paymentMethod](iconSize);
|
|
23515
23143
|
}
|
|
23516
23144
|
if (loginType === "web3" /* Web3 */) {
|
|
@@ -23535,16 +23163,16 @@ var usePaymentMethodInfoLabel = (methodInfo, iconSize = DEFAULT_PAYMENT_METHOD_I
|
|
|
23535
23163
|
const { textCustomizations } = useFunkitConfig();
|
|
23536
23164
|
const { t } = useFunkitTranslation();
|
|
23537
23165
|
const paymentIcon = usePaymentMethodIcon(methodInfo.paymentMethod, iconSize);
|
|
23538
|
-
if (methodInfo.paymentMethod ===
|
|
23166
|
+
if (methodInfo.paymentMethod === PaymentMethod.CARD) {
|
|
23539
23167
|
return { text: "", icon: /* @__PURE__ */ React102.createElement(CombinedCreditCardOptionsIcon, null) };
|
|
23540
23168
|
}
|
|
23541
|
-
if (methodInfo.paymentMethod ===
|
|
23169
|
+
if (methodInfo.paymentMethod === PaymentMethod.BROKERAGE) {
|
|
23542
23170
|
const icon2 = getExchangeIcon(methodInfo.exchange, iconSize);
|
|
23543
23171
|
const brokerageLabel = methodInfo.title;
|
|
23544
23172
|
const text = brokerageLabel;
|
|
23545
23173
|
return { text, icon: icon2 };
|
|
23546
23174
|
}
|
|
23547
|
-
if (methodInfo.paymentMethod ===
|
|
23175
|
+
if (methodInfo.paymentMethod === PaymentMethod.VIRTUAL_BANK) {
|
|
23548
23176
|
const virtualFiatLabel = getFiatAccountLabel(
|
|
23549
23177
|
methodInfo.title,
|
|
23550
23178
|
methodInfo.matchingFiatAccount
|
|
@@ -23563,7 +23191,7 @@ var usePaymentMethodInfoLabel = (methodInfo, iconSize = DEFAULT_PAYMENT_METHOD_I
|
|
|
23563
23191
|
};
|
|
23564
23192
|
}
|
|
23565
23193
|
const icon = /* @__PURE__ */ React102.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center" }, paymentIcon);
|
|
23566
|
-
if (methodInfo.paymentMethod ===
|
|
23194
|
+
if (methodInfo.paymentMethod === PaymentMethod.ACCOUNT_BALANCE) {
|
|
23567
23195
|
const label = getWalletLabel(t, textCustomizations, methodInfo.description);
|
|
23568
23196
|
return { text: label, icon };
|
|
23569
23197
|
}
|
|
@@ -23597,7 +23225,7 @@ var PaymentDestination = ({
|
|
|
23597
23225
|
const { uiCustomizations } = useFunkitConfig();
|
|
23598
23226
|
const { t } = useFunkitTranslation();
|
|
23599
23227
|
const { walletAddress } = useGeneralWallet();
|
|
23600
|
-
const walletIcon = usePaymentMethodIcon(
|
|
23228
|
+
const walletIcon = usePaymentMethodIcon(PaymentMethod.ACCOUNT_BALANCE, 15);
|
|
23601
23229
|
const destinationIcon = destinationConfig?.icon ?? walletIcon;
|
|
23602
23230
|
const destinationAddress = customRecipient || walletAddress || "";
|
|
23603
23231
|
const LabelIconComponent = uiCustomizations.customIcons.paymentDestination;
|
|
@@ -23618,7 +23246,7 @@ var PaymentRouteSummary = ({
|
|
|
23618
23246
|
const { apiKey, uiCustomizations } = useFunkitConfig();
|
|
23619
23247
|
const customDestinationConfig = uiCustomizations.confirmationScreen.destinationConfig;
|
|
23620
23248
|
const isSimplifiedUi = uiCustomizations.checkoutHistory?.simplifiedUi;
|
|
23621
|
-
const isAccountPayment = paymentMethodInfo?.paymentMethod ===
|
|
23249
|
+
const isAccountPayment = paymentMethodInfo?.paymentMethod === PaymentMethod.ACCOUNT_BALANCE;
|
|
23622
23250
|
const isSameDestination = isAccountPayment && // TODO: Hardcoded for Monad - make this a config?
|
|
23623
23251
|
// See https://linear.app/funxyz/issue/ENG-1382/monad-theme-updates
|
|
23624
23252
|
(isMonadCustomer(apiKey) || !customRecipient && !customDestinationConfig);
|
|
@@ -23822,7 +23450,7 @@ function AddTokenToWalletButton({
|
|
|
23822
23450
|
const { t } = useFunkitTranslation();
|
|
23823
23451
|
const { connector } = useFunkitAccount();
|
|
23824
23452
|
const { mutate, isPending, isSuccess, isError } = useAddTokenToWallet(addToWalletToken);
|
|
23825
|
-
const walletIcon = usePaymentMethodIcon(
|
|
23453
|
+
const walletIcon = usePaymentMethodIcon(PaymentMethod.ACCOUNT_BALANCE, 16);
|
|
23826
23454
|
if (!connector || !isEvmChainId(addToWalletToken.tokenChainId) || isNativeTokenAddress(addToWalletToken.tokenAddress)) {
|
|
23827
23455
|
return null;
|
|
23828
23456
|
}
|
|
@@ -23965,7 +23593,7 @@ function FunTxSummaryHistory({
|
|
|
23965
23593
|
const checkoutItem = isCheckoutItemLoaded && checkoutHistoryItem.clientMetadata;
|
|
23966
23594
|
const { uiCustomizations } = useFunkitConfig();
|
|
23967
23595
|
const customDestinationConfig = uiCustomizations.confirmationScreen.destinationConfig;
|
|
23968
|
-
const isAccountPayment = checkoutItem && checkoutItem.selectedPaymentMethodInfo?.paymentMethod ===
|
|
23596
|
+
const isAccountPayment = checkoutItem && checkoutItem.selectedPaymentMethodInfo?.paymentMethod === PaymentMethod.ACCOUNT_BALANCE;
|
|
23969
23597
|
const sourceRedirectAddress = isAccountPayment ? checkoutHistoryItem?.sourceOfFund?.split("|")?.[2] : null;
|
|
23970
23598
|
const clientMetadata = checkoutHistoryItem?.clientMetadata;
|
|
23971
23599
|
const sourceRedirectChainId = sourceRedirectAddress && clientMetadata && !clientMetadata.initSettings.config.customRecipient && // is same as destination
|
|
@@ -24273,7 +23901,7 @@ function DirectExecutionSummaryHistory({
|
|
|
24273
23901
|
});
|
|
24274
23902
|
const customDestinationConfig = uiCustomizations.confirmationScreen.destinationConfig;
|
|
24275
23903
|
const clientMetadata = isLoaded && directExecution?.clientMetadata;
|
|
24276
|
-
const isAccountPayment = clientMetadata && clientMetadata.selectedPaymentMethodInfo?.paymentMethod ===
|
|
23904
|
+
const isAccountPayment = clientMetadata && clientMetadata.selectedPaymentMethodInfo?.paymentMethod === PaymentMethod.ACCOUNT_BALANCE;
|
|
24277
23905
|
const sourceRedirectAddress = isAccountPayment ? directExecution?.sourceOfFund?.split("|")?.[2] : null;
|
|
24278
23906
|
const isWithdrawal = !!directExecution?.clientMetadata?.isWithdrawal;
|
|
24279
23907
|
const sourceRedirectChain = sourceRedirectAddress && clientMetadata && !clientMetadata.initSettings.config.customRecipient && // is same as destination
|
|
@@ -24697,7 +24325,7 @@ var WithdrawalCallbackSuccess = ({
|
|
|
24697
24325
|
import {
|
|
24698
24326
|
FlagKey as FlagKey4,
|
|
24699
24327
|
formatCryptoAndStringify as formatCryptoAndStringify4,
|
|
24700
|
-
formatCurrencyAndStringify as
|
|
24328
|
+
formatCurrencyAndStringify as formatCurrencyAndStringify5
|
|
24701
24329
|
} from "@funkit/utils";
|
|
24702
24330
|
import React130, { useEffect as useEffect42, useMemo as useMemo39, useRef as useRef19, useState as useState38 } from "react";
|
|
24703
24331
|
import { createPortal as createPortal4 } from "react-dom";
|
|
@@ -24720,7 +24348,11 @@ import React114 from "react";
|
|
|
24720
24348
|
|
|
24721
24349
|
// src/components/Icons/CoinsIcon.tsx
|
|
24722
24350
|
import React112 from "react";
|
|
24723
|
-
var CoinsIcon = ({
|
|
24351
|
+
var CoinsIcon = ({
|
|
24352
|
+
size = 48,
|
|
24353
|
+
bgColor = "#141C41",
|
|
24354
|
+
iconColor = "#878A98"
|
|
24355
|
+
}) => {
|
|
24724
24356
|
return /* @__PURE__ */ React112.createElement(
|
|
24725
24357
|
"svg",
|
|
24726
24358
|
{
|
|
@@ -24734,14 +24366,14 @@ var CoinsIcon = ({ size = 48 }) => {
|
|
|
24734
24366
|
"path",
|
|
24735
24367
|
{
|
|
24736
24368
|
d: "M24 1C36.9787 1 47.5 11.5213 47.5 24.5C47.5 37.4787 36.9787 48 24 48C11.0213 48 0.5 37.4787 0.5 24.5C0.5 11.5213 11.0213 1 24 1Z",
|
|
24737
|
-
fill:
|
|
24738
|
-
stroke:
|
|
24369
|
+
fill: bgColor,
|
|
24370
|
+
stroke: bgColor
|
|
24739
24371
|
}
|
|
24740
24372
|
), /* @__PURE__ */ React112.createElement("g", { clipPath: "url(#clip1_30657_22302)" }, /* @__PURE__ */ React112.createElement(
|
|
24741
24373
|
"path",
|
|
24742
24374
|
{
|
|
24743
24375
|
d: "M25 17C25 18.1046 22.5376 19 19.5 19C16.4624 19 14 18.1046 14 17M25 17C25 15.8954 22.5376 15 19.5 15C16.4624 15 14 15.8954 14 17M25 17V18.5M14 17V29C14 30.1046 16.4624 31 19.5 31M19.5 23C19.3315 23 19.1647 22.9972 19 22.9918C16.1967 22.9 14 22.0433 14 21M19.5 27C16.4624 27 14 26.1046 14 25M34 23.5C34 24.6046 31.5376 25.5 28.5 25.5C25.4624 25.5 23 24.6046 23 23.5M34 23.5C34 22.3954 31.5376 21.5 28.5 21.5C25.4624 21.5 23 22.3954 23 23.5M34 23.5V31C34 32.1046 31.5376 33 28.5 33C25.4624 33 23 32.1046 23 31V23.5M34 27.25C34 28.3546 31.5376 29.25 28.5 29.25C25.4624 29.25 23 28.3546 23 27.25",
|
|
24744
|
-
stroke:
|
|
24376
|
+
stroke: iconColor,
|
|
24745
24377
|
strokeWidth: "1.5",
|
|
24746
24378
|
strokeLinecap: "round",
|
|
24747
24379
|
strokeLinejoin: "round"
|
|
@@ -24837,7 +24469,13 @@ var FunNoResults = ({
|
|
|
24837
24469
|
style: { flex: 1 }
|
|
24838
24470
|
},
|
|
24839
24471
|
variant === "default" && /* @__PURE__ */ React114.createElement(React114.Fragment, null, /* @__PURE__ */ React114.createElement(SearchSkeletonIcon, null), /* @__PURE__ */ React114.createElement(Text, { color: "secondaryText", size: "10" }, text)),
|
|
24840
|
-
variant === "actionable" && /* @__PURE__ */ React114.createElement(React114.Fragment, null, /* @__PURE__ */ React114.createElement(
|
|
24472
|
+
variant === "actionable" && /* @__PURE__ */ React114.createElement(React114.Fragment, null, /* @__PURE__ */ React114.createElement(
|
|
24473
|
+
CoinsIcon,
|
|
24474
|
+
{
|
|
24475
|
+
bgColor: themeVars.colors.offBackground,
|
|
24476
|
+
iconColor: themeVars.colors.actionColor
|
|
24477
|
+
}
|
|
24478
|
+
), /* @__PURE__ */ React114.createElement(
|
|
24841
24479
|
Box,
|
|
24842
24480
|
{
|
|
24843
24481
|
display: "flex",
|
|
@@ -25880,7 +25518,7 @@ import React122 from "react";
|
|
|
25880
25518
|
|
|
25881
25519
|
// src/components/FunInfoBanner/InfoBanner.css.ts
|
|
25882
25520
|
var anchorStyle = "vyedix0";
|
|
25883
|
-
var iconWrapperStyle = "vyedix2
|
|
25521
|
+
var iconWrapperStyle = "vyedix2 _1rsrm2fwe _1rsrm2f6q";
|
|
25884
25522
|
|
|
25885
25523
|
// src/components/FunInfoBanner/InfoBanner.tsx
|
|
25886
25524
|
var InfoBanner = ({
|
|
@@ -26196,11 +25834,12 @@ function useWithdrawalQuote({
|
|
|
26196
25834
|
selectedChainId,
|
|
26197
25835
|
selectedTokenAddress,
|
|
26198
25836
|
selectedTokenSymbol,
|
|
26199
|
-
config
|
|
25837
|
+
config,
|
|
25838
|
+
isEnabled = true
|
|
26200
25839
|
}) {
|
|
26201
25840
|
const withdrawalWalletAddress = isWalletWithdrawalConfig(config) ? config.wallet.address() : "0x0000000000000000000000000000000000000000";
|
|
26202
25841
|
const selectedPaymentMethodInfo = createPaymentMethodInfo({
|
|
26203
|
-
paymentMethod:
|
|
25842
|
+
paymentMethod: PaymentMethod.ACCOUNT_BALANCE,
|
|
26204
25843
|
walletAddress: withdrawalWalletAddress
|
|
26205
25844
|
});
|
|
26206
25845
|
const { loginType, userInfo } = useGeneralWallet();
|
|
@@ -26214,7 +25853,7 @@ function useWithdrawalQuote({
|
|
|
26214
25853
|
const sourceAmountUSD = checkoutItem?.sourceAssetAmount;
|
|
26215
25854
|
const targetAsset = checkoutItem?.initSettings.config.targetAsset;
|
|
26216
25855
|
const targetChain = checkoutItem?.initSettings.config.targetChain;
|
|
26217
|
-
const enabled = !!apiKey && !!targetAsset && !!targetChain && !!selectedChainId && !!sourceAmountUSD && !!recipientAddress && !!selectedTokenAddress && !!isValidAddress && !!checkoutItem && !isRecipientBlacklisted && // Note: Because we update the checkoutItem with React effects, the checkout item
|
|
25856
|
+
const enabled = isEnabled && !!apiKey && !!targetAsset && !!targetChain && !!selectedChainId && !!sourceAmountUSD && !!recipientAddress && !!selectedTokenAddress && !!isValidAddress && !!checkoutItem && !isRecipientBlacklisted && // Note: Because we update the checkoutItem with React effects, the checkout item
|
|
26218
25857
|
// may not be matching the props in intermediate renders. This ensures we don't
|
|
26219
25858
|
// fire quotes in such states.
|
|
26220
25859
|
isTokenEquivalent2({
|
|
@@ -26288,10 +25927,11 @@ function useWithdrawalQuote({
|
|
|
26288
25927
|
// src/hooks/queries/useWithdrawalRisk.ts
|
|
26289
25928
|
import { useQuery as useQuery17 } from "@tanstack/react-query";
|
|
26290
25929
|
import { useEffect as useEffect38, useRef as useRef17 } from "react";
|
|
26291
|
-
|
|
26292
|
-
var useWithdrawalRisk = (apiKey, receiveAddress) => {
|
|
25930
|
+
var useWithdrawalRisk = (apiKey, receiveAddress, chainId2) => {
|
|
26293
25931
|
const lastRiskyAddressRef = useRef17(null);
|
|
26294
25932
|
const query = useQuery17({
|
|
25933
|
+
// chainId is intentionally not in the key: risk is address-intrinsic and
|
|
25934
|
+
// the fetcher doesn't use it — chainId only gates `enabled` below.
|
|
26295
25935
|
queryKey: ["withdrawal", "addressRisk", apiKey, receiveAddress],
|
|
26296
25936
|
queryFn: async () => {
|
|
26297
25937
|
try {
|
|
@@ -26304,7 +25944,13 @@ var useWithdrawalRisk = (apiKey, receiveAddress) => {
|
|
|
26304
25944
|
throw error;
|
|
26305
25945
|
}
|
|
26306
25946
|
},
|
|
26307
|
-
|
|
25947
|
+
// Chain-aware gate: viem's isAddress() is EVM-only and silently disabled
|
|
25948
|
+
// this query for Solana/Tron recipients, skipping risk screening entirely.
|
|
25949
|
+
// isAddressCompatibleWithChain covers EVM, Solana, and Tron.
|
|
25950
|
+
enabled: !!apiKey && !!receiveAddress && chainId2 !== void 0 && isAddressCompatibleWithChain(receiveAddress, chainId2),
|
|
25951
|
+
// api-base already retries the underlying request; one query-level retry
|
|
25952
|
+
// is enough before we surface the error state (which blocks the CTA).
|
|
25953
|
+
retry: 1,
|
|
26308
25954
|
refetchOnMount: false,
|
|
26309
25955
|
refetchOnReconnect: false,
|
|
26310
25956
|
refetchOnWindowFocus: false
|
|
@@ -26474,7 +26120,7 @@ function useSafeJSONParse(src) {
|
|
|
26474
26120
|
}
|
|
26475
26121
|
|
|
26476
26122
|
// src/hooks/useEnabledTokenTransferChainTokens.ts
|
|
26477
|
-
import { bitcoinChain as
|
|
26123
|
+
import { bitcoinChain as bitcoinChain5, solanaChain as solanaChain4, tronChain as tronChain3 } from "@funkit/chains";
|
|
26478
26124
|
import { FlagKey as FlagKey2 } from "@funkit/utils";
|
|
26479
26125
|
function useEnabledTokenTransferChainTokens(transferInit, isWithdrawal) {
|
|
26480
26126
|
const { symbolsByChainId, isLoading } = useTokenTransferConfig(isWithdrawal);
|
|
@@ -26497,15 +26143,15 @@ function useEnabledTokenTransferChainTokens(transferInit, isWithdrawal) {
|
|
|
26497
26143
|
return Object.keys(assets).reduce(
|
|
26498
26144
|
(acc, curChainIdString) => {
|
|
26499
26145
|
const chainId2 = Number(curChainIdString);
|
|
26500
|
-
const isSolana = chainId2 ===
|
|
26146
|
+
const isSolana = chainId2 === solanaChain4.id;
|
|
26501
26147
|
if (isSolana && !hasSolanaAddress && !isWithdrawal) {
|
|
26502
26148
|
return acc;
|
|
26503
26149
|
}
|
|
26504
|
-
const isBitcoin = chainId2 ===
|
|
26150
|
+
const isBitcoin = chainId2 === bitcoinChain5.id;
|
|
26505
26151
|
if (isBitcoin && !hasBitcoinAddress && !isWithdrawal) {
|
|
26506
26152
|
return acc;
|
|
26507
26153
|
}
|
|
26508
|
-
const isTron = chainId2 ===
|
|
26154
|
+
const isTron = chainId2 === tronChain3.id;
|
|
26509
26155
|
if (isTron && !hasTronAddress && !isWithdrawal) {
|
|
26510
26156
|
return acc;
|
|
26511
26157
|
}
|
|
@@ -26839,7 +26485,13 @@ function getRelayQuoteErrorDisplayMessage(error, t) {
|
|
|
26839
26485
|
}
|
|
26840
26486
|
return ERROR_MESSAGES.QUOTE_ERROR;
|
|
26841
26487
|
}
|
|
26842
|
-
function getErrorNotification(
|
|
26488
|
+
function getErrorNotification({
|
|
26489
|
+
quoteErrorObject,
|
|
26490
|
+
withdrawalError,
|
|
26491
|
+
targetAssetFetchError,
|
|
26492
|
+
riskCheckError,
|
|
26493
|
+
t
|
|
26494
|
+
}) {
|
|
26843
26495
|
if (quoteErrorObject) {
|
|
26844
26496
|
return {
|
|
26845
26497
|
message: getRelayQuoteErrorDisplayMessage(quoteErrorObject, t),
|
|
@@ -26855,6 +26507,12 @@ function getErrorNotification(quoteErrorObject, withdrawalError, targetAssetFetc
|
|
|
26855
26507
|
type: "default"
|
|
26856
26508
|
};
|
|
26857
26509
|
}
|
|
26510
|
+
if (riskCheckError) {
|
|
26511
|
+
return {
|
|
26512
|
+
message: t("common.somethingWentWrong"),
|
|
26513
|
+
type: "default"
|
|
26514
|
+
};
|
|
26515
|
+
}
|
|
26858
26516
|
return null;
|
|
26859
26517
|
}
|
|
26860
26518
|
|
|
@@ -26862,8 +26520,8 @@ function getErrorNotification(quoteErrorObject, withdrawalError, targetAssetFetc
|
|
|
26862
26520
|
import React127, { useEffect as useEffect40, useState as useState34 } from "react";
|
|
26863
26521
|
import {
|
|
26864
26522
|
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8,
|
|
26865
|
-
solanaChain as
|
|
26866
|
-
tronChain as
|
|
26523
|
+
solanaChain as solanaChain5,
|
|
26524
|
+
tronChain as tronChain4
|
|
26867
26525
|
} from "@funkit/chains";
|
|
26868
26526
|
function getAlertMessage(selectedChainId, selectedToken, t) {
|
|
26869
26527
|
const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[selectedChainId]?.name;
|
|
@@ -26891,7 +26549,7 @@ function useShowConnectWallet({ config }) {
|
|
|
26891
26549
|
return showUseConnected;
|
|
26892
26550
|
}
|
|
26893
26551
|
function getRecipientAddressPlaceholder(selectedChainId, t) {
|
|
26894
|
-
if (selectedChainId ===
|
|
26552
|
+
if (selectedChainId === solanaChain5.id || selectedChainId === tronChain4.id) {
|
|
26895
26553
|
return t("withdrawal.enterRecipientAddress")[0] + t("withdrawal.enterRecipientAddress").slice(1).toLowerCase();
|
|
26896
26554
|
}
|
|
26897
26555
|
return "0x...";
|
|
@@ -27010,7 +26668,7 @@ function WithdrawRecipientAddress({
|
|
|
27010
26668
|
import { RELAY_LIGHTER_CHAIN_ID as RELAY_LIGHTER_CHAIN_ID3 } from "@funkit/fun-relay";
|
|
27011
26669
|
import {
|
|
27012
26670
|
formatCryptoAndStringify as formatCryptoAndStringify3,
|
|
27013
|
-
formatCurrencyAndStringify as
|
|
26671
|
+
formatCurrencyAndStringify as formatCurrencyAndStringify4
|
|
27014
26672
|
} from "@funkit/utils";
|
|
27015
26673
|
import * as DropdownMenu3 from "@radix-ui/react-dropdown-menu";
|
|
27016
26674
|
import React128, { useState as useState35 } from "react";
|
|
@@ -27045,7 +26703,7 @@ function WithdrawAmountInput({
|
|
|
27045
26703
|
setWithdrawalInputAmount(sourceTokenBalance);
|
|
27046
26704
|
};
|
|
27047
26705
|
const showAmountError = amountInputTouched && withdrawalInputAmount !== "" && !isWithdrawAmountValid;
|
|
27048
|
-
const minAmountDisplay = isLighter ? `${minWithdrawalDisplayValue} ${activeSymbol}` :
|
|
26706
|
+
const minAmountDisplay = isLighter ? `${minWithdrawalDisplayValue} ${activeSymbol}` : formatCurrencyAndStringify4(minWithdrawalDisplayValue);
|
|
27049
26707
|
const errorText = showAmountError ? isWithdrawAmountTooLow ? t("withdrawal.minimumWithdrawAmount", { amount: minAmountDisplay }) : t("withdrawal.insufficientBalance") : void 0;
|
|
27050
26708
|
return /* @__PURE__ */ React128.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React128.createElement(Text, { size: "inputLabel", weight: "inputLabel", color: "inputLabel" }, t("withdrawal.amount")), /* @__PURE__ */ React128.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, isLighter ? /* @__PURE__ */ React128.createElement(
|
|
27051
26709
|
LighterCompoundAmountInput,
|
|
@@ -27084,7 +26742,7 @@ function WithdrawAmountInput({
|
|
|
27084
26742
|
}
|
|
27085
26743
|
)
|
|
27086
26744
|
}
|
|
27087
|
-
), /* @__PURE__ */ React128.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React128.createElement(Text, { size: "12", color: "secondaryText" }, sourceTokenUsdPrice === void 0 ? "-" :
|
|
26745
|
+
), /* @__PURE__ */ React128.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React128.createElement(Text, { size: "12", color: "secondaryText" }, sourceTokenUsdPrice === void 0 ? "-" : formatCurrencyAndStringify4(
|
|
27088
26746
|
Number(withdrawalInputAmount) * sourceTokenUsdPrice,
|
|
27089
26747
|
{ minBeforeUseScientific: 0 }
|
|
27090
26748
|
)), Number(sourceTokenBalance) > 0 && /* @__PURE__ */ React128.createElement(Text, { size: "12", color: "secondaryText" }, t("withdrawal.balance", {
|
|
@@ -27694,7 +27352,7 @@ var FALLBACK_FEES = {
|
|
|
27694
27352
|
marketMakerFeeUsd: 0,
|
|
27695
27353
|
liquidityProviderFeeUsd: 0,
|
|
27696
27354
|
eoaWalletFeeUsd: 0,
|
|
27697
|
-
paymentMethod:
|
|
27355
|
+
paymentMethod: PaymentMethod.ACCOUNT_BALANCE,
|
|
27698
27356
|
eoaWalletFeeToken: 0,
|
|
27699
27357
|
nativeCurrencySymbol: "",
|
|
27700
27358
|
totalFeesUsd: 0,
|
|
@@ -27926,6 +27584,12 @@ var WithdrawContent = ({
|
|
|
27926
27584
|
iconSrc: getTokenIconUrl(selectedToken)
|
|
27927
27585
|
});
|
|
27928
27586
|
}, [targetAssetInfo, updateTargetAsset, selectedChainId, selectedToken]);
|
|
27587
|
+
const { apiKey } = useFunkitConfig();
|
|
27588
|
+
const {
|
|
27589
|
+
data: isRisky,
|
|
27590
|
+
isLoading: isCheckingAddressRisk,
|
|
27591
|
+
error: riskCheckError
|
|
27592
|
+
} = useWithdrawalRisk(apiKey, recipientAddress, selectedChainId);
|
|
27929
27593
|
const {
|
|
27930
27594
|
isLoading: isQuoteLoading,
|
|
27931
27595
|
data: quote,
|
|
@@ -27936,7 +27600,10 @@ var WithdrawContent = ({
|
|
|
27936
27600
|
recipientAddress: isLighterSecure ? "" : recipientAddress,
|
|
27937
27601
|
selectedChainId: selectedChainId?.toString(),
|
|
27938
27602
|
selectedTokenAddress: isLighterSecure ? void 0 : targetAssetInfo?.address,
|
|
27939
|
-
selectedTokenSymbol: isLighterSecure ? void 0 : selectedToken
|
|
27603
|
+
selectedTokenSymbol: isLighterSecure ? void 0 : selectedToken,
|
|
27604
|
+
// Don't quote until the recipient risk check resolves clean — fail-closed:
|
|
27605
|
+
// undefined (in flight, unscreenable, or errored) blocks quoting.
|
|
27606
|
+
isEnabled: isRisky === false
|
|
27940
27607
|
});
|
|
27941
27608
|
const { handleWithdrawal, isWithdrawing, withdrawalError } = useWithdrawal({
|
|
27942
27609
|
config,
|
|
@@ -27945,7 +27612,6 @@ var WithdrawContent = ({
|
|
|
27945
27612
|
onContinue(withdrawal, txHash);
|
|
27946
27613
|
}
|
|
27947
27614
|
});
|
|
27948
|
-
const { apiKey } = useFunkitConfig();
|
|
27949
27615
|
const sourceTokenOptions = useLighterSourceTokenOptions(
|
|
27950
27616
|
config,
|
|
27951
27617
|
apiKey,
|
|
@@ -28047,10 +27713,6 @@ var WithdrawContent = ({
|
|
|
28047
27713
|
quote: quote.finalEstimation
|
|
28048
27714
|
});
|
|
28049
27715
|
};
|
|
28050
|
-
const { data: isRisky, isLoading: isCheckingAddressRisk } = useWithdrawalRisk(
|
|
28051
|
-
apiKey,
|
|
28052
|
-
recipientAddress
|
|
28053
|
-
);
|
|
28054
27716
|
const isRecipientBlacklisted = useIsBlacklistedWithdrawalAddress(recipientAddress);
|
|
28055
27717
|
const polymarketSourceAddress = isPolymarketCustomer(apiKey) && connectedWalletAddress ? derivePolymarketProxyAddress(connectedWalletAddress) : void 0;
|
|
28056
27718
|
const isWithdrawingToSourceAddress = !!polymarketSourceAddress && recipientAddress.toLowerCase() === polymarketSourceAddress.toLowerCase();
|
|
@@ -28136,7 +27798,10 @@ var WithdrawContent = ({
|
|
|
28136
27798
|
const hasAddressError = !isRecipientInputValid && recipientAddress !== "";
|
|
28137
27799
|
const hasAmountError = withdrawalInputAmount !== "" && !isWithdrawAmountValid;
|
|
28138
27800
|
function computeCanContinue() {
|
|
28139
|
-
const baseChecks = !!recipientAddress && !!withdrawalInputAmount && !hasAmountError && !hasAddressError &&
|
|
27801
|
+
const baseChecks = !!recipientAddress && !!withdrawalInputAmount && !hasAmountError && !hasAddressError && // Fail closed: require a definitive "not risky" result. `undefined`
|
|
27802
|
+
// (check in flight, query disabled, or API error) must block — a
|
|
27803
|
+
// Chainalysis outage or a non-screenable address is not a green light.
|
|
27804
|
+
isRisky === false && !isRecipientBlacklisted;
|
|
28140
27805
|
if (!baseChecks) {
|
|
28141
27806
|
return false;
|
|
28142
27807
|
}
|
|
@@ -28239,7 +27904,7 @@ var WithdrawContent = ({
|
|
|
28239
27904
|
size: "withdrawalYouWillReceive",
|
|
28240
27905
|
weight: "withdrawalYouWillReceiveValueUsd"
|
|
28241
27906
|
},
|
|
28242
|
-
|
|
27907
|
+
formatCurrencyAndStringify5(receiveAmountFiatTotal)
|
|
28243
27908
|
));
|
|
28244
27909
|
}
|
|
28245
27910
|
const { swapImpactUsd, appFeeUsd, gasUsd } = extractRelayFeeInfo(
|
|
@@ -28261,13 +27926,20 @@ var WithdrawContent = ({
|
|
|
28261
27926
|
t
|
|
28262
27927
|
});
|
|
28263
27928
|
const errorNotification = useMemo39(
|
|
28264
|
-
() => getErrorNotification(
|
|
27929
|
+
() => getErrorNotification({
|
|
28265
27930
|
quoteErrorObject,
|
|
28266
27931
|
withdrawalError,
|
|
28267
27932
|
targetAssetFetchError,
|
|
27933
|
+
riskCheckError,
|
|
28268
27934
|
t
|
|
28269
|
-
),
|
|
28270
|
-
[
|
|
27935
|
+
}),
|
|
27936
|
+
[
|
|
27937
|
+
quoteErrorObject,
|
|
27938
|
+
targetAssetFetchError,
|
|
27939
|
+
withdrawalError,
|
|
27940
|
+
riskCheckError,
|
|
27941
|
+
t
|
|
27942
|
+
]
|
|
28271
27943
|
);
|
|
28272
27944
|
const isWithdrawalBannerVisible = message && (!expireAtMs || Date.now() <= expireAtMs);
|
|
28273
27945
|
const isUsdceSelected = normalizedSelectedToken === "USDC.E";
|
|
@@ -28341,7 +28013,7 @@ import React136 from "react";
|
|
|
28341
28013
|
|
|
28342
28014
|
// src/hooks/queries/useWithdrawFops.ts
|
|
28343
28015
|
import {
|
|
28344
|
-
FormOfPaymentType as
|
|
28016
|
+
FormOfPaymentType as FormOfPaymentType4,
|
|
28345
28017
|
RailConfigType as RailConfigType2,
|
|
28346
28018
|
getFops as getFops3
|
|
28347
28019
|
} from "@funkit/api-base";
|
|
@@ -28364,13 +28036,13 @@ var mockFop = (fopType, name) => ({
|
|
|
28364
28036
|
});
|
|
28365
28037
|
var MOCK_WITHDRAW_FOPS = {
|
|
28366
28038
|
genericFormsOfPayments: [
|
|
28367
|
-
mockFop(
|
|
28368
|
-
mockFop(
|
|
28369
|
-
mockFop(
|
|
28370
|
-
mockFop(
|
|
28371
|
-
mockFop(
|
|
28372
|
-
mockFop(
|
|
28373
|
-
mockFop(
|
|
28039
|
+
mockFop(FormOfPaymentType4.BANK_TRANSFER, "Bank Transfer"),
|
|
28040
|
+
mockFop(FormOfPaymentType4.SKRILL, "Skrill"),
|
|
28041
|
+
mockFop(FormOfPaymentType4.PIX, "Pix"),
|
|
28042
|
+
mockFop(FormOfPaymentType4.NETELLER, "Neteller"),
|
|
28043
|
+
mockFop(FormOfPaymentType4.INTERAC, "Interac"),
|
|
28044
|
+
mockFop(FormOfPaymentType4.REVOLUT_PAY, "Revolut Pay"),
|
|
28045
|
+
mockFop(FormOfPaymentType4.PAYPAL, "PayPal")
|
|
28374
28046
|
],
|
|
28375
28047
|
savedFormsOfPayments: []
|
|
28376
28048
|
};
|
|
@@ -30832,7 +30504,7 @@ var BridgeKycInfo = {
|
|
|
30832
30504
|
...common,
|
|
30833
30505
|
step: "source_change" /* SOURCE_CHANGE */,
|
|
30834
30506
|
paymentMethodInfo: createPaymentMethodInfo({
|
|
30835
|
-
paymentMethod:
|
|
30507
|
+
paymentMethod: PaymentMethod.VIRTUAL_BANK,
|
|
30836
30508
|
matchingFiatAccount: payload.virtualFiatAccount,
|
|
30837
30509
|
bridgeCustomer: payload.bridgeCustomer
|
|
30838
30510
|
})
|
|
@@ -32018,7 +31690,7 @@ function ConnectExchange({
|
|
|
32018
31690
|
}
|
|
32019
31691
|
setIsLoadingBluvoModal(false);
|
|
32020
31692
|
const paymentInfo = createPaymentMethodInfo({
|
|
32021
|
-
paymentMethod:
|
|
31693
|
+
paymentMethod: PaymentMethod.BROKERAGE,
|
|
32022
31694
|
deviceId: walletId,
|
|
32023
31695
|
exchange: exchangeType
|
|
32024
31696
|
});
|
|
@@ -32337,7 +32009,7 @@ function SelectBrokerage({
|
|
|
32337
32009
|
if (walletId) {
|
|
32338
32010
|
await handleStartWithdrawal(exchange);
|
|
32339
32011
|
const paymentInfo = createPaymentMethodInfo({
|
|
32340
|
-
paymentMethod:
|
|
32012
|
+
paymentMethod: PaymentMethod.BROKERAGE,
|
|
32341
32013
|
deviceId: walletId,
|
|
32342
32014
|
exchange
|
|
32343
32015
|
});
|
|
@@ -32511,7 +32183,7 @@ var ChainInfoBanners = ({ chainId: chainId2 }) => {
|
|
|
32511
32183
|
|
|
32512
32184
|
// src/components/FunTransactionSummary/PaymentAmountSummary.tsx
|
|
32513
32185
|
import {
|
|
32514
|
-
formatCurrencyAndStringify as
|
|
32186
|
+
formatCurrencyAndStringify as formatCurrencyAndStringify6,
|
|
32515
32187
|
isTokenAddressEquivalent as isTokenAddressEquivalent3,
|
|
32516
32188
|
isTokenEquivalent as isTokenEquivalent3
|
|
32517
32189
|
} from "@funkit/utils";
|
|
@@ -32549,8 +32221,8 @@ function PaymentAmountSummary({
|
|
|
32549
32221
|
const sourceTokenAddress = sourceAssetInfo?.address ?? "0x";
|
|
32550
32222
|
const sourceTokenChainId = sourceAssetInfo?.chainId ?? "";
|
|
32551
32223
|
const targetTokenAddress = checkoutConfig?.targetAsset ?? "0x";
|
|
32552
|
-
const isCardPayment = paymentMethod ===
|
|
32553
|
-
const isBrokeragePayment = paymentMethod ===
|
|
32224
|
+
const isCardPayment = paymentMethod === PaymentMethod.CARD;
|
|
32225
|
+
const isBrokeragePayment = paymentMethod === PaymentMethod.BROKERAGE;
|
|
32554
32226
|
const receiveAmountLabel = useReceiveAmountLabel({
|
|
32555
32227
|
directExecutionType,
|
|
32556
32228
|
isSameToken: isTokenEquivalent3({
|
|
@@ -32561,7 +32233,7 @@ function PaymentAmountSummary({
|
|
|
32561
32233
|
})
|
|
32562
32234
|
});
|
|
32563
32235
|
const sourceTokenAmount = displayAmounts ? floorToDecimals(Number.parseFloat(displayAmounts.sendAmount), 6) : quote?.finalPaymentTokenAmount ? floorToDecimals(Number.parseFloat(quote.finalPaymentTokenAmount), 6) : void 0;
|
|
32564
|
-
const paymentTokenUsdAmount = quote ?
|
|
32236
|
+
const paymentTokenUsdAmount = quote ? formatCurrencyAndStringify6(quote.baseQuote.estTotalUsd) : void 0;
|
|
32565
32237
|
const targetTokenAmount = displayAmounts?.receiveAmount != null ? floorToDecimals(Number.parseFloat(displayAmounts.receiveAmount), 6) : checkoutConfig?.targetAssetAmount ?? 0;
|
|
32566
32238
|
const { finalizedTokenAmount, finalizedTokenSymbol, finalizedTokenIcon } = computeDisplayDestinationToken(checkoutConfig, targetTokenAmount);
|
|
32567
32239
|
const targetItemName = checkoutConfig?.targetAssetTicker || checkoutConfig?.checkoutItemTitle;
|
|
@@ -32589,7 +32261,7 @@ function PaymentAmountSummary({
|
|
|
32589
32261
|
return void 0;
|
|
32590
32262
|
}
|
|
32591
32263
|
const amount = checkoutConfig?.generateActionsParams ? quote.baseQuote.estTotalUsd : quote.baseQuote.estSubtotalUsd;
|
|
32592
|
-
return
|
|
32264
|
+
return formatCurrencyAndStringify6(amount * (1 - swapImpactPct / 100));
|
|
32593
32265
|
}, [quote, swapImpactPct, checkoutConfig]);
|
|
32594
32266
|
return /* @__PURE__ */ React181.createElement(FunTxSummaryBox, null, showYouWillPaySummary && /* @__PURE__ */ React181.createElement(React181.Fragment, null, /* @__PURE__ */ React181.createElement(
|
|
32595
32267
|
PaymentAmountSummaryItem,
|
|
@@ -32856,8 +32528,8 @@ import React187 from "react";
|
|
|
32856
32528
|
|
|
32857
32529
|
// src/components/AnimatedDollarValue/AnimatedDollarValue.tsx
|
|
32858
32530
|
import NumberFlow2 from "@number-flow/react";
|
|
32859
|
-
import React185, { forwardRef as
|
|
32860
|
-
var AnimatedDollarValue =
|
|
32531
|
+
import React185, { forwardRef as forwardRef5, useMemo as useMemo47 } from "react";
|
|
32532
|
+
var AnimatedDollarValue = forwardRef5((props, ref) => {
|
|
32861
32533
|
const { value, dynamicMinFractionDigits, ...restProps } = props;
|
|
32862
32534
|
const minimumFractionDigits = typeof value === "number" && !Number.isInteger(value) || !dynamicMinFractionDigits ? 2 : 0;
|
|
32863
32535
|
const formatOptions = useMemo47(
|
|
@@ -33594,7 +33266,7 @@ function usePostCheckout({
|
|
|
33594
33266
|
}
|
|
33595
33267
|
const paymentMethodInfo = checkoutItem.selectedPaymentMethodInfo;
|
|
33596
33268
|
const { isDirectExecution } = getDirectExecutionInfo(checkoutItem);
|
|
33597
|
-
if (isDirectExecution && paymentMethodInfo.paymentMethod ===
|
|
33269
|
+
if (isDirectExecution && paymentMethodInfo.paymentMethod === PaymentMethod.ACCOUNT_BALANCE) {
|
|
33598
33270
|
return onSuccess({
|
|
33599
33271
|
depositAddress,
|
|
33600
33272
|
paymentMethodInfo
|
|
@@ -33607,13 +33279,13 @@ function usePostCheckout({
|
|
|
33607
33279
|
});
|
|
33608
33280
|
switch (paymentMethodInfo.paymentMethod) {
|
|
33609
33281
|
// TODO: add brokerage back
|
|
33610
|
-
case
|
|
33282
|
+
case PaymentMethod.BROKERAGE: {
|
|
33611
33283
|
break;
|
|
33612
33284
|
}
|
|
33613
|
-
case
|
|
33285
|
+
case PaymentMethod.ACCOUNT_BALANCE:
|
|
33614
33286
|
await handleAccountBalancePostCheckout(depositAddress);
|
|
33615
33287
|
break;
|
|
33616
|
-
case
|
|
33288
|
+
case PaymentMethod.CARD:
|
|
33617
33289
|
break;
|
|
33618
33290
|
}
|
|
33619
33291
|
setCheckoutProgress(checkoutItem.id, { step: 2 });
|
|
@@ -33655,8 +33327,8 @@ import { noop as noop7 } from "@funkit/utils";
|
|
|
33655
33327
|
import React190, { useCallback as useCallback35, useEffect as useEffect49, useState as useState54 } from "react";
|
|
33656
33328
|
|
|
33657
33329
|
// src/components/FunCountdown/FunCountdown.css.ts
|
|
33658
|
-
var backgroundRing = "_1t0bc111
|
|
33659
|
-
var counterRing = "_1t0bc113
|
|
33330
|
+
var backgroundRing = "_1t0bc111 _1rsrm2f2lm";
|
|
33331
|
+
var counterRing = "_1t0bc113 _1rsrm2f39s";
|
|
33660
33332
|
|
|
33661
33333
|
// src/components/FunCountdown/FunCountdown.tsx
|
|
33662
33334
|
var FunCountdown = ({
|
|
@@ -33961,10 +33633,10 @@ var ConfirmationStepInfo = {
|
|
|
33961
33633
|
step: "loading_account" /* LOADING_ACCOUNT */
|
|
33962
33634
|
};
|
|
33963
33635
|
}
|
|
33964
|
-
if (paymentMethodInfo.paymentMethod ===
|
|
33636
|
+
if (paymentMethodInfo.paymentMethod === PaymentMethod.CARD) {
|
|
33965
33637
|
throw new Error("Missing data in transition to moonpay");
|
|
33966
33638
|
}
|
|
33967
|
-
if (paymentMethodInfo.paymentMethod ===
|
|
33639
|
+
if (paymentMethodInfo.paymentMethod === PaymentMethod.BROKERAGE) {
|
|
33968
33640
|
return {
|
|
33969
33641
|
...common,
|
|
33970
33642
|
step: "brokerage_two_fa" /* BROKERAGE_TWO_FA */,
|
|
@@ -33994,7 +33666,7 @@ function ConfirmationStep({
|
|
|
33994
33666
|
const { getDirectExecutionInfo } = useCheckoutDirectExecution();
|
|
33995
33667
|
const { bluvoClient } = useFunkitBrokerageContext();
|
|
33996
33668
|
const { paymentMethodInfo } = modalState;
|
|
33997
|
-
const isBrokeragePaymentMethod = paymentMethodInfo.paymentMethod ===
|
|
33669
|
+
const isBrokeragePaymentMethod = paymentMethodInfo.paymentMethod === PaymentMethod.BROKERAGE;
|
|
33998
33670
|
const { isDirectExecution, directExecutionType } = getDirectExecutionInfo(checkoutItem);
|
|
33999
33671
|
const {
|
|
34000
33672
|
handlePostCheckout,
|
|
@@ -34184,7 +33856,7 @@ function ConfirmationStep({
|
|
|
34184
33856
|
{
|
|
34185
33857
|
checkoutItem,
|
|
34186
33858
|
continueText: t("checkoutConfirmation.confirmOrder"),
|
|
34187
|
-
isCardPayment: paymentMethodInfo.paymentMethod ===
|
|
33859
|
+
isCardPayment: paymentMethodInfo.paymentMethod === PaymentMethod.CARD,
|
|
34188
33860
|
finalConvertedAssetName
|
|
34189
33861
|
}
|
|
34190
33862
|
);
|
|
@@ -34337,7 +34009,7 @@ var useMeldDefaultCurrency = (paymentMethod) => {
|
|
|
34337
34009
|
});
|
|
34338
34010
|
return response.currencies[0]?.defaultCurrencyCode ?? "USD";
|
|
34339
34011
|
},
|
|
34340
|
-
enabled: !!apiKey && paymentMethod ===
|
|
34012
|
+
enabled: !!apiKey && paymentMethod === PaymentMethod.CARD && !!userIpInfo && enableMeld,
|
|
34341
34013
|
refetchOnMount: false,
|
|
34342
34014
|
refetchOnReconnect: false,
|
|
34343
34015
|
refetchOnWindowFocus: false
|
|
@@ -34347,7 +34019,7 @@ var useMeldDefaultCurrency = (paymentMethod) => {
|
|
|
34347
34019
|
|
|
34348
34020
|
// src/hooks/queries/useMeldLimits.ts
|
|
34349
34021
|
import { getMeldFiatLimits } from "@funkit/api-base";
|
|
34350
|
-
import { formatCurrencyAndStringify as
|
|
34022
|
+
import { formatCurrencyAndStringify as formatCurrencyAndStringify7 } from "@funkit/utils";
|
|
34351
34023
|
import { useQuery as useQuery23 } from "@tanstack/react-query";
|
|
34352
34024
|
|
|
34353
34025
|
// src/consts/meld.ts
|
|
@@ -34381,7 +34053,7 @@ function useMinCheckoutDeposit({
|
|
|
34381
34053
|
const tokenAddress = config.targetAsset;
|
|
34382
34054
|
const minDepositUsd = getMinDepositUSD?.({ tokenChainId, tokenAddress }) || 0;
|
|
34383
34055
|
const minDeposit = minDepositUsd * exchangeRate;
|
|
34384
|
-
if (paymentMethod ===
|
|
34056
|
+
if (paymentMethod === PaymentMethod.CARD && minDeposit) {
|
|
34385
34057
|
const meldBuffer = MELD_MIN_LIMIT_BUFFER * exchangeRate;
|
|
34386
34058
|
return minDeposit + meldBuffer;
|
|
34387
34059
|
}
|
|
@@ -34425,7 +34097,7 @@ var useMeldLimit = (fiatCurrency) => {
|
|
|
34425
34097
|
const query = useMeldLimits();
|
|
34426
34098
|
const minCheckoutDeposit = useMinCheckoutDeposit({
|
|
34427
34099
|
currency: fiatCurrency,
|
|
34428
|
-
paymentMethod:
|
|
34100
|
+
paymentMethod: PaymentMethod.CARD
|
|
34429
34101
|
});
|
|
34430
34102
|
let limit = query.data?.find((limit2) => limit2.currencyCode === fiatCurrency);
|
|
34431
34103
|
if (limit) {
|
|
@@ -34444,7 +34116,7 @@ var useMeldLimitError = (amount, fiatCurrency) => {
|
|
|
34444
34116
|
return void 0;
|
|
34445
34117
|
}
|
|
34446
34118
|
if (amount < meldLimit.minimumAmount) {
|
|
34447
|
-
const limit =
|
|
34119
|
+
const limit = formatCurrencyAndStringify7(
|
|
34448
34120
|
meldLimit.minimumAmount ?? 0,
|
|
34449
34121
|
{},
|
|
34450
34122
|
{
|
|
@@ -34459,7 +34131,7 @@ var useMeldLimitError = (amount, fiatCurrency) => {
|
|
|
34459
34131
|
};
|
|
34460
34132
|
}
|
|
34461
34133
|
if (amount > meldLimit.maximumAmount) {
|
|
34462
|
-
const limit =
|
|
34134
|
+
const limit = formatCurrencyAndStringify7(
|
|
34463
34135
|
meldLimit.maximumAmount ?? 0,
|
|
34464
34136
|
{},
|
|
34465
34137
|
{
|
|
@@ -35250,34 +34922,34 @@ var SourcePaymentMethodItem = ({
|
|
|
35250
34922
|
const backdropColor = themeVars.colors.offBackground;
|
|
35251
34923
|
const icons = [
|
|
35252
34924
|
{
|
|
35253
|
-
paymentMethod:
|
|
34925
|
+
paymentMethod: PaymentMethod.ACCOUNT_BALANCE,
|
|
35254
34926
|
icon: /* @__PURE__ */ React197.createElement(MetamaskPillIcon, { key: "metamask", backdropColor })
|
|
35255
34927
|
},
|
|
35256
34928
|
{
|
|
35257
|
-
paymentMethod:
|
|
34929
|
+
paymentMethod: PaymentMethod.BROKERAGE,
|
|
35258
34930
|
icon: /* @__PURE__ */ React197.createElement(BinancePillIcon, { key: "binance", backdropColor })
|
|
35259
34931
|
},
|
|
35260
34932
|
{
|
|
35261
|
-
paymentMethod:
|
|
34933
|
+
paymentMethod: PaymentMethod.CARD,
|
|
35262
34934
|
icon: /* @__PURE__ */ React197.createElement(VisaPillIcon, { key: "visa", backdropColor })
|
|
35263
34935
|
},
|
|
35264
34936
|
{
|
|
35265
|
-
paymentMethod:
|
|
34937
|
+
paymentMethod: PaymentMethod.BROKERAGE,
|
|
35266
34938
|
icon: /* @__PURE__ */ React197.createElement(CoinbasePillIcon, { key: "coinbase", backdropColor })
|
|
35267
34939
|
},
|
|
35268
34940
|
{
|
|
35269
|
-
paymentMethod:
|
|
34941
|
+
paymentMethod: PaymentMethod.ACCOUNT_BALANCE,
|
|
35270
34942
|
icon: /* @__PURE__ */ React197.createElement(RainbowPillIcon, { key: "rainbow", backdropColor })
|
|
35271
34943
|
},
|
|
35272
34944
|
{
|
|
35273
|
-
paymentMethod:
|
|
34945
|
+
paymentMethod: PaymentMethod.CARD,
|
|
35274
34946
|
icon: /* @__PURE__ */ React197.createElement(MasterCardPillIcon, { key: "mastercard", backdropColor })
|
|
35275
34947
|
}
|
|
35276
34948
|
];
|
|
35277
34949
|
const isMeldEnabled = useIsMeldEnabled();
|
|
35278
34950
|
const isBrokerageEnabled = useDynamicConfig("enablebluvobrokerage");
|
|
35279
34951
|
const usableAlternativeIcons = icons.filter(({ paymentMethod }) => {
|
|
35280
|
-
if (paymentMethod === type || paymentMethod ===
|
|
34952
|
+
if (paymentMethod === type || paymentMethod === PaymentMethod.CARD && !isMeldEnabled || paymentMethod === PaymentMethod.BROKERAGE && !isBrokerageEnabled) {
|
|
35281
34953
|
return false;
|
|
35282
34954
|
}
|
|
35283
34955
|
return true;
|
|
@@ -35691,7 +35363,7 @@ function InputAmountLayout({
|
|
|
35691
35363
|
}
|
|
35692
35364
|
|
|
35693
35365
|
// src/modals/CheckoutModal/InputAmount/QuickOptions.tsx
|
|
35694
|
-
import { clamp as clamp2, formatCurrencyAndStringify as
|
|
35366
|
+
import { clamp as clamp2, formatCurrencyAndStringify as formatCurrencyAndStringify8 } from "@funkit/utils";
|
|
35695
35367
|
import React202 from "react";
|
|
35696
35368
|
var USD_AMOUNT_OPTIONS_PCT = [25, 50, 75, 100];
|
|
35697
35369
|
function deduplicateArray(arr) {
|
|
@@ -35760,7 +35432,7 @@ var QuickOptions = ({
|
|
|
35760
35432
|
},
|
|
35761
35433
|
testId: `quick-option-${percentMode ? `${option}pct` : option}`
|
|
35762
35434
|
},
|
|
35763
|
-
!percentMode ?
|
|
35435
|
+
!percentMode ? formatCurrencyAndStringify8(
|
|
35764
35436
|
option,
|
|
35765
35437
|
{},
|
|
35766
35438
|
{
|
|
@@ -36440,17 +36112,17 @@ function getInitialFiatAmount({
|
|
|
36440
36112
|
return defaultAmount;
|
|
36441
36113
|
}
|
|
36442
36114
|
const targetAssetFiat = targetAssetAmount !== void 0 ? targetAssetAmount * targetUnitPrice : void 0;
|
|
36443
|
-
if (paymentMethod ===
|
|
36115
|
+
if (paymentMethod === PaymentMethod.ACCOUNT_BALANCE) {
|
|
36444
36116
|
const balanceIsSufficient = usdAvailableAmount !== null && targetAssetFiat !== void 0 && usdAvailableAmount >= targetAssetFiat;
|
|
36445
36117
|
if (targetAssetFiat !== void 0 && balanceIsSufficient && targetAssetFiat >= usdMinAmount && targetAssetFiat <= (usdMaxAmount ?? Number.MAX_VALUE)) {
|
|
36446
36118
|
return targetAssetFiat;
|
|
36447
36119
|
}
|
|
36448
36120
|
return calcInitialFiatAmount(usdAvailableAmount ?? 0);
|
|
36449
36121
|
}
|
|
36450
|
-
if (paymentMethod ===
|
|
36122
|
+
if (paymentMethod === PaymentMethod.CARD) {
|
|
36451
36123
|
return getDefaultAmountFromQuickOptions(quickOptions);
|
|
36452
36124
|
}
|
|
36453
|
-
if (paymentMethod ===
|
|
36125
|
+
if (paymentMethod === PaymentMethod.BROKERAGE && usdAvailableAmount !== null) {
|
|
36454
36126
|
return calcInitialFiatAmount(usdAvailableAmount);
|
|
36455
36127
|
}
|
|
36456
36128
|
if (targetAssetFiat !== void 0) {
|
|
@@ -36480,7 +36152,7 @@ function initializeState({
|
|
|
36480
36152
|
const isExactIn = quoteBuilder.isExactIn();
|
|
36481
36153
|
const { targetAssetAmount, targetChain } = checkoutConfig;
|
|
36482
36154
|
const hasFinalizedToken = !!checkoutConfig.finalizedToken;
|
|
36483
|
-
const isInputInFiat = defaultIsInputInFiat ?? (!hasFinalizedToken || paymentMethodInfo.paymentMethod ===
|
|
36155
|
+
const isInputInFiat = defaultIsInputInFiat ?? (!hasFinalizedToken || paymentMethodInfo.paymentMethod === PaymentMethod.CARD);
|
|
36484
36156
|
const targetUnitPrice = realUnitPrice;
|
|
36485
36157
|
const resolveUnitPriceParams = [
|
|
36486
36158
|
isExactIn,
|
|
@@ -37032,7 +36704,7 @@ function useAmountInput(options) {
|
|
|
37032
36704
|
setInputWidth(newInputWidth);
|
|
37033
36705
|
}
|
|
37034
36706
|
}, [fontSize, textContent, inputWidth, measureText]);
|
|
37035
|
-
const isCardCheckout = paymentMethodInfo.paymentMethod ===
|
|
36707
|
+
const isCardCheckout = paymentMethodInfo.paymentMethod === PaymentMethod.CARD;
|
|
37036
36708
|
const isMeldFlow = isCardCheckout && isMeldEnabled;
|
|
37037
36709
|
const unitPrice = realUnitPrice;
|
|
37038
36710
|
const dispatchAndGetNewState = useCallback41(
|
|
@@ -37609,8 +37281,8 @@ function InputAmountLoaded({
|
|
|
37609
37281
|
const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
|
|
37610
37282
|
const paymentMethodInfo = modalState.paymentMethodInfo;
|
|
37611
37283
|
const { quote: manuallySelectedQuote } = modalState;
|
|
37612
|
-
const isCardCheckout = paymentMethodInfo.paymentMethod ===
|
|
37613
|
-
const isBrokerageCheckout = paymentMethodInfo.paymentMethod ===
|
|
37284
|
+
const isCardCheckout = paymentMethodInfo.paymentMethod === PaymentMethod.CARD;
|
|
37285
|
+
const isBrokerageCheckout = paymentMethodInfo.paymentMethod === PaymentMethod.BROKERAGE;
|
|
37614
37286
|
const meldEnabled = useIsMeldEnabled() && isCardCheckout;
|
|
37615
37287
|
const { updateTargetAssetAmount } = useCheckoutContext();
|
|
37616
37288
|
const { brokerageMinMax } = useFunkitBrokerageContext();
|
|
@@ -37638,7 +37310,7 @@ function InputAmountLoaded({
|
|
|
37638
37310
|
tokenAddress: checkoutConfig.targetAsset
|
|
37639
37311
|
});
|
|
37640
37312
|
const brokerageMinUsd = Math.max(brokerageMinMax?.minUsd ?? 0, minUsd ?? 0);
|
|
37641
|
-
if (paymentMethodInfo.paymentMethod ===
|
|
37313
|
+
if (paymentMethodInfo.paymentMethod === PaymentMethod.BITCOIN_LIGHTNING) {
|
|
37642
37314
|
return minUdaTransferLimit;
|
|
37643
37315
|
}
|
|
37644
37316
|
if (isBrokerageCheckout) {
|
|
@@ -37851,7 +37523,7 @@ function InputAmountLoaded({
|
|
|
37851
37523
|
header: isCardCheckout && isSourceNavWidgetEnabled && /* @__PURE__ */ React206.createElement(Box, { width: "full" }, /* @__PURE__ */ React206.createElement(
|
|
37852
37524
|
SourcePaymentMethodItem,
|
|
37853
37525
|
{
|
|
37854
|
-
type:
|
|
37526
|
+
type: PaymentMethod.CARD,
|
|
37855
37527
|
keyText: t("payment.depositWithCard"),
|
|
37856
37528
|
keyIcon: /* @__PURE__ */ React206.createElement(CreditCardIcon, { size: 16 }),
|
|
37857
37529
|
onClick: () => onNext({
|
|
@@ -38255,7 +37927,7 @@ function InputAmountLoading({
|
|
|
38255
37927
|
};
|
|
38256
37928
|
}
|
|
38257
37929
|
}, [sourceHoldingError, unitPriceError, t]);
|
|
38258
|
-
const isMeldPaymentMethod = paymentMethodInfo.paymentMethod ===
|
|
37930
|
+
const isMeldPaymentMethod = paymentMethodInfo.paymentMethod === PaymentMethod.CARD;
|
|
38259
37931
|
const isMeldCheckout = isMeldPaymentMethod && meldEnabled;
|
|
38260
37932
|
return /* @__PURE__ */ React207.createElement(
|
|
38261
37933
|
InputAmountLayout,
|
|
@@ -38265,7 +37937,7 @@ function InputAmountLoading({
|
|
|
38265
37937
|
header: isMeldPaymentMethod && isSourceNavWidgetEnabled && /* @__PURE__ */ React207.createElement(Box, { width: "full" }, /* @__PURE__ */ React207.createElement(
|
|
38266
37938
|
SourcePaymentMethodItem,
|
|
38267
37939
|
{
|
|
38268
|
-
type:
|
|
37940
|
+
type: PaymentMethod.CARD,
|
|
38269
37941
|
keyText: t("payment.depositWithCard"),
|
|
38270
37942
|
keyIcon: /* @__PURE__ */ React207.createElement(CreditCardIcon, { size: 16 })
|
|
38271
37943
|
}
|
|
@@ -38324,17 +37996,17 @@ function InputAmountLoading({
|
|
|
38324
37996
|
import { useMemo as useMemo55 } from "react";
|
|
38325
37997
|
function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetChainId, assetSymbol) {
|
|
38326
37998
|
const paymentMethod = paymentMethodInfo.paymentMethod;
|
|
38327
|
-
const isBrokerage = paymentMethod ===
|
|
37999
|
+
const isBrokerage = paymentMethod === PaymentMethod.BROKERAGE;
|
|
38328
38000
|
const exchange = isBrokerage ? paymentMethodInfo.exchange : void 0;
|
|
38329
38001
|
const { data: walletAssetHoldings, isLoading: isLoadingWalletAssetHoldings } = useWalletAssetHoldings(targetChainId);
|
|
38330
38002
|
const { data: brokerageBalance, isLoading: isLoadingBrokerageBalance } = useBluvoExchangeBalance({ exchange });
|
|
38331
38003
|
const holdings = {
|
|
38332
|
-
[
|
|
38333
|
-
[
|
|
38334
|
-
[
|
|
38335
|
-
[
|
|
38336
|
-
[
|
|
38337
|
-
[
|
|
38004
|
+
[PaymentMethod.ACCOUNT_BALANCE]: walletAssetHoldings,
|
|
38005
|
+
[PaymentMethod.BROKERAGE]: brokerageBalance,
|
|
38006
|
+
[PaymentMethod.CARD]: null,
|
|
38007
|
+
[PaymentMethod.TOKEN_TRANSFER]: null,
|
|
38008
|
+
[PaymentMethod.BITCOIN_LIGHTNING]: null,
|
|
38009
|
+
[PaymentMethod.VIRTUAL_BANK]: null
|
|
38338
38010
|
}[paymentMethod];
|
|
38339
38011
|
const isLoading = isBrokerage ? isLoadingBrokerageBalance : isLoadingWalletAssetHoldings;
|
|
38340
38012
|
const holdingItem = useMemo55(() => {
|
|
@@ -38387,14 +38059,14 @@ var InputAmountInfo = {
|
|
|
38387
38059
|
depositAddress: payload.txHash
|
|
38388
38060
|
};
|
|
38389
38061
|
}
|
|
38390
|
-
if (state.paymentMethodInfo.paymentMethod ===
|
|
38062
|
+
if (state.paymentMethodInfo.paymentMethod === PaymentMethod.BITCOIN_LIGHTNING) {
|
|
38391
38063
|
return {
|
|
38392
38064
|
...common,
|
|
38393
38065
|
step: "lightning_invoice" /* LIGHTNING_INVOICE */,
|
|
38394
38066
|
paymentMethodInfo: state.paymentMethodInfo
|
|
38395
38067
|
};
|
|
38396
38068
|
}
|
|
38397
|
-
if (state.paymentMethodInfo.paymentMethod ===
|
|
38069
|
+
if (state.paymentMethodInfo.paymentMethod === PaymentMethod.CARD && payload.fiatCurrency) {
|
|
38398
38070
|
if (payload.nextStep === "meld_redirect" /* MELD_REDIRECT */ && payload.quote) {
|
|
38399
38071
|
return {
|
|
38400
38072
|
...common,
|
|
@@ -38431,7 +38103,7 @@ var InputAmountInfo = {
|
|
|
38431
38103
|
},
|
|
38432
38104
|
showFullHeight: !isMobile7(),
|
|
38433
38105
|
// back should be disabled in card flow in input_amount
|
|
38434
|
-
disableBack: ({ state, isSourceNavWidgetEnabled }) => state.paymentMethodInfo?.paymentMethod ===
|
|
38106
|
+
disableBack: ({ state, isSourceNavWidgetEnabled }) => state.paymentMethodInfo?.paymentMethod === PaymentMethod.CARD && isSourceNavWidgetEnabled
|
|
38435
38107
|
};
|
|
38436
38108
|
function InputAmount(props) {
|
|
38437
38109
|
const { paymentMethodInfo } = props.modalState;
|
|
@@ -38450,7 +38122,7 @@ function InputAmount(props) {
|
|
|
38450
38122
|
checkoutItem?.selectedSourceAssetInfo.symbol ?? null
|
|
38451
38123
|
);
|
|
38452
38124
|
const { data: defaultCurrency, isLoading: isMeldDefaultCurrencyLoading } = useMeldDefaultCurrency(paymentMethodInfo.paymentMethod);
|
|
38453
|
-
const isMeld = paymentMethodInfo.paymentMethod ===
|
|
38125
|
+
const isMeld = paymentMethodInfo.paymentMethod === PaymentMethod.CARD;
|
|
38454
38126
|
useMeldCurrencies(isMeld);
|
|
38455
38127
|
useMeldLimits(isMeld);
|
|
38456
38128
|
const { error: unitPriceError, price: unitPrice } = useAssetAddressPrice({
|
|
@@ -38531,15 +38203,15 @@ var useCopyToClipboard = (text, delay = 1500) => {
|
|
|
38531
38203
|
};
|
|
38532
38204
|
|
|
38533
38205
|
// src/components/CopyAddress/CopyInputDisplayedAddress.css.ts
|
|
38534
|
-
var copyButton = "_1kbzei93
|
|
38206
|
+
var copyButton = "_1kbzei93 _1rsrm2fpy _1rsrm2frz _1rsrm2ftw _1rsrm2fnt _1rsrm2fx5 _1rsrm2f2py _1rsrm2f1la _1rsrm2f1lh _1rsrm2f1lo";
|
|
38535
38207
|
var copyButtonIcon = "_1kbzei94";
|
|
38536
38208
|
var copyButtonIconActive = "_1kbzei96 _1kbzei94";
|
|
38537
38209
|
var copyButtonIconBase = "_1kbzei95";
|
|
38538
|
-
var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4 _1rsrm2f1z
|
|
38210
|
+
var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4 _1rsrm2f1z _1rsrm2f2cs _1rsrm2f2cz _1rsrm2f1j _1rsrm2fu _1rsrm2f1f";
|
|
38539
38211
|
var copyInputText = "_1kbzei9a";
|
|
38540
38212
|
var copyInputTextActive = "_1kbzei9e _1kbzei9d";
|
|
38541
|
-
var copyInputTextBox = "_1kbzei98 _1rsrm2fa _1rsrm2f4
|
|
38542
|
-
var copyInputTextBoxActive = "_1kbzei99 _1kbzei98 _1rsrm2fa _1rsrm2f4
|
|
38213
|
+
var copyInputTextBox = "_1kbzei98 _1rsrm2fa _1rsrm2f4 _1rsrm2f85 _1rsrm2f4h";
|
|
38214
|
+
var copyInputTextBoxActive = "_1kbzei99 _1kbzei98 _1rsrm2fa _1rsrm2f4 _1rsrm2f85 _1rsrm2f4h";
|
|
38543
38215
|
var copyInputTextDefault = "_1kbzei9d";
|
|
38544
38216
|
var copyInputTextWrapper = "_1kbzei9c";
|
|
38545
38217
|
var displayedAddressText = "_1kbzei9b";
|
|
@@ -38708,7 +38380,7 @@ import { motion as motion11, useAnimationControls as useAnimationControls2 } fro
|
|
|
38708
38380
|
import React214, { useState as useState64 } from "react";
|
|
38709
38381
|
|
|
38710
38382
|
// src/components/FunFeatureList/FunFeatureList.css.ts
|
|
38711
|
-
var detailsButton = "_1045qr71
|
|
38383
|
+
var detailsButton = "_1045qr71 _1rsrm2fpy _1rsrm2frz _1rsrm2ftw _1rsrm2fnt _1rsrm2fx5 _1rsrm2fa _1rsrm2f4 _1rsrm2f86 _1rsrm2fu";
|
|
38712
38384
|
|
|
38713
38385
|
// src/components/FunFeatureList/FunFeatureListItem.tsx
|
|
38714
38386
|
import React213 from "react";
|
|
@@ -38941,7 +38613,7 @@ var TransferTokenDetails = ({
|
|
|
38941
38613
|
null,
|
|
38942
38614
|
// not provided on purpose for <1min default visuals
|
|
38943
38615
|
estProcessingTime,
|
|
38944
|
-
|
|
38616
|
+
PaymentMethod.TOKEN_TRANSFER,
|
|
38945
38617
|
!!estProcessingTime
|
|
38946
38618
|
);
|
|
38947
38619
|
const gasFees = void 0;
|
|
@@ -39045,12 +38717,12 @@ var TransferTokenDetails = ({
|
|
|
39045
38717
|
import {
|
|
39046
38718
|
getLightningQuote
|
|
39047
38719
|
} from "@funkit/api-base";
|
|
39048
|
-
import { LIGHTNING_MAINNET_CHAIN_ID, bitcoinChain as
|
|
38720
|
+
import { LIGHTNING_MAINNET_CHAIN_ID, bitcoinChain as bitcoinChain6 } from "@funkit/chains";
|
|
39049
38721
|
import { keepPreviousData as keepPreviousData2, useQuery as useQuery26 } from "@tanstack/react-query";
|
|
39050
38722
|
import { useEffect as useEffect56, useRef as useRef28, useState as useState65 } from "react";
|
|
39051
38723
|
import { parseUnits as parseUnits3 } from "viem";
|
|
39052
38724
|
var QUOTE_REFRESH_LEAD_MS = 3e3;
|
|
39053
|
-
var BTC_DECIMALS =
|
|
38725
|
+
var BTC_DECIMALS = bitcoinChain6.nativeCurrency.decimals;
|
|
39054
38726
|
var SATS_PER_BTC = 10n ** BigInt(BTC_DECIMALS);
|
|
39055
38727
|
function usdToSats(usd, btcPrice) {
|
|
39056
38728
|
if (usd && btcPrice) {
|
|
@@ -39103,7 +38775,7 @@ var useLightningQuote = ({
|
|
|
39103
38775
|
}
|
|
39104
38776
|
const btcPrice = await getAssetPriceInfoWithFallback({
|
|
39105
38777
|
apiKey,
|
|
39106
|
-
chainId:
|
|
38778
|
+
chainId: bitcoinChain6.id.toString(),
|
|
39107
38779
|
assetTokenAddress: NATIVE_TOKEN
|
|
39108
38780
|
});
|
|
39109
38781
|
const fromAmountSats = usdToSats(fiatAmount, btcPrice.unitPrice);
|
|
@@ -39494,7 +39166,7 @@ import React222 from "react";
|
|
|
39494
39166
|
// src/components/FunAsset/FunAssetItem.tsx
|
|
39495
39167
|
import {
|
|
39496
39168
|
formatCryptoAndStringify as formatCryptoAndStringify9,
|
|
39497
|
-
formatCurrencyAndStringify as
|
|
39169
|
+
formatCurrencyAndStringify as formatCurrencyAndStringify9,
|
|
39498
39170
|
isNotNullish as isNotNullish6
|
|
39499
39171
|
} from "@funkit/utils";
|
|
39500
39172
|
import React221 from "react";
|
|
@@ -39610,7 +39282,7 @@ var FunAssetItem = ({
|
|
|
39610
39282
|
size: "selectAssetItemTitle",
|
|
39611
39283
|
weight: "selectAssetItemTitle"
|
|
39612
39284
|
},
|
|
39613
|
-
|
|
39285
|
+
formatCurrencyAndStringify9(asset.usdAmount || 0)
|
|
39614
39286
|
)
|
|
39615
39287
|
)
|
|
39616
39288
|
)
|
|
@@ -39771,7 +39443,7 @@ import { motion as motion13 } from "motion/react";
|
|
|
39771
39443
|
import React225 from "react";
|
|
39772
39444
|
|
|
39773
39445
|
// src/components/Tabs/tabs.css.ts
|
|
39774
|
-
var baseTabStyle = "eghi2t9
|
|
39446
|
+
var baseTabStyle = "eghi2t9 _1rsrm2f11a _1rsrm2ft";
|
|
39775
39447
|
var tabSlideContentIn = "eghi2t4";
|
|
39776
39448
|
var tabSlideContentInReverse = "eghi2t6";
|
|
39777
39449
|
var tabSlideContentOut = "eghi2t5";
|
|
@@ -40051,7 +39723,7 @@ var LoadingAccountInfo = {
|
|
|
40051
39723
|
paymentMethodInfo: payload.paymentMethodInfo
|
|
40052
39724
|
};
|
|
40053
39725
|
}
|
|
40054
|
-
if (state.startingStep === "select_asset" /* SELECT_ASSET */ && payload.chosenPaymentMethod ===
|
|
39726
|
+
if (state.startingStep === "select_asset" /* SELECT_ASSET */ && payload.chosenPaymentMethod === PaymentMethod.ACCOUNT_BALANCE && payload.paymentMethodInfo) {
|
|
40055
39727
|
return {
|
|
40056
39728
|
...state,
|
|
40057
39729
|
step: "select_asset" /* SELECT_ASSET */,
|
|
@@ -40059,14 +39731,14 @@ var LoadingAccountInfo = {
|
|
|
40059
39731
|
};
|
|
40060
39732
|
}
|
|
40061
39733
|
switch (payload.chosenPaymentMethod) {
|
|
40062
|
-
case
|
|
40063
|
-
case
|
|
39734
|
+
case PaymentMethod.ACCOUNT_BALANCE:
|
|
39735
|
+
case PaymentMethod.BROKERAGE:
|
|
40064
39736
|
return {
|
|
40065
39737
|
...state,
|
|
40066
39738
|
step: "select_asset" /* SELECT_ASSET */,
|
|
40067
39739
|
paymentMethodInfo: payload.paymentMethodInfo
|
|
40068
39740
|
};
|
|
40069
|
-
case
|
|
39741
|
+
case PaymentMethod.TOKEN_TRANSFER:
|
|
40070
39742
|
return {
|
|
40071
39743
|
...state,
|
|
40072
39744
|
step: "transfer_token" /* TRANSFER_TOKEN */
|
|
@@ -40088,7 +39760,7 @@ var hasSufficientAsset = (walletAssets, targetChainId, threshold = ASSETS_LOW_VA
|
|
|
40088
39760
|
const fees = getFeesUsdEstimate(
|
|
40089
39761
|
targetChainId,
|
|
40090
39762
|
asset.chainId,
|
|
40091
|
-
|
|
39763
|
+
PaymentMethod.ACCOUNT_BALANCE
|
|
40092
39764
|
);
|
|
40093
39765
|
const availableAmount = Math.max((asset.totalUsdValue ?? 0) - fees, 0);
|
|
40094
39766
|
return availableAmount >= threshold;
|
|
@@ -40096,7 +39768,7 @@ var hasSufficientAsset = (walletAssets, targetChainId, threshold = ASSETS_LOW_VA
|
|
|
40096
39768
|
};
|
|
40097
39769
|
function handleSufficientAssetRedirect(hasCustomStartingStep, isOstiumCustomer2, walletAddress, updateSelectedPaymentMethodInfo, onNext) {
|
|
40098
39770
|
const paymentMethodInfo = createPaymentMethodInfo({
|
|
40099
|
-
paymentMethod:
|
|
39771
|
+
paymentMethod: PaymentMethod.ACCOUNT_BALANCE,
|
|
40100
39772
|
walletAddress
|
|
40101
39773
|
});
|
|
40102
39774
|
updateSelectedPaymentMethodInfo(paymentMethodInfo);
|
|
@@ -40107,19 +39779,19 @@ function handleSufficientAssetRedirect(hasCustomStartingStep, isOstiumCustomer2,
|
|
|
40107
39779
|
});
|
|
40108
39780
|
}
|
|
40109
39781
|
return onNext({
|
|
40110
|
-
chosenPaymentMethod:
|
|
39782
|
+
chosenPaymentMethod: PaymentMethod.ACCOUNT_BALANCE,
|
|
40111
39783
|
paymentMethodInfo
|
|
40112
39784
|
});
|
|
40113
39785
|
}
|
|
40114
39786
|
function handleTokenTransferRedirect(hasCustomStartingStep, updateSelectedPaymentMethodInfo, onNext) {
|
|
40115
39787
|
const paymentMethodInfo = createPaymentMethodInfo({
|
|
40116
|
-
paymentMethod:
|
|
39788
|
+
paymentMethod: PaymentMethod.TOKEN_TRANSFER
|
|
40117
39789
|
});
|
|
40118
39790
|
updateSelectedPaymentMethodInfo(paymentMethodInfo);
|
|
40119
39791
|
if (hasCustomStartingStep) {
|
|
40120
39792
|
return onNext({ chosenPaymentMethod: null });
|
|
40121
39793
|
}
|
|
40122
|
-
return onNext({ chosenPaymentMethod:
|
|
39794
|
+
return onNext({ chosenPaymentMethod: PaymentMethod.TOKEN_TRANSFER });
|
|
40123
39795
|
}
|
|
40124
39796
|
function LoadingAccount({
|
|
40125
39797
|
modalState,
|
|
@@ -40156,13 +39828,13 @@ function LoadingAccount({
|
|
|
40156
39828
|
);
|
|
40157
39829
|
if (startsOnSelectAssetStep && userInfo.isConnected) {
|
|
40158
39830
|
const paymentMethodInfo = createPaymentMethodInfo({
|
|
40159
|
-
paymentMethod:
|
|
39831
|
+
paymentMethod: PaymentMethod.ACCOUNT_BALANCE,
|
|
40160
39832
|
walletAddress
|
|
40161
39833
|
});
|
|
40162
39834
|
updateSelectedPaymentMethodInfo(paymentMethodInfo);
|
|
40163
39835
|
logMeasuredEvent(trackEvent);
|
|
40164
39836
|
return onNext({
|
|
40165
|
-
chosenPaymentMethod:
|
|
39837
|
+
chosenPaymentMethod: PaymentMethod.ACCOUNT_BALANCE,
|
|
40166
39838
|
paymentMethodInfo
|
|
40167
39839
|
});
|
|
40168
39840
|
}
|
|
@@ -40472,7 +40144,7 @@ function MeldRedirect({
|
|
|
40472
40144
|
}
|
|
40473
40145
|
|
|
40474
40146
|
// src/modals/CheckoutModal/SelectAsset/SelectAsset.tsx
|
|
40475
|
-
import { etherealChain, hyperEvmChain as
|
|
40147
|
+
import { etherealChain, hyperEvmChain as hyperEvmChain3 } from "@funkit/chains";
|
|
40476
40148
|
import { isTokenEquivalent as isTokenEquivalent6 } from "@funkit/utils";
|
|
40477
40149
|
import React235, {
|
|
40478
40150
|
useEffect as useEffect59,
|
|
@@ -40510,7 +40182,7 @@ var useDynamicRoutes = (_dynamicRoutingId) => {
|
|
|
40510
40182
|
};
|
|
40511
40183
|
|
|
40512
40184
|
// src/modals/CheckoutModal/SelectAsset/SelectAssetInfoSection.tsx
|
|
40513
|
-
import { formatCurrencyAndStringify as
|
|
40185
|
+
import { formatCurrencyAndStringify as formatCurrencyAndStringify10 } from "@funkit/utils";
|
|
40514
40186
|
import React233 from "react";
|
|
40515
40187
|
|
|
40516
40188
|
// src/components/NewTokenDepositAlert/NewTokenDepositAlert.tsx
|
|
@@ -40586,7 +40258,7 @@ var SelectAssetInfoSection = ({
|
|
|
40586
40258
|
{
|
|
40587
40259
|
type: paymentMethodInfo.paymentMethod,
|
|
40588
40260
|
keyText: label.text,
|
|
40589
|
-
disclaimerText:
|
|
40261
|
+
disclaimerText: formatCurrencyAndStringify10(totalBalance),
|
|
40590
40262
|
keyIcon: label.icon,
|
|
40591
40263
|
onClick: onSelectSource,
|
|
40592
40264
|
testId: "checkout-source-wallet-button"
|
|
@@ -40595,7 +40267,7 @@ var SelectAssetInfoSection = ({
|
|
|
40595
40267
|
};
|
|
40596
40268
|
|
|
40597
40269
|
// src/modals/CheckoutModal/SelectAsset/SelectAssetList.tsx
|
|
40598
|
-
import { formatCurrencyAndStringify as
|
|
40270
|
+
import { formatCurrencyAndStringify as formatCurrencyAndStringify11 } from "@funkit/utils";
|
|
40599
40271
|
import React234 from "react";
|
|
40600
40272
|
import { flushSync } from "react-dom";
|
|
40601
40273
|
var SelectAssetList = ({
|
|
@@ -40622,7 +40294,7 @@ var SelectAssetList = ({
|
|
|
40622
40294
|
function getBadgeTooltip(minUsdWithFees) {
|
|
40623
40295
|
if (minUsdWithFees) {
|
|
40624
40296
|
return t("selectAsset.lowBalanceTooltip", {
|
|
40625
|
-
amount:
|
|
40297
|
+
amount: formatCurrencyAndStringify11(minUsdWithFees)
|
|
40626
40298
|
});
|
|
40627
40299
|
}
|
|
40628
40300
|
return void 0;
|
|
@@ -40667,7 +40339,7 @@ var SelectAssetList = ({
|
|
|
40667
40339
|
asset,
|
|
40668
40340
|
isActive: isAssetItemActive,
|
|
40669
40341
|
isDisabled,
|
|
40670
|
-
isChainIconHidden: paymentMethod ===
|
|
40342
|
+
isChainIconHidden: paymentMethod === PaymentMethod.BROKERAGE,
|
|
40671
40343
|
badgeText: getBadgeText(badgeText),
|
|
40672
40344
|
badgeTooltip: getBadgeTooltip(minUsdWithFees),
|
|
40673
40345
|
onClick: () => {
|
|
@@ -40742,7 +40414,7 @@ function useEnrichedAccountHoldings({
|
|
|
40742
40414
|
if (!checkoutConfig) {
|
|
40743
40415
|
return [];
|
|
40744
40416
|
}
|
|
40745
|
-
const isBrokerage = paymentMethodInfo.paymentMethod ===
|
|
40417
|
+
const isBrokerage = paymentMethodInfo.paymentMethod === PaymentMethod.BROKERAGE;
|
|
40746
40418
|
return Object.values(accountHoldings).map((asset) => {
|
|
40747
40419
|
let brokerageMinUsd;
|
|
40748
40420
|
if (isBrokerage && isBrokerageAsset(asset)) {
|
|
@@ -40958,7 +40630,7 @@ function AccountSelectAsset({
|
|
|
40958
40630
|
secondTokenChainId: tokenItem.pickedChainId,
|
|
40959
40631
|
secondTokenAddress: tokenItem.tokenAddress
|
|
40960
40632
|
});
|
|
40961
|
-
const shouldResetTargetAssetAmount = currentSourceAsset && sourceAssetChanged && paymentMethodInfo.paymentMethod !==
|
|
40633
|
+
const shouldResetTargetAssetAmount = currentSourceAsset && sourceAssetChanged && paymentMethodInfo.paymentMethod !== PaymentMethod.CARD;
|
|
40962
40634
|
if (shouldResetTargetAssetAmount) {
|
|
40963
40635
|
updateTargetAssetAmount(0);
|
|
40964
40636
|
}
|
|
@@ -41083,7 +40755,7 @@ function SelectAsset({
|
|
|
41083
40755
|
useAllowedAssets();
|
|
41084
40756
|
const { paymentMethodInfo, targetChainId } = modalState;
|
|
41085
40757
|
const paymentMethod = paymentMethodInfo.paymentMethod;
|
|
41086
|
-
const isBrokerage = paymentMethod ===
|
|
40758
|
+
const isBrokerage = paymentMethod === PaymentMethod.BROKERAGE;
|
|
41087
40759
|
const { moreSources } = usePaymentSources(paymentMethodInfo, targetChainId);
|
|
41088
40760
|
const walletAssets = useWalletAssetHoldings(targetChainId);
|
|
41089
40761
|
const bluvoAssets = useBluvoExchangeBalance({
|
|
@@ -41147,7 +40819,7 @@ function isTreatedAsNativeToken(apiKey, asset, dynamicTargetAssetCandidates, fin
|
|
|
41147
40819
|
}
|
|
41148
40820
|
if (isHyenaCustomer(apiKey)) {
|
|
41149
40821
|
if (isTokenEquivalent6({
|
|
41150
|
-
firstTokenChainId:
|
|
40822
|
+
firstTokenChainId: hyperEvmChain3.id.toString(),
|
|
41151
40823
|
firstTokenAddress: "0x5d3a1ff2b6bab83b63cd9ad0787074081a52ef34",
|
|
41152
40824
|
secondTokenChainId: asset.pickedChainId,
|
|
41153
40825
|
secondTokenAddress: asset.tokenAddress
|
|
@@ -41529,7 +41201,7 @@ var ConnectedSource = ({
|
|
|
41529
41201
|
}) => {
|
|
41530
41202
|
const isSelected = selectedPaymentInfo?.paymentMethod === paymentInfo.paymentMethod;
|
|
41531
41203
|
switch (paymentInfo.paymentMethod) {
|
|
41532
|
-
case
|
|
41204
|
+
case PaymentMethod.ACCOUNT_BALANCE:
|
|
41533
41205
|
return /* @__PURE__ */ React239.createElement(
|
|
41534
41206
|
AccountBalancePaymentMethodItem,
|
|
41535
41207
|
{
|
|
@@ -41541,7 +41213,7 @@ var ConnectedSource = ({
|
|
|
41541
41213
|
disabled: isDisabled
|
|
41542
41214
|
}
|
|
41543
41215
|
);
|
|
41544
|
-
case
|
|
41216
|
+
case PaymentMethod.BROKERAGE:
|
|
41545
41217
|
return /* @__PURE__ */ React239.createElement(
|
|
41546
41218
|
ConnectedBluvoPaymentMethodItem,
|
|
41547
41219
|
{
|
|
@@ -41552,7 +41224,7 @@ var ConnectedSource = ({
|
|
|
41552
41224
|
disabled: isDisabled
|
|
41553
41225
|
}
|
|
41554
41226
|
);
|
|
41555
|
-
case
|
|
41227
|
+
case PaymentMethod.VIRTUAL_BANK:
|
|
41556
41228
|
return /* @__PURE__ */ React239.createElement(
|
|
41557
41229
|
ActiveFiatAccountPaymentMethodItem,
|
|
41558
41230
|
{
|
|
@@ -41653,7 +41325,7 @@ import { MeldServiceProvider as MeldServiceProvider2 } from "@funkit/api-base";
|
|
|
41653
41325
|
import React242, { useCallback as useCallback46 } from "react";
|
|
41654
41326
|
function PayPal() {
|
|
41655
41327
|
const { apiKey } = useFunkitConfig();
|
|
41656
|
-
const { data: defaultCurrency } = useMeldDefaultCurrency(
|
|
41328
|
+
const { data: defaultCurrency } = useMeldDefaultCurrency(PaymentMethod.CARD);
|
|
41657
41329
|
const amounts = useFiatAmountOptions(defaultCurrency);
|
|
41658
41330
|
const { mutateAsync, isPending } = useMeldLink(
|
|
41659
41331
|
amounts[1] ?? 0,
|
|
@@ -41833,7 +41505,7 @@ var SourceChangeInfo = {
|
|
|
41833
41505
|
}
|
|
41834
41506
|
if ("connectNew" in payload && !payload.connectNew) {
|
|
41835
41507
|
const { paymentMethodInfo } = payload;
|
|
41836
|
-
if (paymentMethodInfo.paymentMethod ===
|
|
41508
|
+
if (paymentMethodInfo.paymentMethod === PaymentMethod.VIRTUAL_BANK) {
|
|
41837
41509
|
const customerStatus = paymentMethodInfo.bridgeCustomer?.status;
|
|
41838
41510
|
if (customerStatus === BridgeCustomerStatus6.OFFBOARDED) {
|
|
41839
41511
|
return {
|
|
@@ -41854,7 +41526,7 @@ var SourceChangeInfo = {
|
|
|
41854
41526
|
paymentMethodInfo
|
|
41855
41527
|
};
|
|
41856
41528
|
}
|
|
41857
|
-
if ("paymentMethod" in payload && payload.paymentMethod ===
|
|
41529
|
+
if ("paymentMethod" in payload && payload.paymentMethod === PaymentMethod.VIRTUAL_BANK) {
|
|
41858
41530
|
const { paymentMethodInfo } = payload;
|
|
41859
41531
|
if (paymentMethodInfo.bridgeCustomer) {
|
|
41860
41532
|
return {
|
|
@@ -41869,27 +41541,27 @@ var SourceChangeInfo = {
|
|
|
41869
41541
|
paymentMethodInfo
|
|
41870
41542
|
};
|
|
41871
41543
|
}
|
|
41872
|
-
if ("paymentMethod" in payload && payload.paymentMethod ===
|
|
41544
|
+
if ("paymentMethod" in payload && payload.paymentMethod === PaymentMethod.CARD) {
|
|
41873
41545
|
return {
|
|
41874
41546
|
...common,
|
|
41875
41547
|
step: "input_amount" /* INPUT_AMOUNT */,
|
|
41876
41548
|
paymentMethodInfo: payload.paymentMethodInfo
|
|
41877
41549
|
};
|
|
41878
41550
|
}
|
|
41879
|
-
if ("paymentMethod" in payload && payload.paymentMethod ===
|
|
41551
|
+
if ("paymentMethod" in payload && payload.paymentMethod === PaymentMethod.BITCOIN_LIGHTNING) {
|
|
41880
41552
|
return {
|
|
41881
41553
|
...common,
|
|
41882
41554
|
step: "input_amount" /* INPUT_AMOUNT */,
|
|
41883
41555
|
paymentMethodInfo: payload.paymentMethodInfo
|
|
41884
41556
|
};
|
|
41885
41557
|
}
|
|
41886
|
-
if ("paymentMethod" in payload && payload.paymentMethod ===
|
|
41558
|
+
if ("paymentMethod" in payload && payload.paymentMethod === PaymentMethod.TOKEN_TRANSFER) {
|
|
41887
41559
|
return {
|
|
41888
41560
|
...common,
|
|
41889
41561
|
step: "transfer_token" /* TRANSFER_TOKEN */
|
|
41890
41562
|
};
|
|
41891
41563
|
}
|
|
41892
|
-
if ("paymentMethod" in payload && payload.paymentMethod ===
|
|
41564
|
+
if ("paymentMethod" in payload && payload.paymentMethod === PaymentMethod.BROKERAGE) {
|
|
41893
41565
|
return {
|
|
41894
41566
|
...common,
|
|
41895
41567
|
step: "select_brokerage" /* SELECT_BROKERAGE */,
|
|
@@ -41982,7 +41654,7 @@ function SourceChange({
|
|
|
41982
41654
|
}, [apiKey, walletHoldings, checkoutConfig]);
|
|
41983
41655
|
const connectedWallet = useMemo61(
|
|
41984
41656
|
() => preferred.find(
|
|
41985
|
-
(s) => isConnectablePaymentMethodInfo(s) && s.paymentMethod ===
|
|
41657
|
+
(s) => isConnectablePaymentMethodInfo(s) && s.paymentMethod === PaymentMethod.ACCOUNT_BALANCE
|
|
41986
41658
|
),
|
|
41987
41659
|
[preferred]
|
|
41988
41660
|
);
|
|
@@ -42025,7 +41697,7 @@ function SourceChange({
|
|
|
42025
41697
|
return;
|
|
42026
41698
|
}
|
|
42027
41699
|
updateSelectedPaymentMethodInfo(source);
|
|
42028
|
-
if (source.paymentMethod ===
|
|
41700
|
+
if (source.paymentMethod === PaymentMethod.BROKERAGE) {
|
|
42029
41701
|
bluvo.handleStartWithdrawal(source.exchange);
|
|
42030
41702
|
}
|
|
42031
41703
|
onNext({
|
|
@@ -42068,9 +41740,9 @@ function SourceChange({
|
|
|
42068
41740
|
if (!isAutoContinue && !isConfirmed) {
|
|
42069
41741
|
return;
|
|
42070
41742
|
}
|
|
42071
|
-
if (newSource2 ===
|
|
41743
|
+
if (newSource2 === PaymentMethod.CARD) {
|
|
42072
41744
|
const paymentMethodInfo2 = createPaymentMethodInfo({
|
|
42073
|
-
paymentMethod:
|
|
41745
|
+
paymentMethod: PaymentMethod.CARD,
|
|
42074
41746
|
titleCustomization: textCustomizations.debitOrCredit
|
|
42075
41747
|
});
|
|
42076
41748
|
updateSelectedPaymentMethodInfo(paymentMethodInfo2);
|
|
@@ -42081,16 +41753,16 @@ function SourceChange({
|
|
|
42081
41753
|
paymentMethodInfo: paymentMethodInfo2,
|
|
42082
41754
|
brokerageFailed: false
|
|
42083
41755
|
});
|
|
42084
|
-
} else if (newSource2 ===
|
|
41756
|
+
} else if (newSource2 === PaymentMethod.TOKEN_TRANSFER) {
|
|
42085
41757
|
onNext({
|
|
42086
41758
|
connectNew: true,
|
|
42087
41759
|
reverseAnimation: true,
|
|
42088
41760
|
paymentMethod: newSource2,
|
|
42089
41761
|
brokerageFailed: false
|
|
42090
41762
|
});
|
|
42091
|
-
} else if (newSource2 ===
|
|
41763
|
+
} else if (newSource2 === PaymentMethod.BITCOIN_LIGHTNING) {
|
|
42092
41764
|
const paymentMethodInfo2 = createPaymentMethodInfo({
|
|
42093
|
-
paymentMethod:
|
|
41765
|
+
paymentMethod: PaymentMethod.BITCOIN_LIGHTNING
|
|
42094
41766
|
});
|
|
42095
41767
|
updateSelectedPaymentMethodInfo(paymentMethodInfo2);
|
|
42096
41768
|
updateSourceAsset({
|
|
@@ -42106,12 +41778,12 @@ function SourceChange({
|
|
|
42106
41778
|
paymentMethodInfo: paymentMethodInfo2,
|
|
42107
41779
|
brokerageFailed: false
|
|
42108
41780
|
});
|
|
42109
|
-
} else if (newSource2 ===
|
|
41781
|
+
} else if (newSource2 === PaymentMethod.VIRTUAL_BANK) {
|
|
42110
41782
|
if (matchingFiatAccount) {
|
|
42111
41783
|
onNext({
|
|
42112
41784
|
connectNew: false,
|
|
42113
41785
|
paymentMethodInfo: createPaymentMethodInfo({
|
|
42114
|
-
paymentMethod:
|
|
41786
|
+
paymentMethod: PaymentMethod.VIRTUAL_BANK,
|
|
42115
41787
|
matchingFiatAccount,
|
|
42116
41788
|
bridgeCustomer: fiatAccounts?.bridgeCustomer
|
|
42117
41789
|
}),
|
|
@@ -42122,14 +41794,14 @@ function SourceChange({
|
|
|
42122
41794
|
connectNew: true,
|
|
42123
41795
|
paymentMethod: newSource2,
|
|
42124
41796
|
paymentMethodInfo: createPaymentMethodInfo({
|
|
42125
|
-
paymentMethod:
|
|
41797
|
+
paymentMethod: PaymentMethod.VIRTUAL_BANK,
|
|
42126
41798
|
matchingFiatAccount,
|
|
42127
41799
|
bridgeCustomer: fiatAccounts?.bridgeCustomer
|
|
42128
41800
|
}),
|
|
42129
41801
|
brokerageFailed: false
|
|
42130
41802
|
});
|
|
42131
41803
|
}
|
|
42132
|
-
} else if (newSource2 ===
|
|
41804
|
+
} else if (newSource2 === PaymentMethod.ACCOUNT_BALANCE) {
|
|
42133
41805
|
handleWalletConnection();
|
|
42134
41806
|
} else {
|
|
42135
41807
|
onNext({
|
|
@@ -43270,7 +42942,7 @@ function TransferToken({
|
|
|
43270
42942
|
isSourceNavWidgetEnabled && /* @__PURE__ */ React248.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React248.createElement(
|
|
43271
42943
|
SourcePaymentMethodItem,
|
|
43272
42944
|
{
|
|
43273
|
-
type:
|
|
42945
|
+
type: PaymentMethod.TOKEN_TRANSFER,
|
|
43274
42946
|
keyText: textCustomizations.transferTokens,
|
|
43275
42947
|
disclaimerText: t("transferToken.noLimit"),
|
|
43276
42948
|
keyIcon: /* @__PURE__ */ React248.createElement(CryptoTransferQRIcon, null),
|
|
@@ -43752,7 +43424,7 @@ var AccountDetailsScreen = ({
|
|
|
43752
43424
|
SourcePaymentMethodItem,
|
|
43753
43425
|
{
|
|
43754
43426
|
onClick: () => onNext({}),
|
|
43755
|
-
type:
|
|
43427
|
+
type: PaymentMethod.VIRTUAL_BANK,
|
|
43756
43428
|
keyText: label.text,
|
|
43757
43429
|
keyIcon: label.icon
|
|
43758
43430
|
}
|
|
@@ -44313,9 +43985,9 @@ var GreenRoundCheckmark = ({ size = 15 }) => {
|
|
|
44313
43985
|
|
|
44314
43986
|
// src/modals/ProfileDetails/FunProfileViews/Home/BalanceSection.tsx
|
|
44315
43987
|
import React257 from "react";
|
|
44316
|
-
import { formatCurrencyAndStringify as
|
|
43988
|
+
import { formatCurrencyAndStringify as formatCurrencyAndStringify12 } from "@funkit/utils";
|
|
44317
43989
|
var BalanceSection = ({ totalBalance }) => {
|
|
44318
|
-
return /* @__PURE__ */ React257.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React257.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React257.createElement(Text, { as: "h1", color: "primaryText", weight: "medium", size: "40" },
|
|
43990
|
+
return /* @__PURE__ */ React257.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React257.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React257.createElement(Text, { as: "h1", color: "primaryText", weight: "medium", size: "40" }, formatCurrencyAndStringify12(
|
|
44319
43991
|
Number.parseFloat(totalBalance.toString())
|
|
44320
43992
|
))));
|
|
44321
43993
|
};
|
|
@@ -44329,7 +44001,7 @@ var tabLabelStyles = "_26hmws6";
|
|
|
44329
44001
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
|
|
44330
44002
|
import { formatTimestamp as formatTimestamp3 } from "@funkit/utils";
|
|
44331
44003
|
import {
|
|
44332
|
-
formatCurrencyAndStringify as
|
|
44004
|
+
formatCurrencyAndStringify as formatCurrencyAndStringify13,
|
|
44333
44005
|
isMobile as isMobile8,
|
|
44334
44006
|
isNotNullish as isNotNullish7
|
|
44335
44007
|
} from "@funkit/utils";
|
|
@@ -44361,7 +44033,7 @@ var RedRoundErrorCross = ({ size = 15 }) => {
|
|
|
44361
44033
|
|
|
44362
44034
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts
|
|
44363
44035
|
var baseStyles4 = "ukct4t4";
|
|
44364
|
-
var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1
|
|
44036
|
+
var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2f1zm _1rsrm2f1tl", defaultBackground: "_1rsrm2f18m _1rsrm2f126", hoverBackground: "_1rsrm2f11t" };
|
|
44365
44037
|
|
|
44366
44038
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
|
|
44367
44039
|
var TEXT_SIZE_MEDIUM2 = "13";
|
|
@@ -44490,7 +44162,7 @@ var HomeCheckoutDisplayRow = ({
|
|
|
44490
44162
|
gap: "16"
|
|
44491
44163
|
},
|
|
44492
44164
|
/* @__PURE__ */ React259.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, checkoutConfig.checkoutItemTitle),
|
|
44493
|
-
/* @__PURE__ */ React259.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, `${
|
|
44165
|
+
/* @__PURE__ */ React259.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, `${formatCurrencyAndStringify13(
|
|
44494
44166
|
checkoutClientMetadata?.finalDollarValue || 0
|
|
44495
44167
|
)} USD`)
|
|
44496
44168
|
), /* @__PURE__ */ React259.createElement(Box, { display: "flex", justifyContent: "space-between", gap: "16" }, /* @__PURE__ */ React259.createElement(Text, { size: TEXT_SIZE_SMALL2, color: "secondaryText" }, formatTimestamp3(new Date(checkoutHistoryItem.createdTimeMs), {
|
|
@@ -44552,7 +44224,7 @@ var HomeCheckoutDisplayRowSkeleton = () => {
|
|
|
44552
44224
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeTokenDisplayRow.tsx
|
|
44553
44225
|
import {
|
|
44554
44226
|
formatCryptoAndStringify as formatCryptoAndStringify10,
|
|
44555
|
-
formatCurrencyAndStringify as
|
|
44227
|
+
formatCurrencyAndStringify as formatCurrencyAndStringify14,
|
|
44556
44228
|
isMobile as isMobile9
|
|
44557
44229
|
} from "@funkit/utils";
|
|
44558
44230
|
import React260 from "react";
|
|
@@ -44614,7 +44286,7 @@ var HomeTokenBalanceDisplayRow = ({
|
|
|
44614
44286
|
/* @__PURE__ */ React260.createElement(Text, { color: "secondaryText", size: TEXT_SIZE, weight: "regular" }, formatCryptoAndStringify10(normalizedAmount, asset.symbol))
|
|
44615
44287
|
)
|
|
44616
44288
|
),
|
|
44617
|
-
/* @__PURE__ */ React260.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" },
|
|
44289
|
+
/* @__PURE__ */ React260.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, formatCurrencyAndStringify14(asset.totalUsdValue || 0))
|
|
44618
44290
|
);
|
|
44619
44291
|
};
|
|
44620
44292
|
var HomeTokenBalanceDisplayRowSkeleton = () => {
|
|
@@ -45855,7 +45527,7 @@ function FunSignInStep({
|
|
|
45855
45527
|
}
|
|
45856
45528
|
};
|
|
45857
45529
|
const makeWeb3LoginSection = () => {
|
|
45858
|
-
return /* @__PURE__ */ React278.createElement(Box, { display: "flex", flexDirection: "column", gap: "
|
|
45530
|
+
return /* @__PURE__ */ React278.createElement(Box, { display: "flex", flexDirection: "column", gap: "walletConnectorListGap" }, wallets.map((wallet) => {
|
|
45859
45531
|
return /* @__PURE__ */ React278.createElement(
|
|
45860
45532
|
ModalSelection,
|
|
45861
45533
|
{
|
|
@@ -46293,9 +45965,9 @@ import {
|
|
|
46293
45965
|
} from "@funkit/api-base";
|
|
46294
45966
|
import { useQuery as useQuery27 } from "@tanstack/react-query";
|
|
46295
45967
|
var hasCorrectPaymentMethod = (checkout, paymentMethod) => !paymentMethod || checkout.clientMetadata.selectedPaymentMethodInfo?.paymentMethod === paymentMethod;
|
|
46296
|
-
var
|
|
45968
|
+
var isRecent = (checkout, timestampCutoff) => checkout.createdTimeMs > timestampCutoff;
|
|
46297
45969
|
var useRecentCheckouts = ({
|
|
46298
|
-
paymentMethod =
|
|
45970
|
+
paymentMethod = PaymentMethod.TOKEN_TRANSFER,
|
|
46299
45971
|
isVisible
|
|
46300
45972
|
}) => {
|
|
46301
45973
|
const { isUserLoggedIn, userInfo } = useGeneralWallet();
|
|
@@ -46314,7 +45986,7 @@ var useRecentCheckouts = ({
|
|
|
46314
45986
|
});
|
|
46315
45987
|
const defaultTimestampCutoff = Date.now() - DEFAULT_NOTIF_CUTOFF;
|
|
46316
45988
|
return checkouts.filter(
|
|
46317
|
-
(checkout) => isCheckoutValid(checkout) &&
|
|
45989
|
+
(checkout) => isCheckoutValid(checkout) && isRecent(checkout, defaultTimestampCutoff) && hasCorrectPaymentMethod(checkout, paymentMethod)
|
|
46318
45990
|
).sort((a, b) => b.createdTimeMs - a.createdTimeMs);
|
|
46319
45991
|
},
|
|
46320
45992
|
refetchInterval: listRefresh,
|
|
@@ -46380,8 +46052,8 @@ import React286, { useEffect as useEffect76, useRef as useRef39, useState as use
|
|
|
46380
46052
|
import clsx25 from "clsx";
|
|
46381
46053
|
|
|
46382
46054
|
// src/components/FunNotificationBanner/FunNotificationBanner.css.ts
|
|
46383
|
-
var notificationBannerStyle = "
|
|
46384
|
-
var showMoreButtonStyle = "_4yitd93
|
|
46055
|
+
var notificationBannerStyle = "_1rsrm2fvr _1rsrm2fp _1rsrm2f11a _1rsrm2f2gm";
|
|
46056
|
+
var showMoreButtonStyle = "_4yitd93 _1rsrm2f1qm _1rsrm2f1i _1rsrm2f1f _1rsrm2f11a _1rsrm2f11t _1rsrm2fx5";
|
|
46385
46057
|
|
|
46386
46058
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
46387
46059
|
import clsx24 from "clsx";
|
|
@@ -46392,7 +46064,7 @@ import React285, { useCallback as useCallback53, useEffect as useEffect75, useRe
|
|
|
46392
46064
|
var STATUS_SPINNER_BOTTOM_POSITION = -5;
|
|
46393
46065
|
var shadowStyle = "_1i8t3xj0";
|
|
46394
46066
|
var statusIcon = "_1i8t3xj3 _1i8t3xj0";
|
|
46395
|
-
var statusIconWrapper = "_1i8t3xj2
|
|
46067
|
+
var statusIconWrapper = "_1i8t3xj2 _1rsrm2f11a _1rsrm2f1c";
|
|
46396
46068
|
var statusSpinner = "_1i8t3xj4 qe221a3";
|
|
46397
46069
|
|
|
46398
46070
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
@@ -47678,7 +47350,10 @@ initializeRelayClient({
|
|
|
47678
47350
|
logger
|
|
47679
47351
|
});
|
|
47680
47352
|
var CHECKOUT_DIALOG_CONTENT_ID = "checkout-dialog-content";
|
|
47681
|
-
var
|
|
47353
|
+
var NOTIFICATION_STEP_VARIANTS = {
|
|
47354
|
+
["transfer_token" /* TRANSFER_TOKEN */]: "token_transfer",
|
|
47355
|
+
["lightning_invoice" /* LIGHTNING_INVOICE */]: "bitcoin_lightning"
|
|
47356
|
+
};
|
|
47682
47357
|
var HIDE_MODAL_META_TITLE_AND_DIVIDER = ["brokerage_two_fa" /* BROKERAGE_TWO_FA */];
|
|
47683
47358
|
var NEVER_SHOW_BOTTOM_DIVIDER_STEPS = [
|
|
47684
47359
|
"transfer_token" /* TRANSFER_TOKEN */,
|
|
@@ -47729,6 +47404,7 @@ function FunCheckoutModalInner({
|
|
|
47729
47404
|
hideClose,
|
|
47730
47405
|
hideTopbar
|
|
47731
47406
|
} = useTitleConfig(checkoutItem, modalState);
|
|
47407
|
+
const notificationVariant = NOTIFICATION_STEP_VARIANTS[modalState.step];
|
|
47732
47408
|
const handleCheckoutHelp = (depositAddress) => {
|
|
47733
47409
|
if (!depositAddress) {
|
|
47734
47410
|
return;
|
|
@@ -47881,8 +47557,8 @@ function FunCheckoutModalInner({
|
|
|
47881
47557
|
CheckoutNotifications,
|
|
47882
47558
|
{
|
|
47883
47559
|
onHelp: handleCheckoutHelp,
|
|
47884
|
-
isVisible:
|
|
47885
|
-
variant:
|
|
47560
|
+
isVisible: notificationVariant !== void 0,
|
|
47561
|
+
variant: notificationVariant
|
|
47886
47562
|
}
|
|
47887
47563
|
)
|
|
47888
47564
|
), /* @__PURE__ */ React290.createElement(SwappedIframe_default, null)))
|
|
@@ -48658,7 +48334,7 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
48658
48334
|
sourceOfFund,
|
|
48659
48335
|
clientMetadata,
|
|
48660
48336
|
actionsParams,
|
|
48661
|
-
isPaymentMethodBalance: checkoutItem.selectedPaymentMethodInfo.paymentMethod ===
|
|
48337
|
+
isPaymentMethodBalance: checkoutItem.selectedPaymentMethodInfo.paymentMethod === PaymentMethod.ACCOUNT_BALANCE
|
|
48662
48338
|
}) : await startRegularCheckout({
|
|
48663
48339
|
stepMessageSetter,
|
|
48664
48340
|
latestQuote,
|
|
@@ -48967,7 +48643,7 @@ function useFunkitCheckout(props) {
|
|
|
48967
48643
|
});
|
|
48968
48644
|
}
|
|
48969
48645
|
updateSelectedPaymentMethodInfo({
|
|
48970
|
-
paymentMethod:
|
|
48646
|
+
paymentMethod: PaymentMethod.ACCOUNT_BALANCE,
|
|
48971
48647
|
description: "Withdrawal Balance",
|
|
48972
48648
|
title: "Withdrawal"
|
|
48973
48649
|
});
|
|
@@ -49193,11 +48869,11 @@ async function getTokenDecimals(wagmiConfig, chainId2, tokenAddress) {
|
|
|
49193
48869
|
if (isNativeTokenAddress(tokenAddress)) {
|
|
49194
48870
|
return FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11[chainId2]?.nativeCurrency?.decimals || 18;
|
|
49195
48871
|
}
|
|
49196
|
-
if (chainId2 ===
|
|
49197
|
-
return
|
|
48872
|
+
if (chainId2 === solanaChain6.id.toString()) {
|
|
48873
|
+
return solanaChain6.nativeCurrency.decimals;
|
|
49198
48874
|
}
|
|
49199
|
-
if (chainId2 ===
|
|
49200
|
-
return
|
|
48875
|
+
if (chainId2 === tronChain5.id.toString()) {
|
|
48876
|
+
return tronChain5.nativeCurrency.decimals;
|
|
49201
48877
|
}
|
|
49202
48878
|
if (chainId2 === lightningChain4.id.toString()) {
|
|
49203
48879
|
return lightningChain4.nativeCurrency.decimals;
|
|
@@ -49253,7 +48929,7 @@ var isCheckoutValid = (checkout) => {
|
|
|
49253
48929
|
return isSupported;
|
|
49254
48930
|
};
|
|
49255
48931
|
var isCheckoutHistoryDirectExecution = (checkoutId) => {
|
|
49256
|
-
return !
|
|
48932
|
+
return !isAddress(checkoutId);
|
|
49257
48933
|
};
|
|
49258
48934
|
function toMergedCheckoutHistoryItem(item) {
|
|
49259
48935
|
if ("depositAddr" in item) {
|
|
@@ -49327,7 +49003,7 @@ function isPreferredChain(chainId2, additionalChains = []) {
|
|
|
49327
49003
|
base6.id,
|
|
49328
49004
|
arbitrum6.id,
|
|
49329
49005
|
optimism2.id,
|
|
49330
|
-
|
|
49006
|
+
solanaChain7.id,
|
|
49331
49007
|
...additionalChains
|
|
49332
49008
|
]);
|
|
49333
49009
|
return chains.has(chainId2);
|
|
@@ -49370,7 +49046,7 @@ var isAssetUsableToPayForCheckout = ({
|
|
|
49370
49046
|
secondTokenAddress: finalizedToken.tokenAddress
|
|
49371
49047
|
});
|
|
49372
49048
|
}
|
|
49373
|
-
return paymentMethod ===
|
|
49049
|
+
return paymentMethod === PaymentMethod.ACCOUNT_BALANCE && finalCheckoutRecipient.toLowerCase() === payerAddress.toLowerCase() && isTokenEquivalent9({
|
|
49374
49050
|
firstTokenChainId: targetChainId,
|
|
49375
49051
|
firstTokenAddress: targetTokenAddress,
|
|
49376
49052
|
secondTokenChainId: assetChainId,
|
|
@@ -49587,7 +49263,7 @@ function ConnectButtonRenderer({
|
|
|
49587
49263
|
});
|
|
49588
49264
|
const balanceFormatted = balanceData ? formatUnits6(balanceData.value, balanceData.decimals) : void 0;
|
|
49589
49265
|
const balanceNativeAmount = balanceData && balanceFormatted ? `${abbreviateETHBalance(Number.parseFloat(balanceFormatted))} ${balanceData.symbol}` : void 0;
|
|
49590
|
-
const displayBalance =
|
|
49266
|
+
const displayBalance = formatCurrencyAndStringify15(
|
|
49591
49267
|
Number.parseFloat(totalWalletAssetsUsd.toString())
|
|
49592
49268
|
);
|
|
49593
49269
|
const { openConnectModal } = useConnectModal();
|
|
@@ -50266,11 +49942,11 @@ function FunkitPaymentsIconLine({
|
|
|
50266
49942
|
}
|
|
50267
49943
|
|
|
50268
49944
|
// src/hooks/useFunkitMaxCheckoutUsdInfo.ts
|
|
50269
|
-
import { formatCurrencyAndStringify as
|
|
49945
|
+
import { formatCurrencyAndStringify as formatCurrencyAndStringify16 } from "@funkit/utils";
|
|
50270
49946
|
var useFunkitMaxCheckoutUsdInfo = () => {
|
|
50271
49947
|
const maxCheckoutUsd = useDynamicConfig("maxcheckoutusd");
|
|
50272
49948
|
const hasNoLimit = maxCheckoutUsd < 0;
|
|
50273
|
-
const limitText = hasNoLimit ? "no" :
|
|
49949
|
+
const limitText = hasNoLimit ? "no" : formatCurrencyAndStringify16(maxCheckoutUsd, {
|
|
50274
49950
|
decimalPrecisionForSuffix: 0,
|
|
50275
49951
|
minimumSignificantDigits: 0,
|
|
50276
49952
|
aggresiveDecimalPrecision: 0,
|