@funkit/connect 9.2.0 → 9.2.1
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 +13 -0
- package/dist/{chunk-SC53AFEE.js → chunk-3U6TWV25.js} +14 -4
- package/dist/{chunk-XCM74QX2.js → chunk-P6FYL3PM.js} +5 -1
- package/dist/{chunk-WSCXOKCX.js → chunk-VLXKSNSJ.js} +5 -1
- package/dist/clients/fanatics.css +4075 -3817
- package/dist/clients/fanatics.js +2 -2
- package/dist/components/Box/Box.d.ts +22 -22
- package/dist/components/FunDivider/FunDivider.d.ts +2 -1
- package/dist/css/sprinkles.css.d.ts +34 -22
- package/dist/hooks/queries/useFops.d.ts +4 -198
- package/dist/hooks/statsig/useDynamicConfig.d.ts +3 -1
- package/dist/hooks/useCheckoutTransferInit.d.ts +5 -1
- package/dist/hooks/usePaymentSources.d.ts +6 -2
- package/dist/hooks/useScrollDivider.d.ts +1 -0
- package/dist/index.css +4122 -3825
- package/dist/index.js +651 -326
- package/dist/modals/CheckoutModal/SourceChange/SourceList.d.ts +4 -3
- package/dist/modals/CheckoutModal/SourceChange/sourceChange.css.d.ts +4 -0
- package/dist/providers/FunkitConfigContext.d.ts +2 -0
- package/dist/providers/FunkitThemeProvider.d.ts +18 -0
- package/dist/themes/baseTheme.js +1 -1
- package/dist/themes/darkTheme.js +2 -2
- package/dist/themes/lightTheme.js +2 -2
- 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 +49 -49
- 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 +2 -2
- package/dist/wallets/walletConnectors/{chunk-6YO27XOM.js → chunk-3Y2GG3PM.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-HETS3KKI.js → chunk-3YCR2ZB4.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-HOPH3TQ3.js → chunk-C4RP2DNH.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-IICWJWGZ.js → chunk-CBI3SGOC.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-GVOQTORD.js → chunk-CMLFDRCP.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-LI6QY2B5.js → chunk-COX3VEDR.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-EKJHJFRN.js → chunk-CT3QPTAU.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-7OARWILZ.js → chunk-DWMUM4F6.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-CJJT7LMT.js → chunk-FDVJHNLL.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-6UCI7GM6.js → chunk-I7K6LUZR.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-XBLHZICW.js → chunk-N3UJMC3V.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-4C7ER452.js → chunk-NEK7T3IC.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-PKMAPNN6.js → chunk-RLLTYOWT.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-GH4M6FTK.js → chunk-TIT5F32X.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-TTHM3WUR.js → chunk-UPUDLUBT.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-53VYSPXK.js → chunk-UVMMPRDM.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-GSHSWVEG.js → chunk-UVYZSGIX.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-KO56HCTI.js → chunk-ZMRIQOR5.js} +3 -3
package/dist/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
darkTheme
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-VLXKSNSJ.js";
|
|
5
5
|
import {
|
|
6
6
|
lightTheme
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-P6FYL3PM.js";
|
|
8
8
|
import {
|
|
9
9
|
systemFontStack
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-3U6TWV25.js";
|
|
11
11
|
|
|
12
12
|
// src/components/Dialog/DialogContent.css.ts
|
|
13
13
|
var DIALOG_HEIGHT_SWAPPED_IFRAME = 580;
|
|
@@ -16,15 +16,15 @@ var SCROLL_BAR_WIDTH = 6;
|
|
|
16
16
|
var bottomPaddingVariable = "--bottom-padding-value";
|
|
17
17
|
var contentCollapsed = "_1pzt423i";
|
|
18
18
|
var contentExpanded = "_1pzt423h";
|
|
19
|
-
var dialog = "_1pzt4231
|
|
20
|
-
var dialogCompact = "_1pzt4232 _1pzt4231
|
|
21
|
-
var dialogFanaticsBottomSheet = "_1pzt423a
|
|
22
|
-
var dialogMedium = "_1pzt4233 _1pzt4231
|
|
23
|
-
var dialogMobile = "_1pzt4238 _1rsrm2fx
|
|
19
|
+
var dialog = "_1pzt4231 _1rsrm2fwn _1rsrm2f1ih _1rsrm2fw _1rsrm2f1e _1rsrm2f1i _1rsrm2f20n _1rsrm2fa _1rsrm2f1w _1rsrm2fkq _1rsrm2fnb _1rsrm2fow _1rsrm2fr5";
|
|
20
|
+
var dialogCompact = "_1pzt4232 _1pzt4231 _1rsrm2fwn _1rsrm2f1ih _1rsrm2fw _1rsrm2f1e _1rsrm2f1i _1rsrm2f20n _1rsrm2fa _1rsrm2f1w _1rsrm2fkq _1rsrm2fnb _1rsrm2fow _1rsrm2fr5";
|
|
21
|
+
var dialogFanaticsBottomSheet = "_1pzt423a _1rsrm2f1i";
|
|
22
|
+
var dialogMedium = "_1pzt4233 _1pzt4231 _1rsrm2fwn _1rsrm2f1ih _1rsrm2fw _1rsrm2f1e _1rsrm2f1i _1rsrm2f20n _1rsrm2fa _1rsrm2f1w _1rsrm2fkq _1rsrm2fnb _1rsrm2fow _1rsrm2fr5";
|
|
23
|
+
var dialogMobile = "_1pzt4238 _1rsrm2fx _1rsrm2f1i";
|
|
24
24
|
var dividerTransition = "_1pzt423g";
|
|
25
25
|
var fullHeightContent = "_1pzt423e";
|
|
26
26
|
var noPaddingContent = "_1pzt423f";
|
|
27
|
-
var scrollContent = "_1pzt423c
|
|
27
|
+
var scrollContent = "_1pzt423c _1rsrm2fsj";
|
|
28
28
|
var scrollbarHidden = "_1pzt423d";
|
|
29
29
|
var withoutBottomPadding = "_1pzt4236";
|
|
30
30
|
var withoutSidePadding = "_1pzt4235";
|
|
@@ -49,8 +49,8 @@ import { createNormalizeValueFn as _a49f6 } from "@vanilla-extract/sprinkles/cre
|
|
|
49
49
|
import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
|
|
50
50
|
var mapResponsiveValue = _51c72({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
|
|
51
51
|
var normalizeResponsiveValue = _a49f6({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
|
|
52
|
-
var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2ft3", hover: "_1rsrm2ft4", active: "_1rsrm2ft5", selection: "_1rsrm2ft6", focused: "_1rsrm2ft7", focusedVisible: "_1rsrm2ft8" }, defaultClass: "_1rsrm2ft3" }, accentColorForeground: { conditions: { base: "_1rsrm2ft9", hover: "_1rsrm2fta", active: "_1rsrm2ftb", selection: "_1rsrm2ftc", focused: "_1rsrm2ftd", focusedVisible: "_1rsrm2fte" }, defaultClass: "_1rsrm2ft9" }, actionButtonBorder: { conditions: { base: "_1rsrm2ftf", hover: "_1rsrm2ftg", active: "_1rsrm2fth", selection: "_1rsrm2fti", focused: "_1rsrm2ftj", focusedVisible: "_1rsrm2ftk" }, defaultClass: "_1rsrm2ftf" }, connectButtonBackground: { conditions: { base: "_1rsrm2ftl", hover: "_1rsrm2ftm", active: "_1rsrm2ftn", selection: "_1rsrm2fto", focused: "_1rsrm2ftp", focusedVisible: "_1rsrm2ftq" }, defaultClass: "_1rsrm2ftl" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2ftr", hover: "_1rsrm2fts", active: "_1rsrm2ftt", selection: "_1rsrm2ftu", focused: "_1rsrm2ftv", focusedVisible: "_1rsrm2ftw" }, defaultClass: "_1rsrm2ftr" }, connectButtonText: { conditions: { base: "_1rsrm2ftx", hover: "_1rsrm2fty", active: "_1rsrm2ftz", selection: "_1rsrm2fu0", focused: "_1rsrm2fu1", focusedVisible: "_1rsrm2fu2" }, defaultClass: "_1rsrm2ftx" }, connectButtonTextError: { conditions: { base: "_1rsrm2fu3", hover: "_1rsrm2fu4", active: "_1rsrm2fu5", selection: "_1rsrm2fu6", focused: "_1rsrm2fu7", focusedVisible: "_1rsrm2fu8" }, defaultClass: "_1rsrm2fu3" }, connectionIndicator: { conditions: { base: "_1rsrm2fu9", hover: "_1rsrm2fua", active: "_1rsrm2fub", selection: "_1rsrm2fuc", focused: "_1rsrm2fud", focusedVisible: "_1rsrm2fue" }, defaultClass: "_1rsrm2fu9" }, error: { conditions: { base: "_1rsrm2fuf", hover: "_1rsrm2fug", active: "_1rsrm2fuh", selection: "_1rsrm2fui", focused: "_1rsrm2fuj", focusedVisible: "_1rsrm2fuk" }, defaultClass: "_1rsrm2fuf" }, errorBackground: { conditions: { base: "_1rsrm2ful", hover: "_1rsrm2fum", active: "_1rsrm2fun", selection: "_1rsrm2fuo", focused: "_1rsrm2fup", focusedVisible: "_1rsrm2fuq" }, defaultClass: "_1rsrm2ful" }, errorBorder: { conditions: { base: "_1rsrm2fur", hover: "_1rsrm2fus", active: "_1rsrm2fut", selection: "_1rsrm2fuu", focused: "_1rsrm2fuv", focusedVisible: "_1rsrm2fuw" }, defaultClass: "_1rsrm2fur" }, generalBorder: { conditions: { base: "_1rsrm2fux", hover: "_1rsrm2fuy", active: "_1rsrm2fuz", selection: "_1rsrm2fv0", focused: "_1rsrm2fv1", focusedVisible: "_1rsrm2fv2" }, defaultClass: "_1rsrm2fux" }, generalBorderDim: { conditions: { base: "_1rsrm2fv3", hover: "_1rsrm2fv4", active: "_1rsrm2fv5", selection: "_1rsrm2fv6", focused: "_1rsrm2fv7", focusedVisible: "_1rsrm2fv8" }, defaultClass: "_1rsrm2fv3" }, menuItemBackground: { conditions: { base: "_1rsrm2fv9", hover: "_1rsrm2fva", active: "_1rsrm2fvb", selection: "_1rsrm2fvc", focused: "_1rsrm2fvd", focusedVisible: "_1rsrm2fve" }, defaultClass: "_1rsrm2fv9" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fvf", hover: "_1rsrm2fvg", active: "_1rsrm2fvh", selection: "_1rsrm2fvi", focused: "_1rsrm2fvj", focusedVisible: "_1rsrm2fvk" }, defaultClass: "_1rsrm2fvf" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fvl", hover: "_1rsrm2fvm", active: "_1rsrm2fvn", selection: "_1rsrm2fvo", focused: "_1rsrm2fvp", focusedVisible: "_1rsrm2fvq" }, defaultClass: "_1rsrm2fvl" }, standby: { conditions: { base: "_1rsrm2fvr", hover: "_1rsrm2fvs", active: "_1rsrm2fvt", selection: "_1rsrm2fvu", focused: "_1rsrm2fvv", focusedVisible: "_1rsrm2fvw" }, defaultClass: "_1rsrm2fvr" }, success: { conditions: { base: "_1rsrm2fvx", hover: "_1rsrm2fvy", active: "_1rsrm2fvz", selection: "_1rsrm2fw0", focused: "_1rsrm2fw1", focusedVisible: "_1rsrm2fw2" }, defaultClass: "_1rsrm2fvx" }, delayedStatusIcon: { conditions: { base: "_1rsrm2fw3", hover: "_1rsrm2fw4", active: "_1rsrm2fw5", selection: "_1rsrm2fw6", focused: "_1rsrm2fw7", focusedVisible: "_1rsrm2fw8" }, defaultClass: "_1rsrm2fw3" }, chainIconBorder: { conditions: { base: "_1rsrm2fw9", hover: "_1rsrm2fwa", active: "_1rsrm2fwb", selection: "_1rsrm2fwc", focused: "_1rsrm2fwd", focusedVisible: "_1rsrm2fwe" }, defaultClass: "_1rsrm2fw9" }, modalBackdrop: { conditions: { base: "_1rsrm2fwf", hover: "_1rsrm2fwg", active: "_1rsrm2fwh", selection: "_1rsrm2fwi", focused: "_1rsrm2fwj", focusedVisible: "_1rsrm2fwk" }, defaultClass: "_1rsrm2fwf" }, modalBackground: { conditions: { base: "_1rsrm2fwl", hover: "_1rsrm2fwm", active: "_1rsrm2fwn", selection: "_1rsrm2fwo", focused: "_1rsrm2fwp", focusedVisible: "_1rsrm2fwq" }, defaultClass: "_1rsrm2fwl" }, modalBorder: { conditions: { base: "_1rsrm2fwr", hover: "_1rsrm2fws", active: "_1rsrm2fwt", selection: "_1rsrm2fwu", focused: "_1rsrm2fwv", focusedVisible: "_1rsrm2fww" }, defaultClass: "_1rsrm2fwr" }, offBackground: { conditions: { base: "_1rsrm2fwx", hover: "_1rsrm2fwy", active: "_1rsrm2fwz", selection: "_1rsrm2fx0", focused: "_1rsrm2fx1", focusedVisible: "_1rsrm2fx2" }, defaultClass: "_1rsrm2fwx" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fx3", hover: "_1rsrm2fx4", active: "_1rsrm2fx5", selection: "_1rsrm2fx6", focused: "_1rsrm2fx7", focusedVisible: "_1rsrm2fx8" }, defaultClass: "_1rsrm2fx3" }, hoverState: { conditions: { base: "_1rsrm2fx9", hover: "_1rsrm2fxa", active: "_1rsrm2fxb", selection: "_1rsrm2fxc", focused: "_1rsrm2fxd", focusedVisible: "_1rsrm2fxe" }, defaultClass: "_1rsrm2fx9" }, lightStroke: { conditions: { base: "_1rsrm2fxf", hover: "_1rsrm2fxg", active: "_1rsrm2fxh", selection: "_1rsrm2fxi", focused: "_1rsrm2fxj", focusedVisible: "_1rsrm2fxk" }, defaultClass: "_1rsrm2fxf" }, mediumStroke: { conditions: { base: "_1rsrm2fxl", hover: "_1rsrm2fxm", active: "_1rsrm2fxn", selection: "_1rsrm2fxo", focused: "_1rsrm2fxp", focusedVisible: "_1rsrm2fxq" }, defaultClass: "_1rsrm2fxl" }, heavyStroke: { conditions: { base: "_1rsrm2fxr", hover: "_1rsrm2fxs", active: "_1rsrm2fxt", selection: "_1rsrm2fxu", focused: "_1rsrm2fxv", focusedVisible: "_1rsrm2fxw" }, defaultClass: "_1rsrm2fxr" }, strokeColor: { conditions: { base: "_1rsrm2fxx", hover: "_1rsrm2fxy", active: "_1rsrm2fxz", selection: "_1rsrm2fy0", focused: "_1rsrm2fy1", focusedVisible: "_1rsrm2fy2" }, defaultClass: "_1rsrm2fxx" }, modalTopbarIcon: { conditions: { base: "_1rsrm2fy3", hover: "_1rsrm2fy4", active: "_1rsrm2fy5", selection: "_1rsrm2fy6", focused: "_1rsrm2fy7", focusedVisible: "_1rsrm2fy8" }, defaultClass: "_1rsrm2fy3" }, modalTopbarIconBackground: { conditions: { base: "_1rsrm2fy9", hover: "_1rsrm2fya", active: "_1rsrm2fyb", selection: "_1rsrm2fyc", focused: "_1rsrm2fyd", focusedVisible: "_1rsrm2fye" }, defaultClass: "_1rsrm2fy9" }, modalTopbarIconBackgroundHover: { conditions: { base: "_1rsrm2fyf", hover: "_1rsrm2fyg", active: "_1rsrm2fyh", selection: "_1rsrm2fyi", focused: "_1rsrm2fyj", focusedVisible: "_1rsrm2fyk" }, defaultClass: "_1rsrm2fyf" }, modalTopbarIconBackgroundPressed: { conditions: { base: "_1rsrm2fyl", hover: "_1rsrm2fym", active: "_1rsrm2fyn", selection: "_1rsrm2fyo", focused: "_1rsrm2fyp", focusedVisible: "_1rsrm2fyq" }, defaultClass: "_1rsrm2fyl" }, modalTopbarIconStroke: { conditions: { base: "_1rsrm2fyr", hover: "_1rsrm2fys", active: "_1rsrm2fyt", selection: "_1rsrm2fyu", focused: "_1rsrm2fyv", focusedVisible: "_1rsrm2fyw" }, defaultClass: "_1rsrm2fyr" }, primaryText: { conditions: { base: "_1rsrm2fyx", hover: "_1rsrm2fyy", active: "_1rsrm2fyz", selection: "_1rsrm2fz0", focused: "_1rsrm2fz1", focusedVisible: "_1rsrm2fz2" }, defaultClass: "_1rsrm2fyx" }, secondaryText: { conditions: { base: "_1rsrm2fz3", hover: "_1rsrm2fz4", active: "_1rsrm2fz5", selection: "_1rsrm2fz6", focused: "_1rsrm2fz7", focusedVisible: "_1rsrm2fz8" }, defaultClass: "_1rsrm2fz3" }, tertiaryText: { conditions: { base: "_1rsrm2fz9", hover: "_1rsrm2fza", active: "_1rsrm2fzb", selection: "_1rsrm2fzc", focused: "_1rsrm2fzd", focusedVisible: "_1rsrm2fze" }, defaultClass: "_1rsrm2fz9" }, textSelection: { conditions: { base: "_1rsrm2fzf", hover: "_1rsrm2fzg", active: "_1rsrm2fzh", selection: "_1rsrm2fzi", focused: "_1rsrm2fzj", focusedVisible: "_1rsrm2fzk" }, defaultClass: "_1rsrm2fzf" }, inputBackground: { conditions: { base: "_1rsrm2fzl", hover: "_1rsrm2fzm", active: "_1rsrm2fzn", selection: "_1rsrm2fzo", focused: "_1rsrm2fzp", focusedVisible: "_1rsrm2fzq" }, defaultClass: "_1rsrm2fzl" }, inputBorderBase: { conditions: { base: "_1rsrm2fzr", hover: "_1rsrm2fzs", active: "_1rsrm2fzt", selection: "_1rsrm2fzu", focused: "_1rsrm2fzv", focusedVisible: "_1rsrm2fzw" }, defaultClass: "_1rsrm2fzr" }, inputBorderHover: { conditions: { base: "_1rsrm2fzx", hover: "_1rsrm2fzy", active: "_1rsrm2fzz", selection: "_1rsrm2f100", focused: "_1rsrm2f101", focusedVisible: "_1rsrm2f102" }, defaultClass: "_1rsrm2fzx" }, activeTabBorderColor: { conditions: { base: "_1rsrm2f103", hover: "_1rsrm2f104", active: "_1rsrm2f105", selection: "_1rsrm2f106", focused: "_1rsrm2f107", focusedVisible: "_1rsrm2f108" }, defaultClass: "_1rsrm2f103" }, activeTabBackground: { conditions: { base: "_1rsrm2f109", hover: "_1rsrm2f10a", active: "_1rsrm2f10b", selection: "_1rsrm2f10c", focused: "_1rsrm2f10d", focusedVisible: "_1rsrm2f10e" }, defaultClass: "_1rsrm2f109" }, actionColor: { conditions: { base: "_1rsrm2f10f", hover: "_1rsrm2f10g", active: "_1rsrm2f10h", selection: "_1rsrm2f10i", focused: "_1rsrm2f10j", focusedVisible: "_1rsrm2f10k" }, defaultClass: "_1rsrm2f10f" }, actionColorHover: { conditions: { base: "_1rsrm2f10l", hover: "_1rsrm2f10m", active: "_1rsrm2f10n", selection: "_1rsrm2f10o", focused: "_1rsrm2f10p", focusedVisible: "_1rsrm2f10q" }, defaultClass: "_1rsrm2f10l" }, actionColorDisabled: { conditions: { base: "_1rsrm2f10r", hover: "_1rsrm2f10s", active: "_1rsrm2f10t", selection: "_1rsrm2f10u", focused: "_1rsrm2f10v", focusedVisible: "_1rsrm2f10w" }, defaultClass: "_1rsrm2f10r" }, buttonPrimary: { conditions: { base: "_1rsrm2f10x", hover: "_1rsrm2f10y", active: "_1rsrm2f10z", selection: "_1rsrm2f110", focused: "_1rsrm2f111", focusedVisible: "_1rsrm2f112" }, defaultClass: "_1rsrm2f10x" }, buttonDisabled: { conditions: { base: "_1rsrm2f113", hover: "_1rsrm2f114", active: "_1rsrm2f115", selection: "_1rsrm2f116", focused: "_1rsrm2f117", focusedVisible: "_1rsrm2f118" }, defaultClass: "_1rsrm2f113" }, buttonWarning: { conditions: { base: "_1rsrm2f119", hover: "_1rsrm2f11a", active: "_1rsrm2f11b", selection: "_1rsrm2f11c", focused: "_1rsrm2f11d", focusedVisible: "_1rsrm2f11e" }, defaultClass: "_1rsrm2f119" }, buttonSuccess: { conditions: { base: "_1rsrm2f11f", hover: "_1rsrm2f11g", active: "_1rsrm2f11h", selection: "_1rsrm2f11i", focused: "_1rsrm2f11j", focusedVisible: "_1rsrm2f11k" }, defaultClass: "_1rsrm2f11f" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f11l", hover: "_1rsrm2f11m", active: "_1rsrm2f11n", selection: "_1rsrm2f11o", focused: "_1rsrm2f11p", focusedVisible: "_1rsrm2f11q" }, defaultClass: "_1rsrm2f11l" }, buttonTextHover: { conditions: { base: "_1rsrm2f11r", hover: "_1rsrm2f11s", active: "_1rsrm2f11t", selection: "_1rsrm2f11u", focused: "_1rsrm2f11v", focusedVisible: "_1rsrm2f11w" }, defaultClass: "_1rsrm2f11r" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f11x", hover: "_1rsrm2f11y", active: "_1rsrm2f11z", selection: "_1rsrm2f120", focused: "_1rsrm2f121", focusedVisible: "_1rsrm2f122" }, defaultClass: "_1rsrm2f11x" }, transparent: { conditions: { base: "_1rsrm2f123", hover: "_1rsrm2f124", active: "_1rsrm2f125", selection: "_1rsrm2f126", focused: "_1rsrm2f127", focusedVisible: "_1rsrm2f128" }, defaultClass: "_1rsrm2f123" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f129", hover: "_1rsrm2f12a", active: "_1rsrm2f12b", selection: "_1rsrm2f12c", focused: "_1rsrm2f12d", focusedVisible: "_1rsrm2f12e" }, defaultClass: "_1rsrm2f129" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f12f", hover: "_1rsrm2f12g", active: "_1rsrm2f12h", selection: "_1rsrm2f12i", focused: "_1rsrm2f12j", focusedVisible: "_1rsrm2f12k" }, defaultClass: "_1rsrm2f12f" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f12l", hover: "_1rsrm2f12m", active: "_1rsrm2f12n", selection: "_1rsrm2f12o", focused: "_1rsrm2f12p", focusedVisible: "_1rsrm2f12q" }, defaultClass: "_1rsrm2f12l" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f12r", hover: "_1rsrm2f12s", active: "_1rsrm2f12t", selection: "_1rsrm2f12u", focused: "_1rsrm2f12v", focusedVisible: "_1rsrm2f12w" }, defaultClass: "_1rsrm2f12r" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f12x", hover: "_1rsrm2f12y", active: "_1rsrm2f12z", selection: "_1rsrm2f130", focused: "_1rsrm2f131", focusedVisible: "_1rsrm2f132" }, defaultClass: "_1rsrm2f12x" }, buttonBackground: { conditions: { base: "_1rsrm2f133", hover: "_1rsrm2f134", active: "_1rsrm2f135", selection: "_1rsrm2f136", focused: "_1rsrm2f137", focusedVisible: "_1rsrm2f138" }, defaultClass: "_1rsrm2f133" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f139", hover: "_1rsrm2f13a", active: "_1rsrm2f13b", selection: "_1rsrm2f13c", focused: "_1rsrm2f13d", focusedVisible: "_1rsrm2f13e" }, defaultClass: "_1rsrm2f139" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f13f", hover: "_1rsrm2f13g", active: "_1rsrm2f13h", selection: "_1rsrm2f13i", focused: "_1rsrm2f13j", focusedVisible: "_1rsrm2f13k" }, defaultClass: "_1rsrm2f13f" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f13l", hover: "_1rsrm2f13m", active: "_1rsrm2f13n", selection: "_1rsrm2f13o", focused: "_1rsrm2f13p", focusedVisible: "_1rsrm2f13q" }, defaultClass: "_1rsrm2f13l" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f13r", hover: "_1rsrm2f13s", active: "_1rsrm2f13t", selection: "_1rsrm2f13u", focused: "_1rsrm2f13v", focusedVisible: "_1rsrm2f13w" }, defaultClass: "_1rsrm2f13r" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f13x", hover: "_1rsrm2f13y", active: "_1rsrm2f13z", selection: "_1rsrm2f140", focused: "_1rsrm2f141", focusedVisible: "_1rsrm2f142" }, defaultClass: "_1rsrm2f13x" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f143", hover: "_1rsrm2f144", active: "_1rsrm2f145", selection: "_1rsrm2f146", focused: "_1rsrm2f147", focusedVisible: "_1rsrm2f148" }, defaultClass: "_1rsrm2f143" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f149", hover: "_1rsrm2f14a", active: "_1rsrm2f14b", selection: "_1rsrm2f14c", focused: "_1rsrm2f14d", focusedVisible: "_1rsrm2f14e" }, defaultClass: "_1rsrm2f149" }, buttonIconStroke: { conditions: { base: "_1rsrm2f14f", hover: "_1rsrm2f14g", active: "_1rsrm2f14h", selection: "_1rsrm2f14i", focused: "_1rsrm2f14j", focusedVisible: "_1rsrm2f14k" }, defaultClass: "_1rsrm2f14f" }, buttonBorderTertiary: { conditions: { base: "_1rsrm2f14l", hover: "_1rsrm2f14m", active: "_1rsrm2f14n", selection: "_1rsrm2f14o", focused: "_1rsrm2f14p", focusedVisible: "_1rsrm2f14q" }, defaultClass: "_1rsrm2f14l" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f14r", hover: "_1rsrm2f14s", active: "_1rsrm2f14t", selection: "_1rsrm2f14u", focused: "_1rsrm2f14v", focusedVisible: "_1rsrm2f14w" }, defaultClass: "_1rsrm2f14r" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f14x", hover: "_1rsrm2f14y", active: "_1rsrm2f14z", selection: "_1rsrm2f150", focused: "_1rsrm2f151", focusedVisible: "_1rsrm2f152" }, defaultClass: "_1rsrm2f14x" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f153", hover: "_1rsrm2f154", active: "_1rsrm2f155", selection: "_1rsrm2f156", focused: "_1rsrm2f157", focusedVisible: "_1rsrm2f158" }, defaultClass: "_1rsrm2f153" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f159", hover: "_1rsrm2f15a", active: "_1rsrm2f15b", selection: "_1rsrm2f15c", focused: "_1rsrm2f15d", focusedVisible: "_1rsrm2f15e" }, defaultClass: "_1rsrm2f159" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f15f", hover: "_1rsrm2f15g", active: "_1rsrm2f15h", selection: "_1rsrm2f15i", focused: "_1rsrm2f15j", focusedVisible: "_1rsrm2f15k" }, defaultClass: "_1rsrm2f15f" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f15l", hover: "_1rsrm2f15m", active: "_1rsrm2f15n", selection: "_1rsrm2f15o", focused: "_1rsrm2f15p", focusedVisible: "_1rsrm2f15q" }, defaultClass: "_1rsrm2f15l" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f15r", hover: "_1rsrm2f15s", active: "_1rsrm2f15t", selection: "_1rsrm2f15u", focused: "_1rsrm2f15v", focusedVisible: "_1rsrm2f15w" }, defaultClass: "_1rsrm2f15r" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f15x", hover: "_1rsrm2f15y", active: "_1rsrm2f15z", selection: "_1rsrm2f160", focused: "_1rsrm2f161", focusedVisible: "_1rsrm2f162" }, defaultClass: "_1rsrm2f15x" }, newBadgeBackground: { conditions: { base: "_1rsrm2f163", hover: "_1rsrm2f164", active: "_1rsrm2f165", selection: "_1rsrm2f166", focused: "_1rsrm2f167", focusedVisible: "_1rsrm2f168" }, defaultClass: "_1rsrm2f163" }, newBadgeBorder: { conditions: { base: "_1rsrm2f169", hover: "_1rsrm2f16a", active: "_1rsrm2f16b", selection: "_1rsrm2f16c", focused: "_1rsrm2f16d", focusedVisible: "_1rsrm2f16e" }, defaultClass: "_1rsrm2f169" }, newBadgeText: { conditions: { base: "_1rsrm2f16f", hover: "_1rsrm2f16g", active: "_1rsrm2f16h", selection: "_1rsrm2f16i", focused: "_1rsrm2f16j", focusedVisible: "_1rsrm2f16k" }, defaultClass: "_1rsrm2f16f" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f16l", hover: "_1rsrm2f16m", active: "_1rsrm2f16n", selection: "_1rsrm2f16o", focused: "_1rsrm2f16p", focusedVisible: "_1rsrm2f16q" }, defaultClass: "_1rsrm2f16l" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f16r", hover: "_1rsrm2f16s", active: "_1rsrm2f16t", selection: "_1rsrm2f16u", focused: "_1rsrm2f16v", focusedVisible: "_1rsrm2f16w" }, defaultClass: "_1rsrm2f16r" }, approvedBadgeText: { conditions: { base: "_1rsrm2f16x", hover: "_1rsrm2f16y", active: "_1rsrm2f16z", selection: "_1rsrm2f170", focused: "_1rsrm2f171", focusedVisible: "_1rsrm2f172" }, defaultClass: "_1rsrm2f16x" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f173", hover: "_1rsrm2f174", active: "_1rsrm2f175", selection: "_1rsrm2f176", focused: "_1rsrm2f177", focusedVisible: "_1rsrm2f178" }, defaultClass: "_1rsrm2f173" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f179", hover: "_1rsrm2f17a", active: "_1rsrm2f17b", selection: "_1rsrm2f17c", focused: "_1rsrm2f17d", focusedVisible: "_1rsrm2f17e" }, defaultClass: "_1rsrm2f179" }, failedBadgeText: { conditions: { base: "_1rsrm2f17f", hover: "_1rsrm2f17g", active: "_1rsrm2f17h", selection: "_1rsrm2f17i", focused: "_1rsrm2f17j", focusedVisible: "_1rsrm2f17k" }, defaultClass: "_1rsrm2f17f" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f17l", hover: "_1rsrm2f17m", active: "_1rsrm2f17n", selection: "_1rsrm2f17o", focused: "_1rsrm2f17p", focusedVisible: "_1rsrm2f17q" }, defaultClass: "_1rsrm2f17l" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f17r", hover: "_1rsrm2f17s", active: "_1rsrm2f17t", selection: "_1rsrm2f17u", focused: "_1rsrm2f17v", focusedVisible: "_1rsrm2f17w" }, defaultClass: "_1rsrm2f17r" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f17x", hover: "_1rsrm2f17y", active: "_1rsrm2f17z", selection: "_1rsrm2f180", focused: "_1rsrm2f181", focusedVisible: "_1rsrm2f182" }, defaultClass: "_1rsrm2f17x" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f183", hover: "_1rsrm2f184", active: "_1rsrm2f185", selection: "_1rsrm2f186", focused: "_1rsrm2f187", focusedVisible: "_1rsrm2f188" }, defaultClass: "_1rsrm2f183" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f189", hover: "_1rsrm2f18a", active: "_1rsrm2f18b", selection: "_1rsrm2f18c", focused: "_1rsrm2f18d", focusedVisible: "_1rsrm2f18e" }, defaultClass: "_1rsrm2f189" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f18f", hover: "_1rsrm2f18g", active: "_1rsrm2f18h", selection: "_1rsrm2f18i", focused: "_1rsrm2f18j", focusedVisible: "_1rsrm2f18k" }, defaultClass: "_1rsrm2f18f" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f18l", hover: "_1rsrm2f18m", active: "_1rsrm2f18n", selection: "_1rsrm2f18o", focused: "_1rsrm2f18p", focusedVisible: "_1rsrm2f18q" }, defaultClass: "_1rsrm2f18l" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f18r", hover: "_1rsrm2f18s", active: "_1rsrm2f18t", selection: "_1rsrm2f18u", focused: "_1rsrm2f18v", focusedVisible: "_1rsrm2f18w" }, defaultClass: "_1rsrm2f18r" }, inputAmountFiatDecimalsColor: { conditions: { base: "_1rsrm2f18x", hover: "_1rsrm2f18y", active: "_1rsrm2f18z", selection: "_1rsrm2f190", focused: "_1rsrm2f191", focusedVisible: "_1rsrm2f192" }, defaultClass: "_1rsrm2f18x" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f193", hover: "_1rsrm2f194", active: "_1rsrm2f195", selection: "_1rsrm2f196", focused: "_1rsrm2f197", focusedVisible: "_1rsrm2f198" }, defaultClass: "_1rsrm2f193" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f199", hover: "_1rsrm2f19a", active: "_1rsrm2f19b", selection: "_1rsrm2f19c", focused: "_1rsrm2f19d", focusedVisible: "_1rsrm2f19e" }, defaultClass: "_1rsrm2f199" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f19f", hover: "_1rsrm2f19g", active: "_1rsrm2f19h", selection: "_1rsrm2f19i", focused: "_1rsrm2f19j", focusedVisible: "_1rsrm2f19k" }, defaultClass: "_1rsrm2f19f" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f19l", hover: "_1rsrm2f19m", active: "_1rsrm2f19n", selection: "_1rsrm2f19o", focused: "_1rsrm2f19p", focusedVisible: "_1rsrm2f19q" }, defaultClass: "_1rsrm2f19l" }, announceGradientFrom: { conditions: { base: "_1rsrm2f19r", hover: "_1rsrm2f19s", active: "_1rsrm2f19t", selection: "_1rsrm2f19u", focused: "_1rsrm2f19v", focusedVisible: "_1rsrm2f19w" }, defaultClass: "_1rsrm2f19r" }, announceGradientTo: { conditions: { base: "_1rsrm2f19x", hover: "_1rsrm2f19y", active: "_1rsrm2f19z", selection: "_1rsrm2f1a0", focused: "_1rsrm2f1a1", focusedVisible: "_1rsrm2f1a2" }, defaultClass: "_1rsrm2f19x" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1a3", hover: "_1rsrm2f1a4", active: "_1rsrm2f1a5", selection: "_1rsrm2f1a6", focused: "_1rsrm2f1a7", focusedVisible: "_1rsrm2f1a8" }, defaultClass: "_1rsrm2f1a3" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1a9", hover: "_1rsrm2f1aa", active: "_1rsrm2f1ab", selection: "_1rsrm2f1ac", focused: "_1rsrm2f1ad", focusedVisible: "_1rsrm2f1ae" }, defaultClass: "_1rsrm2f1a9" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1af", hover: "_1rsrm2f1ag", active: "_1rsrm2f1ah", selection: "_1rsrm2f1ai", focused: "_1rsrm2f1aj", focusedVisible: "_1rsrm2f1ak" }, defaultClass: "_1rsrm2f1af" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1al", hover: "_1rsrm2f1am", active: "_1rsrm2f1an", selection: "_1rsrm2f1ao", focused: "_1rsrm2f1ap", focusedVisible: "_1rsrm2f1aq" }, defaultClass: "_1rsrm2f1al" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1ar", hover: "_1rsrm2f1as", active: "_1rsrm2f1at", selection: "_1rsrm2f1au", focused: "_1rsrm2f1av", focusedVisible: "_1rsrm2f1aw" }, defaultClass: "_1rsrm2f1ar" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1ax", hover: "_1rsrm2f1ay", active: "_1rsrm2f1az", selection: "_1rsrm2f1b0", focused: "_1rsrm2f1b1", focusedVisible: "_1rsrm2f1b2" }, defaultClass: "_1rsrm2f1ax" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1b3", hover: "_1rsrm2f1b4", active: "_1rsrm2f1b5", selection: "_1rsrm2f1b6", focused: "_1rsrm2f1b7", focusedVisible: "_1rsrm2f1b8" }, defaultClass: "_1rsrm2f1b3" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1b9", hover: "_1rsrm2f1ba", active: "_1rsrm2f1bb", selection: "_1rsrm2f1bc", focused: "_1rsrm2f1bd", focusedVisible: "_1rsrm2f1be" }, defaultClass: "_1rsrm2f1b9" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1bf", hover: "_1rsrm2f1bg", active: "_1rsrm2f1bh", selection: "_1rsrm2f1bi", focused: "_1rsrm2f1bj", focusedVisible: "_1rsrm2f1bk" }, defaultClass: "_1rsrm2f1bf" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1bl", hover: "_1rsrm2f1bm", active: "_1rsrm2f1bn", selection: "_1rsrm2f1bo", focused: "_1rsrm2f1bp", focusedVisible: "_1rsrm2f1bq" }, defaultClass: "_1rsrm2f1bl" }, optionBoxBackground: { conditions: { base: "_1rsrm2f1br", hover: "_1rsrm2f1bs", active: "_1rsrm2f1bt", selection: "_1rsrm2f1bu", focused: "_1rsrm2f1bv", focusedVisible: "_1rsrm2f1bw" }, defaultClass: "_1rsrm2f1br" }, optionBoxBackgroundUninteractive: { conditions: { base: "_1rsrm2f1bx", hover: "_1rsrm2f1by", active: "_1rsrm2f1bz", selection: "_1rsrm2f1c0", focused: "_1rsrm2f1c1", focusedVisible: "_1rsrm2f1c2" }, defaultClass: "_1rsrm2f1bx" }, dropdownActiveItemBackgroundBase: { conditions: { base: "_1rsrm2f1c3", hover: "_1rsrm2f1c4", active: "_1rsrm2f1c5", selection: "_1rsrm2f1c6", focused: "_1rsrm2f1c7", focusedVisible: "_1rsrm2f1c8" }, defaultClass: "_1rsrm2f1c3" }, dropdownActiveItemBackgroundHover: { conditions: { base: "_1rsrm2f1c9", hover: "_1rsrm2f1ca", active: "_1rsrm2f1cb", selection: "_1rsrm2f1cc", focused: "_1rsrm2f1cd", focusedVisible: "_1rsrm2f1ce" }, defaultClass: "_1rsrm2f1c9" }, dropdownActiveItemBackgroundDisabled: { conditions: { base: "_1rsrm2f1cf", hover: "_1rsrm2f1cg", active: "_1rsrm2f1ch", selection: "_1rsrm2f1ci", focused: "_1rsrm2f1cj", focusedVisible: "_1rsrm2f1ck" }, defaultClass: "_1rsrm2f1cf" }, spinnerBackground: { conditions: { base: "_1rsrm2f1cl", hover: "_1rsrm2f1cm", active: "_1rsrm2f1cn", selection: "_1rsrm2f1co", focused: "_1rsrm2f1cp", focusedVisible: "_1rsrm2f1cq" }, defaultClass: "_1rsrm2f1cl" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1cr", hover: "_1rsrm2f1cs", active: "_1rsrm2f1ct", selection: "_1rsrm2f1cu", focused: "_1rsrm2f1cv", focusedVisible: "_1rsrm2f1cw" }, defaultClass: "_1rsrm2f1cr" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1cx", hover: "_1rsrm2f1cy", active: "_1rsrm2f1cz", selection: "_1rsrm2f1d0", focused: "_1rsrm2f1d1", focusedVisible: "_1rsrm2f1d2" }, defaultClass: "_1rsrm2f1cx" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1d3", hover: "_1rsrm2f1d4", active: "_1rsrm2f1d5", selection: "_1rsrm2f1d6", focused: "_1rsrm2f1d7", focusedVisible: "_1rsrm2f1d8" }, defaultClass: "_1rsrm2f1d3" }, txSummaryBoxBackground: { conditions: { base: "_1rsrm2f1d9", hover: "_1rsrm2f1da", active: "_1rsrm2f1db", selection: "_1rsrm2f1dc", focused: "_1rsrm2f1dd", focusedVisible: "_1rsrm2f1de" }, defaultClass: "_1rsrm2f1d9" }, txSummaryBoxBorder: { conditions: { base: "_1rsrm2f1df", hover: "_1rsrm2f1dg", active: "_1rsrm2f1dh", selection: "_1rsrm2f1di", focused: "_1rsrm2f1dj", focusedVisible: "_1rsrm2f1dk" }, defaultClass: "_1rsrm2f1df" }, counterRingColor: { conditions: { base: "_1rsrm2f1dl", hover: "_1rsrm2f1dm", active: "_1rsrm2f1dn", selection: "_1rsrm2f1do", focused: "_1rsrm2f1dp", focusedVisible: "_1rsrm2f1dq" }, defaultClass: "_1rsrm2f1dl" }, cryptoCashToggleContainerBorderColor: { conditions: { base: "_1rsrm2f1dr", hover: "_1rsrm2f1ds", active: "_1rsrm2f1dt", selection: "_1rsrm2f1du", focused: "_1rsrm2f1dv", focusedVisible: "_1rsrm2f1dw" }, defaultClass: "_1rsrm2f1dr" }, cryptoCashToggleBackground: { conditions: { base: "_1rsrm2f1dx", hover: "_1rsrm2f1dy", active: "_1rsrm2f1dz", selection: "_1rsrm2f1e0", focused: "_1rsrm2f1e1", focusedVisible: "_1rsrm2f1e2" }, defaultClass: "_1rsrm2f1dx" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2f1e3", hover: "_1rsrm2f1e4", active: "_1rsrm2f1e5", selection: "_1rsrm2f1e6", focused: "_1rsrm2f1e7", focusedVisible: "_1rsrm2f1e8" }, defaultClass: "_1rsrm2f1e3" }, accentColorForeground: { conditions: { base: "_1rsrm2f1e9", hover: "_1rsrm2f1ea", active: "_1rsrm2f1eb", selection: "_1rsrm2f1ec", focused: "_1rsrm2f1ed", focusedVisible: "_1rsrm2f1ee" }, defaultClass: "_1rsrm2f1e9" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1ef", hover: "_1rsrm2f1eg", active: "_1rsrm2f1eh", selection: "_1rsrm2f1ei", focused: "_1rsrm2f1ej", focusedVisible: "_1rsrm2f1ek" }, defaultClass: "_1rsrm2f1ef" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1el", hover: "_1rsrm2f1em", active: "_1rsrm2f1en", selection: "_1rsrm2f1eo", focused: "_1rsrm2f1ep", focusedVisible: "_1rsrm2f1eq" }, defaultClass: "_1rsrm2f1el" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1er", hover: "_1rsrm2f1es", active: "_1rsrm2f1et", selection: "_1rsrm2f1eu", focused: "_1rsrm2f1ev", focusedVisible: "_1rsrm2f1ew" }, defaultClass: "_1rsrm2f1er" }, connectButtonText: { conditions: { base: "_1rsrm2f1ex", hover: "_1rsrm2f1ey", active: "_1rsrm2f1ez", selection: "_1rsrm2f1f0", focused: "_1rsrm2f1f1", focusedVisible: "_1rsrm2f1f2" }, defaultClass: "_1rsrm2f1ex" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1f3", hover: "_1rsrm2f1f4", active: "_1rsrm2f1f5", selection: "_1rsrm2f1f6", focused: "_1rsrm2f1f7", focusedVisible: "_1rsrm2f1f8" }, defaultClass: "_1rsrm2f1f3" }, connectionIndicator: { conditions: { base: "_1rsrm2f1f9", hover: "_1rsrm2f1fa", active: "_1rsrm2f1fb", selection: "_1rsrm2f1fc", focused: "_1rsrm2f1fd", focusedVisible: "_1rsrm2f1fe" }, defaultClass: "_1rsrm2f1f9" }, error: { conditions: { base: "_1rsrm2f1ff", hover: "_1rsrm2f1fg", active: "_1rsrm2f1fh", selection: "_1rsrm2f1fi", focused: "_1rsrm2f1fj", focusedVisible: "_1rsrm2f1fk" }, defaultClass: "_1rsrm2f1ff" }, errorBackground: { conditions: { base: "_1rsrm2f1fl", hover: "_1rsrm2f1fm", active: "_1rsrm2f1fn", selection: "_1rsrm2f1fo", focused: "_1rsrm2f1fp", focusedVisible: "_1rsrm2f1fq" }, defaultClass: "_1rsrm2f1fl" }, errorBorder: { conditions: { base: "_1rsrm2f1fr", hover: "_1rsrm2f1fs", active: "_1rsrm2f1ft", selection: "_1rsrm2f1fu", focused: "_1rsrm2f1fv", focusedVisible: "_1rsrm2f1fw" }, defaultClass: "_1rsrm2f1fr" }, generalBorder: { conditions: { base: "_1rsrm2f1fx", hover: "_1rsrm2f1fy", active: "_1rsrm2f1fz", selection: "_1rsrm2f1g0", focused: "_1rsrm2f1g1", focusedVisible: "_1rsrm2f1g2" }, defaultClass: "_1rsrm2f1fx" }, generalBorderDim: { conditions: { base: "_1rsrm2f1g3", hover: "_1rsrm2f1g4", active: "_1rsrm2f1g5", selection: "_1rsrm2f1g6", focused: "_1rsrm2f1g7", focusedVisible: "_1rsrm2f1g8" }, defaultClass: "_1rsrm2f1g3" }, menuItemBackground: { conditions: { base: "_1rsrm2f1g9", hover: "_1rsrm2f1ga", active: "_1rsrm2f1gb", selection: "_1rsrm2f1gc", focused: "_1rsrm2f1gd", focusedVisible: "_1rsrm2f1ge" }, defaultClass: "_1rsrm2f1g9" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1gf", hover: "_1rsrm2f1gg", active: "_1rsrm2f1gh", selection: "_1rsrm2f1gi", focused: "_1rsrm2f1gj", focusedVisible: "_1rsrm2f1gk" }, defaultClass: "_1rsrm2f1gf" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1gl", hover: "_1rsrm2f1gm", active: "_1rsrm2f1gn", selection: "_1rsrm2f1go", focused: "_1rsrm2f1gp", focusedVisible: "_1rsrm2f1gq" }, defaultClass: "_1rsrm2f1gl" }, standby: { conditions: { base: "_1rsrm2f1gr", hover: "_1rsrm2f1gs", active: "_1rsrm2f1gt", selection: "_1rsrm2f1gu", focused: "_1rsrm2f1gv", focusedVisible: "_1rsrm2f1gw" }, defaultClass: "_1rsrm2f1gr" }, success: { conditions: { base: "_1rsrm2f1gx", hover: "_1rsrm2f1gy", active: "_1rsrm2f1gz", selection: "_1rsrm2f1h0", focused: "_1rsrm2f1h1", focusedVisible: "_1rsrm2f1h2" }, defaultClass: "_1rsrm2f1gx" }, delayedStatusIcon: { conditions: { base: "_1rsrm2f1h3", hover: "_1rsrm2f1h4", active: "_1rsrm2f1h5", selection: "_1rsrm2f1h6", focused: "_1rsrm2f1h7", focusedVisible: "_1rsrm2f1h8" }, defaultClass: "_1rsrm2f1h3" }, chainIconBorder: { conditions: { base: "_1rsrm2f1h9", hover: "_1rsrm2f1ha", active: "_1rsrm2f1hb", selection: "_1rsrm2f1hc", focused: "_1rsrm2f1hd", focusedVisible: "_1rsrm2f1he" }, defaultClass: "_1rsrm2f1h9" }, modalBackdrop: { conditions: { base: "_1rsrm2f1hf", hover: "_1rsrm2f1hg", active: "_1rsrm2f1hh", selection: "_1rsrm2f1hi", focused: "_1rsrm2f1hj", focusedVisible: "_1rsrm2f1hk" }, defaultClass: "_1rsrm2f1hf" }, modalBackground: { conditions: { base: "_1rsrm2f1hl", hover: "_1rsrm2f1hm", active: "_1rsrm2f1hn", selection: "_1rsrm2f1ho", focused: "_1rsrm2f1hp", focusedVisible: "_1rsrm2f1hq" }, defaultClass: "_1rsrm2f1hl" }, modalBorder: { conditions: { base: "_1rsrm2f1hr", hover: "_1rsrm2f1hs", active: "_1rsrm2f1ht", selection: "_1rsrm2f1hu", focused: "_1rsrm2f1hv", focusedVisible: "_1rsrm2f1hw" }, defaultClass: "_1rsrm2f1hr" }, offBackground: { conditions: { base: "_1rsrm2f1hx", hover: "_1rsrm2f1hy", active: "_1rsrm2f1hz", selection: "_1rsrm2f1i0", focused: "_1rsrm2f1i1", focusedVisible: "_1rsrm2f1i2" }, defaultClass: "_1rsrm2f1hx" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1i3", hover: "_1rsrm2f1i4", active: "_1rsrm2f1i5", selection: "_1rsrm2f1i6", focused: "_1rsrm2f1i7", focusedVisible: "_1rsrm2f1i8" }, defaultClass: "_1rsrm2f1i3" }, hoverState: { conditions: { base: "_1rsrm2f1i9", hover: "_1rsrm2f1ia", active: "_1rsrm2f1ib", selection: "_1rsrm2f1ic", focused: "_1rsrm2f1id", focusedVisible: "_1rsrm2f1ie" }, defaultClass: "_1rsrm2f1i9" }, lightStroke: { conditions: { base: "_1rsrm2f1if", hover: "_1rsrm2f1ig", active: "_1rsrm2f1ih", selection: "_1rsrm2f1ii", focused: "_1rsrm2f1ij", focusedVisible: "_1rsrm2f1ik" }, defaultClass: "_1rsrm2f1if" }, mediumStroke: { conditions: { base: "_1rsrm2f1il", hover: "_1rsrm2f1im", active: "_1rsrm2f1in", selection: "_1rsrm2f1io", focused: "_1rsrm2f1ip", focusedVisible: "_1rsrm2f1iq" }, defaultClass: "_1rsrm2f1il" }, heavyStroke: { conditions: { base: "_1rsrm2f1ir", hover: "_1rsrm2f1is", active: "_1rsrm2f1it", selection: "_1rsrm2f1iu", focused: "_1rsrm2f1iv", focusedVisible: "_1rsrm2f1iw" }, defaultClass: "_1rsrm2f1ir" }, strokeColor: { conditions: { base: "_1rsrm2f1ix", hover: "_1rsrm2f1iy", active: "_1rsrm2f1iz", selection: "_1rsrm2f1j0", focused: "_1rsrm2f1j1", focusedVisible: "_1rsrm2f1j2" }, defaultClass: "_1rsrm2f1ix" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f1j3", hover: "_1rsrm2f1j4", active: "_1rsrm2f1j5", selection: "_1rsrm2f1j6", focused: "_1rsrm2f1j7", focusedVisible: "_1rsrm2f1j8" }, defaultClass: "_1rsrm2f1j3" }, modalTopbarIconBackground: { conditions: { base: "_1rsrm2f1j9", hover: "_1rsrm2f1ja", active: "_1rsrm2f1jb", selection: "_1rsrm2f1jc", focused: "_1rsrm2f1jd", focusedVisible: "_1rsrm2f1je" }, defaultClass: "_1rsrm2f1j9" }, modalTopbarIconBackgroundHover: { conditions: { base: "_1rsrm2f1jf", hover: "_1rsrm2f1jg", active: "_1rsrm2f1jh", selection: "_1rsrm2f1ji", focused: "_1rsrm2f1jj", focusedVisible: "_1rsrm2f1jk" }, defaultClass: "_1rsrm2f1jf" }, modalTopbarIconBackgroundPressed: { conditions: { base: "_1rsrm2f1jl", hover: "_1rsrm2f1jm", active: "_1rsrm2f1jn", selection: "_1rsrm2f1jo", focused: "_1rsrm2f1jp", focusedVisible: "_1rsrm2f1jq" }, defaultClass: "_1rsrm2f1jl" }, modalTopbarIconStroke: { conditions: { base: "_1rsrm2f1jr", hover: "_1rsrm2f1js", active: "_1rsrm2f1jt", selection: "_1rsrm2f1ju", focused: "_1rsrm2f1jv", focusedVisible: "_1rsrm2f1jw" }, defaultClass: "_1rsrm2f1jr" }, primaryText: { conditions: { base: "_1rsrm2f1jx", hover: "_1rsrm2f1jy", active: "_1rsrm2f1jz", selection: "_1rsrm2f1k0", focused: "_1rsrm2f1k1", focusedVisible: "_1rsrm2f1k2" }, defaultClass: "_1rsrm2f1jx" }, secondaryText: { conditions: { base: "_1rsrm2f1k3", hover: "_1rsrm2f1k4", active: "_1rsrm2f1k5", selection: "_1rsrm2f1k6", focused: "_1rsrm2f1k7", focusedVisible: "_1rsrm2f1k8" }, defaultClass: "_1rsrm2f1k3" }, tertiaryText: { conditions: { base: "_1rsrm2f1k9", hover: "_1rsrm2f1ka", active: "_1rsrm2f1kb", selection: "_1rsrm2f1kc", focused: "_1rsrm2f1kd", focusedVisible: "_1rsrm2f1ke" }, defaultClass: "_1rsrm2f1k9" }, textSelection: { conditions: { base: "_1rsrm2f1kf", hover: "_1rsrm2f1kg", active: "_1rsrm2f1kh", selection: "_1rsrm2f1ki", focused: "_1rsrm2f1kj", focusedVisible: "_1rsrm2f1kk" }, defaultClass: "_1rsrm2f1kf" }, inputBackground: { conditions: { base: "_1rsrm2f1kl", hover: "_1rsrm2f1km", active: "_1rsrm2f1kn", selection: "_1rsrm2f1ko", focused: "_1rsrm2f1kp", focusedVisible: "_1rsrm2f1kq" }, defaultClass: "_1rsrm2f1kl" }, inputBorderBase: { conditions: { base: "_1rsrm2f1kr", hover: "_1rsrm2f1ks", active: "_1rsrm2f1kt", selection: "_1rsrm2f1ku", focused: "_1rsrm2f1kv", focusedVisible: "_1rsrm2f1kw" }, defaultClass: "_1rsrm2f1kr" }, inputBorderHover: { conditions: { base: "_1rsrm2f1kx", hover: "_1rsrm2f1ky", active: "_1rsrm2f1kz", selection: "_1rsrm2f1l0", focused: "_1rsrm2f1l1", focusedVisible: "_1rsrm2f1l2" }, defaultClass: "_1rsrm2f1kx" }, activeTabBorderColor: { conditions: { base: "_1rsrm2f1l3", hover: "_1rsrm2f1l4", active: "_1rsrm2f1l5", selection: "_1rsrm2f1l6", focused: "_1rsrm2f1l7", focusedVisible: "_1rsrm2f1l8" }, defaultClass: "_1rsrm2f1l3" }, activeTabBackground: { conditions: { base: "_1rsrm2f1l9", hover: "_1rsrm2f1la", active: "_1rsrm2f1lb", selection: "_1rsrm2f1lc", focused: "_1rsrm2f1ld", focusedVisible: "_1rsrm2f1le" }, defaultClass: "_1rsrm2f1l9" }, actionColor: { conditions: { base: "_1rsrm2f1lf", hover: "_1rsrm2f1lg", active: "_1rsrm2f1lh", selection: "_1rsrm2f1li", focused: "_1rsrm2f1lj", focusedVisible: "_1rsrm2f1lk" }, defaultClass: "_1rsrm2f1lf" }, actionColorHover: { conditions: { base: "_1rsrm2f1ll", hover: "_1rsrm2f1lm", active: "_1rsrm2f1ln", selection: "_1rsrm2f1lo", focused: "_1rsrm2f1lp", focusedVisible: "_1rsrm2f1lq" }, defaultClass: "_1rsrm2f1ll" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1lr", hover: "_1rsrm2f1ls", active: "_1rsrm2f1lt", selection: "_1rsrm2f1lu", focused: "_1rsrm2f1lv", focusedVisible: "_1rsrm2f1lw" }, defaultClass: "_1rsrm2f1lr" }, buttonPrimary: { conditions: { base: "_1rsrm2f1lx", hover: "_1rsrm2f1ly", active: "_1rsrm2f1lz", selection: "_1rsrm2f1m0", focused: "_1rsrm2f1m1", focusedVisible: "_1rsrm2f1m2" }, defaultClass: "_1rsrm2f1lx" }, buttonDisabled: { conditions: { base: "_1rsrm2f1m3", hover: "_1rsrm2f1m4", active: "_1rsrm2f1m5", selection: "_1rsrm2f1m6", focused: "_1rsrm2f1m7", focusedVisible: "_1rsrm2f1m8" }, defaultClass: "_1rsrm2f1m3" }, buttonWarning: { conditions: { base: "_1rsrm2f1m9", hover: "_1rsrm2f1ma", active: "_1rsrm2f1mb", selection: "_1rsrm2f1mc", focused: "_1rsrm2f1md", focusedVisible: "_1rsrm2f1me" }, defaultClass: "_1rsrm2f1m9" }, buttonSuccess: { conditions: { base: "_1rsrm2f1mf", hover: "_1rsrm2f1mg", active: "_1rsrm2f1mh", selection: "_1rsrm2f1mi", focused: "_1rsrm2f1mj", focusedVisible: "_1rsrm2f1mk" }, defaultClass: "_1rsrm2f1mf" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1ml", hover: "_1rsrm2f1mm", active: "_1rsrm2f1mn", selection: "_1rsrm2f1mo", focused: "_1rsrm2f1mp", focusedVisible: "_1rsrm2f1mq" }, defaultClass: "_1rsrm2f1ml" }, buttonTextHover: { conditions: { base: "_1rsrm2f1mr", hover: "_1rsrm2f1ms", active: "_1rsrm2f1mt", selection: "_1rsrm2f1mu", focused: "_1rsrm2f1mv", focusedVisible: "_1rsrm2f1mw" }, defaultClass: "_1rsrm2f1mr" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1mx", hover: "_1rsrm2f1my", active: "_1rsrm2f1mz", selection: "_1rsrm2f1n0", focused: "_1rsrm2f1n1", focusedVisible: "_1rsrm2f1n2" }, defaultClass: "_1rsrm2f1mx" }, transparent: { conditions: { base: "_1rsrm2f1n3", hover: "_1rsrm2f1n4", active: "_1rsrm2f1n5", selection: "_1rsrm2f1n6", focused: "_1rsrm2f1n7", focusedVisible: "_1rsrm2f1n8" }, defaultClass: "_1rsrm2f1n3" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1n9", hover: "_1rsrm2f1na", active: "_1rsrm2f1nb", selection: "_1rsrm2f1nc", focused: "_1rsrm2f1nd", focusedVisible: "_1rsrm2f1ne" }, defaultClass: "_1rsrm2f1n9" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1nf", hover: "_1rsrm2f1ng", active: "_1rsrm2f1nh", selection: "_1rsrm2f1ni", focused: "_1rsrm2f1nj", focusedVisible: "_1rsrm2f1nk" }, defaultClass: "_1rsrm2f1nf" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f1nl", hover: "_1rsrm2f1nm", active: "_1rsrm2f1nn", selection: "_1rsrm2f1no", focused: "_1rsrm2f1np", focusedVisible: "_1rsrm2f1nq" }, defaultClass: "_1rsrm2f1nl" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1nr", hover: "_1rsrm2f1ns", active: "_1rsrm2f1nt", selection: "_1rsrm2f1nu", focused: "_1rsrm2f1nv", focusedVisible: "_1rsrm2f1nw" }, defaultClass: "_1rsrm2f1nr" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1nx", hover: "_1rsrm2f1ny", active: "_1rsrm2f1nz", selection: "_1rsrm2f1o0", focused: "_1rsrm2f1o1", focusedVisible: "_1rsrm2f1o2" }, defaultClass: "_1rsrm2f1nx" }, buttonBackground: { conditions: { base: "_1rsrm2f1o3", hover: "_1rsrm2f1o4", active: "_1rsrm2f1o5", selection: "_1rsrm2f1o6", focused: "_1rsrm2f1o7", focusedVisible: "_1rsrm2f1o8" }, defaultClass: "_1rsrm2f1o3" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1o9", hover: "_1rsrm2f1oa", active: "_1rsrm2f1ob", selection: "_1rsrm2f1oc", focused: "_1rsrm2f1od", focusedVisible: "_1rsrm2f1oe" }, defaultClass: "_1rsrm2f1o9" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f1of", hover: "_1rsrm2f1og", active: "_1rsrm2f1oh", selection: "_1rsrm2f1oi", focused: "_1rsrm2f1oj", focusedVisible: "_1rsrm2f1ok" }, defaultClass: "_1rsrm2f1of" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1ol", hover: "_1rsrm2f1om", active: "_1rsrm2f1on", selection: "_1rsrm2f1oo", focused: "_1rsrm2f1op", focusedVisible: "_1rsrm2f1oq" }, defaultClass: "_1rsrm2f1ol" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1or", hover: "_1rsrm2f1os", active: "_1rsrm2f1ot", selection: "_1rsrm2f1ou", focused: "_1rsrm2f1ov", focusedVisible: "_1rsrm2f1ow" }, defaultClass: "_1rsrm2f1or" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1ox", hover: "_1rsrm2f1oy", active: "_1rsrm2f1oz", selection: "_1rsrm2f1p0", focused: "_1rsrm2f1p1", focusedVisible: "_1rsrm2f1p2" }, defaultClass: "_1rsrm2f1ox" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1p3", hover: "_1rsrm2f1p4", active: "_1rsrm2f1p5", selection: "_1rsrm2f1p6", focused: "_1rsrm2f1p7", focusedVisible: "_1rsrm2f1p8" }, defaultClass: "_1rsrm2f1p3" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1p9", hover: "_1rsrm2f1pa", active: "_1rsrm2f1pb", selection: "_1rsrm2f1pc", focused: "_1rsrm2f1pd", focusedVisible: "_1rsrm2f1pe" }, defaultClass: "_1rsrm2f1p9" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1pf", hover: "_1rsrm2f1pg", active: "_1rsrm2f1ph", selection: "_1rsrm2f1pi", focused: "_1rsrm2f1pj", focusedVisible: "_1rsrm2f1pk" }, defaultClass: "_1rsrm2f1pf" }, buttonBorderTertiary: { conditions: { base: "_1rsrm2f1pl", hover: "_1rsrm2f1pm", active: "_1rsrm2f1pn", selection: "_1rsrm2f1po", focused: "_1rsrm2f1pp", focusedVisible: "_1rsrm2f1pq" }, defaultClass: "_1rsrm2f1pl" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1pr", hover: "_1rsrm2f1ps", active: "_1rsrm2f1pt", selection: "_1rsrm2f1pu", focused: "_1rsrm2f1pv", focusedVisible: "_1rsrm2f1pw" }, defaultClass: "_1rsrm2f1pr" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1px", hover: "_1rsrm2f1py", active: "_1rsrm2f1pz", selection: "_1rsrm2f1q0", focused: "_1rsrm2f1q1", focusedVisible: "_1rsrm2f1q2" }, defaultClass: "_1rsrm2f1px" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f1q3", hover: "_1rsrm2f1q4", active: "_1rsrm2f1q5", selection: "_1rsrm2f1q6", focused: "_1rsrm2f1q7", focusedVisible: "_1rsrm2f1q8" }, defaultClass: "_1rsrm2f1q3" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f1q9", hover: "_1rsrm2f1qa", active: "_1rsrm2f1qb", selection: "_1rsrm2f1qc", focused: "_1rsrm2f1qd", focusedVisible: "_1rsrm2f1qe" }, defaultClass: "_1rsrm2f1q9" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f1qf", hover: "_1rsrm2f1qg", active: "_1rsrm2f1qh", selection: "_1rsrm2f1qi", focused: "_1rsrm2f1qj", focusedVisible: "_1rsrm2f1qk" }, defaultClass: "_1rsrm2f1qf" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1ql", hover: "_1rsrm2f1qm", active: "_1rsrm2f1qn", selection: "_1rsrm2f1qo", focused: "_1rsrm2f1qp", focusedVisible: "_1rsrm2f1qq" }, defaultClass: "_1rsrm2f1ql" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1qr", hover: "_1rsrm2f1qs", active: "_1rsrm2f1qt", selection: "_1rsrm2f1qu", focused: "_1rsrm2f1qv", focusedVisible: "_1rsrm2f1qw" }, defaultClass: "_1rsrm2f1qr" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1qx", hover: "_1rsrm2f1qy", active: "_1rsrm2f1qz", selection: "_1rsrm2f1r0", focused: "_1rsrm2f1r1", focusedVisible: "_1rsrm2f1r2" }, defaultClass: "_1rsrm2f1qx" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1r3", hover: "_1rsrm2f1r4", active: "_1rsrm2f1r5", selection: "_1rsrm2f1r6", focused: "_1rsrm2f1r7", focusedVisible: "_1rsrm2f1r8" }, defaultClass: "_1rsrm2f1r3" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1r9", hover: "_1rsrm2f1ra", active: "_1rsrm2f1rb", selection: "_1rsrm2f1rc", focused: "_1rsrm2f1rd", focusedVisible: "_1rsrm2f1re" }, defaultClass: "_1rsrm2f1r9" }, newBadgeText: { conditions: { base: "_1rsrm2f1rf", hover: "_1rsrm2f1rg", active: "_1rsrm2f1rh", selection: "_1rsrm2f1ri", focused: "_1rsrm2f1rj", focusedVisible: "_1rsrm2f1rk" }, defaultClass: "_1rsrm2f1rf" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1rl", hover: "_1rsrm2f1rm", active: "_1rsrm2f1rn", selection: "_1rsrm2f1ro", focused: "_1rsrm2f1rp", focusedVisible: "_1rsrm2f1rq" }, defaultClass: "_1rsrm2f1rl" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1rr", hover: "_1rsrm2f1rs", active: "_1rsrm2f1rt", selection: "_1rsrm2f1ru", focused: "_1rsrm2f1rv", focusedVisible: "_1rsrm2f1rw" }, defaultClass: "_1rsrm2f1rr" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1rx", hover: "_1rsrm2f1ry", active: "_1rsrm2f1rz", selection: "_1rsrm2f1s0", focused: "_1rsrm2f1s1", focusedVisible: "_1rsrm2f1s2" }, defaultClass: "_1rsrm2f1rx" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1s3", hover: "_1rsrm2f1s4", active: "_1rsrm2f1s5", selection: "_1rsrm2f1s6", focused: "_1rsrm2f1s7", focusedVisible: "_1rsrm2f1s8" }, defaultClass: "_1rsrm2f1s3" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1s9", hover: "_1rsrm2f1sa", active: "_1rsrm2f1sb", selection: "_1rsrm2f1sc", focused: "_1rsrm2f1sd", focusedVisible: "_1rsrm2f1se" }, defaultClass: "_1rsrm2f1s9" }, failedBadgeText: { conditions: { base: "_1rsrm2f1sf", hover: "_1rsrm2f1sg", active: "_1rsrm2f1sh", selection: "_1rsrm2f1si", focused: "_1rsrm2f1sj", focusedVisible: "_1rsrm2f1sk" }, defaultClass: "_1rsrm2f1sf" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1sl", hover: "_1rsrm2f1sm", active: "_1rsrm2f1sn", selection: "_1rsrm2f1so", focused: "_1rsrm2f1sp", focusedVisible: "_1rsrm2f1sq" }, defaultClass: "_1rsrm2f1sl" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1sr", hover: "_1rsrm2f1ss", active: "_1rsrm2f1st", selection: "_1rsrm2f1su", focused: "_1rsrm2f1sv", focusedVisible: "_1rsrm2f1sw" }, defaultClass: "_1rsrm2f1sr" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1sx", hover: "_1rsrm2f1sy", active: "_1rsrm2f1sz", selection: "_1rsrm2f1t0", focused: "_1rsrm2f1t1", focusedVisible: "_1rsrm2f1t2" }, defaultClass: "_1rsrm2f1sx" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1t3", hover: "_1rsrm2f1t4", active: "_1rsrm2f1t5", selection: "_1rsrm2f1t6", focused: "_1rsrm2f1t7", focusedVisible: "_1rsrm2f1t8" }, defaultClass: "_1rsrm2f1t3" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1t9", hover: "_1rsrm2f1ta", active: "_1rsrm2f1tb", selection: "_1rsrm2f1tc", focused: "_1rsrm2f1td", focusedVisible: "_1rsrm2f1te" }, defaultClass: "_1rsrm2f1t9" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1tf", hover: "_1rsrm2f1tg", active: "_1rsrm2f1th", selection: "_1rsrm2f1ti", focused: "_1rsrm2f1tj", focusedVisible: "_1rsrm2f1tk" }, defaultClass: "_1rsrm2f1tf" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1tl", hover: "_1rsrm2f1tm", active: "_1rsrm2f1tn", selection: "_1rsrm2f1to", focused: "_1rsrm2f1tp", focusedVisible: "_1rsrm2f1tq" }, defaultClass: "_1rsrm2f1tl" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1tr", hover: "_1rsrm2f1ts", active: "_1rsrm2f1tt", selection: "_1rsrm2f1tu", focused: "_1rsrm2f1tv", focusedVisible: "_1rsrm2f1tw" }, defaultClass: "_1rsrm2f1tr" }, inputAmountFiatDecimalsColor: { conditions: { base: "_1rsrm2f1tx", hover: "_1rsrm2f1ty", active: "_1rsrm2f1tz", selection: "_1rsrm2f1u0", focused: "_1rsrm2f1u1", focusedVisible: "_1rsrm2f1u2" }, defaultClass: "_1rsrm2f1tx" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1u3", hover: "_1rsrm2f1u4", active: "_1rsrm2f1u5", selection: "_1rsrm2f1u6", focused: "_1rsrm2f1u7", focusedVisible: "_1rsrm2f1u8" }, defaultClass: "_1rsrm2f1u3" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1u9", hover: "_1rsrm2f1ua", active: "_1rsrm2f1ub", selection: "_1rsrm2f1uc", focused: "_1rsrm2f1ud", focusedVisible: "_1rsrm2f1ue" }, defaultClass: "_1rsrm2f1u9" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1uf", hover: "_1rsrm2f1ug", active: "_1rsrm2f1uh", selection: "_1rsrm2f1ui", focused: "_1rsrm2f1uj", focusedVisible: "_1rsrm2f1uk" }, defaultClass: "_1rsrm2f1uf" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1ul", hover: "_1rsrm2f1um", active: "_1rsrm2f1un", selection: "_1rsrm2f1uo", focused: "_1rsrm2f1up", focusedVisible: "_1rsrm2f1uq" }, defaultClass: "_1rsrm2f1ul" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1ur", hover: "_1rsrm2f1us", active: "_1rsrm2f1ut", selection: "_1rsrm2f1uu", focused: "_1rsrm2f1uv", focusedVisible: "_1rsrm2f1uw" }, defaultClass: "_1rsrm2f1ur" }, announceGradientTo: { conditions: { base: "_1rsrm2f1ux", hover: "_1rsrm2f1uy", active: "_1rsrm2f1uz", selection: "_1rsrm2f1v0", focused: "_1rsrm2f1v1", focusedVisible: "_1rsrm2f1v2" }, defaultClass: "_1rsrm2f1ux" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1v3", hover: "_1rsrm2f1v4", active: "_1rsrm2f1v5", selection: "_1rsrm2f1v6", focused: "_1rsrm2f1v7", focusedVisible: "_1rsrm2f1v8" }, defaultClass: "_1rsrm2f1v3" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1v9", hover: "_1rsrm2f1va", active: "_1rsrm2f1vb", selection: "_1rsrm2f1vc", focused: "_1rsrm2f1vd", focusedVisible: "_1rsrm2f1ve" }, defaultClass: "_1rsrm2f1v9" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1vf", hover: "_1rsrm2f1vg", active: "_1rsrm2f1vh", selection: "_1rsrm2f1vi", focused: "_1rsrm2f1vj", focusedVisible: "_1rsrm2f1vk" }, defaultClass: "_1rsrm2f1vf" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1vl", hover: "_1rsrm2f1vm", active: "_1rsrm2f1vn", selection: "_1rsrm2f1vo", focused: "_1rsrm2f1vp", focusedVisible: "_1rsrm2f1vq" }, defaultClass: "_1rsrm2f1vl" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1vr", hover: "_1rsrm2f1vs", active: "_1rsrm2f1vt", selection: "_1rsrm2f1vu", focused: "_1rsrm2f1vv", focusedVisible: "_1rsrm2f1vw" }, defaultClass: "_1rsrm2f1vr" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1vx", hover: "_1rsrm2f1vy", active: "_1rsrm2f1vz", selection: "_1rsrm2f1w0", focused: "_1rsrm2f1w1", focusedVisible: "_1rsrm2f1w2" }, defaultClass: "_1rsrm2f1vx" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1w3", hover: "_1rsrm2f1w4", active: "_1rsrm2f1w5", selection: "_1rsrm2f1w6", focused: "_1rsrm2f1w7", focusedVisible: "_1rsrm2f1w8" }, defaultClass: "_1rsrm2f1w3" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1w9", hover: "_1rsrm2f1wa", active: "_1rsrm2f1wb", selection: "_1rsrm2f1wc", focused: "_1rsrm2f1wd", focusedVisible: "_1rsrm2f1we" }, defaultClass: "_1rsrm2f1w9" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1wf", hover: "_1rsrm2f1wg", active: "_1rsrm2f1wh", selection: "_1rsrm2f1wi", focused: "_1rsrm2f1wj", focusedVisible: "_1rsrm2f1wk" }, defaultClass: "_1rsrm2f1wf" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1wl", hover: "_1rsrm2f1wm", active: "_1rsrm2f1wn", selection: "_1rsrm2f1wo", focused: "_1rsrm2f1wp", focusedVisible: "_1rsrm2f1wq" }, defaultClass: "_1rsrm2f1wl" }, optionBoxBackground: { conditions: { base: "_1rsrm2f1wr", hover: "_1rsrm2f1ws", active: "_1rsrm2f1wt", selection: "_1rsrm2f1wu", focused: "_1rsrm2f1wv", focusedVisible: "_1rsrm2f1ww" }, defaultClass: "_1rsrm2f1wr" }, optionBoxBackgroundUninteractive: { conditions: { base: "_1rsrm2f1wx", hover: "_1rsrm2f1wy", active: "_1rsrm2f1wz", selection: "_1rsrm2f1x0", focused: "_1rsrm2f1x1", focusedVisible: "_1rsrm2f1x2" }, defaultClass: "_1rsrm2f1wx" }, dropdownActiveItemBackgroundBase: { conditions: { base: "_1rsrm2f1x3", hover: "_1rsrm2f1x4", active: "_1rsrm2f1x5", selection: "_1rsrm2f1x6", focused: "_1rsrm2f1x7", focusedVisible: "_1rsrm2f1x8" }, defaultClass: "_1rsrm2f1x3" }, dropdownActiveItemBackgroundHover: { conditions: { base: "_1rsrm2f1x9", hover: "_1rsrm2f1xa", active: "_1rsrm2f1xb", selection: "_1rsrm2f1xc", focused: "_1rsrm2f1xd", focusedVisible: "_1rsrm2f1xe" }, defaultClass: "_1rsrm2f1x9" }, dropdownActiveItemBackgroundDisabled: { conditions: { base: "_1rsrm2f1xf", hover: "_1rsrm2f1xg", active: "_1rsrm2f1xh", selection: "_1rsrm2f1xi", focused: "_1rsrm2f1xj", focusedVisible: "_1rsrm2f1xk" }, defaultClass: "_1rsrm2f1xf" }, spinnerBackground: { conditions: { base: "_1rsrm2f1xl", hover: "_1rsrm2f1xm", active: "_1rsrm2f1xn", selection: "_1rsrm2f1xo", focused: "_1rsrm2f1xp", focusedVisible: "_1rsrm2f1xq" }, defaultClass: "_1rsrm2f1xl" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1xr", hover: "_1rsrm2f1xs", active: "_1rsrm2f1xt", selection: "_1rsrm2f1xu", focused: "_1rsrm2f1xv", focusedVisible: "_1rsrm2f1xw" }, defaultClass: "_1rsrm2f1xr" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1xx", hover: "_1rsrm2f1xy", active: "_1rsrm2f1xz", selection: "_1rsrm2f1y0", focused: "_1rsrm2f1y1", focusedVisible: "_1rsrm2f1y2" }, defaultClass: "_1rsrm2f1xx" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1y3", hover: "_1rsrm2f1y4", active: "_1rsrm2f1y5", selection: "_1rsrm2f1y6", focused: "_1rsrm2f1y7", focusedVisible: "_1rsrm2f1y8" }, defaultClass: "_1rsrm2f1y3" }, txSummaryBoxBackground: { conditions: { base: "_1rsrm2f1y9", hover: "_1rsrm2f1ya", active: "_1rsrm2f1yb", selection: "_1rsrm2f1yc", focused: "_1rsrm2f1yd", focusedVisible: "_1rsrm2f1ye" }, defaultClass: "_1rsrm2f1y9" }, txSummaryBoxBorder: { conditions: { base: "_1rsrm2f1yf", hover: "_1rsrm2f1yg", active: "_1rsrm2f1yh", selection: "_1rsrm2f1yi", focused: "_1rsrm2f1yj", focusedVisible: "_1rsrm2f1yk" }, defaultClass: "_1rsrm2f1yf" }, counterRingColor: { conditions: { base: "_1rsrm2f1yl", hover: "_1rsrm2f1ym", active: "_1rsrm2f1yn", selection: "_1rsrm2f1yo", focused: "_1rsrm2f1yp", focusedVisible: "_1rsrm2f1yq" }, defaultClass: "_1rsrm2f1yl" }, cryptoCashToggleContainerBorderColor: { conditions: { base: "_1rsrm2f1yr", hover: "_1rsrm2f1ys", active: "_1rsrm2f1yt", selection: "_1rsrm2f1yu", focused: "_1rsrm2f1yv", focusedVisible: "_1rsrm2f1yw" }, defaultClass: "_1rsrm2f1yr" }, cryptoCashToggleBackground: { conditions: { base: "_1rsrm2f1yx", hover: "_1rsrm2f1yy", active: "_1rsrm2f1yz", selection: "_1rsrm2f1z0", focused: "_1rsrm2f1z1", focusedVisible: "_1rsrm2f1z2" }, defaultClass: "_1rsrm2f1yx" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f1z3", hover: "_1rsrm2f1z4", active: "_1rsrm2f1z5", selection: "_1rsrm2f1z6", focused: "_1rsrm2f1z7", focusedVisible: "_1rsrm2f1z8" }, defaultClass: "_1rsrm2f1z3" }, dialog: { conditions: { base: "_1rsrm2f1z9", hover: "_1rsrm2f1za", active: "_1rsrm2f1zb", selection: "_1rsrm2f1zc", focused: "_1rsrm2f1zd", focusedVisible: "_1rsrm2f1ze" }, defaultClass: "_1rsrm2f1z9" }, selectedOption: { conditions: { base: "_1rsrm2f1zf", hover: "_1rsrm2f1zg", active: "_1rsrm2f1zh", selection: "_1rsrm2f1zi", focused: "_1rsrm2f1zj", focusedVisible: "_1rsrm2f1zk" }, defaultClass: "_1rsrm2f1zf" }, selectedWallet: { conditions: { base: "_1rsrm2f1zl", hover: "_1rsrm2f1zm", active: "_1rsrm2f1zn", selection: "_1rsrm2f1zo", focused: "_1rsrm2f1zp", focusedVisible: "_1rsrm2f1zq" }, defaultClass: "_1rsrm2f1zl" }, dropdown: { conditions: { base: "_1rsrm2f1zr", hover: "_1rsrm2f1zs", active: "_1rsrm2f1zt", selection: "_1rsrm2f1zu", focused: "_1rsrm2f1zv", focusedVisible: "_1rsrm2f1zw" }, defaultClass: "_1rsrm2f1zr" }, notification: { conditions: { base: "_1rsrm2f1zx", hover: "_1rsrm2f1zy", active: "_1rsrm2f1zz", selection: "_1rsrm2f200", focused: "_1rsrm2f201", focusedVisible: "_1rsrm2f202" }, defaultClass: "_1rsrm2f1zx" }, qrCode: { conditions: { base: "_1rsrm2f203", hover: "_1rsrm2f204", active: "_1rsrm2f205", selection: "_1rsrm2f206", focused: "_1rsrm2f207", focusedVisible: "_1rsrm2f208" }, defaultClass: "_1rsrm2f203" }, buttonShadow: { conditions: { base: "_1rsrm2f209", hover: "_1rsrm2f20a", active: "_1rsrm2f20b", selection: "_1rsrm2f20c", focused: "_1rsrm2f20d", focusedVisible: "_1rsrm2f20e" }, defaultClass: "_1rsrm2f209" }, buttonShadowTertiary: { conditions: { base: "_1rsrm2f20f", hover: "_1rsrm2f20g", active: "_1rsrm2f20h", selection: "_1rsrm2f20i", focused: "_1rsrm2f20j", focusedVisible: "_1rsrm2f20k" }, defaultClass: "_1rsrm2f20f" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f20l", hover: "_1rsrm2f20m", active: "_1rsrm2f20n", selection: "_1rsrm2f20o", focused: "_1rsrm2f20p", focusedVisible: "_1rsrm2f20q" }, defaultClass: "_1rsrm2f20l" }, buttonFocusedShadowTertiary: { conditions: { base: "_1rsrm2f20r", hover: "_1rsrm2f20s", active: "_1rsrm2f20t", selection: "_1rsrm2f20u", focused: "_1rsrm2f20v", focusedVisible: "_1rsrm2f20w" }, defaultClass: "_1rsrm2f20r" }, buttonHoverShadow: { conditions: { base: "_1rsrm2f20x", hover: "_1rsrm2f20y", active: "_1rsrm2f20z", selection: "_1rsrm2f210", focused: "_1rsrm2f211", focusedVisible: "_1rsrm2f212" }, defaultClass: "_1rsrm2f20x" }, buttonHoverShadowTertiary: { conditions: { base: "_1rsrm2f213", hover: "_1rsrm2f214", active: "_1rsrm2f215", selection: "_1rsrm2f216", focused: "_1rsrm2f217", focusedVisible: "_1rsrm2f218" }, defaultClass: "_1rsrm2f213" }, buttonDisabledShadow: { conditions: { base: "_1rsrm2f219", hover: "_1rsrm2f21a", active: "_1rsrm2f21b", selection: "_1rsrm2f21c", focused: "_1rsrm2f21d", focusedVisible: "_1rsrm2f21e" }, defaultClass: "_1rsrm2f219" }, buttonDisabledShadowTertiary: { conditions: { base: "_1rsrm2f21f", hover: "_1rsrm2f21g", active: "_1rsrm2f21h", selection: "_1rsrm2f21i", focused: "_1rsrm2f21j", focusedVisible: "_1rsrm2f21k" }, defaultClass: "_1rsrm2f21f" }, buttonInnerShadow: { conditions: { base: "_1rsrm2f21l", hover: "_1rsrm2f21m", active: "_1rsrm2f21n", selection: "_1rsrm2f21o", focused: "_1rsrm2f21p", focusedVisible: "_1rsrm2f21q" }, defaultClass: "_1rsrm2f21l" }, buttonInnerShadowTertiary: { conditions: { base: "_1rsrm2f21r", hover: "_1rsrm2f21s", active: "_1rsrm2f21t", selection: "_1rsrm2f21u", focused: "_1rsrm2f21v", focusedVisible: "_1rsrm2f21w" }, defaultClass: "_1rsrm2f21r" }, buttonFocusedInnerShadow: { conditions: { base: "_1rsrm2f21x", hover: "_1rsrm2f21y", active: "_1rsrm2f21z", selection: "_1rsrm2f220", focused: "_1rsrm2f221", focusedVisible: "_1rsrm2f222" }, defaultClass: "_1rsrm2f21x" }, buttonFocusedInnerShadowTertiary: { conditions: { base: "_1rsrm2f223", hover: "_1rsrm2f224", active: "_1rsrm2f225", selection: "_1rsrm2f226", focused: "_1rsrm2f227", focusedVisible: "_1rsrm2f228" }, defaultClass: "_1rsrm2f223" }, buttonHoverInnerShadow: { conditions: { base: "_1rsrm2f229", hover: "_1rsrm2f22a", active: "_1rsrm2f22b", selection: "_1rsrm2f22c", focused: "_1rsrm2f22d", focusedVisible: "_1rsrm2f22e" }, defaultClass: "_1rsrm2f229" }, buttonHoverInnerShadowTertiary: { conditions: { base: "_1rsrm2f22f", hover: "_1rsrm2f22g", active: "_1rsrm2f22h", selection: "_1rsrm2f22i", focused: "_1rsrm2f22j", focusedVisible: "_1rsrm2f22k" }, defaultClass: "_1rsrm2f22f" }, buttonDisabledInnerShadow: { conditions: { base: "_1rsrm2f22l", hover: "_1rsrm2f22m", active: "_1rsrm2f22n", selection: "_1rsrm2f22o", focused: "_1rsrm2f22p", focusedVisible: "_1rsrm2f22q" }, defaultClass: "_1rsrm2f22l" }, buttonDisabledInnerShadowTertiary: { conditions: { base: "_1rsrm2f22r", hover: "_1rsrm2f22s", active: "_1rsrm2f22t", selection: "_1rsrm2f22u", focused: "_1rsrm2f22v", focusedVisible: "_1rsrm2f22w" }, defaultClass: "_1rsrm2f22r" }, selectedDropdownItem: { conditions: { base: "_1rsrm2f22x", hover: "_1rsrm2f22y", active: "_1rsrm2f22z", selection: "_1rsrm2f230", focused: "_1rsrm2f231", focusedVisible: "_1rsrm2f232" }, defaultClass: "_1rsrm2f22x" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f233", hover: "_1rsrm2f234", active: "_1rsrm2f235", selection: "_1rsrm2f236", focused: "_1rsrm2f237", focusedVisible: "_1rsrm2f238" }, defaultClass: "_1rsrm2f233" }, accentColorForeground: { conditions: { base: "_1rsrm2f239", hover: "_1rsrm2f23a", active: "_1rsrm2f23b", selection: "_1rsrm2f23c", focused: "_1rsrm2f23d", focusedVisible: "_1rsrm2f23e" }, defaultClass: "_1rsrm2f239" }, actionButtonBorder: { conditions: { base: "_1rsrm2f23f", hover: "_1rsrm2f23g", active: "_1rsrm2f23h", selection: "_1rsrm2f23i", focused: "_1rsrm2f23j", focusedVisible: "_1rsrm2f23k" }, defaultClass: "_1rsrm2f23f" }, connectButtonBackground: { conditions: { base: "_1rsrm2f23l", hover: "_1rsrm2f23m", active: "_1rsrm2f23n", selection: "_1rsrm2f23o", focused: "_1rsrm2f23p", focusedVisible: "_1rsrm2f23q" }, defaultClass: "_1rsrm2f23l" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f23r", hover: "_1rsrm2f23s", active: "_1rsrm2f23t", selection: "_1rsrm2f23u", focused: "_1rsrm2f23v", focusedVisible: "_1rsrm2f23w" }, defaultClass: "_1rsrm2f23r" }, connectButtonText: { conditions: { base: "_1rsrm2f23x", hover: "_1rsrm2f23y", active: "_1rsrm2f23z", selection: "_1rsrm2f240", focused: "_1rsrm2f241", focusedVisible: "_1rsrm2f242" }, defaultClass: "_1rsrm2f23x" }, connectButtonTextError: { conditions: { base: "_1rsrm2f243", hover: "_1rsrm2f244", active: "_1rsrm2f245", selection: "_1rsrm2f246", focused: "_1rsrm2f247", focusedVisible: "_1rsrm2f248" }, defaultClass: "_1rsrm2f243" }, connectionIndicator: { conditions: { base: "_1rsrm2f249", hover: "_1rsrm2f24a", active: "_1rsrm2f24b", selection: "_1rsrm2f24c", focused: "_1rsrm2f24d", focusedVisible: "_1rsrm2f24e" }, defaultClass: "_1rsrm2f249" }, error: { conditions: { base: "_1rsrm2f24f", hover: "_1rsrm2f24g", active: "_1rsrm2f24h", selection: "_1rsrm2f24i", focused: "_1rsrm2f24j", focusedVisible: "_1rsrm2f24k" }, defaultClass: "_1rsrm2f24f" }, errorBackground: { conditions: { base: "_1rsrm2f24l", hover: "_1rsrm2f24m", active: "_1rsrm2f24n", selection: "_1rsrm2f24o", focused: "_1rsrm2f24p", focusedVisible: "_1rsrm2f24q" }, defaultClass: "_1rsrm2f24l" }, errorBorder: { conditions: { base: "_1rsrm2f24r", hover: "_1rsrm2f24s", active: "_1rsrm2f24t", selection: "_1rsrm2f24u", focused: "_1rsrm2f24v", focusedVisible: "_1rsrm2f24w" }, defaultClass: "_1rsrm2f24r" }, generalBorder: { conditions: { base: "_1rsrm2f24x", hover: "_1rsrm2f24y", active: "_1rsrm2f24z", selection: "_1rsrm2f250", focused: "_1rsrm2f251", focusedVisible: "_1rsrm2f252" }, defaultClass: "_1rsrm2f24x" }, generalBorderDim: { conditions: { base: "_1rsrm2f253", hover: "_1rsrm2f254", active: "_1rsrm2f255", selection: "_1rsrm2f256", focused: "_1rsrm2f257", focusedVisible: "_1rsrm2f258" }, defaultClass: "_1rsrm2f253" }, menuItemBackground: { conditions: { base: "_1rsrm2f259", hover: "_1rsrm2f25a", active: "_1rsrm2f25b", selection: "_1rsrm2f25c", focused: "_1rsrm2f25d", focusedVisible: "_1rsrm2f25e" }, defaultClass: "_1rsrm2f259" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f25f", hover: "_1rsrm2f25g", active: "_1rsrm2f25h", selection: "_1rsrm2f25i", focused: "_1rsrm2f25j", focusedVisible: "_1rsrm2f25k" }, defaultClass: "_1rsrm2f25f" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f25l", hover: "_1rsrm2f25m", active: "_1rsrm2f25n", selection: "_1rsrm2f25o", focused: "_1rsrm2f25p", focusedVisible: "_1rsrm2f25q" }, defaultClass: "_1rsrm2f25l" }, standby: { conditions: { base: "_1rsrm2f25r", hover: "_1rsrm2f25s", active: "_1rsrm2f25t", selection: "_1rsrm2f25u", focused: "_1rsrm2f25v", focusedVisible: "_1rsrm2f25w" }, defaultClass: "_1rsrm2f25r" }, success: { conditions: { base: "_1rsrm2f25x", hover: "_1rsrm2f25y", active: "_1rsrm2f25z", selection: "_1rsrm2f260", focused: "_1rsrm2f261", focusedVisible: "_1rsrm2f262" }, defaultClass: "_1rsrm2f25x" }, delayedStatusIcon: { conditions: { base: "_1rsrm2f263", hover: "_1rsrm2f264", active: "_1rsrm2f265", selection: "_1rsrm2f266", focused: "_1rsrm2f267", focusedVisible: "_1rsrm2f268" }, defaultClass: "_1rsrm2f263" }, chainIconBorder: { conditions: { base: "_1rsrm2f269", hover: "_1rsrm2f26a", active: "_1rsrm2f26b", selection: "_1rsrm2f26c", focused: "_1rsrm2f26d", focusedVisible: "_1rsrm2f26e" }, defaultClass: "_1rsrm2f269" }, modalBackdrop: { conditions: { base: "_1rsrm2f26f", hover: "_1rsrm2f26g", active: "_1rsrm2f26h", selection: "_1rsrm2f26i", focused: "_1rsrm2f26j", focusedVisible: "_1rsrm2f26k" }, defaultClass: "_1rsrm2f26f" }, modalBackground: { conditions: { base: "_1rsrm2f26l", hover: "_1rsrm2f26m", active: "_1rsrm2f26n", selection: "_1rsrm2f26o", focused: "_1rsrm2f26p", focusedVisible: "_1rsrm2f26q" }, defaultClass: "_1rsrm2f26l" }, modalBorder: { conditions: { base: "_1rsrm2f26r", hover: "_1rsrm2f26s", active: "_1rsrm2f26t", selection: "_1rsrm2f26u", focused: "_1rsrm2f26v", focusedVisible: "_1rsrm2f26w" }, defaultClass: "_1rsrm2f26r" }, offBackground: { conditions: { base: "_1rsrm2f26x", hover: "_1rsrm2f26y", active: "_1rsrm2f26z", selection: "_1rsrm2f270", focused: "_1rsrm2f271", focusedVisible: "_1rsrm2f272" }, defaultClass: "_1rsrm2f26x" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f273", hover: "_1rsrm2f274", active: "_1rsrm2f275", selection: "_1rsrm2f276", focused: "_1rsrm2f277", focusedVisible: "_1rsrm2f278" }, defaultClass: "_1rsrm2f273" }, hoverState: { conditions: { base: "_1rsrm2f279", hover: "_1rsrm2f27a", active: "_1rsrm2f27b", selection: "_1rsrm2f27c", focused: "_1rsrm2f27d", focusedVisible: "_1rsrm2f27e" }, defaultClass: "_1rsrm2f279" }, lightStroke: { conditions: { base: "_1rsrm2f27f", hover: "_1rsrm2f27g", active: "_1rsrm2f27h", selection: "_1rsrm2f27i", focused: "_1rsrm2f27j", focusedVisible: "_1rsrm2f27k" }, defaultClass: "_1rsrm2f27f" }, mediumStroke: { conditions: { base: "_1rsrm2f27l", hover: "_1rsrm2f27m", active: "_1rsrm2f27n", selection: "_1rsrm2f27o", focused: "_1rsrm2f27p", focusedVisible: "_1rsrm2f27q" }, defaultClass: "_1rsrm2f27l" }, heavyStroke: { conditions: { base: "_1rsrm2f27r", hover: "_1rsrm2f27s", active: "_1rsrm2f27t", selection: "_1rsrm2f27u", focused: "_1rsrm2f27v", focusedVisible: "_1rsrm2f27w" }, defaultClass: "_1rsrm2f27r" }, strokeColor: { conditions: { base: "_1rsrm2f27x", hover: "_1rsrm2f27y", active: "_1rsrm2f27z", selection: "_1rsrm2f280", focused: "_1rsrm2f281", focusedVisible: "_1rsrm2f282" }, defaultClass: "_1rsrm2f27x" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f283", hover: "_1rsrm2f284", active: "_1rsrm2f285", selection: "_1rsrm2f286", focused: "_1rsrm2f287", focusedVisible: "_1rsrm2f288" }, defaultClass: "_1rsrm2f283" }, modalTopbarIconBackground: { conditions: { base: "_1rsrm2f289", hover: "_1rsrm2f28a", active: "_1rsrm2f28b", selection: "_1rsrm2f28c", focused: "_1rsrm2f28d", focusedVisible: "_1rsrm2f28e" }, defaultClass: "_1rsrm2f289" }, modalTopbarIconBackgroundHover: { conditions: { base: "_1rsrm2f28f", hover: "_1rsrm2f28g", active: "_1rsrm2f28h", selection: "_1rsrm2f28i", focused: "_1rsrm2f28j", focusedVisible: "_1rsrm2f28k" }, defaultClass: "_1rsrm2f28f" }, modalTopbarIconBackgroundPressed: { conditions: { base: "_1rsrm2f28l", hover: "_1rsrm2f28m", active: "_1rsrm2f28n", selection: "_1rsrm2f28o", focused: "_1rsrm2f28p", focusedVisible: "_1rsrm2f28q" }, defaultClass: "_1rsrm2f28l" }, modalTopbarIconStroke: { conditions: { base: "_1rsrm2f28r", hover: "_1rsrm2f28s", active: "_1rsrm2f28t", selection: "_1rsrm2f28u", focused: "_1rsrm2f28v", focusedVisible: "_1rsrm2f28w" }, defaultClass: "_1rsrm2f28r" }, primaryText: { conditions: { base: "_1rsrm2f28x", hover: "_1rsrm2f28y", active: "_1rsrm2f28z", selection: "_1rsrm2f290", focused: "_1rsrm2f291", focusedVisible: "_1rsrm2f292" }, defaultClass: "_1rsrm2f28x" }, secondaryText: { conditions: { base: "_1rsrm2f293", hover: "_1rsrm2f294", active: "_1rsrm2f295", selection: "_1rsrm2f296", focused: "_1rsrm2f297", focusedVisible: "_1rsrm2f298" }, defaultClass: "_1rsrm2f293" }, tertiaryText: { conditions: { base: "_1rsrm2f299", hover: "_1rsrm2f29a", active: "_1rsrm2f29b", selection: "_1rsrm2f29c", focused: "_1rsrm2f29d", focusedVisible: "_1rsrm2f29e" }, defaultClass: "_1rsrm2f299" }, textSelection: { conditions: { base: "_1rsrm2f29f", hover: "_1rsrm2f29g", active: "_1rsrm2f29h", selection: "_1rsrm2f29i", focused: "_1rsrm2f29j", focusedVisible: "_1rsrm2f29k" }, defaultClass: "_1rsrm2f29f" }, inputBackground: { conditions: { base: "_1rsrm2f29l", hover: "_1rsrm2f29m", active: "_1rsrm2f29n", selection: "_1rsrm2f29o", focused: "_1rsrm2f29p", focusedVisible: "_1rsrm2f29q" }, defaultClass: "_1rsrm2f29l" }, inputBorderBase: { conditions: { base: "_1rsrm2f29r", hover: "_1rsrm2f29s", active: "_1rsrm2f29t", selection: "_1rsrm2f29u", focused: "_1rsrm2f29v", focusedVisible: "_1rsrm2f29w" }, defaultClass: "_1rsrm2f29r" }, inputBorderHover: { conditions: { base: "_1rsrm2f29x", hover: "_1rsrm2f29y", active: "_1rsrm2f29z", selection: "_1rsrm2f2a0", focused: "_1rsrm2f2a1", focusedVisible: "_1rsrm2f2a2" }, defaultClass: "_1rsrm2f29x" }, activeTabBorderColor: { conditions: { base: "_1rsrm2f2a3", hover: "_1rsrm2f2a4", active: "_1rsrm2f2a5", selection: "_1rsrm2f2a6", focused: "_1rsrm2f2a7", focusedVisible: "_1rsrm2f2a8" }, defaultClass: "_1rsrm2f2a3" }, activeTabBackground: { conditions: { base: "_1rsrm2f2a9", hover: "_1rsrm2f2aa", active: "_1rsrm2f2ab", selection: "_1rsrm2f2ac", focused: "_1rsrm2f2ad", focusedVisible: "_1rsrm2f2ae" }, defaultClass: "_1rsrm2f2a9" }, actionColor: { conditions: { base: "_1rsrm2f2af", hover: "_1rsrm2f2ag", active: "_1rsrm2f2ah", selection: "_1rsrm2f2ai", focused: "_1rsrm2f2aj", focusedVisible: "_1rsrm2f2ak" }, defaultClass: "_1rsrm2f2af" }, actionColorHover: { conditions: { base: "_1rsrm2f2al", hover: "_1rsrm2f2am", active: "_1rsrm2f2an", selection: "_1rsrm2f2ao", focused: "_1rsrm2f2ap", focusedVisible: "_1rsrm2f2aq" }, defaultClass: "_1rsrm2f2al" }, actionColorDisabled: { conditions: { base: "_1rsrm2f2ar", hover: "_1rsrm2f2as", active: "_1rsrm2f2at", selection: "_1rsrm2f2au", focused: "_1rsrm2f2av", focusedVisible: "_1rsrm2f2aw" }, defaultClass: "_1rsrm2f2ar" }, buttonPrimary: { conditions: { base: "_1rsrm2f2ax", hover: "_1rsrm2f2ay", active: "_1rsrm2f2az", selection: "_1rsrm2f2b0", focused: "_1rsrm2f2b1", focusedVisible: "_1rsrm2f2b2" }, defaultClass: "_1rsrm2f2ax" }, buttonDisabled: { conditions: { base: "_1rsrm2f2b3", hover: "_1rsrm2f2b4", active: "_1rsrm2f2b5", selection: "_1rsrm2f2b6", focused: "_1rsrm2f2b7", focusedVisible: "_1rsrm2f2b8" }, defaultClass: "_1rsrm2f2b3" }, buttonWarning: { conditions: { base: "_1rsrm2f2b9", hover: "_1rsrm2f2ba", active: "_1rsrm2f2bb", selection: "_1rsrm2f2bc", focused: "_1rsrm2f2bd", focusedVisible: "_1rsrm2f2be" }, defaultClass: "_1rsrm2f2b9" }, buttonSuccess: { conditions: { base: "_1rsrm2f2bf", hover: "_1rsrm2f2bg", active: "_1rsrm2f2bh", selection: "_1rsrm2f2bi", focused: "_1rsrm2f2bj", focusedVisible: "_1rsrm2f2bk" }, defaultClass: "_1rsrm2f2bf" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f2bl", hover: "_1rsrm2f2bm", active: "_1rsrm2f2bn", selection: "_1rsrm2f2bo", focused: "_1rsrm2f2bp", focusedVisible: "_1rsrm2f2bq" }, defaultClass: "_1rsrm2f2bl" }, buttonTextHover: { conditions: { base: "_1rsrm2f2br", hover: "_1rsrm2f2bs", active: "_1rsrm2f2bt", selection: "_1rsrm2f2bu", focused: "_1rsrm2f2bv", focusedVisible: "_1rsrm2f2bw" }, defaultClass: "_1rsrm2f2br" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f2bx", hover: "_1rsrm2f2by", active: "_1rsrm2f2bz", selection: "_1rsrm2f2c0", focused: "_1rsrm2f2c1", focusedVisible: "_1rsrm2f2c2" }, defaultClass: "_1rsrm2f2bx" }, transparent: { conditions: { base: "_1rsrm2f2c3", hover: "_1rsrm2f2c4", active: "_1rsrm2f2c5", selection: "_1rsrm2f2c6", focused: "_1rsrm2f2c7", focusedVisible: "_1rsrm2f2c8" }, defaultClass: "_1rsrm2f2c3" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f2c9", hover: "_1rsrm2f2ca", active: "_1rsrm2f2cb", selection: "_1rsrm2f2cc", focused: "_1rsrm2f2cd", focusedVisible: "_1rsrm2f2ce" }, defaultClass: "_1rsrm2f2c9" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f2cf", hover: "_1rsrm2f2cg", active: "_1rsrm2f2ch", selection: "_1rsrm2f2ci", focused: "_1rsrm2f2cj", focusedVisible: "_1rsrm2f2ck" }, defaultClass: "_1rsrm2f2cf" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f2cl", hover: "_1rsrm2f2cm", active: "_1rsrm2f2cn", selection: "_1rsrm2f2co", focused: "_1rsrm2f2cp", focusedVisible: "_1rsrm2f2cq" }, defaultClass: "_1rsrm2f2cl" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f2cr", hover: "_1rsrm2f2cs", active: "_1rsrm2f2ct", selection: "_1rsrm2f2cu", focused: "_1rsrm2f2cv", focusedVisible: "_1rsrm2f2cw" }, defaultClass: "_1rsrm2f2cr" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f2cx", hover: "_1rsrm2f2cy", active: "_1rsrm2f2cz", selection: "_1rsrm2f2d0", focused: "_1rsrm2f2d1", focusedVisible: "_1rsrm2f2d2" }, defaultClass: "_1rsrm2f2cx" }, buttonBackground: { conditions: { base: "_1rsrm2f2d3", hover: "_1rsrm2f2d4", active: "_1rsrm2f2d5", selection: "_1rsrm2f2d6", focused: "_1rsrm2f2d7", focusedVisible: "_1rsrm2f2d8" }, defaultClass: "_1rsrm2f2d3" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f2d9", hover: "_1rsrm2f2da", active: "_1rsrm2f2db", selection: "_1rsrm2f2dc", focused: "_1rsrm2f2dd", focusedVisible: "_1rsrm2f2de" }, defaultClass: "_1rsrm2f2d9" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f2df", hover: "_1rsrm2f2dg", active: "_1rsrm2f2dh", selection: "_1rsrm2f2di", focused: "_1rsrm2f2dj", focusedVisible: "_1rsrm2f2dk" }, defaultClass: "_1rsrm2f2df" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f2dl", hover: "_1rsrm2f2dm", active: "_1rsrm2f2dn", selection: "_1rsrm2f2do", focused: "_1rsrm2f2dp", focusedVisible: "_1rsrm2f2dq" }, defaultClass: "_1rsrm2f2dl" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f2dr", hover: "_1rsrm2f2ds", active: "_1rsrm2f2dt", selection: "_1rsrm2f2du", focused: "_1rsrm2f2dv", focusedVisible: "_1rsrm2f2dw" }, defaultClass: "_1rsrm2f2dr" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f2dx", hover: "_1rsrm2f2dy", active: "_1rsrm2f2dz", selection: "_1rsrm2f2e0", focused: "_1rsrm2f2e1", focusedVisible: "_1rsrm2f2e2" }, defaultClass: "_1rsrm2f2dx" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f2e3", hover: "_1rsrm2f2e4", active: "_1rsrm2f2e5", selection: "_1rsrm2f2e6", focused: "_1rsrm2f2e7", focusedVisible: "_1rsrm2f2e8" }, defaultClass: "_1rsrm2f2e3" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f2e9", hover: "_1rsrm2f2ea", active: "_1rsrm2f2eb", selection: "_1rsrm2f2ec", focused: "_1rsrm2f2ed", focusedVisible: "_1rsrm2f2ee" }, defaultClass: "_1rsrm2f2e9" }, buttonIconStroke: { conditions: { base: "_1rsrm2f2ef", hover: "_1rsrm2f2eg", active: "_1rsrm2f2eh", selection: "_1rsrm2f2ei", focused: "_1rsrm2f2ej", focusedVisible: "_1rsrm2f2ek" }, defaultClass: "_1rsrm2f2ef" }, buttonBorderTertiary: { conditions: { base: "_1rsrm2f2el", hover: "_1rsrm2f2em", active: "_1rsrm2f2en", selection: "_1rsrm2f2eo", focused: "_1rsrm2f2ep", focusedVisible: "_1rsrm2f2eq" }, defaultClass: "_1rsrm2f2el" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f2er", hover: "_1rsrm2f2es", active: "_1rsrm2f2et", selection: "_1rsrm2f2eu", focused: "_1rsrm2f2ev", focusedVisible: "_1rsrm2f2ew" }, defaultClass: "_1rsrm2f2er" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f2ex", hover: "_1rsrm2f2ey", active: "_1rsrm2f2ez", selection: "_1rsrm2f2f0", focused: "_1rsrm2f2f1", focusedVisible: "_1rsrm2f2f2" }, defaultClass: "_1rsrm2f2ex" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f2f3", hover: "_1rsrm2f2f4", active: "_1rsrm2f2f5", selection: "_1rsrm2f2f6", focused: "_1rsrm2f2f7", focusedVisible: "_1rsrm2f2f8" }, defaultClass: "_1rsrm2f2f3" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f2f9", hover: "_1rsrm2f2fa", active: "_1rsrm2f2fb", selection: "_1rsrm2f2fc", focused: "_1rsrm2f2fd", focusedVisible: "_1rsrm2f2fe" }, defaultClass: "_1rsrm2f2f9" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f2ff", hover: "_1rsrm2f2fg", active: "_1rsrm2f2fh", selection: "_1rsrm2f2fi", focused: "_1rsrm2f2fj", focusedVisible: "_1rsrm2f2fk" }, defaultClass: "_1rsrm2f2ff" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f2fl", hover: "_1rsrm2f2fm", active: "_1rsrm2f2fn", selection: "_1rsrm2f2fo", focused: "_1rsrm2f2fp", focusedVisible: "_1rsrm2f2fq" }, defaultClass: "_1rsrm2f2fl" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f2fr", hover: "_1rsrm2f2fs", active: "_1rsrm2f2ft", selection: "_1rsrm2f2fu", focused: "_1rsrm2f2fv", focusedVisible: "_1rsrm2f2fw" }, defaultClass: "_1rsrm2f2fr" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f2fx", hover: "_1rsrm2f2fy", active: "_1rsrm2f2fz", selection: "_1rsrm2f2g0", focused: "_1rsrm2f2g1", focusedVisible: "_1rsrm2f2g2" }, defaultClass: "_1rsrm2f2fx" }, newBadgeBackground: { conditions: { base: "_1rsrm2f2g3", hover: "_1rsrm2f2g4", active: "_1rsrm2f2g5", selection: "_1rsrm2f2g6", focused: "_1rsrm2f2g7", focusedVisible: "_1rsrm2f2g8" }, defaultClass: "_1rsrm2f2g3" }, newBadgeBorder: { conditions: { base: "_1rsrm2f2g9", hover: "_1rsrm2f2ga", active: "_1rsrm2f2gb", selection: "_1rsrm2f2gc", focused: "_1rsrm2f2gd", focusedVisible: "_1rsrm2f2ge" }, defaultClass: "_1rsrm2f2g9" }, newBadgeText: { conditions: { base: "_1rsrm2f2gf", hover: "_1rsrm2f2gg", active: "_1rsrm2f2gh", selection: "_1rsrm2f2gi", focused: "_1rsrm2f2gj", focusedVisible: "_1rsrm2f2gk" }, defaultClass: "_1rsrm2f2gf" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f2gl", hover: "_1rsrm2f2gm", active: "_1rsrm2f2gn", selection: "_1rsrm2f2go", focused: "_1rsrm2f2gp", focusedVisible: "_1rsrm2f2gq" }, defaultClass: "_1rsrm2f2gl" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f2gr", hover: "_1rsrm2f2gs", active: "_1rsrm2f2gt", selection: "_1rsrm2f2gu", focused: "_1rsrm2f2gv", focusedVisible: "_1rsrm2f2gw" }, defaultClass: "_1rsrm2f2gr" }, approvedBadgeText: { conditions: { base: "_1rsrm2f2gx", hover: "_1rsrm2f2gy", active: "_1rsrm2f2gz", selection: "_1rsrm2f2h0", focused: "_1rsrm2f2h1", focusedVisible: "_1rsrm2f2h2" }, defaultClass: "_1rsrm2f2gx" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f2h3", hover: "_1rsrm2f2h4", active: "_1rsrm2f2h5", selection: "_1rsrm2f2h6", focused: "_1rsrm2f2h7", focusedVisible: "_1rsrm2f2h8" }, defaultClass: "_1rsrm2f2h3" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f2h9", hover: "_1rsrm2f2ha", active: "_1rsrm2f2hb", selection: "_1rsrm2f2hc", focused: "_1rsrm2f2hd", focusedVisible: "_1rsrm2f2he" }, defaultClass: "_1rsrm2f2h9" }, failedBadgeText: { conditions: { base: "_1rsrm2f2hf", hover: "_1rsrm2f2hg", active: "_1rsrm2f2hh", selection: "_1rsrm2f2hi", focused: "_1rsrm2f2hj", focusedVisible: "_1rsrm2f2hk" }, defaultClass: "_1rsrm2f2hf" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f2hl", hover: "_1rsrm2f2hm", active: "_1rsrm2f2hn", selection: "_1rsrm2f2ho", focused: "_1rsrm2f2hp", focusedVisible: "_1rsrm2f2hq" }, defaultClass: "_1rsrm2f2hl" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f2hr", hover: "_1rsrm2f2hs", active: "_1rsrm2f2ht", selection: "_1rsrm2f2hu", focused: "_1rsrm2f2hv", focusedVisible: "_1rsrm2f2hw" }, defaultClass: "_1rsrm2f2hr" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f2hx", hover: "_1rsrm2f2hy", active: "_1rsrm2f2hz", selection: "_1rsrm2f2i0", focused: "_1rsrm2f2i1", focusedVisible: "_1rsrm2f2i2" }, defaultClass: "_1rsrm2f2hx" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f2i3", hover: "_1rsrm2f2i4", active: "_1rsrm2f2i5", selection: "_1rsrm2f2i6", focused: "_1rsrm2f2i7", focusedVisible: "_1rsrm2f2i8" }, defaultClass: "_1rsrm2f2i3" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f2i9", hover: "_1rsrm2f2ia", active: "_1rsrm2f2ib", selection: "_1rsrm2f2ic", focused: "_1rsrm2f2id", focusedVisible: "_1rsrm2f2ie" }, defaultClass: "_1rsrm2f2i9" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f2if", hover: "_1rsrm2f2ig", active: "_1rsrm2f2ih", selection: "_1rsrm2f2ii", focused: "_1rsrm2f2ij", focusedVisible: "_1rsrm2f2ik" }, defaultClass: "_1rsrm2f2if" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f2il", hover: "_1rsrm2f2im", active: "_1rsrm2f2in", selection: "_1rsrm2f2io", focused: "_1rsrm2f2ip", focusedVisible: "_1rsrm2f2iq" }, defaultClass: "_1rsrm2f2il" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f2ir", hover: "_1rsrm2f2is", active: "_1rsrm2f2it", selection: "_1rsrm2f2iu", focused: "_1rsrm2f2iv", focusedVisible: "_1rsrm2f2iw" }, defaultClass: "_1rsrm2f2ir" }, inputAmountFiatDecimalsColor: { conditions: { base: "_1rsrm2f2ix", hover: "_1rsrm2f2iy", active: "_1rsrm2f2iz", selection: "_1rsrm2f2j0", focused: "_1rsrm2f2j1", focusedVisible: "_1rsrm2f2j2" }, defaultClass: "_1rsrm2f2ix" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f2j3", hover: "_1rsrm2f2j4", active: "_1rsrm2f2j5", selection: "_1rsrm2f2j6", focused: "_1rsrm2f2j7", focusedVisible: "_1rsrm2f2j8" }, defaultClass: "_1rsrm2f2j3" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f2j9", hover: "_1rsrm2f2ja", active: "_1rsrm2f2jb", selection: "_1rsrm2f2jc", focused: "_1rsrm2f2jd", focusedVisible: "_1rsrm2f2je" }, defaultClass: "_1rsrm2f2j9" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f2jf", hover: "_1rsrm2f2jg", active: "_1rsrm2f2jh", selection: "_1rsrm2f2ji", focused: "_1rsrm2f2jj", focusedVisible: "_1rsrm2f2jk" }, defaultClass: "_1rsrm2f2jf" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f2jl", hover: "_1rsrm2f2jm", active: "_1rsrm2f2jn", selection: "_1rsrm2f2jo", focused: "_1rsrm2f2jp", focusedVisible: "_1rsrm2f2jq" }, defaultClass: "_1rsrm2f2jl" }, announceGradientFrom: { conditions: { base: "_1rsrm2f2jr", hover: "_1rsrm2f2js", active: "_1rsrm2f2jt", selection: "_1rsrm2f2ju", focused: "_1rsrm2f2jv", focusedVisible: "_1rsrm2f2jw" }, defaultClass: "_1rsrm2f2jr" }, announceGradientTo: { conditions: { base: "_1rsrm2f2jx", hover: "_1rsrm2f2jy", active: "_1rsrm2f2jz", selection: "_1rsrm2f2k0", focused: "_1rsrm2f2k1", focusedVisible: "_1rsrm2f2k2" }, defaultClass: "_1rsrm2f2jx" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f2k3", hover: "_1rsrm2f2k4", active: "_1rsrm2f2k5", selection: "_1rsrm2f2k6", focused: "_1rsrm2f2k7", focusedVisible: "_1rsrm2f2k8" }, defaultClass: "_1rsrm2f2k3" }, modalFooterDivider: { conditions: { base: "_1rsrm2f2k9", hover: "_1rsrm2f2ka", active: "_1rsrm2f2kb", selection: "_1rsrm2f2kc", focused: "_1rsrm2f2kd", focusedVisible: "_1rsrm2f2ke" }, defaultClass: "_1rsrm2f2k9" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f2kf", hover: "_1rsrm2f2kg", active: "_1rsrm2f2kh", selection: "_1rsrm2f2ki", focused: "_1rsrm2f2kj", focusedVisible: "_1rsrm2f2kk" }, defaultClass: "_1rsrm2f2kf" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f2kl", hover: "_1rsrm2f2km", active: "_1rsrm2f2kn", selection: "_1rsrm2f2ko", focused: "_1rsrm2f2kp", focusedVisible: "_1rsrm2f2kq" }, defaultClass: "_1rsrm2f2kl" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f2kr", hover: "_1rsrm2f2ks", active: "_1rsrm2f2kt", selection: "_1rsrm2f2ku", focused: "_1rsrm2f2kv", focusedVisible: "_1rsrm2f2kw" }, defaultClass: "_1rsrm2f2kr" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f2kx", hover: "_1rsrm2f2ky", active: "_1rsrm2f2kz", selection: "_1rsrm2f2l0", focused: "_1rsrm2f2l1", focusedVisible: "_1rsrm2f2l2" }, defaultClass: "_1rsrm2f2kx" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f2l3", hover: "_1rsrm2f2l4", active: "_1rsrm2f2l5", selection: "_1rsrm2f2l6", focused: "_1rsrm2f2l7", focusedVisible: "_1rsrm2f2l8" }, defaultClass: "_1rsrm2f2l3" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f2l9", hover: "_1rsrm2f2la", active: "_1rsrm2f2lb", selection: "_1rsrm2f2lc", focused: "_1rsrm2f2ld", focusedVisible: "_1rsrm2f2le" }, defaultClass: "_1rsrm2f2l9" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f2lf", hover: "_1rsrm2f2lg", active: "_1rsrm2f2lh", selection: "_1rsrm2f2li", focused: "_1rsrm2f2lj", focusedVisible: "_1rsrm2f2lk" }, defaultClass: "_1rsrm2f2lf" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f2ll", hover: "_1rsrm2f2lm", active: "_1rsrm2f2ln", selection: "_1rsrm2f2lo", focused: "_1rsrm2f2lp", focusedVisible: "_1rsrm2f2lq" }, defaultClass: "_1rsrm2f2ll" }, optionBoxBackground: { conditions: { base: "_1rsrm2f2lr", hover: "_1rsrm2f2ls", active: "_1rsrm2f2lt", selection: "_1rsrm2f2lu", focused: "_1rsrm2f2lv", focusedVisible: "_1rsrm2f2lw" }, defaultClass: "_1rsrm2f2lr" }, optionBoxBackgroundUninteractive: { conditions: { base: "_1rsrm2f2lx", hover: "_1rsrm2f2ly", active: "_1rsrm2f2lz", selection: "_1rsrm2f2m0", focused: "_1rsrm2f2m1", focusedVisible: "_1rsrm2f2m2" }, defaultClass: "_1rsrm2f2lx" }, dropdownActiveItemBackgroundBase: { conditions: { base: "_1rsrm2f2m3", hover: "_1rsrm2f2m4", active: "_1rsrm2f2m5", selection: "_1rsrm2f2m6", focused: "_1rsrm2f2m7", focusedVisible: "_1rsrm2f2m8" }, defaultClass: "_1rsrm2f2m3" }, dropdownActiveItemBackgroundHover: { conditions: { base: "_1rsrm2f2m9", hover: "_1rsrm2f2ma", active: "_1rsrm2f2mb", selection: "_1rsrm2f2mc", focused: "_1rsrm2f2md", focusedVisible: "_1rsrm2f2me" }, defaultClass: "_1rsrm2f2m9" }, dropdownActiveItemBackgroundDisabled: { conditions: { base: "_1rsrm2f2mf", hover: "_1rsrm2f2mg", active: "_1rsrm2f2mh", selection: "_1rsrm2f2mi", focused: "_1rsrm2f2mj", focusedVisible: "_1rsrm2f2mk" }, defaultClass: "_1rsrm2f2mf" }, spinnerBackground: { conditions: { base: "_1rsrm2f2ml", hover: "_1rsrm2f2mm", active: "_1rsrm2f2mn", selection: "_1rsrm2f2mo", focused: "_1rsrm2f2mp", focusedVisible: "_1rsrm2f2mq" }, defaultClass: "_1rsrm2f2ml" }, spinnerIndicator: { conditions: { base: "_1rsrm2f2mr", hover: "_1rsrm2f2ms", active: "_1rsrm2f2mt", selection: "_1rsrm2f2mu", focused: "_1rsrm2f2mv", focusedVisible: "_1rsrm2f2mw" }, defaultClass: "_1rsrm2f2mr" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f2mx", hover: "_1rsrm2f2my", active: "_1rsrm2f2mz", selection: "_1rsrm2f2n0", focused: "_1rsrm2f2n1", focusedVisible: "_1rsrm2f2n2" }, defaultClass: "_1rsrm2f2mx" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f2n3", hover: "_1rsrm2f2n4", active: "_1rsrm2f2n5", selection: "_1rsrm2f2n6", focused: "_1rsrm2f2n7", focusedVisible: "_1rsrm2f2n8" }, defaultClass: "_1rsrm2f2n3" }, txSummaryBoxBackground: { conditions: { base: "_1rsrm2f2n9", hover: "_1rsrm2f2na", active: "_1rsrm2f2nb", selection: "_1rsrm2f2nc", focused: "_1rsrm2f2nd", focusedVisible: "_1rsrm2f2ne" }, defaultClass: "_1rsrm2f2n9" }, txSummaryBoxBorder: { conditions: { base: "_1rsrm2f2nf", hover: "_1rsrm2f2ng", active: "_1rsrm2f2nh", selection: "_1rsrm2f2ni", focused: "_1rsrm2f2nj", focusedVisible: "_1rsrm2f2nk" }, defaultClass: "_1rsrm2f2nf" }, counterRingColor: { conditions: { base: "_1rsrm2f2nl", hover: "_1rsrm2f2nm", active: "_1rsrm2f2nn", selection: "_1rsrm2f2no", focused: "_1rsrm2f2np", focusedVisible: "_1rsrm2f2nq" }, defaultClass: "_1rsrm2f2nl" }, cryptoCashToggleContainerBorderColor: { conditions: { base: "_1rsrm2f2nr", hover: "_1rsrm2f2ns", active: "_1rsrm2f2nt", selection: "_1rsrm2f2nu", focused: "_1rsrm2f2nv", focusedVisible: "_1rsrm2f2nw" }, defaultClass: "_1rsrm2f2nr" }, cryptoCashToggleBackground: { conditions: { base: "_1rsrm2f2nx", hover: "_1rsrm2f2ny", active: "_1rsrm2f2nz", selection: "_1rsrm2f2o0", focused: "_1rsrm2f2o1", focusedVisible: "_1rsrm2f2o2" }, defaultClass: "_1rsrm2f2nx" } } } } }, { 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" }, modalTopbarIcon: { defaultClass: "_1rsrm2f18" }, full: { defaultClass: "_1rsrm2f19" }, badge: { defaultClass: "_1rsrm2f1a" }, smallBadge: { defaultClass: "_1rsrm2f1b" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1c" }, dotted: { defaultClass: "_1rsrm2f1d" }, hidden: { defaultClass: "_1rsrm2f1e" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1f" }, "1": { defaultClass: "_1rsrm2f1g" }, "2": { defaultClass: "_1rsrm2f1h" }, "3": { defaultClass: "_1rsrm2f1i" }, "4": { defaultClass: "_1rsrm2f1j" }, activeOptionBorderWidth: { defaultClass: "_1rsrm2f1k" }, buttonTertiaryBorderWidth: { defaultClass: "_1rsrm2f1l" }, cryptoCashToggleContainerBorderWidth: { defaultClass: "_1rsrm2f1m" }, txSummaryBoxBorderWidth: { defaultClass: "_1rsrm2f1n" }, "0.5": { defaultClass: "_1rsrm2f1o" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1p" }, pointer: { defaultClass: "_1rsrm2f1q" }, "not-allowed": { defaultClass: "_1rsrm2f1r" }, "default": { defaultClass: "_1rsrm2f1s" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1t" }, column: { defaultClass: "_1rsrm2f1u" } } }, fontFamily: { values: { amountValue: { defaultClass: "_1rsrm2f1v" }, body: { defaultClass: "_1rsrm2f1w" }, buttonTextPrimary: { defaultClass: "_1rsrm2f1x" }, buttonTextSecondary: { defaultClass: "_1rsrm2f1y" }, buttonTextTertiary: { defaultClass: "_1rsrm2f1z" }, header: { defaultClass: "_1rsrm2f20" }, inputAmount: { defaultClass: "_1rsrm2f21" }, txStatusDescription: { defaultClass: "_1rsrm2f22" }, txStatusTitle: { defaultClass: "_1rsrm2f23" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f24" }, "12": { defaultClass: "_1rsrm2f25" }, "13": { defaultClass: "_1rsrm2f26" }, "14": { defaultClass: "_1rsrm2f27" }, "16": { defaultClass: "_1rsrm2f28" }, "18": { defaultClass: "_1rsrm2f29" }, "20": { defaultClass: "_1rsrm2f2a" }, "21": { defaultClass: "_1rsrm2f2b" }, "40": { defaultClass: "_1rsrm2f2c" }, "57": { defaultClass: "_1rsrm2f2d" }, inherit: { defaultClass: "_1rsrm2f2e" }, body: { defaultClass: "_1rsrm2f2f" }, cryptoCashToggle: { defaultClass: "_1rsrm2f2g" }, "header-14": { defaultClass: "_1rsrm2f2h" }, "header-36": { defaultClass: "_1rsrm2f2i" }, buttonTextPrimary: { defaultClass: "_1rsrm2f2j" }, buttonTextSecondary: { defaultClass: "_1rsrm2f2k" }, buttonTextTertiary: { defaultClass: "_1rsrm2f2l" }, dollarValue: { defaultClass: "_1rsrm2f2m" }, inputAmount: { defaultClass: "_1rsrm2f2n" }, modalTopbarSubtitle: { defaultClass: "_1rsrm2f2o" }, modalTopbarTitle: { defaultClass: "_1rsrm2f2p" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f2q" }, paymentMethodItemSubtitle: { defaultClass: "_1rsrm2f2r" }, paymentMethodItemTitle: { defaultClass: "_1rsrm2f2s" }, selectAssetItemSubtitle: { defaultClass: "_1rsrm2f2t" }, selectAssetItemTitle: { defaultClass: "_1rsrm2f2u" }, txBreakdown: { defaultClass: "_1rsrm2f2v" }, txStatusDescription: { defaultClass: "_1rsrm2f2w" }, txStatusTitle: { defaultClass: "_1rsrm2f2x" }, txSummaryLabel: { defaultClass: "_1rsrm2f2y" }, txSummaryValue: { defaultClass: "_1rsrm2f2z" }, youPayYouReceivePrimaryFontSize: { defaultClass: "_1rsrm2f30" }, youPayYouReceiveSecondaryFontSize: { defaultClass: "_1rsrm2f31" }, transferTokenLabelFontSize: { defaultClass: "_1rsrm2f32" }, depositAddressFontSize: { defaultClass: "_1rsrm2f33" }, funFeatureListItemFontSize: { defaultClass: "_1rsrm2f34" }, dropdownItemFontSize: { defaultClass: "_1rsrm2f35" }, sourceListSectionLabelFontSize: { defaultClass: "_1rsrm2f36" }, formOfPaymentsListSectionLabelFontSize: { defaultClass: "_1rsrm2f37" } } }, fontWeight: { values: { inherit: { defaultClass: "_1rsrm2f38" }, regular: { defaultClass: "_1rsrm2f39" }, medium: { defaultClass: "_1rsrm2f3a" }, semibold: { defaultClass: "_1rsrm2f3b" }, bold: { defaultClass: "_1rsrm2f3c" }, heavy: { defaultClass: "_1rsrm2f3d" }, cryptoCashToggle: { defaultClass: "_1rsrm2f3e" }, inputAmount: { defaultClass: "_1rsrm2f3f" }, modalTopbarTitle: { defaultClass: "_1rsrm2f3g" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f3h" }, paymentMethodItemSubtitle: { defaultClass: "_1rsrm2f3i" }, paymentMethodItemTitle: { defaultClass: "_1rsrm2f3j" }, selectAssetItemSubtitle: { defaultClass: "_1rsrm2f3k" }, selectAssetItemTitle: { defaultClass: "_1rsrm2f3l" }, transferTokenLabelFontWeight: { defaultClass: "_1rsrm2f3m" }, txBreakdown: { defaultClass: "_1rsrm2f3n" }, txStatusDescription: { defaultClass: "_1rsrm2f3o" }, txStatusTitle: { defaultClass: "_1rsrm2f3p" }, txSummaryLabel: { defaultClass: "_1rsrm2f3q" }, txSummaryValue: { defaultClass: "_1rsrm2f3r" }, sourceListSectionLabelFontWeight: { defaultClass: "_1rsrm2f3s" }, formOfPaymentsListSectionLabelFontWeight: { defaultClass: "_1rsrm2f3t" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f3u" }, "1": { defaultClass: "_1rsrm2f3v" }, "2": { defaultClass: "_1rsrm2f3w" }, "3": { defaultClass: "_1rsrm2f3x" }, "4": { defaultClass: "_1rsrm2f3y" }, "5": { defaultClass: "_1rsrm2f3z" }, "6": { defaultClass: "_1rsrm2f40" }, "7": { defaultClass: "_1rsrm2f41" }, "8": { defaultClass: "_1rsrm2f42" }, "9": { defaultClass: "_1rsrm2f43" }, "10": { defaultClass: "_1rsrm2f44" }, "11": { defaultClass: "_1rsrm2f45" }, "12": { defaultClass: "_1rsrm2f46" }, "13": { defaultClass: "_1rsrm2f47" }, "14": { defaultClass: "_1rsrm2f48" }, "15": { defaultClass: "_1rsrm2f49" }, "16": { defaultClass: "_1rsrm2f4a" }, "18": { defaultClass: "_1rsrm2f4b" }, "20": { defaultClass: "_1rsrm2f4c" }, "22": { defaultClass: "_1rsrm2f4d" }, "24": { defaultClass: "_1rsrm2f4e" }, "28": { defaultClass: "_1rsrm2f4f" }, "30": { defaultClass: "_1rsrm2f4g" }, "32": { defaultClass: "_1rsrm2f4h" }, "36": { defaultClass: "_1rsrm2f4i" }, "40": { defaultClass: "_1rsrm2f4j" }, "44": { defaultClass: "_1rsrm2f4k" }, "64": { defaultClass: "_1rsrm2f4l" }, "-1": { defaultClass: "_1rsrm2f4m" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2f4n" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2f4o" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2f4p" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2f4q" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2f4r" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2f4s" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f4t" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f4u" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f4v" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f4w" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f4x" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2f4y" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2f4z" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2f50" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2f51" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2f52" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2f53" }, txBreakdownMarginY: { defaultClass: "_1rsrm2f54" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2f55" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2f56" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2f57" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2f58" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2f59" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2f5a" }, verticalSectionGap: { defaultClass: "_1rsrm2f5b" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2f5c" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2f5d" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2f5e" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f5f" }, "2": { defaultClass: "_1rsrm2f5g" }, "4": { defaultClass: "_1rsrm2f5h" }, "8": { defaultClass: "_1rsrm2f5i" }, "10": { defaultClass: "_1rsrm2f5j" }, "11": { defaultClass: "_1rsrm2f5k" }, "12": { defaultClass: "_1rsrm2f5l" }, "13": { defaultClass: "_1rsrm2f5m" }, "14": { defaultClass: "_1rsrm2f5n" }, "15": { defaultClass: "_1rsrm2f5o" }, "16": { defaultClass: "_1rsrm2f5p" }, "18": { defaultClass: "_1rsrm2f5q" }, "20": { defaultClass: "_1rsrm2f5r" }, "24": { defaultClass: "_1rsrm2f5s" }, "28": { defaultClass: "_1rsrm2f5t" }, "30": { defaultClass: "_1rsrm2f5u" }, "32": { defaultClass: "_1rsrm2f5v" }, "34": { defaultClass: "_1rsrm2f5w" }, "36": { defaultClass: "_1rsrm2f5x" }, "40": { defaultClass: "_1rsrm2f5y" }, "44": { defaultClass: "_1rsrm2f5z" }, "48": { defaultClass: "_1rsrm2f60" }, "50": { defaultClass: "_1rsrm2f61" }, "54": { defaultClass: "_1rsrm2f62" }, "57": { defaultClass: "_1rsrm2f63" }, "60": { defaultClass: "_1rsrm2f64" }, "72": { defaultClass: "_1rsrm2f65" }, "76": { defaultClass: "_1rsrm2f66" }, "93": { defaultClass: "_1rsrm2f67" }, "96": { defaultClass: "_1rsrm2f68" }, "100": { defaultClass: "_1rsrm2f69" }, "108": { defaultClass: "_1rsrm2f6a" }, "120": { defaultClass: "_1rsrm2f6b" }, "160": { defaultClass: "_1rsrm2f6c" }, "180": { defaultClass: "_1rsrm2f6d" }, "200": { defaultClass: "_1rsrm2f6e" }, "240": { defaultClass: "_1rsrm2f6f" }, "300": { defaultClass: "_1rsrm2f6g" }, half: { defaultClass: "_1rsrm2f6h" }, full: { defaultClass: "_1rsrm2f6i" }, max: { defaultClass: "_1rsrm2f6j" }, connectExchangeIconSize: { defaultClass: "_1rsrm2f6k" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2f6l" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2f6m" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2f6n" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2f6o" }, inputAmountMinHeight: { defaultClass: "_1rsrm2f6p" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f6q" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2f6r" }, modalTopBarHeight: { defaultClass: "_1rsrm2f6s" }, modalTopbarIconSize: { defaultClass: "_1rsrm2f6t" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2f6u" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2f6v" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2f6w" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2f6x" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2f6y" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2f6z" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2f70" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2f71" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2f72" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f73" }, "flex-end": { defaultClass: "_1rsrm2f74" }, center: { defaultClass: "_1rsrm2f75" }, "space-between": { defaultClass: "_1rsrm2f76" }, "space-around": { defaultClass: "_1rsrm2f77" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f78" }, center: { defaultClass: "_1rsrm2f79" }, right: { defaultClass: "_1rsrm2f7a" }, inherit: { defaultClass: "_1rsrm2f7b" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f7c" }, "1": { defaultClass: "_1rsrm2f7d" }, "2": { defaultClass: "_1rsrm2f7e" }, "3": { defaultClass: "_1rsrm2f7f" }, "4": { defaultClass: "_1rsrm2f7g" }, "5": { defaultClass: "_1rsrm2f7h" }, "6": { defaultClass: "_1rsrm2f7i" }, "7": { defaultClass: "_1rsrm2f7j" }, "8": { defaultClass: "_1rsrm2f7k" }, "9": { defaultClass: "_1rsrm2f7l" }, "10": { defaultClass: "_1rsrm2f7m" }, "11": { defaultClass: "_1rsrm2f7n" }, "12": { defaultClass: "_1rsrm2f7o" }, "13": { defaultClass: "_1rsrm2f7p" }, "14": { defaultClass: "_1rsrm2f7q" }, "15": { defaultClass: "_1rsrm2f7r" }, "16": { defaultClass: "_1rsrm2f7s" }, "18": { defaultClass: "_1rsrm2f7t" }, "20": { defaultClass: "_1rsrm2f7u" }, "22": { defaultClass: "_1rsrm2f7v" }, "24": { defaultClass: "_1rsrm2f7w" }, "28": { defaultClass: "_1rsrm2f7x" }, "30": { defaultClass: "_1rsrm2f7y" }, "32": { defaultClass: "_1rsrm2f7z" }, "36": { defaultClass: "_1rsrm2f80" }, "40": { defaultClass: "_1rsrm2f81" }, "44": { defaultClass: "_1rsrm2f82" }, "64": { defaultClass: "_1rsrm2f83" }, auto: { defaultClass: "_1rsrm2f84" }, "-18": { defaultClass: "_1rsrm2f85" }, "-12": { defaultClass: "_1rsrm2f86" }, "-1": { defaultClass: "_1rsrm2f87" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2f88" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2f89" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2f8a" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2f8b" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2f8c" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2f8d" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f8e" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f8f" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f8g" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f8h" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f8i" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2f8j" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2f8k" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2f8l" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2f8m" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2f8n" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2f8o" }, txBreakdownMarginY: { defaultClass: "_1rsrm2f8p" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2f8q" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2f8r" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2f8s" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2f8t" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2f8u" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2f8v" }, verticalSectionGap: { defaultClass: "_1rsrm2f8w" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2f8x" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2f8y" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2f8z" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f90" }, "1": { defaultClass: "_1rsrm2f91" }, "2": { defaultClass: "_1rsrm2f92" }, "3": { defaultClass: "_1rsrm2f93" }, "4": { defaultClass: "_1rsrm2f94" }, "5": { defaultClass: "_1rsrm2f95" }, "6": { defaultClass: "_1rsrm2f96" }, "7": { defaultClass: "_1rsrm2f97" }, "8": { defaultClass: "_1rsrm2f98" }, "9": { defaultClass: "_1rsrm2f99" }, "10": { defaultClass: "_1rsrm2f9a" }, "11": { defaultClass: "_1rsrm2f9b" }, "12": { defaultClass: "_1rsrm2f9c" }, "13": { defaultClass: "_1rsrm2f9d" }, "14": { defaultClass: "_1rsrm2f9e" }, "15": { defaultClass: "_1rsrm2f9f" }, "16": { defaultClass: "_1rsrm2f9g" }, "18": { defaultClass: "_1rsrm2f9h" }, "20": { defaultClass: "_1rsrm2f9i" }, "22": { defaultClass: "_1rsrm2f9j" }, "24": { defaultClass: "_1rsrm2f9k" }, "28": { defaultClass: "_1rsrm2f9l" }, "30": { defaultClass: "_1rsrm2f9m" }, "32": { defaultClass: "_1rsrm2f9n" }, "36": { defaultClass: "_1rsrm2f9o" }, "40": { defaultClass: "_1rsrm2f9p" }, "44": { defaultClass: "_1rsrm2f9q" }, "64": { defaultClass: "_1rsrm2f9r" }, auto: { defaultClass: "_1rsrm2f9s" }, "-18": { defaultClass: "_1rsrm2f9t" }, "-12": { defaultClass: "_1rsrm2f9u" }, "-1": { defaultClass: "_1rsrm2f9v" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2f9w" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2f9x" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2f9y" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2f9z" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fa0" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fa1" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fa2" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fa3" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fa4" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fa5" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fa6" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fa7" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fa8" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fa9" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2faa" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fab" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fac" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fad" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fae" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2faf" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fag" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fah" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fai" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2faj" }, verticalSectionGap: { defaultClass: "_1rsrm2fak" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fal" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fam" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fan" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2fao" }, "1": { defaultClass: "_1rsrm2fap" }, "2": { defaultClass: "_1rsrm2faq" }, "3": { defaultClass: "_1rsrm2far" }, "4": { defaultClass: "_1rsrm2fas" }, "5": { defaultClass: "_1rsrm2fat" }, "6": { defaultClass: "_1rsrm2fau" }, "7": { defaultClass: "_1rsrm2fav" }, "8": { defaultClass: "_1rsrm2faw" }, "9": { defaultClass: "_1rsrm2fax" }, "10": { defaultClass: "_1rsrm2fay" }, "11": { defaultClass: "_1rsrm2faz" }, "12": { defaultClass: "_1rsrm2fb0" }, "13": { defaultClass: "_1rsrm2fb1" }, "14": { defaultClass: "_1rsrm2fb2" }, "15": { defaultClass: "_1rsrm2fb3" }, "16": { defaultClass: "_1rsrm2fb4" }, "18": { defaultClass: "_1rsrm2fb5" }, "20": { defaultClass: "_1rsrm2fb6" }, "22": { defaultClass: "_1rsrm2fb7" }, "24": { defaultClass: "_1rsrm2fb8" }, "28": { defaultClass: "_1rsrm2fb9" }, "30": { defaultClass: "_1rsrm2fba" }, "32": { defaultClass: "_1rsrm2fbb" }, "36": { defaultClass: "_1rsrm2fbc" }, "40": { defaultClass: "_1rsrm2fbd" }, "44": { defaultClass: "_1rsrm2fbe" }, "64": { defaultClass: "_1rsrm2fbf" }, auto: { defaultClass: "_1rsrm2fbg" }, "-18": { defaultClass: "_1rsrm2fbh" }, "-12": { defaultClass: "_1rsrm2fbi" }, "-1": { defaultClass: "_1rsrm2fbj" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fbk" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fbl" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fbm" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fbn" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fbo" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fbp" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fbq" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fbr" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fbs" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fbt" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fbu" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fbv" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fbw" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fbx" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fby" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fbz" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fc0" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fc1" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fc2" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fc3" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fc4" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fc5" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fc6" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fc7" }, verticalSectionGap: { defaultClass: "_1rsrm2fc8" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fc9" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fca" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fcb" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2fcc" }, "1": { defaultClass: "_1rsrm2fcd" }, "2": { defaultClass: "_1rsrm2fce" }, "3": { defaultClass: "_1rsrm2fcf" }, "4": { defaultClass: "_1rsrm2fcg" }, "5": { defaultClass: "_1rsrm2fch" }, "6": { defaultClass: "_1rsrm2fci" }, "7": { defaultClass: "_1rsrm2fcj" }, "8": { defaultClass: "_1rsrm2fck" }, "9": { defaultClass: "_1rsrm2fcl" }, "10": { defaultClass: "_1rsrm2fcm" }, "11": { defaultClass: "_1rsrm2fcn" }, "12": { defaultClass: "_1rsrm2fco" }, "13": { defaultClass: "_1rsrm2fcp" }, "14": { defaultClass: "_1rsrm2fcq" }, "15": { defaultClass: "_1rsrm2fcr" }, "16": { defaultClass: "_1rsrm2fcs" }, "18": { defaultClass: "_1rsrm2fct" }, "20": { defaultClass: "_1rsrm2fcu" }, "22": { defaultClass: "_1rsrm2fcv" }, "24": { defaultClass: "_1rsrm2fcw" }, "28": { defaultClass: "_1rsrm2fcx" }, "30": { defaultClass: "_1rsrm2fcy" }, "32": { defaultClass: "_1rsrm2fcz" }, "36": { defaultClass: "_1rsrm2fd0" }, "40": { defaultClass: "_1rsrm2fd1" }, "44": { defaultClass: "_1rsrm2fd2" }, "64": { defaultClass: "_1rsrm2fd3" }, auto: { defaultClass: "_1rsrm2fd4" }, "-18": { defaultClass: "_1rsrm2fd5" }, "-12": { defaultClass: "_1rsrm2fd6" }, "-1": { defaultClass: "_1rsrm2fd7" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fd8" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fd9" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fda" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fdb" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fdc" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fdd" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fde" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fdf" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fdg" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fdh" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fdi" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fdj" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fdk" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fdl" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fdm" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fdn" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fdo" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fdp" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fdq" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fdr" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fds" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fdt" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fdu" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fdv" }, verticalSectionGap: { defaultClass: "_1rsrm2fdw" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fdx" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fdy" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fdz" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2fe0" }, "2": { defaultClass: "_1rsrm2fe1" }, "4": { defaultClass: "_1rsrm2fe2" }, "8": { defaultClass: "_1rsrm2fe3" }, "10": { defaultClass: "_1rsrm2fe4" }, "11": { defaultClass: "_1rsrm2fe5" }, "12": { defaultClass: "_1rsrm2fe6" }, "13": { defaultClass: "_1rsrm2fe7" }, "14": { defaultClass: "_1rsrm2fe8" }, "15": { defaultClass: "_1rsrm2fe9" }, "16": { defaultClass: "_1rsrm2fea" }, "18": { defaultClass: "_1rsrm2feb" }, "20": { defaultClass: "_1rsrm2fec" }, "24": { defaultClass: "_1rsrm2fed" }, "28": { defaultClass: "_1rsrm2fee" }, "30": { defaultClass: "_1rsrm2fef" }, "32": { defaultClass: "_1rsrm2feg" }, "34": { defaultClass: "_1rsrm2feh" }, "36": { defaultClass: "_1rsrm2fei" }, "40": { defaultClass: "_1rsrm2fej" }, "44": { defaultClass: "_1rsrm2fek" }, "48": { defaultClass: "_1rsrm2fel" }, "50": { defaultClass: "_1rsrm2fem" }, "54": { defaultClass: "_1rsrm2fen" }, "57": { defaultClass: "_1rsrm2feo" }, "60": { defaultClass: "_1rsrm2fep" }, "72": { defaultClass: "_1rsrm2feq" }, "76": { defaultClass: "_1rsrm2fer" }, "93": { defaultClass: "_1rsrm2fes" }, "96": { defaultClass: "_1rsrm2fet" }, "100": { defaultClass: "_1rsrm2feu" }, "108": { defaultClass: "_1rsrm2fev" }, "120": { defaultClass: "_1rsrm2few" }, "160": { defaultClass: "_1rsrm2fex" }, "180": { defaultClass: "_1rsrm2fey" }, "200": { defaultClass: "_1rsrm2fez" }, "240": { defaultClass: "_1rsrm2ff0" }, "300": { defaultClass: "_1rsrm2ff1" }, half: { defaultClass: "_1rsrm2ff2" }, full: { defaultClass: "_1rsrm2ff3" }, max: { defaultClass: "_1rsrm2ff4" }, connectExchangeIconSize: { defaultClass: "_1rsrm2ff5" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2ff6" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2ff7" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2ff8" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2ff9" }, inputAmountMinHeight: { defaultClass: "_1rsrm2ffa" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2ffb" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2ffc" }, modalTopBarHeight: { defaultClass: "_1rsrm2ffd" }, modalTopbarIconSize: { defaultClass: "_1rsrm2ffe" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fff" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2ffg" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2ffh" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2ffi" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2ffj" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2ffk" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2ffl" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2ffm" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2ffn" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2ffo" }, "2": { defaultClass: "_1rsrm2ffp" }, "4": { defaultClass: "_1rsrm2ffq" }, "8": { defaultClass: "_1rsrm2ffr" }, "10": { defaultClass: "_1rsrm2ffs" }, "11": { defaultClass: "_1rsrm2fft" }, "12": { defaultClass: "_1rsrm2ffu" }, "13": { defaultClass: "_1rsrm2ffv" }, "14": { defaultClass: "_1rsrm2ffw" }, "15": { defaultClass: "_1rsrm2ffx" }, "16": { defaultClass: "_1rsrm2ffy" }, "18": { defaultClass: "_1rsrm2ffz" }, "20": { defaultClass: "_1rsrm2fg0" }, "24": { defaultClass: "_1rsrm2fg1" }, "28": { defaultClass: "_1rsrm2fg2" }, "30": { defaultClass: "_1rsrm2fg3" }, "32": { defaultClass: "_1rsrm2fg4" }, "34": { defaultClass: "_1rsrm2fg5" }, "36": { defaultClass: "_1rsrm2fg6" }, "40": { defaultClass: "_1rsrm2fg7" }, "44": { defaultClass: "_1rsrm2fg8" }, "48": { defaultClass: "_1rsrm2fg9" }, "50": { defaultClass: "_1rsrm2fga" }, "54": { defaultClass: "_1rsrm2fgb" }, "57": { defaultClass: "_1rsrm2fgc" }, "60": { defaultClass: "_1rsrm2fgd" }, "72": { defaultClass: "_1rsrm2fge" }, "76": { defaultClass: "_1rsrm2fgf" }, "93": { defaultClass: "_1rsrm2fgg" }, "96": { defaultClass: "_1rsrm2fgh" }, "100": { defaultClass: "_1rsrm2fgi" }, "108": { defaultClass: "_1rsrm2fgj" }, "120": { defaultClass: "_1rsrm2fgk" }, "160": { defaultClass: "_1rsrm2fgl" }, "180": { defaultClass: "_1rsrm2fgm" }, "200": { defaultClass: "_1rsrm2fgn" }, "240": { defaultClass: "_1rsrm2fgo" }, "300": { defaultClass: "_1rsrm2fgp" }, half: { defaultClass: "_1rsrm2fgq" }, full: { defaultClass: "_1rsrm2fgr" }, max: { defaultClass: "_1rsrm2fgs" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fgt" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fgu" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fgv" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fgw" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fgx" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fgy" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fgz" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fh0" }, modalTopBarHeight: { defaultClass: "_1rsrm2fh1" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fh2" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fh3" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fh4" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fh5" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fh6" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fh7" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fh8" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fh9" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fha" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fhb" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2fhc" }, "2": { defaultClass: "_1rsrm2fhd" }, "4": { defaultClass: "_1rsrm2fhe" }, "8": { defaultClass: "_1rsrm2fhf" }, "10": { defaultClass: "_1rsrm2fhg" }, "11": { defaultClass: "_1rsrm2fhh" }, "12": { defaultClass: "_1rsrm2fhi" }, "13": { defaultClass: "_1rsrm2fhj" }, "14": { defaultClass: "_1rsrm2fhk" }, "15": { defaultClass: "_1rsrm2fhl" }, "16": { defaultClass: "_1rsrm2fhm" }, "18": { defaultClass: "_1rsrm2fhn" }, "20": { defaultClass: "_1rsrm2fho" }, "24": { defaultClass: "_1rsrm2fhp" }, "28": { defaultClass: "_1rsrm2fhq" }, "30": { defaultClass: "_1rsrm2fhr" }, "32": { defaultClass: "_1rsrm2fhs" }, "34": { defaultClass: "_1rsrm2fht" }, "36": { defaultClass: "_1rsrm2fhu" }, "40": { defaultClass: "_1rsrm2fhv" }, "44": { defaultClass: "_1rsrm2fhw" }, "48": { defaultClass: "_1rsrm2fhx" }, "50": { defaultClass: "_1rsrm2fhy" }, "54": { defaultClass: "_1rsrm2fhz" }, "57": { defaultClass: "_1rsrm2fi0" }, "60": { defaultClass: "_1rsrm2fi1" }, "72": { defaultClass: "_1rsrm2fi2" }, "76": { defaultClass: "_1rsrm2fi3" }, "93": { defaultClass: "_1rsrm2fi4" }, "96": { defaultClass: "_1rsrm2fi5" }, "100": { defaultClass: "_1rsrm2fi6" }, "108": { defaultClass: "_1rsrm2fi7" }, "120": { defaultClass: "_1rsrm2fi8" }, "160": { defaultClass: "_1rsrm2fi9" }, "180": { defaultClass: "_1rsrm2fia" }, "200": { defaultClass: "_1rsrm2fib" }, "240": { defaultClass: "_1rsrm2fic" }, "300": { defaultClass: "_1rsrm2fid" }, half: { defaultClass: "_1rsrm2fie" }, full: { defaultClass: "_1rsrm2fif" }, max: { defaultClass: "_1rsrm2fig" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fih" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fii" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fij" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fik" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fil" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fim" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fin" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fio" }, modalTopBarHeight: { defaultClass: "_1rsrm2fip" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fiq" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fir" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fis" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fit" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fiu" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fiv" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fiw" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fix" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fiy" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fiz" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fj0" }, "2": { defaultClass: "_1rsrm2fj1" }, "4": { defaultClass: "_1rsrm2fj2" }, "8": { defaultClass: "_1rsrm2fj3" }, "10": { defaultClass: "_1rsrm2fj4" }, "11": { defaultClass: "_1rsrm2fj5" }, "12": { defaultClass: "_1rsrm2fj6" }, "13": { defaultClass: "_1rsrm2fj7" }, "14": { defaultClass: "_1rsrm2fj8" }, "15": { defaultClass: "_1rsrm2fj9" }, "16": { defaultClass: "_1rsrm2fja" }, "18": { defaultClass: "_1rsrm2fjb" }, "20": { defaultClass: "_1rsrm2fjc" }, "24": { defaultClass: "_1rsrm2fjd" }, "28": { defaultClass: "_1rsrm2fje" }, "30": { defaultClass: "_1rsrm2fjf" }, "32": { defaultClass: "_1rsrm2fjg" }, "34": { defaultClass: "_1rsrm2fjh" }, "36": { defaultClass: "_1rsrm2fji" }, "40": { defaultClass: "_1rsrm2fjj" }, "44": { defaultClass: "_1rsrm2fjk" }, "48": { defaultClass: "_1rsrm2fjl" }, "50": { defaultClass: "_1rsrm2fjm" }, "54": { defaultClass: "_1rsrm2fjn" }, "57": { defaultClass: "_1rsrm2fjo" }, "60": { defaultClass: "_1rsrm2fjp" }, "72": { defaultClass: "_1rsrm2fjq" }, "76": { defaultClass: "_1rsrm2fjr" }, "93": { defaultClass: "_1rsrm2fjs" }, "96": { defaultClass: "_1rsrm2fjt" }, "100": { defaultClass: "_1rsrm2fju" }, "108": { defaultClass: "_1rsrm2fjv" }, "120": { defaultClass: "_1rsrm2fjw" }, "160": { defaultClass: "_1rsrm2fjx" }, "180": { defaultClass: "_1rsrm2fjy" }, "200": { defaultClass: "_1rsrm2fjz" }, "240": { defaultClass: "_1rsrm2fk0" }, "300": { defaultClass: "_1rsrm2fk1" }, half: { defaultClass: "_1rsrm2fk2" }, full: { defaultClass: "_1rsrm2fk3" }, max: { defaultClass: "_1rsrm2fk4" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fk5" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fk6" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fk7" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fk8" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fk9" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fka" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fkb" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fkc" }, modalTopBarHeight: { defaultClass: "_1rsrm2fkd" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fke" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fkf" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fkg" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fkh" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fki" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fkj" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fkk" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fkl" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fkm" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fkn" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fko" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fkp" }, "1": { defaultClass: "_1rsrm2fkq" }, "2": { defaultClass: "_1rsrm2fkr" }, "3": { defaultClass: "_1rsrm2fks" }, "4": { defaultClass: "_1rsrm2fkt" }, "5": { defaultClass: "_1rsrm2fku" }, "6": { defaultClass: "_1rsrm2fkv" }, "7": { defaultClass: "_1rsrm2fkw" }, "8": { defaultClass: "_1rsrm2fkx" }, "9": { defaultClass: "_1rsrm2fky" }, "10": { defaultClass: "_1rsrm2fkz" }, "11": { defaultClass: "_1rsrm2fl0" }, "12": { defaultClass: "_1rsrm2fl1" }, "13": { defaultClass: "_1rsrm2fl2" }, "14": { defaultClass: "_1rsrm2fl3" }, "15": { defaultClass: "_1rsrm2fl4" }, "16": { defaultClass: "_1rsrm2fl5" }, "18": { defaultClass: "_1rsrm2fl6" }, "20": { defaultClass: "_1rsrm2fl7" }, "22": { defaultClass: "_1rsrm2fl8" }, "24": { defaultClass: "_1rsrm2fl9" }, "28": { defaultClass: "_1rsrm2fla" }, "30": { defaultClass: "_1rsrm2flb" }, "32": { defaultClass: "_1rsrm2flc" }, "36": { defaultClass: "_1rsrm2fld" }, "40": { defaultClass: "_1rsrm2fle" }, "44": { defaultClass: "_1rsrm2flf" }, "64": { defaultClass: "_1rsrm2flg" }, "-1": { defaultClass: "_1rsrm2flh" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fli" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2flj" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2flk" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fll" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2flm" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fln" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2flo" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2flp" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2flq" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2flr" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fls" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2flt" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2flu" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2flv" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2flw" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2flx" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fly" }, txBreakdownMarginY: { defaultClass: "_1rsrm2flz" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fm0" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fm1" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fm2" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fm3" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fm4" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fm5" }, verticalSectionGap: { defaultClass: "_1rsrm2fm6" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fm7" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fm8" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fm9" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fma" }, "1": { defaultClass: "_1rsrm2fmb" }, "2": { defaultClass: "_1rsrm2fmc" }, "3": { defaultClass: "_1rsrm2fmd" }, "4": { defaultClass: "_1rsrm2fme" }, "5": { defaultClass: "_1rsrm2fmf" }, "6": { defaultClass: "_1rsrm2fmg" }, "7": { defaultClass: "_1rsrm2fmh" }, "8": { defaultClass: "_1rsrm2fmi" }, "9": { defaultClass: "_1rsrm2fmj" }, "10": { defaultClass: "_1rsrm2fmk" }, "11": { defaultClass: "_1rsrm2fml" }, "12": { defaultClass: "_1rsrm2fmm" }, "13": { defaultClass: "_1rsrm2fmn" }, "14": { defaultClass: "_1rsrm2fmo" }, "15": { defaultClass: "_1rsrm2fmp" }, "16": { defaultClass: "_1rsrm2fmq" }, "18": { defaultClass: "_1rsrm2fmr" }, "20": { defaultClass: "_1rsrm2fms" }, "22": { defaultClass: "_1rsrm2fmt" }, "24": { defaultClass: "_1rsrm2fmu" }, "28": { defaultClass: "_1rsrm2fmv" }, "30": { defaultClass: "_1rsrm2fmw" }, "32": { defaultClass: "_1rsrm2fmx" }, "36": { defaultClass: "_1rsrm2fmy" }, "40": { defaultClass: "_1rsrm2fmz" }, "44": { defaultClass: "_1rsrm2fn0" }, "64": { defaultClass: "_1rsrm2fn1" }, "-1": { defaultClass: "_1rsrm2fn2" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fn3" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fn4" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fn5" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fn6" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fn7" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fn8" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fn9" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fna" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fnb" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fnc" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fnd" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fne" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fnf" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fng" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fnh" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fni" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fnj" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fnk" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fnl" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fnm" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fnn" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fno" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fnp" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fnq" }, verticalSectionGap: { defaultClass: "_1rsrm2fnr" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fns" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fnt" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fnu" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fnv" }, "1": { defaultClass: "_1rsrm2fnw" }, "2": { defaultClass: "_1rsrm2fnx" }, "3": { defaultClass: "_1rsrm2fny" }, "4": { defaultClass: "_1rsrm2fnz" }, "5": { defaultClass: "_1rsrm2fo0" }, "6": { defaultClass: "_1rsrm2fo1" }, "7": { defaultClass: "_1rsrm2fo2" }, "8": { defaultClass: "_1rsrm2fo3" }, "9": { defaultClass: "_1rsrm2fo4" }, "10": { defaultClass: "_1rsrm2fo5" }, "11": { defaultClass: "_1rsrm2fo6" }, "12": { defaultClass: "_1rsrm2fo7" }, "13": { defaultClass: "_1rsrm2fo8" }, "14": { defaultClass: "_1rsrm2fo9" }, "15": { defaultClass: "_1rsrm2foa" }, "16": { defaultClass: "_1rsrm2fob" }, "18": { defaultClass: "_1rsrm2foc" }, "20": { defaultClass: "_1rsrm2fod" }, "22": { defaultClass: "_1rsrm2foe" }, "24": { defaultClass: "_1rsrm2fof" }, "28": { defaultClass: "_1rsrm2fog" }, "30": { defaultClass: "_1rsrm2foh" }, "32": { defaultClass: "_1rsrm2foi" }, "36": { defaultClass: "_1rsrm2foj" }, "40": { defaultClass: "_1rsrm2fok" }, "44": { defaultClass: "_1rsrm2fol" }, "64": { defaultClass: "_1rsrm2fom" }, "-1": { defaultClass: "_1rsrm2fon" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2foo" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fop" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2foq" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2for" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fos" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fot" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fou" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fov" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fow" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fox" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2foy" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2foz" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fp0" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fp1" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fp2" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fp3" }, selectBrokerageItemPaddingY: { 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" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fpd" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fpe" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fpf" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fpg" }, "1": { defaultClass: "_1rsrm2fph" }, "2": { defaultClass: "_1rsrm2fpi" }, "3": { defaultClass: "_1rsrm2fpj" }, "4": { defaultClass: "_1rsrm2fpk" }, "5": { defaultClass: "_1rsrm2fpl" }, "6": { defaultClass: "_1rsrm2fpm" }, "7": { defaultClass: "_1rsrm2fpn" }, "8": { defaultClass: "_1rsrm2fpo" }, "9": { defaultClass: "_1rsrm2fpp" }, "10": { defaultClass: "_1rsrm2fpq" }, "11": { defaultClass: "_1rsrm2fpr" }, "12": { defaultClass: "_1rsrm2fps" }, "13": { defaultClass: "_1rsrm2fpt" }, "14": { defaultClass: "_1rsrm2fpu" }, "15": { defaultClass: "_1rsrm2fpv" }, "16": { defaultClass: "_1rsrm2fpw" }, "18": { defaultClass: "_1rsrm2fpx" }, "20": { defaultClass: "_1rsrm2fpy" }, "22": { defaultClass: "_1rsrm2fpz" }, "24": { defaultClass: "_1rsrm2fq0" }, "28": { defaultClass: "_1rsrm2fq1" }, "30": { defaultClass: "_1rsrm2fq2" }, "32": { defaultClass: "_1rsrm2fq3" }, "36": { defaultClass: "_1rsrm2fq4" }, "40": { defaultClass: "_1rsrm2fq5" }, "44": { 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" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fqf" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fqg" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fqh" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fqi" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fqj" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fqk" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fql" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fqm" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fqn" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fqo" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fqp" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fqq" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fqr" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fqs" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fqt" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fqu" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fqv" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fqw" }, verticalSectionGap: { defaultClass: "_1rsrm2fqx" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fqy" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fqz" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fr0" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fr1" }, fixed: { defaultClass: "_1rsrm2fr2" }, relative: { defaultClass: "_1rsrm2fr3" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fr4" } } }, textTransform: { values: { none: { defaultClass: "_1rsrm2fr5" }, uppercase: { defaultClass: "_1rsrm2fr6" }, lowercase: { defaultClass: "_1rsrm2fr7" }, capitalize: { defaultClass: "_1rsrm2fr8" }, inputAmountQuickOptionButton: { defaultClass: "_1rsrm2fr9" }, txStatusTitle: { defaultClass: "_1rsrm2fra" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2frb" }, transform: { defaultClass: "_1rsrm2frc" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2frd" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fre" }, "2": { defaultClass: "_1rsrm2frf" }, "4": { defaultClass: "_1rsrm2frg" }, "8": { defaultClass: "_1rsrm2frh" }, "10": { defaultClass: "_1rsrm2fri" }, "11": { defaultClass: "_1rsrm2frj" }, "12": { defaultClass: "_1rsrm2frk" }, "13": { defaultClass: "_1rsrm2frl" }, "14": { defaultClass: "_1rsrm2frm" }, "15": { defaultClass: "_1rsrm2frn" }, "16": { defaultClass: "_1rsrm2fro" }, "18": { defaultClass: "_1rsrm2frp" }, "20": { defaultClass: "_1rsrm2frq" }, "24": { defaultClass: "_1rsrm2frr" }, "28": { defaultClass: "_1rsrm2frs" }, "30": { defaultClass: "_1rsrm2frt" }, "32": { defaultClass: "_1rsrm2fru" }, "34": { defaultClass: "_1rsrm2frv" }, "36": { defaultClass: "_1rsrm2frw" }, "40": { defaultClass: "_1rsrm2frx" }, "44": { defaultClass: "_1rsrm2fry" }, "48": { defaultClass: "_1rsrm2frz" }, "50": { defaultClass: "_1rsrm2fs0" }, "54": { defaultClass: "_1rsrm2fs1" }, "57": { defaultClass: "_1rsrm2fs2" }, "60": { defaultClass: "_1rsrm2fs3" }, "72": { defaultClass: "_1rsrm2fs4" }, "76": { defaultClass: "_1rsrm2fs5" }, "93": { defaultClass: "_1rsrm2fs6" }, "96": { defaultClass: "_1rsrm2fs7" }, "100": { defaultClass: "_1rsrm2fs8" }, "108": { defaultClass: "_1rsrm2fs9" }, "120": { defaultClass: "_1rsrm2fsa" }, "160": { defaultClass: "_1rsrm2fsb" }, "180": { defaultClass: "_1rsrm2fsc" }, "200": { defaultClass: "_1rsrm2fsd" }, "240": { defaultClass: "_1rsrm2fse" }, "300": { defaultClass: "_1rsrm2fsf" }, half: { defaultClass: "_1rsrm2fsg" }, full: { defaultClass: "_1rsrm2fsh" }, max: { defaultClass: "_1rsrm2fsi" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fsj" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fsk" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fsl" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fsm" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fsn" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fso" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fsp" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fsq" }, modalTopBarHeight: { defaultClass: "_1rsrm2fsr" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fss" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fst" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fsu" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fsv" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fsw" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fsx" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fsy" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fsz" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2ft0" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2ft1" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2ft2" } } } } });
|
|
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)", 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)", 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)", inputBackground: "var(--rk-colors-inputBackground)", inputBorderBase: "var(--rk-colors-inputBorderBase)", inputBorderHover: "var(--rk-colors-inputBorderHover)", activeTabBorderColor: "var(--rk-colors-activeTabBorderColor)", activeTabBackground: "var(--rk-colors-activeTabBackground)", 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)", dropdownActiveItemBackgroundBase: "var(--rk-colors-dropdownActiveItemBackgroundBase)", dropdownActiveItemBackgroundHover: "var(--rk-colors-dropdownActiveItemBackgroundHover)", dropdownActiveItemBackgroundDisabled: "var(--rk-colors-dropdownActiveItemBackgroundDisabled)", 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)" }, 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)", 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)", 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)", inputAmount: "var(--rk-fontWeight-inputAmount)", 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)", transferTokenLabelFontWeight: "var(--rk-fontWeight-transferTokenLabelFontWeight)", 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)", sourceListSectionLabelFontWeight: "var(--rk-fontWeight-sourceListSectionLabelFontWeight)", formOfPaymentsListSectionLabelFontWeight: "var(--rk-fontWeight-formOfPaymentsListSectionLabelFontWeight)" }, 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)" }, inputAmount: { fontSize: "var(--rk-fontSize-inputAmount-fontSize)", lineHeight: "var(--rk-fontSize-inputAmount-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)" }, 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)" }, transferTokenLabelFontSize: { fontSize: "var(--rk-fontSize-transferTokenLabelFontSize-fontSize)", lineHeight: "var(--rk-fontSize-transferTokenLabelFontSize-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)" } }, 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)", modalTopbarIcon: "var(--rk-radii-modalTopbarIcon)" }, borderWidths: { activeOptionBorderWidth: "var(--rk-borderWidths-activeOptionBorderWidth)", buttonTertiaryBorderWidth: "var(--rk-borderWidths-buttonTertiaryBorderWidth)", cryptoCashToggleContainerBorderWidth: "var(--rk-borderWidths-cryptoCashToggleContainerBorderWidth)", 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)", modalBaseHorizontalPadding: "var(--rk-spacing-modalBaseHorizontalPadding)", modalBottomHorizontalPadding: "var(--rk-spacing-modalBottomHorizontalPadding)", modalPaddingBottomUpper: "var(--rk-spacing-modalPaddingBottomUpper)", modalPaddingBottomLower: "var(--rk-spacing-modalPaddingBottomLower)", modalTopBarVerticalTextSpacing: "var(--rk-spacing-modalTopBarVerticalTextSpacing)", modalBottomBarButtonPaddingY: "var(--rk-spacing-modalBottomBarButtonPaddingY)", 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)", 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)", youPayYouReceivePaddingLeft: "var(--rk-spacing-youPayYouReceivePaddingLeft)", youPayYouReceivePaddingRight: "var(--rk-spacing-youPayYouReceivePaddingRight)", youPayYouReceivePaddingY: "var(--rk-spacing-youPayYouReceivePaddingY)" }, 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: "_1rsrm2ft5", hover: "_1rsrm2ft6", active: "_1rsrm2ft7", selection: "_1rsrm2ft8", focused: "_1rsrm2ft9", focusedVisible: "_1rsrm2fta" }, defaultClass: "_1rsrm2ft5" }, accentColorForeground: { conditions: { base: "_1rsrm2ftb", hover: "_1rsrm2ftc", active: "_1rsrm2ftd", selection: "_1rsrm2fte", focused: "_1rsrm2ftf", focusedVisible: "_1rsrm2ftg" }, defaultClass: "_1rsrm2ftb" }, actionButtonBorder: { conditions: { base: "_1rsrm2fth", hover: "_1rsrm2fti", active: "_1rsrm2ftj", selection: "_1rsrm2ftk", focused: "_1rsrm2ftl", focusedVisible: "_1rsrm2ftm" }, defaultClass: "_1rsrm2fth" }, connectButtonBackground: { conditions: { base: "_1rsrm2ftn", hover: "_1rsrm2fto", active: "_1rsrm2ftp", selection: "_1rsrm2ftq", focused: "_1rsrm2ftr", focusedVisible: "_1rsrm2fts" }, defaultClass: "_1rsrm2ftn" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2ftt", hover: "_1rsrm2ftu", active: "_1rsrm2ftv", selection: "_1rsrm2ftw", focused: "_1rsrm2ftx", focusedVisible: "_1rsrm2fty" }, defaultClass: "_1rsrm2ftt" }, connectButtonText: { conditions: { base: "_1rsrm2ftz", hover: "_1rsrm2fu0", active: "_1rsrm2fu1", selection: "_1rsrm2fu2", focused: "_1rsrm2fu3", focusedVisible: "_1rsrm2fu4" }, defaultClass: "_1rsrm2ftz" }, connectButtonTextError: { conditions: { base: "_1rsrm2fu5", hover: "_1rsrm2fu6", active: "_1rsrm2fu7", selection: "_1rsrm2fu8", focused: "_1rsrm2fu9", focusedVisible: "_1rsrm2fua" }, defaultClass: "_1rsrm2fu5" }, connectionIndicator: { conditions: { base: "_1rsrm2fub", hover: "_1rsrm2fuc", active: "_1rsrm2fud", selection: "_1rsrm2fue", focused: "_1rsrm2fuf", focusedVisible: "_1rsrm2fug" }, defaultClass: "_1rsrm2fub" }, error: { conditions: { base: "_1rsrm2fuh", hover: "_1rsrm2fui", active: "_1rsrm2fuj", selection: "_1rsrm2fuk", focused: "_1rsrm2ful", focusedVisible: "_1rsrm2fum" }, defaultClass: "_1rsrm2fuh" }, errorBackground: { conditions: { base: "_1rsrm2fun", hover: "_1rsrm2fuo", active: "_1rsrm2fup", selection: "_1rsrm2fuq", focused: "_1rsrm2fur", focusedVisible: "_1rsrm2fus" }, defaultClass: "_1rsrm2fun" }, errorBorder: { conditions: { base: "_1rsrm2fut", hover: "_1rsrm2fuu", active: "_1rsrm2fuv", selection: "_1rsrm2fuw", focused: "_1rsrm2fux", focusedVisible: "_1rsrm2fuy" }, defaultClass: "_1rsrm2fut" }, generalBorder: { conditions: { base: "_1rsrm2fuz", hover: "_1rsrm2fv0", active: "_1rsrm2fv1", selection: "_1rsrm2fv2", focused: "_1rsrm2fv3", focusedVisible: "_1rsrm2fv4" }, defaultClass: "_1rsrm2fuz" }, generalBorderDim: { conditions: { base: "_1rsrm2fv5", hover: "_1rsrm2fv6", active: "_1rsrm2fv7", selection: "_1rsrm2fv8", focused: "_1rsrm2fv9", focusedVisible: "_1rsrm2fva" }, defaultClass: "_1rsrm2fv5" }, menuItemBackground: { conditions: { base: "_1rsrm2fvb", hover: "_1rsrm2fvc", active: "_1rsrm2fvd", selection: "_1rsrm2fve", focused: "_1rsrm2fvf", focusedVisible: "_1rsrm2fvg" }, defaultClass: "_1rsrm2fvb" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fvh", hover: "_1rsrm2fvi", active: "_1rsrm2fvj", selection: "_1rsrm2fvk", focused: "_1rsrm2fvl", focusedVisible: "_1rsrm2fvm" }, defaultClass: "_1rsrm2fvh" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fvn", hover: "_1rsrm2fvo", active: "_1rsrm2fvp", selection: "_1rsrm2fvq", focused: "_1rsrm2fvr", focusedVisible: "_1rsrm2fvs" }, defaultClass: "_1rsrm2fvn" }, standby: { conditions: { base: "_1rsrm2fvt", hover: "_1rsrm2fvu", active: "_1rsrm2fvv", selection: "_1rsrm2fvw", focused: "_1rsrm2fvx", focusedVisible: "_1rsrm2fvy" }, defaultClass: "_1rsrm2fvt" }, success: { conditions: { base: "_1rsrm2fvz", hover: "_1rsrm2fw0", active: "_1rsrm2fw1", selection: "_1rsrm2fw2", focused: "_1rsrm2fw3", focusedVisible: "_1rsrm2fw4" }, defaultClass: "_1rsrm2fvz" }, delayedStatusIcon: { conditions: { base: "_1rsrm2fw5", hover: "_1rsrm2fw6", active: "_1rsrm2fw7", selection: "_1rsrm2fw8", focused: "_1rsrm2fw9", focusedVisible: "_1rsrm2fwa" }, defaultClass: "_1rsrm2fw5" }, chainIconBorder: { conditions: { base: "_1rsrm2fwb", hover: "_1rsrm2fwc", active: "_1rsrm2fwd", selection: "_1rsrm2fwe", focused: "_1rsrm2fwf", focusedVisible: "_1rsrm2fwg" }, defaultClass: "_1rsrm2fwb" }, modalBackdrop: { conditions: { base: "_1rsrm2fwh", hover: "_1rsrm2fwi", active: "_1rsrm2fwj", selection: "_1rsrm2fwk", focused: "_1rsrm2fwl", focusedVisible: "_1rsrm2fwm" }, defaultClass: "_1rsrm2fwh" }, modalBackground: { conditions: { base: "_1rsrm2fwn", hover: "_1rsrm2fwo", active: "_1rsrm2fwp", selection: "_1rsrm2fwq", focused: "_1rsrm2fwr", focusedVisible: "_1rsrm2fws" }, defaultClass: "_1rsrm2fwn" }, modalBorder: { conditions: { base: "_1rsrm2fwt", hover: "_1rsrm2fwu", active: "_1rsrm2fwv", selection: "_1rsrm2fww", focused: "_1rsrm2fwx", focusedVisible: "_1rsrm2fwy" }, defaultClass: "_1rsrm2fwt" }, offBackground: { conditions: { base: "_1rsrm2fwz", hover: "_1rsrm2fx0", active: "_1rsrm2fx1", selection: "_1rsrm2fx2", focused: "_1rsrm2fx3", focusedVisible: "_1rsrm2fx4" }, defaultClass: "_1rsrm2fwz" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fx5", hover: "_1rsrm2fx6", active: "_1rsrm2fx7", selection: "_1rsrm2fx8", focused: "_1rsrm2fx9", focusedVisible: "_1rsrm2fxa" }, defaultClass: "_1rsrm2fx5" }, hoverState: { conditions: { base: "_1rsrm2fxb", hover: "_1rsrm2fxc", active: "_1rsrm2fxd", selection: "_1rsrm2fxe", focused: "_1rsrm2fxf", focusedVisible: "_1rsrm2fxg" }, defaultClass: "_1rsrm2fxb" }, lightStroke: { conditions: { base: "_1rsrm2fxh", hover: "_1rsrm2fxi", active: "_1rsrm2fxj", selection: "_1rsrm2fxk", focused: "_1rsrm2fxl", focusedVisible: "_1rsrm2fxm" }, defaultClass: "_1rsrm2fxh" }, mediumStroke: { conditions: { base: "_1rsrm2fxn", hover: "_1rsrm2fxo", active: "_1rsrm2fxp", selection: "_1rsrm2fxq", focused: "_1rsrm2fxr", focusedVisible: "_1rsrm2fxs" }, defaultClass: "_1rsrm2fxn" }, heavyStroke: { conditions: { base: "_1rsrm2fxt", hover: "_1rsrm2fxu", active: "_1rsrm2fxv", selection: "_1rsrm2fxw", focused: "_1rsrm2fxx", focusedVisible: "_1rsrm2fxy" }, defaultClass: "_1rsrm2fxt" }, strokeColor: { conditions: { base: "_1rsrm2fxz", hover: "_1rsrm2fy0", active: "_1rsrm2fy1", selection: "_1rsrm2fy2", focused: "_1rsrm2fy3", focusedVisible: "_1rsrm2fy4" }, defaultClass: "_1rsrm2fxz" }, modalTopbarIcon: { conditions: { base: "_1rsrm2fy5", hover: "_1rsrm2fy6", active: "_1rsrm2fy7", selection: "_1rsrm2fy8", focused: "_1rsrm2fy9", focusedVisible: "_1rsrm2fya" }, defaultClass: "_1rsrm2fy5" }, modalTopbarIconBackground: { conditions: { base: "_1rsrm2fyb", hover: "_1rsrm2fyc", active: "_1rsrm2fyd", selection: "_1rsrm2fye", focused: "_1rsrm2fyf", focusedVisible: "_1rsrm2fyg" }, defaultClass: "_1rsrm2fyb" }, modalTopbarIconBackgroundHover: { conditions: { base: "_1rsrm2fyh", hover: "_1rsrm2fyi", active: "_1rsrm2fyj", selection: "_1rsrm2fyk", focused: "_1rsrm2fyl", focusedVisible: "_1rsrm2fym" }, defaultClass: "_1rsrm2fyh" }, modalTopbarIconBackgroundPressed: { conditions: { base: "_1rsrm2fyn", hover: "_1rsrm2fyo", active: "_1rsrm2fyp", selection: "_1rsrm2fyq", focused: "_1rsrm2fyr", focusedVisible: "_1rsrm2fys" }, defaultClass: "_1rsrm2fyn" }, modalTopbarIconStroke: { conditions: { base: "_1rsrm2fyt", hover: "_1rsrm2fyu", active: "_1rsrm2fyv", selection: "_1rsrm2fyw", focused: "_1rsrm2fyx", focusedVisible: "_1rsrm2fyy" }, defaultClass: "_1rsrm2fyt" }, primaryText: { conditions: { base: "_1rsrm2fyz", hover: "_1rsrm2fz0", active: "_1rsrm2fz1", selection: "_1rsrm2fz2", focused: "_1rsrm2fz3", focusedVisible: "_1rsrm2fz4" }, defaultClass: "_1rsrm2fyz" }, secondaryText: { conditions: { base: "_1rsrm2fz5", hover: "_1rsrm2fz6", active: "_1rsrm2fz7", selection: "_1rsrm2fz8", focused: "_1rsrm2fz9", focusedVisible: "_1rsrm2fza" }, defaultClass: "_1rsrm2fz5" }, tertiaryText: { conditions: { base: "_1rsrm2fzb", hover: "_1rsrm2fzc", active: "_1rsrm2fzd", selection: "_1rsrm2fze", focused: "_1rsrm2fzf", focusedVisible: "_1rsrm2fzg" }, defaultClass: "_1rsrm2fzb" }, textSelection: { conditions: { base: "_1rsrm2fzh", hover: "_1rsrm2fzi", active: "_1rsrm2fzj", selection: "_1rsrm2fzk", focused: "_1rsrm2fzl", focusedVisible: "_1rsrm2fzm" }, defaultClass: "_1rsrm2fzh" }, selectedDropdownItemText: { conditions: { base: "_1rsrm2fzn", hover: "_1rsrm2fzo", active: "_1rsrm2fzp", selection: "_1rsrm2fzq", focused: "_1rsrm2fzr", focusedVisible: "_1rsrm2fzs" }, defaultClass: "_1rsrm2fzn" }, inputBackground: { conditions: { base: "_1rsrm2fzt", hover: "_1rsrm2fzu", active: "_1rsrm2fzv", selection: "_1rsrm2fzw", focused: "_1rsrm2fzx", focusedVisible: "_1rsrm2fzy" }, defaultClass: "_1rsrm2fzt" }, inputBorderBase: { conditions: { base: "_1rsrm2fzz", hover: "_1rsrm2f100", active: "_1rsrm2f101", selection: "_1rsrm2f102", focused: "_1rsrm2f103", focusedVisible: "_1rsrm2f104" }, defaultClass: "_1rsrm2fzz" }, inputBorderHover: { conditions: { base: "_1rsrm2f105", hover: "_1rsrm2f106", active: "_1rsrm2f107", selection: "_1rsrm2f108", focused: "_1rsrm2f109", focusedVisible: "_1rsrm2f10a" }, defaultClass: "_1rsrm2f105" }, activeTabBorderColor: { conditions: { base: "_1rsrm2f10b", hover: "_1rsrm2f10c", active: "_1rsrm2f10d", selection: "_1rsrm2f10e", focused: "_1rsrm2f10f", focusedVisible: "_1rsrm2f10g" }, defaultClass: "_1rsrm2f10b" }, activeTabBackground: { conditions: { base: "_1rsrm2f10h", hover: "_1rsrm2f10i", active: "_1rsrm2f10j", selection: "_1rsrm2f10k", focused: "_1rsrm2f10l", focusedVisible: "_1rsrm2f10m" }, defaultClass: "_1rsrm2f10h" }, actionColor: { conditions: { base: "_1rsrm2f10n", hover: "_1rsrm2f10o", active: "_1rsrm2f10p", selection: "_1rsrm2f10q", focused: "_1rsrm2f10r", focusedVisible: "_1rsrm2f10s" }, defaultClass: "_1rsrm2f10n" }, actionColorHover: { conditions: { base: "_1rsrm2f10t", hover: "_1rsrm2f10u", active: "_1rsrm2f10v", selection: "_1rsrm2f10w", focused: "_1rsrm2f10x", focusedVisible: "_1rsrm2f10y" }, defaultClass: "_1rsrm2f10t" }, actionColorDisabled: { conditions: { base: "_1rsrm2f10z", hover: "_1rsrm2f110", active: "_1rsrm2f111", selection: "_1rsrm2f112", focused: "_1rsrm2f113", focusedVisible: "_1rsrm2f114" }, defaultClass: "_1rsrm2f10z" }, buttonPrimary: { conditions: { base: "_1rsrm2f115", hover: "_1rsrm2f116", active: "_1rsrm2f117", selection: "_1rsrm2f118", focused: "_1rsrm2f119", focusedVisible: "_1rsrm2f11a" }, defaultClass: "_1rsrm2f115" }, buttonDisabled: { conditions: { base: "_1rsrm2f11b", hover: "_1rsrm2f11c", active: "_1rsrm2f11d", selection: "_1rsrm2f11e", focused: "_1rsrm2f11f", focusedVisible: "_1rsrm2f11g" }, defaultClass: "_1rsrm2f11b" }, buttonWarning: { conditions: { base: "_1rsrm2f11h", hover: "_1rsrm2f11i", active: "_1rsrm2f11j", selection: "_1rsrm2f11k", focused: "_1rsrm2f11l", focusedVisible: "_1rsrm2f11m" }, defaultClass: "_1rsrm2f11h" }, buttonSuccess: { conditions: { base: "_1rsrm2f11n", hover: "_1rsrm2f11o", active: "_1rsrm2f11p", selection: "_1rsrm2f11q", focused: "_1rsrm2f11r", focusedVisible: "_1rsrm2f11s" }, defaultClass: "_1rsrm2f11n" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f11t", hover: "_1rsrm2f11u", active: "_1rsrm2f11v", selection: "_1rsrm2f11w", focused: "_1rsrm2f11x", focusedVisible: "_1rsrm2f11y" }, defaultClass: "_1rsrm2f11t" }, buttonTextHover: { conditions: { base: "_1rsrm2f11z", hover: "_1rsrm2f120", active: "_1rsrm2f121", selection: "_1rsrm2f122", focused: "_1rsrm2f123", focusedVisible: "_1rsrm2f124" }, defaultClass: "_1rsrm2f11z" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f125", hover: "_1rsrm2f126", active: "_1rsrm2f127", selection: "_1rsrm2f128", focused: "_1rsrm2f129", focusedVisible: "_1rsrm2f12a" }, defaultClass: "_1rsrm2f125" }, transparent: { conditions: { base: "_1rsrm2f12b", hover: "_1rsrm2f12c", active: "_1rsrm2f12d", selection: "_1rsrm2f12e", focused: "_1rsrm2f12f", focusedVisible: "_1rsrm2f12g" }, defaultClass: "_1rsrm2f12b" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f12h", hover: "_1rsrm2f12i", active: "_1rsrm2f12j", selection: "_1rsrm2f12k", focused: "_1rsrm2f12l", focusedVisible: "_1rsrm2f12m" }, defaultClass: "_1rsrm2f12h" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f12n", hover: "_1rsrm2f12o", active: "_1rsrm2f12p", selection: "_1rsrm2f12q", focused: "_1rsrm2f12r", focusedVisible: "_1rsrm2f12s" }, defaultClass: "_1rsrm2f12n" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f12t", hover: "_1rsrm2f12u", active: "_1rsrm2f12v", selection: "_1rsrm2f12w", focused: "_1rsrm2f12x", focusedVisible: "_1rsrm2f12y" }, defaultClass: "_1rsrm2f12t" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f12z", hover: "_1rsrm2f130", active: "_1rsrm2f131", selection: "_1rsrm2f132", focused: "_1rsrm2f133", focusedVisible: "_1rsrm2f134" }, defaultClass: "_1rsrm2f12z" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f135", hover: "_1rsrm2f136", active: "_1rsrm2f137", selection: "_1rsrm2f138", focused: "_1rsrm2f139", focusedVisible: "_1rsrm2f13a" }, defaultClass: "_1rsrm2f135" }, buttonBackground: { conditions: { base: "_1rsrm2f13b", hover: "_1rsrm2f13c", active: "_1rsrm2f13d", selection: "_1rsrm2f13e", focused: "_1rsrm2f13f", focusedVisible: "_1rsrm2f13g" }, defaultClass: "_1rsrm2f13b" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f13h", hover: "_1rsrm2f13i", active: "_1rsrm2f13j", selection: "_1rsrm2f13k", focused: "_1rsrm2f13l", focusedVisible: "_1rsrm2f13m" }, defaultClass: "_1rsrm2f13h" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f13n", hover: "_1rsrm2f13o", active: "_1rsrm2f13p", selection: "_1rsrm2f13q", focused: "_1rsrm2f13r", focusedVisible: "_1rsrm2f13s" }, defaultClass: "_1rsrm2f13n" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f13t", hover: "_1rsrm2f13u", active: "_1rsrm2f13v", selection: "_1rsrm2f13w", focused: "_1rsrm2f13x", focusedVisible: "_1rsrm2f13y" }, defaultClass: "_1rsrm2f13t" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f13z", hover: "_1rsrm2f140", active: "_1rsrm2f141", selection: "_1rsrm2f142", focused: "_1rsrm2f143", focusedVisible: "_1rsrm2f144" }, defaultClass: "_1rsrm2f13z" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f145", hover: "_1rsrm2f146", active: "_1rsrm2f147", selection: "_1rsrm2f148", focused: "_1rsrm2f149", focusedVisible: "_1rsrm2f14a" }, defaultClass: "_1rsrm2f145" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f14b", hover: "_1rsrm2f14c", active: "_1rsrm2f14d", selection: "_1rsrm2f14e", focused: "_1rsrm2f14f", focusedVisible: "_1rsrm2f14g" }, defaultClass: "_1rsrm2f14b" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f14h", hover: "_1rsrm2f14i", active: "_1rsrm2f14j", selection: "_1rsrm2f14k", focused: "_1rsrm2f14l", focusedVisible: "_1rsrm2f14m" }, defaultClass: "_1rsrm2f14h" }, buttonIconStroke: { conditions: { base: "_1rsrm2f14n", hover: "_1rsrm2f14o", active: "_1rsrm2f14p", selection: "_1rsrm2f14q", focused: "_1rsrm2f14r", focusedVisible: "_1rsrm2f14s" }, defaultClass: "_1rsrm2f14n" }, buttonBorderTertiary: { conditions: { base: "_1rsrm2f14t", hover: "_1rsrm2f14u", active: "_1rsrm2f14v", selection: "_1rsrm2f14w", focused: "_1rsrm2f14x", focusedVisible: "_1rsrm2f14y" }, defaultClass: "_1rsrm2f14t" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f14z", hover: "_1rsrm2f150", active: "_1rsrm2f151", selection: "_1rsrm2f152", focused: "_1rsrm2f153", focusedVisible: "_1rsrm2f154" }, defaultClass: "_1rsrm2f14z" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f155", hover: "_1rsrm2f156", active: "_1rsrm2f157", selection: "_1rsrm2f158", focused: "_1rsrm2f159", focusedVisible: "_1rsrm2f15a" }, defaultClass: "_1rsrm2f155" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f15b", hover: "_1rsrm2f15c", active: "_1rsrm2f15d", selection: "_1rsrm2f15e", focused: "_1rsrm2f15f", focusedVisible: "_1rsrm2f15g" }, defaultClass: "_1rsrm2f15b" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f15h", hover: "_1rsrm2f15i", active: "_1rsrm2f15j", selection: "_1rsrm2f15k", focused: "_1rsrm2f15l", focusedVisible: "_1rsrm2f15m" }, defaultClass: "_1rsrm2f15h" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f15n", hover: "_1rsrm2f15o", active: "_1rsrm2f15p", selection: "_1rsrm2f15q", focused: "_1rsrm2f15r", focusedVisible: "_1rsrm2f15s" }, defaultClass: "_1rsrm2f15n" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f15t", hover: "_1rsrm2f15u", active: "_1rsrm2f15v", selection: "_1rsrm2f15w", focused: "_1rsrm2f15x", focusedVisible: "_1rsrm2f15y" }, defaultClass: "_1rsrm2f15t" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f15z", hover: "_1rsrm2f160", active: "_1rsrm2f161", selection: "_1rsrm2f162", focused: "_1rsrm2f163", focusedVisible: "_1rsrm2f164" }, defaultClass: "_1rsrm2f15z" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f165", hover: "_1rsrm2f166", active: "_1rsrm2f167", selection: "_1rsrm2f168", focused: "_1rsrm2f169", focusedVisible: "_1rsrm2f16a" }, defaultClass: "_1rsrm2f165" }, newBadgeBackground: { conditions: { base: "_1rsrm2f16b", hover: "_1rsrm2f16c", active: "_1rsrm2f16d", selection: "_1rsrm2f16e", focused: "_1rsrm2f16f", focusedVisible: "_1rsrm2f16g" }, defaultClass: "_1rsrm2f16b" }, newBadgeBorder: { conditions: { base: "_1rsrm2f16h", hover: "_1rsrm2f16i", active: "_1rsrm2f16j", selection: "_1rsrm2f16k", focused: "_1rsrm2f16l", focusedVisible: "_1rsrm2f16m" }, defaultClass: "_1rsrm2f16h" }, newBadgeText: { conditions: { base: "_1rsrm2f16n", hover: "_1rsrm2f16o", active: "_1rsrm2f16p", selection: "_1rsrm2f16q", focused: "_1rsrm2f16r", focusedVisible: "_1rsrm2f16s" }, defaultClass: "_1rsrm2f16n" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f16t", hover: "_1rsrm2f16u", active: "_1rsrm2f16v", selection: "_1rsrm2f16w", focused: "_1rsrm2f16x", focusedVisible: "_1rsrm2f16y" }, defaultClass: "_1rsrm2f16t" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f16z", hover: "_1rsrm2f170", active: "_1rsrm2f171", selection: "_1rsrm2f172", focused: "_1rsrm2f173", focusedVisible: "_1rsrm2f174" }, defaultClass: "_1rsrm2f16z" }, approvedBadgeText: { conditions: { base: "_1rsrm2f175", hover: "_1rsrm2f176", active: "_1rsrm2f177", selection: "_1rsrm2f178", focused: "_1rsrm2f179", focusedVisible: "_1rsrm2f17a" }, defaultClass: "_1rsrm2f175" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f17b", hover: "_1rsrm2f17c", active: "_1rsrm2f17d", selection: "_1rsrm2f17e", focused: "_1rsrm2f17f", focusedVisible: "_1rsrm2f17g" }, defaultClass: "_1rsrm2f17b" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f17h", hover: "_1rsrm2f17i", active: "_1rsrm2f17j", selection: "_1rsrm2f17k", focused: "_1rsrm2f17l", focusedVisible: "_1rsrm2f17m" }, defaultClass: "_1rsrm2f17h" }, failedBadgeText: { conditions: { base: "_1rsrm2f17n", hover: "_1rsrm2f17o", active: "_1rsrm2f17p", selection: "_1rsrm2f17q", focused: "_1rsrm2f17r", focusedVisible: "_1rsrm2f17s" }, defaultClass: "_1rsrm2f17n" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f17t", hover: "_1rsrm2f17u", active: "_1rsrm2f17v", selection: "_1rsrm2f17w", focused: "_1rsrm2f17x", focusedVisible: "_1rsrm2f17y" }, defaultClass: "_1rsrm2f17t" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f17z", hover: "_1rsrm2f180", active: "_1rsrm2f181", selection: "_1rsrm2f182", focused: "_1rsrm2f183", focusedVisible: "_1rsrm2f184" }, defaultClass: "_1rsrm2f17z" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f185", hover: "_1rsrm2f186", active: "_1rsrm2f187", selection: "_1rsrm2f188", focused: "_1rsrm2f189", focusedVisible: "_1rsrm2f18a" }, defaultClass: "_1rsrm2f185" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f18b", hover: "_1rsrm2f18c", active: "_1rsrm2f18d", selection: "_1rsrm2f18e", focused: "_1rsrm2f18f", focusedVisible: "_1rsrm2f18g" }, defaultClass: "_1rsrm2f18b" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f18h", hover: "_1rsrm2f18i", active: "_1rsrm2f18j", selection: "_1rsrm2f18k", focused: "_1rsrm2f18l", focusedVisible: "_1rsrm2f18m" }, defaultClass: "_1rsrm2f18h" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f18n", hover: "_1rsrm2f18o", active: "_1rsrm2f18p", selection: "_1rsrm2f18q", focused: "_1rsrm2f18r", focusedVisible: "_1rsrm2f18s" }, defaultClass: "_1rsrm2f18n" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f18t", hover: "_1rsrm2f18u", active: "_1rsrm2f18v", selection: "_1rsrm2f18w", focused: "_1rsrm2f18x", focusedVisible: "_1rsrm2f18y" }, defaultClass: "_1rsrm2f18t" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f18z", hover: "_1rsrm2f190", active: "_1rsrm2f191", selection: "_1rsrm2f192", focused: "_1rsrm2f193", focusedVisible: "_1rsrm2f194" }, defaultClass: "_1rsrm2f18z" }, inputAmountFiatDecimalsColor: { conditions: { base: "_1rsrm2f195", hover: "_1rsrm2f196", active: "_1rsrm2f197", selection: "_1rsrm2f198", focused: "_1rsrm2f199", focusedVisible: "_1rsrm2f19a" }, defaultClass: "_1rsrm2f195" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f19b", hover: "_1rsrm2f19c", active: "_1rsrm2f19d", selection: "_1rsrm2f19e", focused: "_1rsrm2f19f", focusedVisible: "_1rsrm2f19g" }, defaultClass: "_1rsrm2f19b" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f19h", hover: "_1rsrm2f19i", active: "_1rsrm2f19j", selection: "_1rsrm2f19k", focused: "_1rsrm2f19l", focusedVisible: "_1rsrm2f19m" }, defaultClass: "_1rsrm2f19h" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f19n", hover: "_1rsrm2f19o", active: "_1rsrm2f19p", selection: "_1rsrm2f19q", focused: "_1rsrm2f19r", focusedVisible: "_1rsrm2f19s" }, defaultClass: "_1rsrm2f19n" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f19t", hover: "_1rsrm2f19u", active: "_1rsrm2f19v", selection: "_1rsrm2f19w", focused: "_1rsrm2f19x", focusedVisible: "_1rsrm2f19y" }, defaultClass: "_1rsrm2f19t" }, announceGradientFrom: { conditions: { base: "_1rsrm2f19z", hover: "_1rsrm2f1a0", active: "_1rsrm2f1a1", selection: "_1rsrm2f1a2", focused: "_1rsrm2f1a3", focusedVisible: "_1rsrm2f1a4" }, defaultClass: "_1rsrm2f19z" }, announceGradientTo: { conditions: { base: "_1rsrm2f1a5", hover: "_1rsrm2f1a6", active: "_1rsrm2f1a7", selection: "_1rsrm2f1a8", focused: "_1rsrm2f1a9", focusedVisible: "_1rsrm2f1aa" }, defaultClass: "_1rsrm2f1a5" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1ab", hover: "_1rsrm2f1ac", active: "_1rsrm2f1ad", selection: "_1rsrm2f1ae", focused: "_1rsrm2f1af", focusedVisible: "_1rsrm2f1ag" }, defaultClass: "_1rsrm2f1ab" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1ah", hover: "_1rsrm2f1ai", active: "_1rsrm2f1aj", selection: "_1rsrm2f1ak", focused: "_1rsrm2f1al", focusedVisible: "_1rsrm2f1am" }, defaultClass: "_1rsrm2f1ah" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1an", hover: "_1rsrm2f1ao", active: "_1rsrm2f1ap", selection: "_1rsrm2f1aq", focused: "_1rsrm2f1ar", focusedVisible: "_1rsrm2f1as" }, defaultClass: "_1rsrm2f1an" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1at", hover: "_1rsrm2f1au", active: "_1rsrm2f1av", selection: "_1rsrm2f1aw", focused: "_1rsrm2f1ax", focusedVisible: "_1rsrm2f1ay" }, defaultClass: "_1rsrm2f1at" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1az", hover: "_1rsrm2f1b0", active: "_1rsrm2f1b1", selection: "_1rsrm2f1b2", focused: "_1rsrm2f1b3", focusedVisible: "_1rsrm2f1b4" }, defaultClass: "_1rsrm2f1az" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1b5", hover: "_1rsrm2f1b6", active: "_1rsrm2f1b7", selection: "_1rsrm2f1b8", focused: "_1rsrm2f1b9", focusedVisible: "_1rsrm2f1ba" }, defaultClass: "_1rsrm2f1b5" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1bb", hover: "_1rsrm2f1bc", active: "_1rsrm2f1bd", selection: "_1rsrm2f1be", focused: "_1rsrm2f1bf", focusedVisible: "_1rsrm2f1bg" }, defaultClass: "_1rsrm2f1bb" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1bh", hover: "_1rsrm2f1bi", active: "_1rsrm2f1bj", selection: "_1rsrm2f1bk", focused: "_1rsrm2f1bl", focusedVisible: "_1rsrm2f1bm" }, defaultClass: "_1rsrm2f1bh" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1bn", hover: "_1rsrm2f1bo", active: "_1rsrm2f1bp", selection: "_1rsrm2f1bq", focused: "_1rsrm2f1br", focusedVisible: "_1rsrm2f1bs" }, defaultClass: "_1rsrm2f1bn" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1bt", hover: "_1rsrm2f1bu", active: "_1rsrm2f1bv", selection: "_1rsrm2f1bw", focused: "_1rsrm2f1bx", focusedVisible: "_1rsrm2f1by" }, defaultClass: "_1rsrm2f1bt" }, optionBoxBackground: { conditions: { base: "_1rsrm2f1bz", hover: "_1rsrm2f1c0", active: "_1rsrm2f1c1", selection: "_1rsrm2f1c2", focused: "_1rsrm2f1c3", focusedVisible: "_1rsrm2f1c4" }, defaultClass: "_1rsrm2f1bz" }, optionBoxBackgroundUninteractive: { conditions: { base: "_1rsrm2f1c5", hover: "_1rsrm2f1c6", active: "_1rsrm2f1c7", selection: "_1rsrm2f1c8", focused: "_1rsrm2f1c9", focusedVisible: "_1rsrm2f1ca" }, defaultClass: "_1rsrm2f1c5" }, optionBoxBorderHover: { conditions: { base: "_1rsrm2f1cb", hover: "_1rsrm2f1cc", active: "_1rsrm2f1cd", selection: "_1rsrm2f1ce", focused: "_1rsrm2f1cf", focusedVisible: "_1rsrm2f1cg" }, defaultClass: "_1rsrm2f1cb" }, openDropdownBackgroundColor: { conditions: { base: "_1rsrm2f1ch", hover: "_1rsrm2f1ci", active: "_1rsrm2f1cj", selection: "_1rsrm2f1ck", focused: "_1rsrm2f1cl", focusedVisible: "_1rsrm2f1cm" }, defaultClass: "_1rsrm2f1ch" }, dropdownActiveItemBackgroundBase: { conditions: { base: "_1rsrm2f1cn", hover: "_1rsrm2f1co", active: "_1rsrm2f1cp", selection: "_1rsrm2f1cq", focused: "_1rsrm2f1cr", focusedVisible: "_1rsrm2f1cs" }, defaultClass: "_1rsrm2f1cn" }, dropdownActiveItemBackgroundHover: { conditions: { base: "_1rsrm2f1ct", hover: "_1rsrm2f1cu", active: "_1rsrm2f1cv", selection: "_1rsrm2f1cw", focused: "_1rsrm2f1cx", focusedVisible: "_1rsrm2f1cy" }, defaultClass: "_1rsrm2f1ct" }, dropdownActiveItemBackgroundDisabled: { conditions: { base: "_1rsrm2f1cz", hover: "_1rsrm2f1d0", active: "_1rsrm2f1d1", selection: "_1rsrm2f1d2", focused: "_1rsrm2f1d3", focusedVisible: "_1rsrm2f1d4" }, defaultClass: "_1rsrm2f1cz" }, selectedDropdownItemBackground: { conditions: { base: "_1rsrm2f1d5", hover: "_1rsrm2f1d6", active: "_1rsrm2f1d7", selection: "_1rsrm2f1d8", focused: "_1rsrm2f1d9", focusedVisible: "_1rsrm2f1da" }, defaultClass: "_1rsrm2f1d5" }, spinnerBackground: { conditions: { base: "_1rsrm2f1db", hover: "_1rsrm2f1dc", active: "_1rsrm2f1dd", selection: "_1rsrm2f1de", focused: "_1rsrm2f1df", focusedVisible: "_1rsrm2f1dg" }, defaultClass: "_1rsrm2f1db" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1dh", hover: "_1rsrm2f1di", active: "_1rsrm2f1dj", selection: "_1rsrm2f1dk", focused: "_1rsrm2f1dl", focusedVisible: "_1rsrm2f1dm" }, defaultClass: "_1rsrm2f1dh" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1dn", hover: "_1rsrm2f1do", active: "_1rsrm2f1dp", selection: "_1rsrm2f1dq", focused: "_1rsrm2f1dr", focusedVisible: "_1rsrm2f1ds" }, defaultClass: "_1rsrm2f1dn" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1dt", hover: "_1rsrm2f1du", active: "_1rsrm2f1dv", selection: "_1rsrm2f1dw", focused: "_1rsrm2f1dx", focusedVisible: "_1rsrm2f1dy" }, defaultClass: "_1rsrm2f1dt" }, txSummaryBoxBackground: { conditions: { base: "_1rsrm2f1dz", hover: "_1rsrm2f1e0", active: "_1rsrm2f1e1", selection: "_1rsrm2f1e2", focused: "_1rsrm2f1e3", focusedVisible: "_1rsrm2f1e4" }, defaultClass: "_1rsrm2f1dz" }, txSummaryBoxBorder: { conditions: { base: "_1rsrm2f1e5", hover: "_1rsrm2f1e6", active: "_1rsrm2f1e7", selection: "_1rsrm2f1e8", focused: "_1rsrm2f1e9", focusedVisible: "_1rsrm2f1ea" }, defaultClass: "_1rsrm2f1e5" }, counterRingColor: { conditions: { base: "_1rsrm2f1eb", hover: "_1rsrm2f1ec", active: "_1rsrm2f1ed", selection: "_1rsrm2f1ee", focused: "_1rsrm2f1ef", focusedVisible: "_1rsrm2f1eg" }, defaultClass: "_1rsrm2f1eb" }, cryptoCashToggleContainerBorderColor: { conditions: { base: "_1rsrm2f1eh", hover: "_1rsrm2f1ei", active: "_1rsrm2f1ej", selection: "_1rsrm2f1ek", focused: "_1rsrm2f1el", focusedVisible: "_1rsrm2f1em" }, defaultClass: "_1rsrm2f1eh" }, cryptoCashToggleBackground: { conditions: { base: "_1rsrm2f1en", hover: "_1rsrm2f1eo", active: "_1rsrm2f1ep", selection: "_1rsrm2f1eq", focused: "_1rsrm2f1er", focusedVisible: "_1rsrm2f1es" }, defaultClass: "_1rsrm2f1en" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2f1et", hover: "_1rsrm2f1eu", active: "_1rsrm2f1ev", selection: "_1rsrm2f1ew", focused: "_1rsrm2f1ex", focusedVisible: "_1rsrm2f1ey" }, defaultClass: "_1rsrm2f1et" }, accentColorForeground: { conditions: { base: "_1rsrm2f1ez", hover: "_1rsrm2f1f0", active: "_1rsrm2f1f1", selection: "_1rsrm2f1f2", focused: "_1rsrm2f1f3", focusedVisible: "_1rsrm2f1f4" }, defaultClass: "_1rsrm2f1ez" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1f5", hover: "_1rsrm2f1f6", active: "_1rsrm2f1f7", selection: "_1rsrm2f1f8", focused: "_1rsrm2f1f9", focusedVisible: "_1rsrm2f1fa" }, defaultClass: "_1rsrm2f1f5" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1fb", hover: "_1rsrm2f1fc", active: "_1rsrm2f1fd", selection: "_1rsrm2f1fe", focused: "_1rsrm2f1ff", focusedVisible: "_1rsrm2f1fg" }, defaultClass: "_1rsrm2f1fb" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1fh", hover: "_1rsrm2f1fi", active: "_1rsrm2f1fj", selection: "_1rsrm2f1fk", focused: "_1rsrm2f1fl", focusedVisible: "_1rsrm2f1fm" }, defaultClass: "_1rsrm2f1fh" }, connectButtonText: { conditions: { base: "_1rsrm2f1fn", hover: "_1rsrm2f1fo", active: "_1rsrm2f1fp", selection: "_1rsrm2f1fq", focused: "_1rsrm2f1fr", focusedVisible: "_1rsrm2f1fs" }, defaultClass: "_1rsrm2f1fn" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1ft", hover: "_1rsrm2f1fu", active: "_1rsrm2f1fv", selection: "_1rsrm2f1fw", focused: "_1rsrm2f1fx", focusedVisible: "_1rsrm2f1fy" }, defaultClass: "_1rsrm2f1ft" }, connectionIndicator: { conditions: { base: "_1rsrm2f1fz", hover: "_1rsrm2f1g0", active: "_1rsrm2f1g1", selection: "_1rsrm2f1g2", focused: "_1rsrm2f1g3", focusedVisible: "_1rsrm2f1g4" }, defaultClass: "_1rsrm2f1fz" }, error: { conditions: { base: "_1rsrm2f1g5", hover: "_1rsrm2f1g6", active: "_1rsrm2f1g7", selection: "_1rsrm2f1g8", focused: "_1rsrm2f1g9", focusedVisible: "_1rsrm2f1ga" }, defaultClass: "_1rsrm2f1g5" }, errorBackground: { conditions: { base: "_1rsrm2f1gb", hover: "_1rsrm2f1gc", active: "_1rsrm2f1gd", selection: "_1rsrm2f1ge", focused: "_1rsrm2f1gf", focusedVisible: "_1rsrm2f1gg" }, defaultClass: "_1rsrm2f1gb" }, errorBorder: { conditions: { base: "_1rsrm2f1gh", hover: "_1rsrm2f1gi", active: "_1rsrm2f1gj", selection: "_1rsrm2f1gk", focused: "_1rsrm2f1gl", focusedVisible: "_1rsrm2f1gm" }, defaultClass: "_1rsrm2f1gh" }, generalBorder: { conditions: { base: "_1rsrm2f1gn", hover: "_1rsrm2f1go", active: "_1rsrm2f1gp", selection: "_1rsrm2f1gq", focused: "_1rsrm2f1gr", focusedVisible: "_1rsrm2f1gs" }, defaultClass: "_1rsrm2f1gn" }, generalBorderDim: { conditions: { base: "_1rsrm2f1gt", hover: "_1rsrm2f1gu", active: "_1rsrm2f1gv", selection: "_1rsrm2f1gw", focused: "_1rsrm2f1gx", focusedVisible: "_1rsrm2f1gy" }, defaultClass: "_1rsrm2f1gt" }, menuItemBackground: { conditions: { base: "_1rsrm2f1gz", hover: "_1rsrm2f1h0", active: "_1rsrm2f1h1", selection: "_1rsrm2f1h2", focused: "_1rsrm2f1h3", focusedVisible: "_1rsrm2f1h4" }, defaultClass: "_1rsrm2f1gz" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1h5", hover: "_1rsrm2f1h6", active: "_1rsrm2f1h7", selection: "_1rsrm2f1h8", focused: "_1rsrm2f1h9", focusedVisible: "_1rsrm2f1ha" }, defaultClass: "_1rsrm2f1h5" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1hb", hover: "_1rsrm2f1hc", active: "_1rsrm2f1hd", selection: "_1rsrm2f1he", focused: "_1rsrm2f1hf", focusedVisible: "_1rsrm2f1hg" }, defaultClass: "_1rsrm2f1hb" }, standby: { conditions: { base: "_1rsrm2f1hh", hover: "_1rsrm2f1hi", active: "_1rsrm2f1hj", selection: "_1rsrm2f1hk", focused: "_1rsrm2f1hl", focusedVisible: "_1rsrm2f1hm" }, defaultClass: "_1rsrm2f1hh" }, success: { conditions: { base: "_1rsrm2f1hn", hover: "_1rsrm2f1ho", active: "_1rsrm2f1hp", selection: "_1rsrm2f1hq", focused: "_1rsrm2f1hr", focusedVisible: "_1rsrm2f1hs" }, defaultClass: "_1rsrm2f1hn" }, delayedStatusIcon: { conditions: { base: "_1rsrm2f1ht", hover: "_1rsrm2f1hu", active: "_1rsrm2f1hv", selection: "_1rsrm2f1hw", focused: "_1rsrm2f1hx", focusedVisible: "_1rsrm2f1hy" }, defaultClass: "_1rsrm2f1ht" }, chainIconBorder: { conditions: { base: "_1rsrm2f1hz", hover: "_1rsrm2f1i0", active: "_1rsrm2f1i1", selection: "_1rsrm2f1i2", focused: "_1rsrm2f1i3", focusedVisible: "_1rsrm2f1i4" }, defaultClass: "_1rsrm2f1hz" }, modalBackdrop: { conditions: { base: "_1rsrm2f1i5", hover: "_1rsrm2f1i6", active: "_1rsrm2f1i7", selection: "_1rsrm2f1i8", focused: "_1rsrm2f1i9", focusedVisible: "_1rsrm2f1ia" }, defaultClass: "_1rsrm2f1i5" }, modalBackground: { conditions: { base: "_1rsrm2f1ib", hover: "_1rsrm2f1ic", active: "_1rsrm2f1id", selection: "_1rsrm2f1ie", focused: "_1rsrm2f1if", focusedVisible: "_1rsrm2f1ig" }, defaultClass: "_1rsrm2f1ib" }, modalBorder: { conditions: { base: "_1rsrm2f1ih", hover: "_1rsrm2f1ii", active: "_1rsrm2f1ij", selection: "_1rsrm2f1ik", focused: "_1rsrm2f1il", focusedVisible: "_1rsrm2f1im" }, defaultClass: "_1rsrm2f1ih" }, offBackground: { conditions: { base: "_1rsrm2f1in", hover: "_1rsrm2f1io", active: "_1rsrm2f1ip", selection: "_1rsrm2f1iq", focused: "_1rsrm2f1ir", focusedVisible: "_1rsrm2f1is" }, defaultClass: "_1rsrm2f1in" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1it", hover: "_1rsrm2f1iu", active: "_1rsrm2f1iv", selection: "_1rsrm2f1iw", focused: "_1rsrm2f1ix", focusedVisible: "_1rsrm2f1iy" }, defaultClass: "_1rsrm2f1it" }, hoverState: { conditions: { base: "_1rsrm2f1iz", hover: "_1rsrm2f1j0", active: "_1rsrm2f1j1", selection: "_1rsrm2f1j2", focused: "_1rsrm2f1j3", focusedVisible: "_1rsrm2f1j4" }, defaultClass: "_1rsrm2f1iz" }, lightStroke: { conditions: { base: "_1rsrm2f1j5", hover: "_1rsrm2f1j6", active: "_1rsrm2f1j7", selection: "_1rsrm2f1j8", focused: "_1rsrm2f1j9", focusedVisible: "_1rsrm2f1ja" }, defaultClass: "_1rsrm2f1j5" }, mediumStroke: { conditions: { base: "_1rsrm2f1jb", hover: "_1rsrm2f1jc", active: "_1rsrm2f1jd", selection: "_1rsrm2f1je", focused: "_1rsrm2f1jf", focusedVisible: "_1rsrm2f1jg" }, defaultClass: "_1rsrm2f1jb" }, heavyStroke: { conditions: { base: "_1rsrm2f1jh", hover: "_1rsrm2f1ji", active: "_1rsrm2f1jj", selection: "_1rsrm2f1jk", focused: "_1rsrm2f1jl", focusedVisible: "_1rsrm2f1jm" }, defaultClass: "_1rsrm2f1jh" }, strokeColor: { conditions: { base: "_1rsrm2f1jn", hover: "_1rsrm2f1jo", active: "_1rsrm2f1jp", selection: "_1rsrm2f1jq", focused: "_1rsrm2f1jr", focusedVisible: "_1rsrm2f1js" }, defaultClass: "_1rsrm2f1jn" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f1jt", hover: "_1rsrm2f1ju", active: "_1rsrm2f1jv", selection: "_1rsrm2f1jw", focused: "_1rsrm2f1jx", focusedVisible: "_1rsrm2f1jy" }, defaultClass: "_1rsrm2f1jt" }, modalTopbarIconBackground: { conditions: { base: "_1rsrm2f1jz", hover: "_1rsrm2f1k0", active: "_1rsrm2f1k1", selection: "_1rsrm2f1k2", focused: "_1rsrm2f1k3", focusedVisible: "_1rsrm2f1k4" }, defaultClass: "_1rsrm2f1jz" }, modalTopbarIconBackgroundHover: { conditions: { base: "_1rsrm2f1k5", hover: "_1rsrm2f1k6", active: "_1rsrm2f1k7", selection: "_1rsrm2f1k8", focused: "_1rsrm2f1k9", focusedVisible: "_1rsrm2f1ka" }, defaultClass: "_1rsrm2f1k5" }, modalTopbarIconBackgroundPressed: { conditions: { base: "_1rsrm2f1kb", hover: "_1rsrm2f1kc", active: "_1rsrm2f1kd", selection: "_1rsrm2f1ke", focused: "_1rsrm2f1kf", focusedVisible: "_1rsrm2f1kg" }, defaultClass: "_1rsrm2f1kb" }, modalTopbarIconStroke: { conditions: { base: "_1rsrm2f1kh", hover: "_1rsrm2f1ki", active: "_1rsrm2f1kj", selection: "_1rsrm2f1kk", focused: "_1rsrm2f1kl", focusedVisible: "_1rsrm2f1km" }, defaultClass: "_1rsrm2f1kh" }, primaryText: { conditions: { base: "_1rsrm2f1kn", hover: "_1rsrm2f1ko", active: "_1rsrm2f1kp", selection: "_1rsrm2f1kq", focused: "_1rsrm2f1kr", focusedVisible: "_1rsrm2f1ks" }, defaultClass: "_1rsrm2f1kn" }, secondaryText: { conditions: { base: "_1rsrm2f1kt", hover: "_1rsrm2f1ku", active: "_1rsrm2f1kv", selection: "_1rsrm2f1kw", focused: "_1rsrm2f1kx", focusedVisible: "_1rsrm2f1ky" }, defaultClass: "_1rsrm2f1kt" }, tertiaryText: { conditions: { base: "_1rsrm2f1kz", hover: "_1rsrm2f1l0", active: "_1rsrm2f1l1", selection: "_1rsrm2f1l2", focused: "_1rsrm2f1l3", focusedVisible: "_1rsrm2f1l4" }, defaultClass: "_1rsrm2f1kz" }, textSelection: { conditions: { base: "_1rsrm2f1l5", hover: "_1rsrm2f1l6", active: "_1rsrm2f1l7", selection: "_1rsrm2f1l8", focused: "_1rsrm2f1l9", focusedVisible: "_1rsrm2f1la" }, defaultClass: "_1rsrm2f1l5" }, selectedDropdownItemText: { conditions: { base: "_1rsrm2f1lb", hover: "_1rsrm2f1lc", active: "_1rsrm2f1ld", selection: "_1rsrm2f1le", focused: "_1rsrm2f1lf", focusedVisible: "_1rsrm2f1lg" }, defaultClass: "_1rsrm2f1lb" }, inputBackground: { conditions: { base: "_1rsrm2f1lh", hover: "_1rsrm2f1li", active: "_1rsrm2f1lj", selection: "_1rsrm2f1lk", focused: "_1rsrm2f1ll", focusedVisible: "_1rsrm2f1lm" }, defaultClass: "_1rsrm2f1lh" }, inputBorderBase: { conditions: { base: "_1rsrm2f1ln", hover: "_1rsrm2f1lo", active: "_1rsrm2f1lp", selection: "_1rsrm2f1lq", focused: "_1rsrm2f1lr", focusedVisible: "_1rsrm2f1ls" }, defaultClass: "_1rsrm2f1ln" }, inputBorderHover: { conditions: { base: "_1rsrm2f1lt", hover: "_1rsrm2f1lu", active: "_1rsrm2f1lv", selection: "_1rsrm2f1lw", focused: "_1rsrm2f1lx", focusedVisible: "_1rsrm2f1ly" }, defaultClass: "_1rsrm2f1lt" }, activeTabBorderColor: { conditions: { base: "_1rsrm2f1lz", hover: "_1rsrm2f1m0", active: "_1rsrm2f1m1", selection: "_1rsrm2f1m2", focused: "_1rsrm2f1m3", focusedVisible: "_1rsrm2f1m4" }, defaultClass: "_1rsrm2f1lz" }, activeTabBackground: { conditions: { base: "_1rsrm2f1m5", hover: "_1rsrm2f1m6", active: "_1rsrm2f1m7", selection: "_1rsrm2f1m8", focused: "_1rsrm2f1m9", focusedVisible: "_1rsrm2f1ma" }, defaultClass: "_1rsrm2f1m5" }, actionColor: { conditions: { base: "_1rsrm2f1mb", hover: "_1rsrm2f1mc", active: "_1rsrm2f1md", selection: "_1rsrm2f1me", focused: "_1rsrm2f1mf", focusedVisible: "_1rsrm2f1mg" }, defaultClass: "_1rsrm2f1mb" }, actionColorHover: { conditions: { base: "_1rsrm2f1mh", hover: "_1rsrm2f1mi", active: "_1rsrm2f1mj", selection: "_1rsrm2f1mk", focused: "_1rsrm2f1ml", focusedVisible: "_1rsrm2f1mm" }, defaultClass: "_1rsrm2f1mh" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1mn", hover: "_1rsrm2f1mo", active: "_1rsrm2f1mp", selection: "_1rsrm2f1mq", focused: "_1rsrm2f1mr", focusedVisible: "_1rsrm2f1ms" }, defaultClass: "_1rsrm2f1mn" }, buttonPrimary: { conditions: { base: "_1rsrm2f1mt", hover: "_1rsrm2f1mu", active: "_1rsrm2f1mv", selection: "_1rsrm2f1mw", focused: "_1rsrm2f1mx", focusedVisible: "_1rsrm2f1my" }, defaultClass: "_1rsrm2f1mt" }, buttonDisabled: { conditions: { base: "_1rsrm2f1mz", hover: "_1rsrm2f1n0", active: "_1rsrm2f1n1", selection: "_1rsrm2f1n2", focused: "_1rsrm2f1n3", focusedVisible: "_1rsrm2f1n4" }, defaultClass: "_1rsrm2f1mz" }, buttonWarning: { conditions: { base: "_1rsrm2f1n5", hover: "_1rsrm2f1n6", active: "_1rsrm2f1n7", selection: "_1rsrm2f1n8", focused: "_1rsrm2f1n9", focusedVisible: "_1rsrm2f1na" }, defaultClass: "_1rsrm2f1n5" }, buttonSuccess: { conditions: { base: "_1rsrm2f1nb", hover: "_1rsrm2f1nc", active: "_1rsrm2f1nd", selection: "_1rsrm2f1ne", focused: "_1rsrm2f1nf", focusedVisible: "_1rsrm2f1ng" }, defaultClass: "_1rsrm2f1nb" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1nh", hover: "_1rsrm2f1ni", active: "_1rsrm2f1nj", selection: "_1rsrm2f1nk", focused: "_1rsrm2f1nl", focusedVisible: "_1rsrm2f1nm" }, defaultClass: "_1rsrm2f1nh" }, buttonTextHover: { conditions: { base: "_1rsrm2f1nn", hover: "_1rsrm2f1no", active: "_1rsrm2f1np", selection: "_1rsrm2f1nq", focused: "_1rsrm2f1nr", focusedVisible: "_1rsrm2f1ns" }, defaultClass: "_1rsrm2f1nn" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1nt", hover: "_1rsrm2f1nu", active: "_1rsrm2f1nv", selection: "_1rsrm2f1nw", focused: "_1rsrm2f1nx", focusedVisible: "_1rsrm2f1ny" }, defaultClass: "_1rsrm2f1nt" }, transparent: { conditions: { base: "_1rsrm2f1nz", hover: "_1rsrm2f1o0", active: "_1rsrm2f1o1", selection: "_1rsrm2f1o2", focused: "_1rsrm2f1o3", focusedVisible: "_1rsrm2f1o4" }, defaultClass: "_1rsrm2f1nz" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1o5", hover: "_1rsrm2f1o6", active: "_1rsrm2f1o7", selection: "_1rsrm2f1o8", focused: "_1rsrm2f1o9", focusedVisible: "_1rsrm2f1oa" }, defaultClass: "_1rsrm2f1o5" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1ob", hover: "_1rsrm2f1oc", active: "_1rsrm2f1od", selection: "_1rsrm2f1oe", focused: "_1rsrm2f1of", focusedVisible: "_1rsrm2f1og" }, defaultClass: "_1rsrm2f1ob" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f1oh", hover: "_1rsrm2f1oi", active: "_1rsrm2f1oj", selection: "_1rsrm2f1ok", focused: "_1rsrm2f1ol", focusedVisible: "_1rsrm2f1om" }, defaultClass: "_1rsrm2f1oh" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1on", hover: "_1rsrm2f1oo", active: "_1rsrm2f1op", selection: "_1rsrm2f1oq", focused: "_1rsrm2f1or", focusedVisible: "_1rsrm2f1os" }, defaultClass: "_1rsrm2f1on" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1ot", hover: "_1rsrm2f1ou", active: "_1rsrm2f1ov", selection: "_1rsrm2f1ow", focused: "_1rsrm2f1ox", focusedVisible: "_1rsrm2f1oy" }, defaultClass: "_1rsrm2f1ot" }, buttonBackground: { conditions: { base: "_1rsrm2f1oz", hover: "_1rsrm2f1p0", active: "_1rsrm2f1p1", selection: "_1rsrm2f1p2", focused: "_1rsrm2f1p3", focusedVisible: "_1rsrm2f1p4" }, defaultClass: "_1rsrm2f1oz" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1p5", hover: "_1rsrm2f1p6", active: "_1rsrm2f1p7", selection: "_1rsrm2f1p8", focused: "_1rsrm2f1p9", focusedVisible: "_1rsrm2f1pa" }, defaultClass: "_1rsrm2f1p5" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f1pb", hover: "_1rsrm2f1pc", active: "_1rsrm2f1pd", selection: "_1rsrm2f1pe", focused: "_1rsrm2f1pf", focusedVisible: "_1rsrm2f1pg" }, defaultClass: "_1rsrm2f1pb" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1ph", hover: "_1rsrm2f1pi", active: "_1rsrm2f1pj", selection: "_1rsrm2f1pk", focused: "_1rsrm2f1pl", focusedVisible: "_1rsrm2f1pm" }, defaultClass: "_1rsrm2f1ph" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1pn", hover: "_1rsrm2f1po", active: "_1rsrm2f1pp", selection: "_1rsrm2f1pq", focused: "_1rsrm2f1pr", focusedVisible: "_1rsrm2f1ps" }, defaultClass: "_1rsrm2f1pn" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1pt", hover: "_1rsrm2f1pu", active: "_1rsrm2f1pv", selection: "_1rsrm2f1pw", focused: "_1rsrm2f1px", focusedVisible: "_1rsrm2f1py" }, defaultClass: "_1rsrm2f1pt" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1pz", hover: "_1rsrm2f1q0", active: "_1rsrm2f1q1", selection: "_1rsrm2f1q2", focused: "_1rsrm2f1q3", focusedVisible: "_1rsrm2f1q4" }, defaultClass: "_1rsrm2f1pz" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1q5", hover: "_1rsrm2f1q6", active: "_1rsrm2f1q7", selection: "_1rsrm2f1q8", focused: "_1rsrm2f1q9", focusedVisible: "_1rsrm2f1qa" }, defaultClass: "_1rsrm2f1q5" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1qb", hover: "_1rsrm2f1qc", active: "_1rsrm2f1qd", selection: "_1rsrm2f1qe", focused: "_1rsrm2f1qf", focusedVisible: "_1rsrm2f1qg" }, defaultClass: "_1rsrm2f1qb" }, buttonBorderTertiary: { conditions: { base: "_1rsrm2f1qh", hover: "_1rsrm2f1qi", active: "_1rsrm2f1qj", selection: "_1rsrm2f1qk", focused: "_1rsrm2f1ql", focusedVisible: "_1rsrm2f1qm" }, defaultClass: "_1rsrm2f1qh" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1qn", hover: "_1rsrm2f1qo", active: "_1rsrm2f1qp", selection: "_1rsrm2f1qq", focused: "_1rsrm2f1qr", focusedVisible: "_1rsrm2f1qs" }, defaultClass: "_1rsrm2f1qn" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1qt", hover: "_1rsrm2f1qu", active: "_1rsrm2f1qv", selection: "_1rsrm2f1qw", focused: "_1rsrm2f1qx", focusedVisible: "_1rsrm2f1qy" }, defaultClass: "_1rsrm2f1qt" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f1qz", hover: "_1rsrm2f1r0", active: "_1rsrm2f1r1", selection: "_1rsrm2f1r2", focused: "_1rsrm2f1r3", focusedVisible: "_1rsrm2f1r4" }, defaultClass: "_1rsrm2f1qz" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f1r5", hover: "_1rsrm2f1r6", active: "_1rsrm2f1r7", selection: "_1rsrm2f1r8", focused: "_1rsrm2f1r9", focusedVisible: "_1rsrm2f1ra" }, defaultClass: "_1rsrm2f1r5" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f1rb", hover: "_1rsrm2f1rc", active: "_1rsrm2f1rd", selection: "_1rsrm2f1re", focused: "_1rsrm2f1rf", focusedVisible: "_1rsrm2f1rg" }, defaultClass: "_1rsrm2f1rb" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1rh", hover: "_1rsrm2f1ri", active: "_1rsrm2f1rj", selection: "_1rsrm2f1rk", focused: "_1rsrm2f1rl", focusedVisible: "_1rsrm2f1rm" }, defaultClass: "_1rsrm2f1rh" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1rn", hover: "_1rsrm2f1ro", active: "_1rsrm2f1rp", selection: "_1rsrm2f1rq", focused: "_1rsrm2f1rr", focusedVisible: "_1rsrm2f1rs" }, defaultClass: "_1rsrm2f1rn" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1rt", hover: "_1rsrm2f1ru", active: "_1rsrm2f1rv", selection: "_1rsrm2f1rw", focused: "_1rsrm2f1rx", focusedVisible: "_1rsrm2f1ry" }, defaultClass: "_1rsrm2f1rt" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1rz", hover: "_1rsrm2f1s0", active: "_1rsrm2f1s1", selection: "_1rsrm2f1s2", focused: "_1rsrm2f1s3", focusedVisible: "_1rsrm2f1s4" }, defaultClass: "_1rsrm2f1rz" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1s5", hover: "_1rsrm2f1s6", active: "_1rsrm2f1s7", selection: "_1rsrm2f1s8", focused: "_1rsrm2f1s9", focusedVisible: "_1rsrm2f1sa" }, defaultClass: "_1rsrm2f1s5" }, newBadgeText: { conditions: { base: "_1rsrm2f1sb", hover: "_1rsrm2f1sc", active: "_1rsrm2f1sd", selection: "_1rsrm2f1se", focused: "_1rsrm2f1sf", focusedVisible: "_1rsrm2f1sg" }, defaultClass: "_1rsrm2f1sb" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1sh", hover: "_1rsrm2f1si", active: "_1rsrm2f1sj", selection: "_1rsrm2f1sk", focused: "_1rsrm2f1sl", focusedVisible: "_1rsrm2f1sm" }, defaultClass: "_1rsrm2f1sh" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1sn", hover: "_1rsrm2f1so", active: "_1rsrm2f1sp", selection: "_1rsrm2f1sq", focused: "_1rsrm2f1sr", focusedVisible: "_1rsrm2f1ss" }, defaultClass: "_1rsrm2f1sn" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1st", hover: "_1rsrm2f1su", active: "_1rsrm2f1sv", selection: "_1rsrm2f1sw", focused: "_1rsrm2f1sx", focusedVisible: "_1rsrm2f1sy" }, defaultClass: "_1rsrm2f1st" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1sz", hover: "_1rsrm2f1t0", active: "_1rsrm2f1t1", selection: "_1rsrm2f1t2", focused: "_1rsrm2f1t3", focusedVisible: "_1rsrm2f1t4" }, defaultClass: "_1rsrm2f1sz" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1t5", hover: "_1rsrm2f1t6", active: "_1rsrm2f1t7", selection: "_1rsrm2f1t8", focused: "_1rsrm2f1t9", focusedVisible: "_1rsrm2f1ta" }, defaultClass: "_1rsrm2f1t5" }, failedBadgeText: { conditions: { base: "_1rsrm2f1tb", hover: "_1rsrm2f1tc", active: "_1rsrm2f1td", selection: "_1rsrm2f1te", focused: "_1rsrm2f1tf", focusedVisible: "_1rsrm2f1tg" }, defaultClass: "_1rsrm2f1tb" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1th", hover: "_1rsrm2f1ti", active: "_1rsrm2f1tj", selection: "_1rsrm2f1tk", focused: "_1rsrm2f1tl", focusedVisible: "_1rsrm2f1tm" }, defaultClass: "_1rsrm2f1th" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1tn", hover: "_1rsrm2f1to", active: "_1rsrm2f1tp", selection: "_1rsrm2f1tq", focused: "_1rsrm2f1tr", focusedVisible: "_1rsrm2f1ts" }, defaultClass: "_1rsrm2f1tn" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1tt", hover: "_1rsrm2f1tu", active: "_1rsrm2f1tv", selection: "_1rsrm2f1tw", focused: "_1rsrm2f1tx", focusedVisible: "_1rsrm2f1ty" }, defaultClass: "_1rsrm2f1tt" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1tz", hover: "_1rsrm2f1u0", active: "_1rsrm2f1u1", selection: "_1rsrm2f1u2", focused: "_1rsrm2f1u3", focusedVisible: "_1rsrm2f1u4" }, defaultClass: "_1rsrm2f1tz" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1u5", hover: "_1rsrm2f1u6", active: "_1rsrm2f1u7", selection: "_1rsrm2f1u8", focused: "_1rsrm2f1u9", focusedVisible: "_1rsrm2f1ua" }, defaultClass: "_1rsrm2f1u5" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1ub", hover: "_1rsrm2f1uc", active: "_1rsrm2f1ud", selection: "_1rsrm2f1ue", focused: "_1rsrm2f1uf", focusedVisible: "_1rsrm2f1ug" }, defaultClass: "_1rsrm2f1ub" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1uh", hover: "_1rsrm2f1ui", active: "_1rsrm2f1uj", selection: "_1rsrm2f1uk", focused: "_1rsrm2f1ul", focusedVisible: "_1rsrm2f1um" }, defaultClass: "_1rsrm2f1uh" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1un", hover: "_1rsrm2f1uo", active: "_1rsrm2f1up", selection: "_1rsrm2f1uq", focused: "_1rsrm2f1ur", focusedVisible: "_1rsrm2f1us" }, defaultClass: "_1rsrm2f1un" }, inputAmountFiatDecimalsColor: { conditions: { base: "_1rsrm2f1ut", hover: "_1rsrm2f1uu", active: "_1rsrm2f1uv", selection: "_1rsrm2f1uw", focused: "_1rsrm2f1ux", focusedVisible: "_1rsrm2f1uy" }, defaultClass: "_1rsrm2f1ut" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1uz", hover: "_1rsrm2f1v0", active: "_1rsrm2f1v1", selection: "_1rsrm2f1v2", focused: "_1rsrm2f1v3", focusedVisible: "_1rsrm2f1v4" }, defaultClass: "_1rsrm2f1uz" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1v5", hover: "_1rsrm2f1v6", active: "_1rsrm2f1v7", selection: "_1rsrm2f1v8", focused: "_1rsrm2f1v9", focusedVisible: "_1rsrm2f1va" }, defaultClass: "_1rsrm2f1v5" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1vb", hover: "_1rsrm2f1vc", active: "_1rsrm2f1vd", selection: "_1rsrm2f1ve", focused: "_1rsrm2f1vf", focusedVisible: "_1rsrm2f1vg" }, defaultClass: "_1rsrm2f1vb" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1vh", hover: "_1rsrm2f1vi", active: "_1rsrm2f1vj", selection: "_1rsrm2f1vk", focused: "_1rsrm2f1vl", focusedVisible: "_1rsrm2f1vm" }, defaultClass: "_1rsrm2f1vh" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1vn", hover: "_1rsrm2f1vo", active: "_1rsrm2f1vp", selection: "_1rsrm2f1vq", focused: "_1rsrm2f1vr", focusedVisible: "_1rsrm2f1vs" }, defaultClass: "_1rsrm2f1vn" }, announceGradientTo: { conditions: { base: "_1rsrm2f1vt", hover: "_1rsrm2f1vu", active: "_1rsrm2f1vv", selection: "_1rsrm2f1vw", focused: "_1rsrm2f1vx", focusedVisible: "_1rsrm2f1vy" }, defaultClass: "_1rsrm2f1vt" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1vz", hover: "_1rsrm2f1w0", active: "_1rsrm2f1w1", selection: "_1rsrm2f1w2", focused: "_1rsrm2f1w3", focusedVisible: "_1rsrm2f1w4" }, defaultClass: "_1rsrm2f1vz" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1w5", hover: "_1rsrm2f1w6", active: "_1rsrm2f1w7", selection: "_1rsrm2f1w8", focused: "_1rsrm2f1w9", focusedVisible: "_1rsrm2f1wa" }, defaultClass: "_1rsrm2f1w5" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1wb", hover: "_1rsrm2f1wc", active: "_1rsrm2f1wd", selection: "_1rsrm2f1we", focused: "_1rsrm2f1wf", focusedVisible: "_1rsrm2f1wg" }, defaultClass: "_1rsrm2f1wb" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1wh", hover: "_1rsrm2f1wi", active: "_1rsrm2f1wj", selection: "_1rsrm2f1wk", focused: "_1rsrm2f1wl", focusedVisible: "_1rsrm2f1wm" }, defaultClass: "_1rsrm2f1wh" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1wn", hover: "_1rsrm2f1wo", active: "_1rsrm2f1wp", selection: "_1rsrm2f1wq", focused: "_1rsrm2f1wr", focusedVisible: "_1rsrm2f1ws" }, defaultClass: "_1rsrm2f1wn" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1wt", hover: "_1rsrm2f1wu", active: "_1rsrm2f1wv", selection: "_1rsrm2f1ww", focused: "_1rsrm2f1wx", focusedVisible: "_1rsrm2f1wy" }, defaultClass: "_1rsrm2f1wt" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1wz", hover: "_1rsrm2f1x0", active: "_1rsrm2f1x1", selection: "_1rsrm2f1x2", focused: "_1rsrm2f1x3", focusedVisible: "_1rsrm2f1x4" }, defaultClass: "_1rsrm2f1wz" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1x5", hover: "_1rsrm2f1x6", active: "_1rsrm2f1x7", selection: "_1rsrm2f1x8", focused: "_1rsrm2f1x9", focusedVisible: "_1rsrm2f1xa" }, defaultClass: "_1rsrm2f1x5" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1xb", hover: "_1rsrm2f1xc", active: "_1rsrm2f1xd", selection: "_1rsrm2f1xe", focused: "_1rsrm2f1xf", focusedVisible: "_1rsrm2f1xg" }, defaultClass: "_1rsrm2f1xb" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1xh", hover: "_1rsrm2f1xi", active: "_1rsrm2f1xj", selection: "_1rsrm2f1xk", focused: "_1rsrm2f1xl", focusedVisible: "_1rsrm2f1xm" }, defaultClass: "_1rsrm2f1xh" }, optionBoxBackground: { conditions: { base: "_1rsrm2f1xn", hover: "_1rsrm2f1xo", active: "_1rsrm2f1xp", selection: "_1rsrm2f1xq", focused: "_1rsrm2f1xr", focusedVisible: "_1rsrm2f1xs" }, defaultClass: "_1rsrm2f1xn" }, optionBoxBackgroundUninteractive: { conditions: { base: "_1rsrm2f1xt", hover: "_1rsrm2f1xu", active: "_1rsrm2f1xv", selection: "_1rsrm2f1xw", focused: "_1rsrm2f1xx", focusedVisible: "_1rsrm2f1xy" }, defaultClass: "_1rsrm2f1xt" }, optionBoxBorderHover: { conditions: { base: "_1rsrm2f1xz", hover: "_1rsrm2f1y0", active: "_1rsrm2f1y1", selection: "_1rsrm2f1y2", focused: "_1rsrm2f1y3", focusedVisible: "_1rsrm2f1y4" }, defaultClass: "_1rsrm2f1xz" }, openDropdownBackgroundColor: { conditions: { base: "_1rsrm2f1y5", hover: "_1rsrm2f1y6", active: "_1rsrm2f1y7", selection: "_1rsrm2f1y8", focused: "_1rsrm2f1y9", focusedVisible: "_1rsrm2f1ya" }, defaultClass: "_1rsrm2f1y5" }, dropdownActiveItemBackgroundBase: { conditions: { base: "_1rsrm2f1yb", hover: "_1rsrm2f1yc", active: "_1rsrm2f1yd", selection: "_1rsrm2f1ye", focused: "_1rsrm2f1yf", focusedVisible: "_1rsrm2f1yg" }, defaultClass: "_1rsrm2f1yb" }, dropdownActiveItemBackgroundHover: { conditions: { base: "_1rsrm2f1yh", hover: "_1rsrm2f1yi", active: "_1rsrm2f1yj", selection: "_1rsrm2f1yk", focused: "_1rsrm2f1yl", focusedVisible: "_1rsrm2f1ym" }, defaultClass: "_1rsrm2f1yh" }, dropdownActiveItemBackgroundDisabled: { conditions: { base: "_1rsrm2f1yn", hover: "_1rsrm2f1yo", active: "_1rsrm2f1yp", selection: "_1rsrm2f1yq", focused: "_1rsrm2f1yr", focusedVisible: "_1rsrm2f1ys" }, defaultClass: "_1rsrm2f1yn" }, selectedDropdownItemBackground: { conditions: { base: "_1rsrm2f1yt", hover: "_1rsrm2f1yu", active: "_1rsrm2f1yv", selection: "_1rsrm2f1yw", focused: "_1rsrm2f1yx", focusedVisible: "_1rsrm2f1yy" }, defaultClass: "_1rsrm2f1yt" }, spinnerBackground: { conditions: { base: "_1rsrm2f1yz", hover: "_1rsrm2f1z0", active: "_1rsrm2f1z1", selection: "_1rsrm2f1z2", focused: "_1rsrm2f1z3", focusedVisible: "_1rsrm2f1z4" }, defaultClass: "_1rsrm2f1yz" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1z5", hover: "_1rsrm2f1z6", active: "_1rsrm2f1z7", selection: "_1rsrm2f1z8", focused: "_1rsrm2f1z9", focusedVisible: "_1rsrm2f1za" }, defaultClass: "_1rsrm2f1z5" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1zb", hover: "_1rsrm2f1zc", active: "_1rsrm2f1zd", selection: "_1rsrm2f1ze", focused: "_1rsrm2f1zf", focusedVisible: "_1rsrm2f1zg" }, defaultClass: "_1rsrm2f1zb" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1zh", hover: "_1rsrm2f1zi", active: "_1rsrm2f1zj", selection: "_1rsrm2f1zk", focused: "_1rsrm2f1zl", focusedVisible: "_1rsrm2f1zm" }, defaultClass: "_1rsrm2f1zh" }, txSummaryBoxBackground: { conditions: { base: "_1rsrm2f1zn", hover: "_1rsrm2f1zo", active: "_1rsrm2f1zp", selection: "_1rsrm2f1zq", focused: "_1rsrm2f1zr", focusedVisible: "_1rsrm2f1zs" }, defaultClass: "_1rsrm2f1zn" }, txSummaryBoxBorder: { conditions: { base: "_1rsrm2f1zt", hover: "_1rsrm2f1zu", active: "_1rsrm2f1zv", selection: "_1rsrm2f1zw", focused: "_1rsrm2f1zx", focusedVisible: "_1rsrm2f1zy" }, defaultClass: "_1rsrm2f1zt" }, counterRingColor: { conditions: { base: "_1rsrm2f1zz", hover: "_1rsrm2f200", active: "_1rsrm2f201", selection: "_1rsrm2f202", focused: "_1rsrm2f203", focusedVisible: "_1rsrm2f204" }, defaultClass: "_1rsrm2f1zz" }, cryptoCashToggleContainerBorderColor: { conditions: { base: "_1rsrm2f205", hover: "_1rsrm2f206", active: "_1rsrm2f207", selection: "_1rsrm2f208", focused: "_1rsrm2f209", focusedVisible: "_1rsrm2f20a" }, defaultClass: "_1rsrm2f205" }, cryptoCashToggleBackground: { conditions: { base: "_1rsrm2f20b", hover: "_1rsrm2f20c", active: "_1rsrm2f20d", selection: "_1rsrm2f20e", focused: "_1rsrm2f20f", focusedVisible: "_1rsrm2f20g" }, defaultClass: "_1rsrm2f20b" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f20h", hover: "_1rsrm2f20i", active: "_1rsrm2f20j", selection: "_1rsrm2f20k", focused: "_1rsrm2f20l", focusedVisible: "_1rsrm2f20m" }, defaultClass: "_1rsrm2f20h" }, dialog: { conditions: { base: "_1rsrm2f20n", hover: "_1rsrm2f20o", active: "_1rsrm2f20p", selection: "_1rsrm2f20q", focused: "_1rsrm2f20r", focusedVisible: "_1rsrm2f20s" }, defaultClass: "_1rsrm2f20n" }, selectedOption: { conditions: { base: "_1rsrm2f20t", hover: "_1rsrm2f20u", active: "_1rsrm2f20v", selection: "_1rsrm2f20w", focused: "_1rsrm2f20x", focusedVisible: "_1rsrm2f20y" }, defaultClass: "_1rsrm2f20t" }, selectedWallet: { conditions: { base: "_1rsrm2f20z", hover: "_1rsrm2f210", active: "_1rsrm2f211", selection: "_1rsrm2f212", focused: "_1rsrm2f213", focusedVisible: "_1rsrm2f214" }, defaultClass: "_1rsrm2f20z" }, dropdown: { conditions: { base: "_1rsrm2f215", hover: "_1rsrm2f216", active: "_1rsrm2f217", selection: "_1rsrm2f218", focused: "_1rsrm2f219", focusedVisible: "_1rsrm2f21a" }, defaultClass: "_1rsrm2f215" }, notification: { conditions: { base: "_1rsrm2f21b", hover: "_1rsrm2f21c", active: "_1rsrm2f21d", selection: "_1rsrm2f21e", focused: "_1rsrm2f21f", focusedVisible: "_1rsrm2f21g" }, defaultClass: "_1rsrm2f21b" }, qrCode: { conditions: { base: "_1rsrm2f21h", hover: "_1rsrm2f21i", active: "_1rsrm2f21j", selection: "_1rsrm2f21k", focused: "_1rsrm2f21l", focusedVisible: "_1rsrm2f21m" }, defaultClass: "_1rsrm2f21h" }, buttonShadow: { conditions: { base: "_1rsrm2f21n", hover: "_1rsrm2f21o", active: "_1rsrm2f21p", selection: "_1rsrm2f21q", focused: "_1rsrm2f21r", focusedVisible: "_1rsrm2f21s" }, defaultClass: "_1rsrm2f21n" }, buttonShadowTertiary: { conditions: { base: "_1rsrm2f21t", hover: "_1rsrm2f21u", active: "_1rsrm2f21v", selection: "_1rsrm2f21w", focused: "_1rsrm2f21x", focusedVisible: "_1rsrm2f21y" }, defaultClass: "_1rsrm2f21t" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f21z", hover: "_1rsrm2f220", active: "_1rsrm2f221", selection: "_1rsrm2f222", focused: "_1rsrm2f223", focusedVisible: "_1rsrm2f224" }, defaultClass: "_1rsrm2f21z" }, buttonFocusedShadowTertiary: { conditions: { base: "_1rsrm2f225", hover: "_1rsrm2f226", active: "_1rsrm2f227", selection: "_1rsrm2f228", focused: "_1rsrm2f229", focusedVisible: "_1rsrm2f22a" }, defaultClass: "_1rsrm2f225" }, buttonHoverShadow: { conditions: { base: "_1rsrm2f22b", hover: "_1rsrm2f22c", active: "_1rsrm2f22d", selection: "_1rsrm2f22e", focused: "_1rsrm2f22f", focusedVisible: "_1rsrm2f22g" }, defaultClass: "_1rsrm2f22b" }, buttonHoverShadowTertiary: { conditions: { base: "_1rsrm2f22h", hover: "_1rsrm2f22i", active: "_1rsrm2f22j", selection: "_1rsrm2f22k", focused: "_1rsrm2f22l", focusedVisible: "_1rsrm2f22m" }, defaultClass: "_1rsrm2f22h" }, buttonDisabledShadow: { conditions: { base: "_1rsrm2f22n", hover: "_1rsrm2f22o", active: "_1rsrm2f22p", selection: "_1rsrm2f22q", focused: "_1rsrm2f22r", focusedVisible: "_1rsrm2f22s" }, defaultClass: "_1rsrm2f22n" }, buttonDisabledShadowTertiary: { conditions: { base: "_1rsrm2f22t", hover: "_1rsrm2f22u", active: "_1rsrm2f22v", selection: "_1rsrm2f22w", focused: "_1rsrm2f22x", focusedVisible: "_1rsrm2f22y" }, defaultClass: "_1rsrm2f22t" }, buttonInnerShadow: { conditions: { base: "_1rsrm2f22z", hover: "_1rsrm2f230", active: "_1rsrm2f231", selection: "_1rsrm2f232", focused: "_1rsrm2f233", focusedVisible: "_1rsrm2f234" }, defaultClass: "_1rsrm2f22z" }, buttonInnerShadowTertiary: { conditions: { base: "_1rsrm2f235", hover: "_1rsrm2f236", active: "_1rsrm2f237", selection: "_1rsrm2f238", focused: "_1rsrm2f239", focusedVisible: "_1rsrm2f23a" }, defaultClass: "_1rsrm2f235" }, buttonFocusedInnerShadow: { conditions: { base: "_1rsrm2f23b", hover: "_1rsrm2f23c", active: "_1rsrm2f23d", selection: "_1rsrm2f23e", focused: "_1rsrm2f23f", focusedVisible: "_1rsrm2f23g" }, defaultClass: "_1rsrm2f23b" }, buttonFocusedInnerShadowTertiary: { conditions: { base: "_1rsrm2f23h", hover: "_1rsrm2f23i", active: "_1rsrm2f23j", selection: "_1rsrm2f23k", focused: "_1rsrm2f23l", focusedVisible: "_1rsrm2f23m" }, defaultClass: "_1rsrm2f23h" }, buttonHoverInnerShadow: { conditions: { base: "_1rsrm2f23n", hover: "_1rsrm2f23o", active: "_1rsrm2f23p", selection: "_1rsrm2f23q", focused: "_1rsrm2f23r", focusedVisible: "_1rsrm2f23s" }, defaultClass: "_1rsrm2f23n" }, buttonHoverInnerShadowTertiary: { conditions: { base: "_1rsrm2f23t", hover: "_1rsrm2f23u", active: "_1rsrm2f23v", selection: "_1rsrm2f23w", focused: "_1rsrm2f23x", focusedVisible: "_1rsrm2f23y" }, defaultClass: "_1rsrm2f23t" }, buttonDisabledInnerShadow: { conditions: { base: "_1rsrm2f23z", hover: "_1rsrm2f240", active: "_1rsrm2f241", selection: "_1rsrm2f242", focused: "_1rsrm2f243", focusedVisible: "_1rsrm2f244" }, defaultClass: "_1rsrm2f23z" }, buttonDisabledInnerShadowTertiary: { conditions: { base: "_1rsrm2f245", hover: "_1rsrm2f246", active: "_1rsrm2f247", selection: "_1rsrm2f248", focused: "_1rsrm2f249", focusedVisible: "_1rsrm2f24a" }, defaultClass: "_1rsrm2f245" }, selectedDropdownItem: { conditions: { base: "_1rsrm2f24b", hover: "_1rsrm2f24c", active: "_1rsrm2f24d", selection: "_1rsrm2f24e", focused: "_1rsrm2f24f", focusedVisible: "_1rsrm2f24g" }, defaultClass: "_1rsrm2f24b" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f24h", hover: "_1rsrm2f24i", active: "_1rsrm2f24j", selection: "_1rsrm2f24k", focused: "_1rsrm2f24l", focusedVisible: "_1rsrm2f24m" }, defaultClass: "_1rsrm2f24h" }, accentColorForeground: { conditions: { base: "_1rsrm2f24n", hover: "_1rsrm2f24o", active: "_1rsrm2f24p", selection: "_1rsrm2f24q", focused: "_1rsrm2f24r", focusedVisible: "_1rsrm2f24s" }, defaultClass: "_1rsrm2f24n" }, actionButtonBorder: { conditions: { base: "_1rsrm2f24t", hover: "_1rsrm2f24u", active: "_1rsrm2f24v", selection: "_1rsrm2f24w", focused: "_1rsrm2f24x", focusedVisible: "_1rsrm2f24y" }, defaultClass: "_1rsrm2f24t" }, connectButtonBackground: { conditions: { base: "_1rsrm2f24z", hover: "_1rsrm2f250", active: "_1rsrm2f251", selection: "_1rsrm2f252", focused: "_1rsrm2f253", focusedVisible: "_1rsrm2f254" }, defaultClass: "_1rsrm2f24z" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f255", hover: "_1rsrm2f256", active: "_1rsrm2f257", selection: "_1rsrm2f258", focused: "_1rsrm2f259", focusedVisible: "_1rsrm2f25a" }, defaultClass: "_1rsrm2f255" }, connectButtonText: { conditions: { base: "_1rsrm2f25b", hover: "_1rsrm2f25c", active: "_1rsrm2f25d", selection: "_1rsrm2f25e", focused: "_1rsrm2f25f", focusedVisible: "_1rsrm2f25g" }, defaultClass: "_1rsrm2f25b" }, connectButtonTextError: { conditions: { base: "_1rsrm2f25h", hover: "_1rsrm2f25i", active: "_1rsrm2f25j", selection: "_1rsrm2f25k", focused: "_1rsrm2f25l", focusedVisible: "_1rsrm2f25m" }, defaultClass: "_1rsrm2f25h" }, connectionIndicator: { conditions: { base: "_1rsrm2f25n", hover: "_1rsrm2f25o", active: "_1rsrm2f25p", selection: "_1rsrm2f25q", focused: "_1rsrm2f25r", focusedVisible: "_1rsrm2f25s" }, defaultClass: "_1rsrm2f25n" }, error: { conditions: { base: "_1rsrm2f25t", hover: "_1rsrm2f25u", active: "_1rsrm2f25v", selection: "_1rsrm2f25w", focused: "_1rsrm2f25x", focusedVisible: "_1rsrm2f25y" }, defaultClass: "_1rsrm2f25t" }, errorBackground: { conditions: { base: "_1rsrm2f25z", hover: "_1rsrm2f260", active: "_1rsrm2f261", selection: "_1rsrm2f262", focused: "_1rsrm2f263", focusedVisible: "_1rsrm2f264" }, defaultClass: "_1rsrm2f25z" }, errorBorder: { conditions: { base: "_1rsrm2f265", hover: "_1rsrm2f266", active: "_1rsrm2f267", selection: "_1rsrm2f268", focused: "_1rsrm2f269", focusedVisible: "_1rsrm2f26a" }, defaultClass: "_1rsrm2f265" }, generalBorder: { conditions: { base: "_1rsrm2f26b", hover: "_1rsrm2f26c", active: "_1rsrm2f26d", selection: "_1rsrm2f26e", focused: "_1rsrm2f26f", focusedVisible: "_1rsrm2f26g" }, defaultClass: "_1rsrm2f26b" }, generalBorderDim: { conditions: { base: "_1rsrm2f26h", hover: "_1rsrm2f26i", active: "_1rsrm2f26j", selection: "_1rsrm2f26k", focused: "_1rsrm2f26l", focusedVisible: "_1rsrm2f26m" }, defaultClass: "_1rsrm2f26h" }, menuItemBackground: { conditions: { base: "_1rsrm2f26n", hover: "_1rsrm2f26o", active: "_1rsrm2f26p", selection: "_1rsrm2f26q", focused: "_1rsrm2f26r", focusedVisible: "_1rsrm2f26s" }, defaultClass: "_1rsrm2f26n" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f26t", hover: "_1rsrm2f26u", active: "_1rsrm2f26v", selection: "_1rsrm2f26w", focused: "_1rsrm2f26x", focusedVisible: "_1rsrm2f26y" }, defaultClass: "_1rsrm2f26t" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f26z", hover: "_1rsrm2f270", active: "_1rsrm2f271", selection: "_1rsrm2f272", focused: "_1rsrm2f273", focusedVisible: "_1rsrm2f274" }, defaultClass: "_1rsrm2f26z" }, standby: { conditions: { base: "_1rsrm2f275", hover: "_1rsrm2f276", active: "_1rsrm2f277", selection: "_1rsrm2f278", focused: "_1rsrm2f279", focusedVisible: "_1rsrm2f27a" }, defaultClass: "_1rsrm2f275" }, success: { conditions: { base: "_1rsrm2f27b", hover: "_1rsrm2f27c", active: "_1rsrm2f27d", selection: "_1rsrm2f27e", focused: "_1rsrm2f27f", focusedVisible: "_1rsrm2f27g" }, defaultClass: "_1rsrm2f27b" }, delayedStatusIcon: { conditions: { base: "_1rsrm2f27h", hover: "_1rsrm2f27i", active: "_1rsrm2f27j", selection: "_1rsrm2f27k", focused: "_1rsrm2f27l", focusedVisible: "_1rsrm2f27m" }, defaultClass: "_1rsrm2f27h" }, chainIconBorder: { conditions: { base: "_1rsrm2f27n", hover: "_1rsrm2f27o", active: "_1rsrm2f27p", selection: "_1rsrm2f27q", focused: "_1rsrm2f27r", focusedVisible: "_1rsrm2f27s" }, defaultClass: "_1rsrm2f27n" }, modalBackdrop: { conditions: { base: "_1rsrm2f27t", hover: "_1rsrm2f27u", active: "_1rsrm2f27v", selection: "_1rsrm2f27w", focused: "_1rsrm2f27x", focusedVisible: "_1rsrm2f27y" }, defaultClass: "_1rsrm2f27t" }, modalBackground: { conditions: { base: "_1rsrm2f27z", hover: "_1rsrm2f280", active: "_1rsrm2f281", selection: "_1rsrm2f282", focused: "_1rsrm2f283", focusedVisible: "_1rsrm2f284" }, defaultClass: "_1rsrm2f27z" }, modalBorder: { conditions: { base: "_1rsrm2f285", hover: "_1rsrm2f286", active: "_1rsrm2f287", selection: "_1rsrm2f288", focused: "_1rsrm2f289", focusedVisible: "_1rsrm2f28a" }, defaultClass: "_1rsrm2f285" }, offBackground: { conditions: { base: "_1rsrm2f28b", hover: "_1rsrm2f28c", active: "_1rsrm2f28d", selection: "_1rsrm2f28e", focused: "_1rsrm2f28f", focusedVisible: "_1rsrm2f28g" }, defaultClass: "_1rsrm2f28b" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f28h", hover: "_1rsrm2f28i", active: "_1rsrm2f28j", selection: "_1rsrm2f28k", focused: "_1rsrm2f28l", focusedVisible: "_1rsrm2f28m" }, defaultClass: "_1rsrm2f28h" }, hoverState: { conditions: { base: "_1rsrm2f28n", hover: "_1rsrm2f28o", active: "_1rsrm2f28p", selection: "_1rsrm2f28q", focused: "_1rsrm2f28r", focusedVisible: "_1rsrm2f28s" }, defaultClass: "_1rsrm2f28n" }, lightStroke: { conditions: { base: "_1rsrm2f28t", hover: "_1rsrm2f28u", active: "_1rsrm2f28v", selection: "_1rsrm2f28w", focused: "_1rsrm2f28x", focusedVisible: "_1rsrm2f28y" }, defaultClass: "_1rsrm2f28t" }, mediumStroke: { conditions: { base: "_1rsrm2f28z", hover: "_1rsrm2f290", active: "_1rsrm2f291", selection: "_1rsrm2f292", focused: "_1rsrm2f293", focusedVisible: "_1rsrm2f294" }, defaultClass: "_1rsrm2f28z" }, heavyStroke: { conditions: { base: "_1rsrm2f295", hover: "_1rsrm2f296", active: "_1rsrm2f297", selection: "_1rsrm2f298", focused: "_1rsrm2f299", focusedVisible: "_1rsrm2f29a" }, defaultClass: "_1rsrm2f295" }, strokeColor: { conditions: { base: "_1rsrm2f29b", hover: "_1rsrm2f29c", active: "_1rsrm2f29d", selection: "_1rsrm2f29e", focused: "_1rsrm2f29f", focusedVisible: "_1rsrm2f29g" }, defaultClass: "_1rsrm2f29b" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f29h", hover: "_1rsrm2f29i", active: "_1rsrm2f29j", selection: "_1rsrm2f29k", focused: "_1rsrm2f29l", focusedVisible: "_1rsrm2f29m" }, defaultClass: "_1rsrm2f29h" }, modalTopbarIconBackground: { conditions: { base: "_1rsrm2f29n", hover: "_1rsrm2f29o", active: "_1rsrm2f29p", selection: "_1rsrm2f29q", focused: "_1rsrm2f29r", focusedVisible: "_1rsrm2f29s" }, defaultClass: "_1rsrm2f29n" }, modalTopbarIconBackgroundHover: { conditions: { base: "_1rsrm2f29t", hover: "_1rsrm2f29u", active: "_1rsrm2f29v", selection: "_1rsrm2f29w", focused: "_1rsrm2f29x", focusedVisible: "_1rsrm2f29y" }, defaultClass: "_1rsrm2f29t" }, modalTopbarIconBackgroundPressed: { conditions: { base: "_1rsrm2f29z", hover: "_1rsrm2f2a0", active: "_1rsrm2f2a1", selection: "_1rsrm2f2a2", focused: "_1rsrm2f2a3", focusedVisible: "_1rsrm2f2a4" }, defaultClass: "_1rsrm2f29z" }, modalTopbarIconStroke: { conditions: { base: "_1rsrm2f2a5", hover: "_1rsrm2f2a6", active: "_1rsrm2f2a7", selection: "_1rsrm2f2a8", focused: "_1rsrm2f2a9", focusedVisible: "_1rsrm2f2aa" }, defaultClass: "_1rsrm2f2a5" }, primaryText: { conditions: { base: "_1rsrm2f2ab", hover: "_1rsrm2f2ac", active: "_1rsrm2f2ad", selection: "_1rsrm2f2ae", focused: "_1rsrm2f2af", focusedVisible: "_1rsrm2f2ag" }, defaultClass: "_1rsrm2f2ab" }, secondaryText: { conditions: { base: "_1rsrm2f2ah", hover: "_1rsrm2f2ai", active: "_1rsrm2f2aj", selection: "_1rsrm2f2ak", focused: "_1rsrm2f2al", focusedVisible: "_1rsrm2f2am" }, defaultClass: "_1rsrm2f2ah" }, tertiaryText: { conditions: { base: "_1rsrm2f2an", hover: "_1rsrm2f2ao", active: "_1rsrm2f2ap", selection: "_1rsrm2f2aq", focused: "_1rsrm2f2ar", focusedVisible: "_1rsrm2f2as" }, defaultClass: "_1rsrm2f2an" }, textSelection: { conditions: { base: "_1rsrm2f2at", hover: "_1rsrm2f2au", active: "_1rsrm2f2av", selection: "_1rsrm2f2aw", focused: "_1rsrm2f2ax", focusedVisible: "_1rsrm2f2ay" }, defaultClass: "_1rsrm2f2at" }, selectedDropdownItemText: { conditions: { base: "_1rsrm2f2az", hover: "_1rsrm2f2b0", active: "_1rsrm2f2b1", selection: "_1rsrm2f2b2", focused: "_1rsrm2f2b3", focusedVisible: "_1rsrm2f2b4" }, defaultClass: "_1rsrm2f2az" }, inputBackground: { conditions: { base: "_1rsrm2f2b5", hover: "_1rsrm2f2b6", active: "_1rsrm2f2b7", selection: "_1rsrm2f2b8", focused: "_1rsrm2f2b9", focusedVisible: "_1rsrm2f2ba" }, defaultClass: "_1rsrm2f2b5" }, inputBorderBase: { conditions: { base: "_1rsrm2f2bb", hover: "_1rsrm2f2bc", active: "_1rsrm2f2bd", selection: "_1rsrm2f2be", focused: "_1rsrm2f2bf", focusedVisible: "_1rsrm2f2bg" }, defaultClass: "_1rsrm2f2bb" }, inputBorderHover: { conditions: { base: "_1rsrm2f2bh", hover: "_1rsrm2f2bi", active: "_1rsrm2f2bj", selection: "_1rsrm2f2bk", focused: "_1rsrm2f2bl", focusedVisible: "_1rsrm2f2bm" }, defaultClass: "_1rsrm2f2bh" }, activeTabBorderColor: { conditions: { base: "_1rsrm2f2bn", hover: "_1rsrm2f2bo", active: "_1rsrm2f2bp", selection: "_1rsrm2f2bq", focused: "_1rsrm2f2br", focusedVisible: "_1rsrm2f2bs" }, defaultClass: "_1rsrm2f2bn" }, activeTabBackground: { conditions: { base: "_1rsrm2f2bt", hover: "_1rsrm2f2bu", active: "_1rsrm2f2bv", selection: "_1rsrm2f2bw", focused: "_1rsrm2f2bx", focusedVisible: "_1rsrm2f2by" }, defaultClass: "_1rsrm2f2bt" }, actionColor: { conditions: { base: "_1rsrm2f2bz", hover: "_1rsrm2f2c0", active: "_1rsrm2f2c1", selection: "_1rsrm2f2c2", focused: "_1rsrm2f2c3", focusedVisible: "_1rsrm2f2c4" }, defaultClass: "_1rsrm2f2bz" }, actionColorHover: { conditions: { base: "_1rsrm2f2c5", hover: "_1rsrm2f2c6", active: "_1rsrm2f2c7", selection: "_1rsrm2f2c8", focused: "_1rsrm2f2c9", focusedVisible: "_1rsrm2f2ca" }, defaultClass: "_1rsrm2f2c5" }, actionColorDisabled: { conditions: { base: "_1rsrm2f2cb", hover: "_1rsrm2f2cc", active: "_1rsrm2f2cd", selection: "_1rsrm2f2ce", focused: "_1rsrm2f2cf", focusedVisible: "_1rsrm2f2cg" }, defaultClass: "_1rsrm2f2cb" }, buttonPrimary: { conditions: { base: "_1rsrm2f2ch", hover: "_1rsrm2f2ci", active: "_1rsrm2f2cj", selection: "_1rsrm2f2ck", focused: "_1rsrm2f2cl", focusedVisible: "_1rsrm2f2cm" }, defaultClass: "_1rsrm2f2ch" }, buttonDisabled: { conditions: { base: "_1rsrm2f2cn", hover: "_1rsrm2f2co", active: "_1rsrm2f2cp", selection: "_1rsrm2f2cq", focused: "_1rsrm2f2cr", focusedVisible: "_1rsrm2f2cs" }, defaultClass: "_1rsrm2f2cn" }, buttonWarning: { conditions: { base: "_1rsrm2f2ct", hover: "_1rsrm2f2cu", active: "_1rsrm2f2cv", selection: "_1rsrm2f2cw", focused: "_1rsrm2f2cx", focusedVisible: "_1rsrm2f2cy" }, defaultClass: "_1rsrm2f2ct" }, buttonSuccess: { conditions: { base: "_1rsrm2f2cz", hover: "_1rsrm2f2d0", active: "_1rsrm2f2d1", selection: "_1rsrm2f2d2", focused: "_1rsrm2f2d3", focusedVisible: "_1rsrm2f2d4" }, defaultClass: "_1rsrm2f2cz" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f2d5", hover: "_1rsrm2f2d6", active: "_1rsrm2f2d7", selection: "_1rsrm2f2d8", focused: "_1rsrm2f2d9", focusedVisible: "_1rsrm2f2da" }, defaultClass: "_1rsrm2f2d5" }, buttonTextHover: { conditions: { base: "_1rsrm2f2db", hover: "_1rsrm2f2dc", active: "_1rsrm2f2dd", selection: "_1rsrm2f2de", focused: "_1rsrm2f2df", focusedVisible: "_1rsrm2f2dg" }, defaultClass: "_1rsrm2f2db" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f2dh", hover: "_1rsrm2f2di", active: "_1rsrm2f2dj", selection: "_1rsrm2f2dk", focused: "_1rsrm2f2dl", focusedVisible: "_1rsrm2f2dm" }, defaultClass: "_1rsrm2f2dh" }, transparent: { conditions: { base: "_1rsrm2f2dn", hover: "_1rsrm2f2do", active: "_1rsrm2f2dp", selection: "_1rsrm2f2dq", focused: "_1rsrm2f2dr", focusedVisible: "_1rsrm2f2ds" }, defaultClass: "_1rsrm2f2dn" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f2dt", hover: "_1rsrm2f2du", active: "_1rsrm2f2dv", selection: "_1rsrm2f2dw", focused: "_1rsrm2f2dx", focusedVisible: "_1rsrm2f2dy" }, defaultClass: "_1rsrm2f2dt" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f2dz", hover: "_1rsrm2f2e0", active: "_1rsrm2f2e1", selection: "_1rsrm2f2e2", focused: "_1rsrm2f2e3", focusedVisible: "_1rsrm2f2e4" }, defaultClass: "_1rsrm2f2dz" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f2e5", hover: "_1rsrm2f2e6", active: "_1rsrm2f2e7", selection: "_1rsrm2f2e8", focused: "_1rsrm2f2e9", focusedVisible: "_1rsrm2f2ea" }, defaultClass: "_1rsrm2f2e5" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f2eb", hover: "_1rsrm2f2ec", active: "_1rsrm2f2ed", selection: "_1rsrm2f2ee", focused: "_1rsrm2f2ef", focusedVisible: "_1rsrm2f2eg" }, defaultClass: "_1rsrm2f2eb" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f2eh", hover: "_1rsrm2f2ei", active: "_1rsrm2f2ej", selection: "_1rsrm2f2ek", focused: "_1rsrm2f2el", focusedVisible: "_1rsrm2f2em" }, defaultClass: "_1rsrm2f2eh" }, buttonBackground: { conditions: { base: "_1rsrm2f2en", hover: "_1rsrm2f2eo", active: "_1rsrm2f2ep", selection: "_1rsrm2f2eq", focused: "_1rsrm2f2er", focusedVisible: "_1rsrm2f2es" }, defaultClass: "_1rsrm2f2en" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f2et", hover: "_1rsrm2f2eu", active: "_1rsrm2f2ev", selection: "_1rsrm2f2ew", focused: "_1rsrm2f2ex", focusedVisible: "_1rsrm2f2ey" }, defaultClass: "_1rsrm2f2et" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f2ez", hover: "_1rsrm2f2f0", active: "_1rsrm2f2f1", selection: "_1rsrm2f2f2", focused: "_1rsrm2f2f3", focusedVisible: "_1rsrm2f2f4" }, defaultClass: "_1rsrm2f2ez" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f2f5", hover: "_1rsrm2f2f6", active: "_1rsrm2f2f7", selection: "_1rsrm2f2f8", focused: "_1rsrm2f2f9", focusedVisible: "_1rsrm2f2fa" }, defaultClass: "_1rsrm2f2f5" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f2fb", hover: "_1rsrm2f2fc", active: "_1rsrm2f2fd", selection: "_1rsrm2f2fe", focused: "_1rsrm2f2ff", focusedVisible: "_1rsrm2f2fg" }, defaultClass: "_1rsrm2f2fb" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f2fh", hover: "_1rsrm2f2fi", active: "_1rsrm2f2fj", selection: "_1rsrm2f2fk", focused: "_1rsrm2f2fl", focusedVisible: "_1rsrm2f2fm" }, defaultClass: "_1rsrm2f2fh" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f2fn", hover: "_1rsrm2f2fo", active: "_1rsrm2f2fp", selection: "_1rsrm2f2fq", focused: "_1rsrm2f2fr", focusedVisible: "_1rsrm2f2fs" }, defaultClass: "_1rsrm2f2fn" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f2ft", hover: "_1rsrm2f2fu", active: "_1rsrm2f2fv", selection: "_1rsrm2f2fw", focused: "_1rsrm2f2fx", focusedVisible: "_1rsrm2f2fy" }, defaultClass: "_1rsrm2f2ft" }, buttonIconStroke: { conditions: { base: "_1rsrm2f2fz", hover: "_1rsrm2f2g0", active: "_1rsrm2f2g1", selection: "_1rsrm2f2g2", focused: "_1rsrm2f2g3", focusedVisible: "_1rsrm2f2g4" }, defaultClass: "_1rsrm2f2fz" }, buttonBorderTertiary: { conditions: { base: "_1rsrm2f2g5", hover: "_1rsrm2f2g6", active: "_1rsrm2f2g7", selection: "_1rsrm2f2g8", focused: "_1rsrm2f2g9", focusedVisible: "_1rsrm2f2ga" }, defaultClass: "_1rsrm2f2g5" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f2gb", hover: "_1rsrm2f2gc", active: "_1rsrm2f2gd", selection: "_1rsrm2f2ge", focused: "_1rsrm2f2gf", focusedVisible: "_1rsrm2f2gg" }, defaultClass: "_1rsrm2f2gb" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f2gh", hover: "_1rsrm2f2gi", active: "_1rsrm2f2gj", selection: "_1rsrm2f2gk", focused: "_1rsrm2f2gl", focusedVisible: "_1rsrm2f2gm" }, defaultClass: "_1rsrm2f2gh" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f2gn", hover: "_1rsrm2f2go", active: "_1rsrm2f2gp", selection: "_1rsrm2f2gq", focused: "_1rsrm2f2gr", focusedVisible: "_1rsrm2f2gs" }, defaultClass: "_1rsrm2f2gn" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f2gt", hover: "_1rsrm2f2gu", active: "_1rsrm2f2gv", selection: "_1rsrm2f2gw", focused: "_1rsrm2f2gx", focusedVisible: "_1rsrm2f2gy" }, defaultClass: "_1rsrm2f2gt" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f2gz", hover: "_1rsrm2f2h0", active: "_1rsrm2f2h1", selection: "_1rsrm2f2h2", focused: "_1rsrm2f2h3", focusedVisible: "_1rsrm2f2h4" }, defaultClass: "_1rsrm2f2gz" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f2h5", hover: "_1rsrm2f2h6", active: "_1rsrm2f2h7", selection: "_1rsrm2f2h8", focused: "_1rsrm2f2h9", focusedVisible: "_1rsrm2f2ha" }, defaultClass: "_1rsrm2f2h5" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f2hb", hover: "_1rsrm2f2hc", active: "_1rsrm2f2hd", selection: "_1rsrm2f2he", focused: "_1rsrm2f2hf", focusedVisible: "_1rsrm2f2hg" }, defaultClass: "_1rsrm2f2hb" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f2hh", hover: "_1rsrm2f2hi", active: "_1rsrm2f2hj", selection: "_1rsrm2f2hk", focused: "_1rsrm2f2hl", focusedVisible: "_1rsrm2f2hm" }, defaultClass: "_1rsrm2f2hh" }, newBadgeBackground: { conditions: { base: "_1rsrm2f2hn", hover: "_1rsrm2f2ho", active: "_1rsrm2f2hp", selection: "_1rsrm2f2hq", focused: "_1rsrm2f2hr", focusedVisible: "_1rsrm2f2hs" }, defaultClass: "_1rsrm2f2hn" }, newBadgeBorder: { conditions: { base: "_1rsrm2f2ht", hover: "_1rsrm2f2hu", active: "_1rsrm2f2hv", selection: "_1rsrm2f2hw", focused: "_1rsrm2f2hx", focusedVisible: "_1rsrm2f2hy" }, defaultClass: "_1rsrm2f2ht" }, newBadgeText: { conditions: { base: "_1rsrm2f2hz", hover: "_1rsrm2f2i0", active: "_1rsrm2f2i1", selection: "_1rsrm2f2i2", focused: "_1rsrm2f2i3", focusedVisible: "_1rsrm2f2i4" }, defaultClass: "_1rsrm2f2hz" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f2i5", hover: "_1rsrm2f2i6", active: "_1rsrm2f2i7", selection: "_1rsrm2f2i8", focused: "_1rsrm2f2i9", focusedVisible: "_1rsrm2f2ia" }, defaultClass: "_1rsrm2f2i5" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f2ib", hover: "_1rsrm2f2ic", active: "_1rsrm2f2id", selection: "_1rsrm2f2ie", focused: "_1rsrm2f2if", focusedVisible: "_1rsrm2f2ig" }, defaultClass: "_1rsrm2f2ib" }, approvedBadgeText: { conditions: { base: "_1rsrm2f2ih", hover: "_1rsrm2f2ii", active: "_1rsrm2f2ij", selection: "_1rsrm2f2ik", focused: "_1rsrm2f2il", focusedVisible: "_1rsrm2f2im" }, defaultClass: "_1rsrm2f2ih" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f2in", hover: "_1rsrm2f2io", active: "_1rsrm2f2ip", selection: "_1rsrm2f2iq", focused: "_1rsrm2f2ir", focusedVisible: "_1rsrm2f2is" }, defaultClass: "_1rsrm2f2in" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f2it", hover: "_1rsrm2f2iu", active: "_1rsrm2f2iv", selection: "_1rsrm2f2iw", focused: "_1rsrm2f2ix", focusedVisible: "_1rsrm2f2iy" }, defaultClass: "_1rsrm2f2it" }, failedBadgeText: { conditions: { base: "_1rsrm2f2iz", hover: "_1rsrm2f2j0", active: "_1rsrm2f2j1", selection: "_1rsrm2f2j2", focused: "_1rsrm2f2j3", focusedVisible: "_1rsrm2f2j4" }, defaultClass: "_1rsrm2f2iz" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f2j5", hover: "_1rsrm2f2j6", active: "_1rsrm2f2j7", selection: "_1rsrm2f2j8", focused: "_1rsrm2f2j9", focusedVisible: "_1rsrm2f2ja" }, defaultClass: "_1rsrm2f2j5" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f2jb", hover: "_1rsrm2f2jc", active: "_1rsrm2f2jd", selection: "_1rsrm2f2je", focused: "_1rsrm2f2jf", focusedVisible: "_1rsrm2f2jg" }, defaultClass: "_1rsrm2f2jb" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f2jh", hover: "_1rsrm2f2ji", active: "_1rsrm2f2jj", selection: "_1rsrm2f2jk", focused: "_1rsrm2f2jl", focusedVisible: "_1rsrm2f2jm" }, defaultClass: "_1rsrm2f2jh" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f2jn", hover: "_1rsrm2f2jo", active: "_1rsrm2f2jp", selection: "_1rsrm2f2jq", focused: "_1rsrm2f2jr", focusedVisible: "_1rsrm2f2js" }, defaultClass: "_1rsrm2f2jn" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f2jt", hover: "_1rsrm2f2ju", active: "_1rsrm2f2jv", selection: "_1rsrm2f2jw", focused: "_1rsrm2f2jx", focusedVisible: "_1rsrm2f2jy" }, defaultClass: "_1rsrm2f2jt" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f2jz", hover: "_1rsrm2f2k0", active: "_1rsrm2f2k1", selection: "_1rsrm2f2k2", focused: "_1rsrm2f2k3", focusedVisible: "_1rsrm2f2k4" }, defaultClass: "_1rsrm2f2jz" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f2k5", hover: "_1rsrm2f2k6", active: "_1rsrm2f2k7", selection: "_1rsrm2f2k8", focused: "_1rsrm2f2k9", focusedVisible: "_1rsrm2f2ka" }, defaultClass: "_1rsrm2f2k5" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f2kb", hover: "_1rsrm2f2kc", active: "_1rsrm2f2kd", selection: "_1rsrm2f2ke", focused: "_1rsrm2f2kf", focusedVisible: "_1rsrm2f2kg" }, defaultClass: "_1rsrm2f2kb" }, inputAmountFiatDecimalsColor: { conditions: { base: "_1rsrm2f2kh", hover: "_1rsrm2f2ki", active: "_1rsrm2f2kj", selection: "_1rsrm2f2kk", focused: "_1rsrm2f2kl", focusedVisible: "_1rsrm2f2km" }, defaultClass: "_1rsrm2f2kh" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f2kn", hover: "_1rsrm2f2ko", active: "_1rsrm2f2kp", selection: "_1rsrm2f2kq", focused: "_1rsrm2f2kr", focusedVisible: "_1rsrm2f2ks" }, defaultClass: "_1rsrm2f2kn" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f2kt", hover: "_1rsrm2f2ku", active: "_1rsrm2f2kv", selection: "_1rsrm2f2kw", focused: "_1rsrm2f2kx", focusedVisible: "_1rsrm2f2ky" }, defaultClass: "_1rsrm2f2kt" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f2kz", hover: "_1rsrm2f2l0", active: "_1rsrm2f2l1", selection: "_1rsrm2f2l2", focused: "_1rsrm2f2l3", focusedVisible: "_1rsrm2f2l4" }, defaultClass: "_1rsrm2f2kz" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f2l5", hover: "_1rsrm2f2l6", active: "_1rsrm2f2l7", selection: "_1rsrm2f2l8", focused: "_1rsrm2f2l9", focusedVisible: "_1rsrm2f2la" }, defaultClass: "_1rsrm2f2l5" }, announceGradientFrom: { conditions: { base: "_1rsrm2f2lb", hover: "_1rsrm2f2lc", active: "_1rsrm2f2ld", selection: "_1rsrm2f2le", focused: "_1rsrm2f2lf", focusedVisible: "_1rsrm2f2lg" }, defaultClass: "_1rsrm2f2lb" }, announceGradientTo: { conditions: { base: "_1rsrm2f2lh", hover: "_1rsrm2f2li", active: "_1rsrm2f2lj", selection: "_1rsrm2f2lk", focused: "_1rsrm2f2ll", focusedVisible: "_1rsrm2f2lm" }, defaultClass: "_1rsrm2f2lh" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f2ln", hover: "_1rsrm2f2lo", active: "_1rsrm2f2lp", selection: "_1rsrm2f2lq", focused: "_1rsrm2f2lr", focusedVisible: "_1rsrm2f2ls" }, defaultClass: "_1rsrm2f2ln" }, modalFooterDivider: { conditions: { base: "_1rsrm2f2lt", hover: "_1rsrm2f2lu", active: "_1rsrm2f2lv", selection: "_1rsrm2f2lw", focused: "_1rsrm2f2lx", focusedVisible: "_1rsrm2f2ly" }, defaultClass: "_1rsrm2f2lt" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f2lz", hover: "_1rsrm2f2m0", active: "_1rsrm2f2m1", selection: "_1rsrm2f2m2", focused: "_1rsrm2f2m3", focusedVisible: "_1rsrm2f2m4" }, defaultClass: "_1rsrm2f2lz" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f2m5", hover: "_1rsrm2f2m6", active: "_1rsrm2f2m7", selection: "_1rsrm2f2m8", focused: "_1rsrm2f2m9", focusedVisible: "_1rsrm2f2ma" }, defaultClass: "_1rsrm2f2m5" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f2mb", hover: "_1rsrm2f2mc", active: "_1rsrm2f2md", selection: "_1rsrm2f2me", focused: "_1rsrm2f2mf", focusedVisible: "_1rsrm2f2mg" }, defaultClass: "_1rsrm2f2mb" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f2mh", hover: "_1rsrm2f2mi", active: "_1rsrm2f2mj", selection: "_1rsrm2f2mk", focused: "_1rsrm2f2ml", focusedVisible: "_1rsrm2f2mm" }, defaultClass: "_1rsrm2f2mh" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f2mn", hover: "_1rsrm2f2mo", active: "_1rsrm2f2mp", selection: "_1rsrm2f2mq", focused: "_1rsrm2f2mr", focusedVisible: "_1rsrm2f2ms" }, defaultClass: "_1rsrm2f2mn" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f2mt", hover: "_1rsrm2f2mu", active: "_1rsrm2f2mv", selection: "_1rsrm2f2mw", focused: "_1rsrm2f2mx", focusedVisible: "_1rsrm2f2my" }, defaultClass: "_1rsrm2f2mt" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f2mz", hover: "_1rsrm2f2n0", active: "_1rsrm2f2n1", selection: "_1rsrm2f2n2", focused: "_1rsrm2f2n3", focusedVisible: "_1rsrm2f2n4" }, defaultClass: "_1rsrm2f2mz" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f2n5", hover: "_1rsrm2f2n6", active: "_1rsrm2f2n7", selection: "_1rsrm2f2n8", focused: "_1rsrm2f2n9", focusedVisible: "_1rsrm2f2na" }, defaultClass: "_1rsrm2f2n5" }, optionBoxBackground: { conditions: { base: "_1rsrm2f2nb", hover: "_1rsrm2f2nc", active: "_1rsrm2f2nd", selection: "_1rsrm2f2ne", focused: "_1rsrm2f2nf", focusedVisible: "_1rsrm2f2ng" }, defaultClass: "_1rsrm2f2nb" }, optionBoxBackgroundUninteractive: { conditions: { base: "_1rsrm2f2nh", hover: "_1rsrm2f2ni", active: "_1rsrm2f2nj", selection: "_1rsrm2f2nk", focused: "_1rsrm2f2nl", focusedVisible: "_1rsrm2f2nm" }, defaultClass: "_1rsrm2f2nh" }, optionBoxBorderHover: { conditions: { base: "_1rsrm2f2nn", hover: "_1rsrm2f2no", active: "_1rsrm2f2np", selection: "_1rsrm2f2nq", focused: "_1rsrm2f2nr", focusedVisible: "_1rsrm2f2ns" }, defaultClass: "_1rsrm2f2nn" }, openDropdownBackgroundColor: { conditions: { base: "_1rsrm2f2nt", hover: "_1rsrm2f2nu", active: "_1rsrm2f2nv", selection: "_1rsrm2f2nw", focused: "_1rsrm2f2nx", focusedVisible: "_1rsrm2f2ny" }, defaultClass: "_1rsrm2f2nt" }, dropdownActiveItemBackgroundBase: { conditions: { base: "_1rsrm2f2nz", hover: "_1rsrm2f2o0", active: "_1rsrm2f2o1", selection: "_1rsrm2f2o2", focused: "_1rsrm2f2o3", focusedVisible: "_1rsrm2f2o4" }, defaultClass: "_1rsrm2f2nz" }, dropdownActiveItemBackgroundHover: { conditions: { base: "_1rsrm2f2o5", hover: "_1rsrm2f2o6", active: "_1rsrm2f2o7", selection: "_1rsrm2f2o8", focused: "_1rsrm2f2o9", focusedVisible: "_1rsrm2f2oa" }, defaultClass: "_1rsrm2f2o5" }, dropdownActiveItemBackgroundDisabled: { conditions: { base: "_1rsrm2f2ob", hover: "_1rsrm2f2oc", active: "_1rsrm2f2od", selection: "_1rsrm2f2oe", focused: "_1rsrm2f2of", focusedVisible: "_1rsrm2f2og" }, defaultClass: "_1rsrm2f2ob" }, selectedDropdownItemBackground: { conditions: { base: "_1rsrm2f2oh", hover: "_1rsrm2f2oi", active: "_1rsrm2f2oj", selection: "_1rsrm2f2ok", focused: "_1rsrm2f2ol", focusedVisible: "_1rsrm2f2om" }, defaultClass: "_1rsrm2f2oh" }, spinnerBackground: { conditions: { base: "_1rsrm2f2on", hover: "_1rsrm2f2oo", active: "_1rsrm2f2op", selection: "_1rsrm2f2oq", focused: "_1rsrm2f2or", focusedVisible: "_1rsrm2f2os" }, defaultClass: "_1rsrm2f2on" }, spinnerIndicator: { conditions: { base: "_1rsrm2f2ot", hover: "_1rsrm2f2ou", active: "_1rsrm2f2ov", selection: "_1rsrm2f2ow", focused: "_1rsrm2f2ox", focusedVisible: "_1rsrm2f2oy" }, defaultClass: "_1rsrm2f2ot" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f2oz", hover: "_1rsrm2f2p0", active: "_1rsrm2f2p1", selection: "_1rsrm2f2p2", focused: "_1rsrm2f2p3", focusedVisible: "_1rsrm2f2p4" }, defaultClass: "_1rsrm2f2oz" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f2p5", hover: "_1rsrm2f2p6", active: "_1rsrm2f2p7", selection: "_1rsrm2f2p8", focused: "_1rsrm2f2p9", focusedVisible: "_1rsrm2f2pa" }, defaultClass: "_1rsrm2f2p5" }, txSummaryBoxBackground: { conditions: { base: "_1rsrm2f2pb", hover: "_1rsrm2f2pc", active: "_1rsrm2f2pd", selection: "_1rsrm2f2pe", focused: "_1rsrm2f2pf", focusedVisible: "_1rsrm2f2pg" }, defaultClass: "_1rsrm2f2pb" }, txSummaryBoxBorder: { conditions: { base: "_1rsrm2f2ph", hover: "_1rsrm2f2pi", active: "_1rsrm2f2pj", selection: "_1rsrm2f2pk", focused: "_1rsrm2f2pl", focusedVisible: "_1rsrm2f2pm" }, defaultClass: "_1rsrm2f2ph" }, counterRingColor: { conditions: { base: "_1rsrm2f2pn", hover: "_1rsrm2f2po", active: "_1rsrm2f2pp", selection: "_1rsrm2f2pq", focused: "_1rsrm2f2pr", focusedVisible: "_1rsrm2f2ps" }, defaultClass: "_1rsrm2f2pn" }, cryptoCashToggleContainerBorderColor: { conditions: { base: "_1rsrm2f2pt", hover: "_1rsrm2f2pu", active: "_1rsrm2f2pv", selection: "_1rsrm2f2pw", focused: "_1rsrm2f2px", focusedVisible: "_1rsrm2f2py" }, defaultClass: "_1rsrm2f2pt" }, cryptoCashToggleBackground: { conditions: { base: "_1rsrm2f2pz", hover: "_1rsrm2f2q0", active: "_1rsrm2f2q1", selection: "_1rsrm2f2q2", focused: "_1rsrm2f2q3", focusedVisible: "_1rsrm2f2q4" }, defaultClass: "_1rsrm2f2pz" } } } } }, { 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" }, full: { defaultClass: "_1rsrm2f1b" }, badge: { defaultClass: "_1rsrm2f1c" }, smallBadge: { defaultClass: "_1rsrm2f1d" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1e" }, dotted: { defaultClass: "_1rsrm2f1f" }, hidden: { defaultClass: "_1rsrm2f1g" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1h" }, "1": { defaultClass: "_1rsrm2f1i" }, "2": { defaultClass: "_1rsrm2f1j" }, "3": { defaultClass: "_1rsrm2f1k" }, "4": { defaultClass: "_1rsrm2f1l" }, activeOptionBorderWidth: { defaultClass: "_1rsrm2f1m" }, buttonTertiaryBorderWidth: { defaultClass: "_1rsrm2f1n" }, cryptoCashToggleContainerBorderWidth: { defaultClass: "_1rsrm2f1o" }, txSummaryBoxBorderWidth: { defaultClass: "_1rsrm2f1p" }, "0.5": { defaultClass: "_1rsrm2f1q" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1r" }, pointer: { defaultClass: "_1rsrm2f1s" }, "not-allowed": { defaultClass: "_1rsrm2f1t" }, "default": { defaultClass: "_1rsrm2f1u" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1v" }, column: { defaultClass: "_1rsrm2f1w" } } }, fontFamily: { values: { amountValue: { defaultClass: "_1rsrm2f1x" }, body: { defaultClass: "_1rsrm2f1y" }, buttonTextPrimary: { defaultClass: "_1rsrm2f1z" }, buttonTextSecondary: { defaultClass: "_1rsrm2f20" }, buttonTextTertiary: { defaultClass: "_1rsrm2f21" }, header: { defaultClass: "_1rsrm2f22" }, inputAmount: { defaultClass: "_1rsrm2f23" }, txStatusDescription: { defaultClass: "_1rsrm2f24" }, txStatusTitle: { defaultClass: "_1rsrm2f25" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f26" }, "12": { defaultClass: "_1rsrm2f27" }, "13": { defaultClass: "_1rsrm2f28" }, "14": { defaultClass: "_1rsrm2f29" }, "16": { defaultClass: "_1rsrm2f2a" }, "18": { defaultClass: "_1rsrm2f2b" }, "20": { defaultClass: "_1rsrm2f2c" }, "21": { defaultClass: "_1rsrm2f2d" }, "40": { defaultClass: "_1rsrm2f2e" }, "57": { defaultClass: "_1rsrm2f2f" }, inherit: { defaultClass: "_1rsrm2f2g" }, body: { defaultClass: "_1rsrm2f2h" }, cryptoCashToggle: { defaultClass: "_1rsrm2f2i" }, "header-14": { defaultClass: "_1rsrm2f2j" }, "header-36": { defaultClass: "_1rsrm2f2k" }, buttonTextPrimary: { defaultClass: "_1rsrm2f2l" }, buttonTextSecondary: { defaultClass: "_1rsrm2f2m" }, buttonTextTertiary: { defaultClass: "_1rsrm2f2n" }, dollarValue: { defaultClass: "_1rsrm2f2o" }, inputAmount: { defaultClass: "_1rsrm2f2p" }, modalTopbarSubtitle: { defaultClass: "_1rsrm2f2q" }, modalTopbarTitle: { defaultClass: "_1rsrm2f2r" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f2s" }, paymentMethodItemSubtitle: { defaultClass: "_1rsrm2f2t" }, paymentMethodItemTitle: { defaultClass: "_1rsrm2f2u" }, selectAssetItemSubtitle: { defaultClass: "_1rsrm2f2v" }, selectAssetItemTitle: { defaultClass: "_1rsrm2f2w" }, txBreakdown: { defaultClass: "_1rsrm2f2x" }, txStatusDescription: { defaultClass: "_1rsrm2f2y" }, txStatusTitle: { defaultClass: "_1rsrm2f2z" }, txSummaryLabel: { defaultClass: "_1rsrm2f30" }, txSummaryValue: { defaultClass: "_1rsrm2f31" }, youPayYouReceivePrimaryFontSize: { defaultClass: "_1rsrm2f32" }, youPayYouReceiveSecondaryFontSize: { defaultClass: "_1rsrm2f33" }, transferTokenLabelFontSize: { defaultClass: "_1rsrm2f34" }, depositAddressFontSize: { defaultClass: "_1rsrm2f35" }, funFeatureListItemFontSize: { defaultClass: "_1rsrm2f36" }, dropdownItemFontSize: { defaultClass: "_1rsrm2f37" }, sourceListSectionLabelFontSize: { defaultClass: "_1rsrm2f38" }, formOfPaymentsListSectionLabelFontSize: { defaultClass: "_1rsrm2f39" } } }, fontWeight: { values: { inherit: { defaultClass: "_1rsrm2f3a" }, regular: { defaultClass: "_1rsrm2f3b" }, medium: { defaultClass: "_1rsrm2f3c" }, semibold: { defaultClass: "_1rsrm2f3d" }, bold: { defaultClass: "_1rsrm2f3e" }, heavy: { defaultClass: "_1rsrm2f3f" }, cryptoCashToggle: { defaultClass: "_1rsrm2f3g" }, inputAmount: { defaultClass: "_1rsrm2f3h" }, modalTopbarTitle: { defaultClass: "_1rsrm2f3i" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f3j" }, paymentMethodItemSubtitle: { defaultClass: "_1rsrm2f3k" }, paymentMethodItemTitle: { defaultClass: "_1rsrm2f3l" }, selectAssetItemSubtitle: { defaultClass: "_1rsrm2f3m" }, selectAssetItemTitle: { defaultClass: "_1rsrm2f3n" }, transferTokenLabelFontWeight: { defaultClass: "_1rsrm2f3o" }, txBreakdown: { defaultClass: "_1rsrm2f3p" }, txStatusDescription: { defaultClass: "_1rsrm2f3q" }, txStatusTitle: { defaultClass: "_1rsrm2f3r" }, txSummaryLabel: { defaultClass: "_1rsrm2f3s" }, txSummaryValue: { defaultClass: "_1rsrm2f3t" }, sourceListSectionLabelFontWeight: { defaultClass: "_1rsrm2f3u" }, formOfPaymentsListSectionLabelFontWeight: { defaultClass: "_1rsrm2f3v" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f3w" }, "1": { defaultClass: "_1rsrm2f3x" }, "2": { defaultClass: "_1rsrm2f3y" }, "3": { defaultClass: "_1rsrm2f3z" }, "4": { defaultClass: "_1rsrm2f40" }, "5": { defaultClass: "_1rsrm2f41" }, "6": { defaultClass: "_1rsrm2f42" }, "7": { defaultClass: "_1rsrm2f43" }, "8": { defaultClass: "_1rsrm2f44" }, "9": { defaultClass: "_1rsrm2f45" }, "10": { defaultClass: "_1rsrm2f46" }, "11": { defaultClass: "_1rsrm2f47" }, "12": { defaultClass: "_1rsrm2f48" }, "13": { defaultClass: "_1rsrm2f49" }, "14": { defaultClass: "_1rsrm2f4a" }, "15": { defaultClass: "_1rsrm2f4b" }, "16": { defaultClass: "_1rsrm2f4c" }, "18": { defaultClass: "_1rsrm2f4d" }, "20": { defaultClass: "_1rsrm2f4e" }, "22": { defaultClass: "_1rsrm2f4f" }, "24": { defaultClass: "_1rsrm2f4g" }, "28": { defaultClass: "_1rsrm2f4h" }, "30": { defaultClass: "_1rsrm2f4i" }, "32": { defaultClass: "_1rsrm2f4j" }, "36": { defaultClass: "_1rsrm2f4k" }, "40": { defaultClass: "_1rsrm2f4l" }, "44": { defaultClass: "_1rsrm2f4m" }, "64": { defaultClass: "_1rsrm2f4n" }, "-1": { defaultClass: "_1rsrm2f4o" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2f4p" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2f4q" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2f4r" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2f4s" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2f4t" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2f4u" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f4v" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f4w" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f4x" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f4y" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f4z" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2f50" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2f51" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2f52" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2f53" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2f54" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2f55" }, txBreakdownMarginY: { defaultClass: "_1rsrm2f56" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2f57" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2f58" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2f59" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2f5a" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2f5b" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2f5c" }, verticalSectionGap: { defaultClass: "_1rsrm2f5d" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2f5e" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2f5f" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2f5g" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f5h" }, "2": { defaultClass: "_1rsrm2f5i" }, "4": { defaultClass: "_1rsrm2f5j" }, "8": { defaultClass: "_1rsrm2f5k" }, "10": { defaultClass: "_1rsrm2f5l" }, "11": { defaultClass: "_1rsrm2f5m" }, "12": { defaultClass: "_1rsrm2f5n" }, "13": { defaultClass: "_1rsrm2f5o" }, "14": { defaultClass: "_1rsrm2f5p" }, "15": { defaultClass: "_1rsrm2f5q" }, "16": { defaultClass: "_1rsrm2f5r" }, "18": { defaultClass: "_1rsrm2f5s" }, "20": { defaultClass: "_1rsrm2f5t" }, "24": { defaultClass: "_1rsrm2f5u" }, "28": { defaultClass: "_1rsrm2f5v" }, "30": { defaultClass: "_1rsrm2f5w" }, "32": { defaultClass: "_1rsrm2f5x" }, "34": { defaultClass: "_1rsrm2f5y" }, "36": { defaultClass: "_1rsrm2f5z" }, "40": { defaultClass: "_1rsrm2f60" }, "44": { defaultClass: "_1rsrm2f61" }, "48": { defaultClass: "_1rsrm2f62" }, "50": { defaultClass: "_1rsrm2f63" }, "54": { defaultClass: "_1rsrm2f64" }, "57": { defaultClass: "_1rsrm2f65" }, "60": { defaultClass: "_1rsrm2f66" }, "72": { defaultClass: "_1rsrm2f67" }, "76": { defaultClass: "_1rsrm2f68" }, "93": { defaultClass: "_1rsrm2f69" }, "96": { defaultClass: "_1rsrm2f6a" }, "100": { defaultClass: "_1rsrm2f6b" }, "108": { defaultClass: "_1rsrm2f6c" }, "120": { defaultClass: "_1rsrm2f6d" }, "160": { defaultClass: "_1rsrm2f6e" }, "180": { defaultClass: "_1rsrm2f6f" }, "200": { defaultClass: "_1rsrm2f6g" }, "240": { defaultClass: "_1rsrm2f6h" }, "300": { defaultClass: "_1rsrm2f6i" }, half: { defaultClass: "_1rsrm2f6j" }, full: { defaultClass: "_1rsrm2f6k" }, max: { defaultClass: "_1rsrm2f6l" }, connectExchangeIconSize: { defaultClass: "_1rsrm2f6m" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2f6n" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2f6o" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2f6p" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2f6q" }, inputAmountMinHeight: { defaultClass: "_1rsrm2f6r" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f6s" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2f6t" }, modalTopBarHeight: { defaultClass: "_1rsrm2f6u" }, modalTopbarIconSize: { defaultClass: "_1rsrm2f6v" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2f6w" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2f6x" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2f6y" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2f6z" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2f70" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2f71" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2f72" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2f73" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2f74" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f75" }, "flex-end": { defaultClass: "_1rsrm2f76" }, center: { defaultClass: "_1rsrm2f77" }, "space-between": { defaultClass: "_1rsrm2f78" }, "space-around": { defaultClass: "_1rsrm2f79" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f7a" }, center: { defaultClass: "_1rsrm2f7b" }, right: { defaultClass: "_1rsrm2f7c" }, inherit: { defaultClass: "_1rsrm2f7d" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f7e" }, "1": { defaultClass: "_1rsrm2f7f" }, "2": { defaultClass: "_1rsrm2f7g" }, "3": { defaultClass: "_1rsrm2f7h" }, "4": { defaultClass: "_1rsrm2f7i" }, "5": { defaultClass: "_1rsrm2f7j" }, "6": { defaultClass: "_1rsrm2f7k" }, "7": { defaultClass: "_1rsrm2f7l" }, "8": { defaultClass: "_1rsrm2f7m" }, "9": { defaultClass: "_1rsrm2f7n" }, "10": { defaultClass: "_1rsrm2f7o" }, "11": { defaultClass: "_1rsrm2f7p" }, "12": { defaultClass: "_1rsrm2f7q" }, "13": { defaultClass: "_1rsrm2f7r" }, "14": { defaultClass: "_1rsrm2f7s" }, "15": { defaultClass: "_1rsrm2f7t" }, "16": { defaultClass: "_1rsrm2f7u" }, "18": { defaultClass: "_1rsrm2f7v" }, "20": { defaultClass: "_1rsrm2f7w" }, "22": { defaultClass: "_1rsrm2f7x" }, "24": { defaultClass: "_1rsrm2f7y" }, "28": { defaultClass: "_1rsrm2f7z" }, "30": { defaultClass: "_1rsrm2f80" }, "32": { defaultClass: "_1rsrm2f81" }, "36": { defaultClass: "_1rsrm2f82" }, "40": { defaultClass: "_1rsrm2f83" }, "44": { defaultClass: "_1rsrm2f84" }, "64": { defaultClass: "_1rsrm2f85" }, auto: { defaultClass: "_1rsrm2f86" }, "-18": { defaultClass: "_1rsrm2f87" }, "-12": { defaultClass: "_1rsrm2f88" }, "-1": { defaultClass: "_1rsrm2f89" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2f8a" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2f8b" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2f8c" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2f8d" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2f8e" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2f8f" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f8g" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f8h" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f8i" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f8j" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f8k" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2f8l" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2f8m" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2f8n" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2f8o" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2f8p" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2f8q" }, txBreakdownMarginY: { defaultClass: "_1rsrm2f8r" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2f8s" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2f8t" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2f8u" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2f8v" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2f8w" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2f8x" }, verticalSectionGap: { defaultClass: "_1rsrm2f8y" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2f8z" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2f90" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2f91" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f92" }, "1": { defaultClass: "_1rsrm2f93" }, "2": { defaultClass: "_1rsrm2f94" }, "3": { defaultClass: "_1rsrm2f95" }, "4": { defaultClass: "_1rsrm2f96" }, "5": { defaultClass: "_1rsrm2f97" }, "6": { defaultClass: "_1rsrm2f98" }, "7": { defaultClass: "_1rsrm2f99" }, "8": { defaultClass: "_1rsrm2f9a" }, "9": { defaultClass: "_1rsrm2f9b" }, "10": { defaultClass: "_1rsrm2f9c" }, "11": { defaultClass: "_1rsrm2f9d" }, "12": { defaultClass: "_1rsrm2f9e" }, "13": { defaultClass: "_1rsrm2f9f" }, "14": { defaultClass: "_1rsrm2f9g" }, "15": { defaultClass: "_1rsrm2f9h" }, "16": { defaultClass: "_1rsrm2f9i" }, "18": { defaultClass: "_1rsrm2f9j" }, "20": { defaultClass: "_1rsrm2f9k" }, "22": { defaultClass: "_1rsrm2f9l" }, "24": { defaultClass: "_1rsrm2f9m" }, "28": { defaultClass: "_1rsrm2f9n" }, "30": { defaultClass: "_1rsrm2f9o" }, "32": { defaultClass: "_1rsrm2f9p" }, "36": { defaultClass: "_1rsrm2f9q" }, "40": { defaultClass: "_1rsrm2f9r" }, "44": { defaultClass: "_1rsrm2f9s" }, "64": { defaultClass: "_1rsrm2f9t" }, auto: { defaultClass: "_1rsrm2f9u" }, "-18": { defaultClass: "_1rsrm2f9v" }, "-12": { defaultClass: "_1rsrm2f9w" }, "-1": { defaultClass: "_1rsrm2f9x" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2f9y" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2f9z" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fa0" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fa1" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fa2" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fa3" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fa4" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fa5" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fa6" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fa7" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fa8" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fa9" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2faa" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fab" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fac" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fad" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fae" }, txBreakdownMarginY: { defaultClass: "_1rsrm2faf" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fag" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fah" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fai" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2faj" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fak" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fal" }, verticalSectionGap: { defaultClass: "_1rsrm2fam" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fan" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fao" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fap" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2faq" }, "1": { defaultClass: "_1rsrm2far" }, "2": { defaultClass: "_1rsrm2fas" }, "3": { defaultClass: "_1rsrm2fat" }, "4": { defaultClass: "_1rsrm2fau" }, "5": { defaultClass: "_1rsrm2fav" }, "6": { defaultClass: "_1rsrm2faw" }, "7": { defaultClass: "_1rsrm2fax" }, "8": { defaultClass: "_1rsrm2fay" }, "9": { defaultClass: "_1rsrm2faz" }, "10": { defaultClass: "_1rsrm2fb0" }, "11": { defaultClass: "_1rsrm2fb1" }, "12": { defaultClass: "_1rsrm2fb2" }, "13": { defaultClass: "_1rsrm2fb3" }, "14": { defaultClass: "_1rsrm2fb4" }, "15": { defaultClass: "_1rsrm2fb5" }, "16": { defaultClass: "_1rsrm2fb6" }, "18": { defaultClass: "_1rsrm2fb7" }, "20": { defaultClass: "_1rsrm2fb8" }, "22": { defaultClass: "_1rsrm2fb9" }, "24": { defaultClass: "_1rsrm2fba" }, "28": { defaultClass: "_1rsrm2fbb" }, "30": { defaultClass: "_1rsrm2fbc" }, "32": { defaultClass: "_1rsrm2fbd" }, "36": { defaultClass: "_1rsrm2fbe" }, "40": { defaultClass: "_1rsrm2fbf" }, "44": { defaultClass: "_1rsrm2fbg" }, "64": { defaultClass: "_1rsrm2fbh" }, auto: { defaultClass: "_1rsrm2fbi" }, "-18": { defaultClass: "_1rsrm2fbj" }, "-12": { defaultClass: "_1rsrm2fbk" }, "-1": { defaultClass: "_1rsrm2fbl" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fbm" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fbn" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fbo" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fbp" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fbq" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fbr" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fbs" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fbt" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fbu" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fbv" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fbw" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fbx" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fby" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fbz" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fc0" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fc1" }, selectBrokerageItemPaddingY: { 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" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fcb" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fcc" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fcd" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2fce" }, "1": { defaultClass: "_1rsrm2fcf" }, "2": { defaultClass: "_1rsrm2fcg" }, "3": { defaultClass: "_1rsrm2fch" }, "4": { defaultClass: "_1rsrm2fci" }, "5": { defaultClass: "_1rsrm2fcj" }, "6": { defaultClass: "_1rsrm2fck" }, "7": { defaultClass: "_1rsrm2fcl" }, "8": { defaultClass: "_1rsrm2fcm" }, "9": { defaultClass: "_1rsrm2fcn" }, "10": { defaultClass: "_1rsrm2fco" }, "11": { defaultClass: "_1rsrm2fcp" }, "12": { defaultClass: "_1rsrm2fcq" }, "13": { defaultClass: "_1rsrm2fcr" }, "14": { defaultClass: "_1rsrm2fcs" }, "15": { defaultClass: "_1rsrm2fct" }, "16": { defaultClass: "_1rsrm2fcu" }, "18": { defaultClass: "_1rsrm2fcv" }, "20": { defaultClass: "_1rsrm2fcw" }, "22": { defaultClass: "_1rsrm2fcx" }, "24": { defaultClass: "_1rsrm2fcy" }, "28": { defaultClass: "_1rsrm2fcz" }, "30": { defaultClass: "_1rsrm2fd0" }, "32": { defaultClass: "_1rsrm2fd1" }, "36": { defaultClass: "_1rsrm2fd2" }, "40": { defaultClass: "_1rsrm2fd3" }, "44": { defaultClass: "_1rsrm2fd4" }, "64": { defaultClass: "_1rsrm2fd5" }, auto: { defaultClass: "_1rsrm2fd6" }, "-18": { defaultClass: "_1rsrm2fd7" }, "-12": { defaultClass: "_1rsrm2fd8" }, "-1": { defaultClass: "_1rsrm2fd9" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fda" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fdb" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fdc" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fdd" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fde" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fdf" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fdg" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fdh" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fdi" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fdj" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fdk" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fdl" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fdm" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fdn" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fdo" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fdp" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fdq" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fdr" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fds" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fdt" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fdu" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fdv" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fdw" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fdx" }, verticalSectionGap: { defaultClass: "_1rsrm2fdy" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fdz" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fe0" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fe1" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2fe2" }, "2": { defaultClass: "_1rsrm2fe3" }, "4": { defaultClass: "_1rsrm2fe4" }, "8": { defaultClass: "_1rsrm2fe5" }, "10": { defaultClass: "_1rsrm2fe6" }, "11": { defaultClass: "_1rsrm2fe7" }, "12": { defaultClass: "_1rsrm2fe8" }, "13": { defaultClass: "_1rsrm2fe9" }, "14": { defaultClass: "_1rsrm2fea" }, "15": { defaultClass: "_1rsrm2feb" }, "16": { defaultClass: "_1rsrm2fec" }, "18": { defaultClass: "_1rsrm2fed" }, "20": { defaultClass: "_1rsrm2fee" }, "24": { defaultClass: "_1rsrm2fef" }, "28": { defaultClass: "_1rsrm2feg" }, "30": { defaultClass: "_1rsrm2feh" }, "32": { defaultClass: "_1rsrm2fei" }, "34": { defaultClass: "_1rsrm2fej" }, "36": { defaultClass: "_1rsrm2fek" }, "40": { defaultClass: "_1rsrm2fel" }, "44": { defaultClass: "_1rsrm2fem" }, "48": { defaultClass: "_1rsrm2fen" }, "50": { defaultClass: "_1rsrm2feo" }, "54": { defaultClass: "_1rsrm2fep" }, "57": { defaultClass: "_1rsrm2feq" }, "60": { defaultClass: "_1rsrm2fer" }, "72": { defaultClass: "_1rsrm2fes" }, "76": { defaultClass: "_1rsrm2fet" }, "93": { defaultClass: "_1rsrm2feu" }, "96": { defaultClass: "_1rsrm2fev" }, "100": { defaultClass: "_1rsrm2few" }, "108": { defaultClass: "_1rsrm2fex" }, "120": { defaultClass: "_1rsrm2fey" }, "160": { defaultClass: "_1rsrm2fez" }, "180": { defaultClass: "_1rsrm2ff0" }, "200": { defaultClass: "_1rsrm2ff1" }, "240": { defaultClass: "_1rsrm2ff2" }, "300": { defaultClass: "_1rsrm2ff3" }, half: { defaultClass: "_1rsrm2ff4" }, full: { defaultClass: "_1rsrm2ff5" }, max: { defaultClass: "_1rsrm2ff6" }, connectExchangeIconSize: { defaultClass: "_1rsrm2ff7" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2ff8" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2ff9" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2ffa" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2ffb" }, inputAmountMinHeight: { defaultClass: "_1rsrm2ffc" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2ffd" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2ffe" }, modalTopBarHeight: { defaultClass: "_1rsrm2fff" }, modalTopbarIconSize: { defaultClass: "_1rsrm2ffg" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2ffh" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2ffi" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2ffj" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2ffk" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2ffl" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2ffm" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2ffn" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2ffo" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2ffp" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2ffq" }, "2": { defaultClass: "_1rsrm2ffr" }, "4": { defaultClass: "_1rsrm2ffs" }, "8": { defaultClass: "_1rsrm2fft" }, "10": { defaultClass: "_1rsrm2ffu" }, "11": { defaultClass: "_1rsrm2ffv" }, "12": { defaultClass: "_1rsrm2ffw" }, "13": { defaultClass: "_1rsrm2ffx" }, "14": { defaultClass: "_1rsrm2ffy" }, "15": { defaultClass: "_1rsrm2ffz" }, "16": { defaultClass: "_1rsrm2fg0" }, "18": { defaultClass: "_1rsrm2fg1" }, "20": { defaultClass: "_1rsrm2fg2" }, "24": { defaultClass: "_1rsrm2fg3" }, "28": { defaultClass: "_1rsrm2fg4" }, "30": { defaultClass: "_1rsrm2fg5" }, "32": { defaultClass: "_1rsrm2fg6" }, "34": { defaultClass: "_1rsrm2fg7" }, "36": { defaultClass: "_1rsrm2fg8" }, "40": { defaultClass: "_1rsrm2fg9" }, "44": { defaultClass: "_1rsrm2fga" }, "48": { defaultClass: "_1rsrm2fgb" }, "50": { defaultClass: "_1rsrm2fgc" }, "54": { defaultClass: "_1rsrm2fgd" }, "57": { defaultClass: "_1rsrm2fge" }, "60": { defaultClass: "_1rsrm2fgf" }, "72": { defaultClass: "_1rsrm2fgg" }, "76": { defaultClass: "_1rsrm2fgh" }, "93": { defaultClass: "_1rsrm2fgi" }, "96": { defaultClass: "_1rsrm2fgj" }, "100": { defaultClass: "_1rsrm2fgk" }, "108": { defaultClass: "_1rsrm2fgl" }, "120": { defaultClass: "_1rsrm2fgm" }, "160": { defaultClass: "_1rsrm2fgn" }, "180": { defaultClass: "_1rsrm2fgo" }, "200": { defaultClass: "_1rsrm2fgp" }, "240": { defaultClass: "_1rsrm2fgq" }, "300": { defaultClass: "_1rsrm2fgr" }, half: { defaultClass: "_1rsrm2fgs" }, full: { defaultClass: "_1rsrm2fgt" }, max: { defaultClass: "_1rsrm2fgu" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fgv" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fgw" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fgx" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fgy" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fgz" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fh0" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fh1" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fh2" }, modalTopBarHeight: { defaultClass: "_1rsrm2fh3" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fh4" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fh5" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fh6" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fh7" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fh8" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fh9" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fha" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fhb" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fhc" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fhd" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2fhe" }, "2": { defaultClass: "_1rsrm2fhf" }, "4": { defaultClass: "_1rsrm2fhg" }, "8": { defaultClass: "_1rsrm2fhh" }, "10": { defaultClass: "_1rsrm2fhi" }, "11": { defaultClass: "_1rsrm2fhj" }, "12": { defaultClass: "_1rsrm2fhk" }, "13": { defaultClass: "_1rsrm2fhl" }, "14": { defaultClass: "_1rsrm2fhm" }, "15": { defaultClass: "_1rsrm2fhn" }, "16": { defaultClass: "_1rsrm2fho" }, "18": { defaultClass: "_1rsrm2fhp" }, "20": { defaultClass: "_1rsrm2fhq" }, "24": { defaultClass: "_1rsrm2fhr" }, "28": { defaultClass: "_1rsrm2fhs" }, "30": { defaultClass: "_1rsrm2fht" }, "32": { defaultClass: "_1rsrm2fhu" }, "34": { defaultClass: "_1rsrm2fhv" }, "36": { defaultClass: "_1rsrm2fhw" }, "40": { defaultClass: "_1rsrm2fhx" }, "44": { defaultClass: "_1rsrm2fhy" }, "48": { defaultClass: "_1rsrm2fhz" }, "50": { defaultClass: "_1rsrm2fi0" }, "54": { defaultClass: "_1rsrm2fi1" }, "57": { defaultClass: "_1rsrm2fi2" }, "60": { defaultClass: "_1rsrm2fi3" }, "72": { defaultClass: "_1rsrm2fi4" }, "76": { defaultClass: "_1rsrm2fi5" }, "93": { defaultClass: "_1rsrm2fi6" }, "96": { defaultClass: "_1rsrm2fi7" }, "100": { defaultClass: "_1rsrm2fi8" }, "108": { defaultClass: "_1rsrm2fi9" }, "120": { defaultClass: "_1rsrm2fia" }, "160": { defaultClass: "_1rsrm2fib" }, "180": { defaultClass: "_1rsrm2fic" }, "200": { defaultClass: "_1rsrm2fid" }, "240": { defaultClass: "_1rsrm2fie" }, "300": { defaultClass: "_1rsrm2fif" }, half: { defaultClass: "_1rsrm2fig" }, full: { defaultClass: "_1rsrm2fih" }, max: { defaultClass: "_1rsrm2fii" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fij" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fik" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fil" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fim" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fin" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fio" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fip" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fiq" }, modalTopBarHeight: { defaultClass: "_1rsrm2fir" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fis" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fit" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fiu" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fiv" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fiw" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fix" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fiy" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fiz" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fj0" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fj1" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fj2" }, "2": { defaultClass: "_1rsrm2fj3" }, "4": { defaultClass: "_1rsrm2fj4" }, "8": { defaultClass: "_1rsrm2fj5" }, "10": { defaultClass: "_1rsrm2fj6" }, "11": { defaultClass: "_1rsrm2fj7" }, "12": { defaultClass: "_1rsrm2fj8" }, "13": { defaultClass: "_1rsrm2fj9" }, "14": { defaultClass: "_1rsrm2fja" }, "15": { defaultClass: "_1rsrm2fjb" }, "16": { defaultClass: "_1rsrm2fjc" }, "18": { defaultClass: "_1rsrm2fjd" }, "20": { defaultClass: "_1rsrm2fje" }, "24": { defaultClass: "_1rsrm2fjf" }, "28": { defaultClass: "_1rsrm2fjg" }, "30": { defaultClass: "_1rsrm2fjh" }, "32": { defaultClass: "_1rsrm2fji" }, "34": { defaultClass: "_1rsrm2fjj" }, "36": { defaultClass: "_1rsrm2fjk" }, "40": { defaultClass: "_1rsrm2fjl" }, "44": { defaultClass: "_1rsrm2fjm" }, "48": { defaultClass: "_1rsrm2fjn" }, "50": { defaultClass: "_1rsrm2fjo" }, "54": { defaultClass: "_1rsrm2fjp" }, "57": { defaultClass: "_1rsrm2fjq" }, "60": { defaultClass: "_1rsrm2fjr" }, "72": { defaultClass: "_1rsrm2fjs" }, "76": { defaultClass: "_1rsrm2fjt" }, "93": { defaultClass: "_1rsrm2fju" }, "96": { defaultClass: "_1rsrm2fjv" }, "100": { defaultClass: "_1rsrm2fjw" }, "108": { defaultClass: "_1rsrm2fjx" }, "120": { defaultClass: "_1rsrm2fjy" }, "160": { defaultClass: "_1rsrm2fjz" }, "180": { defaultClass: "_1rsrm2fk0" }, "200": { defaultClass: "_1rsrm2fk1" }, "240": { defaultClass: "_1rsrm2fk2" }, "300": { defaultClass: "_1rsrm2fk3" }, half: { defaultClass: "_1rsrm2fk4" }, full: { defaultClass: "_1rsrm2fk5" }, max: { defaultClass: "_1rsrm2fk6" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fk7" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fk8" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fk9" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fka" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fkb" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fkc" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fkd" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fke" }, modalTopBarHeight: { defaultClass: "_1rsrm2fkf" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fkg" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fkh" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fki" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fkj" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fkk" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fkl" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fkm" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fkn" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fko" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fkp" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fkq" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fkr" }, "1": { defaultClass: "_1rsrm2fks" }, "2": { defaultClass: "_1rsrm2fkt" }, "3": { defaultClass: "_1rsrm2fku" }, "4": { defaultClass: "_1rsrm2fkv" }, "5": { defaultClass: "_1rsrm2fkw" }, "6": { defaultClass: "_1rsrm2fkx" }, "7": { defaultClass: "_1rsrm2fky" }, "8": { defaultClass: "_1rsrm2fkz" }, "9": { defaultClass: "_1rsrm2fl0" }, "10": { defaultClass: "_1rsrm2fl1" }, "11": { defaultClass: "_1rsrm2fl2" }, "12": { defaultClass: "_1rsrm2fl3" }, "13": { defaultClass: "_1rsrm2fl4" }, "14": { defaultClass: "_1rsrm2fl5" }, "15": { defaultClass: "_1rsrm2fl6" }, "16": { defaultClass: "_1rsrm2fl7" }, "18": { defaultClass: "_1rsrm2fl8" }, "20": { defaultClass: "_1rsrm2fl9" }, "22": { defaultClass: "_1rsrm2fla" }, "24": { defaultClass: "_1rsrm2flb" }, "28": { defaultClass: "_1rsrm2flc" }, "30": { defaultClass: "_1rsrm2fld" }, "32": { defaultClass: "_1rsrm2fle" }, "36": { defaultClass: "_1rsrm2flf" }, "40": { defaultClass: "_1rsrm2flg" }, "44": { defaultClass: "_1rsrm2flh" }, "64": { defaultClass: "_1rsrm2fli" }, "-1": { defaultClass: "_1rsrm2flj" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2flk" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fll" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2flm" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fln" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2flo" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2flp" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2flq" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2flr" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fls" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2flt" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2flu" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2flv" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2flw" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2flx" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fly" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2flz" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fm0" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fm1" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fm2" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fm3" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fm4" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fm5" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fm6" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fm7" }, verticalSectionGap: { defaultClass: "_1rsrm2fm8" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fm9" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fma" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fmb" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fmc" }, "1": { defaultClass: "_1rsrm2fmd" }, "2": { defaultClass: "_1rsrm2fme" }, "3": { defaultClass: "_1rsrm2fmf" }, "4": { defaultClass: "_1rsrm2fmg" }, "5": { defaultClass: "_1rsrm2fmh" }, "6": { defaultClass: "_1rsrm2fmi" }, "7": { defaultClass: "_1rsrm2fmj" }, "8": { defaultClass: "_1rsrm2fmk" }, "9": { defaultClass: "_1rsrm2fml" }, "10": { defaultClass: "_1rsrm2fmm" }, "11": { defaultClass: "_1rsrm2fmn" }, "12": { defaultClass: "_1rsrm2fmo" }, "13": { defaultClass: "_1rsrm2fmp" }, "14": { defaultClass: "_1rsrm2fmq" }, "15": { defaultClass: "_1rsrm2fmr" }, "16": { defaultClass: "_1rsrm2fms" }, "18": { defaultClass: "_1rsrm2fmt" }, "20": { defaultClass: "_1rsrm2fmu" }, "22": { defaultClass: "_1rsrm2fmv" }, "24": { defaultClass: "_1rsrm2fmw" }, "28": { defaultClass: "_1rsrm2fmx" }, "30": { defaultClass: "_1rsrm2fmy" }, "32": { defaultClass: "_1rsrm2fmz" }, "36": { defaultClass: "_1rsrm2fn0" }, "40": { defaultClass: "_1rsrm2fn1" }, "44": { defaultClass: "_1rsrm2fn2" }, "64": { defaultClass: "_1rsrm2fn3" }, "-1": { defaultClass: "_1rsrm2fn4" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fn5" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fn6" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fn7" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fn8" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fn9" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fna" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fnb" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fnc" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fnd" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fne" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fnf" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fng" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fnh" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fni" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fnj" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fnk" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fnl" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fnm" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fnn" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fno" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fnp" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fnq" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fnr" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fns" }, verticalSectionGap: { defaultClass: "_1rsrm2fnt" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fnu" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fnv" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fnw" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fnx" }, "1": { defaultClass: "_1rsrm2fny" }, "2": { defaultClass: "_1rsrm2fnz" }, "3": { defaultClass: "_1rsrm2fo0" }, "4": { defaultClass: "_1rsrm2fo1" }, "5": { defaultClass: "_1rsrm2fo2" }, "6": { defaultClass: "_1rsrm2fo3" }, "7": { defaultClass: "_1rsrm2fo4" }, "8": { defaultClass: "_1rsrm2fo5" }, "9": { defaultClass: "_1rsrm2fo6" }, "10": { defaultClass: "_1rsrm2fo7" }, "11": { defaultClass: "_1rsrm2fo8" }, "12": { defaultClass: "_1rsrm2fo9" }, "13": { defaultClass: "_1rsrm2foa" }, "14": { defaultClass: "_1rsrm2fob" }, "15": { defaultClass: "_1rsrm2foc" }, "16": { defaultClass: "_1rsrm2fod" }, "18": { defaultClass: "_1rsrm2foe" }, "20": { defaultClass: "_1rsrm2fof" }, "22": { defaultClass: "_1rsrm2fog" }, "24": { defaultClass: "_1rsrm2foh" }, "28": { defaultClass: "_1rsrm2foi" }, "30": { defaultClass: "_1rsrm2foj" }, "32": { defaultClass: "_1rsrm2fok" }, "36": { defaultClass: "_1rsrm2fol" }, "40": { defaultClass: "_1rsrm2fom" }, "44": { defaultClass: "_1rsrm2fon" }, "64": { defaultClass: "_1rsrm2foo" }, "-1": { defaultClass: "_1rsrm2fop" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2foq" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2for" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fos" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fot" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fou" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fov" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fow" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fox" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2foy" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2foz" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fp0" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fp1" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fp2" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fp3" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fp4" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fp5" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fp6" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fp7" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fp8" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fp9" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fpa" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fpb" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fpc" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fpd" }, verticalSectionGap: { defaultClass: "_1rsrm2fpe" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fpf" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fpg" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fph" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fpi" }, "1": { defaultClass: "_1rsrm2fpj" }, "2": { defaultClass: "_1rsrm2fpk" }, "3": { defaultClass: "_1rsrm2fpl" }, "4": { defaultClass: "_1rsrm2fpm" }, "5": { defaultClass: "_1rsrm2fpn" }, "6": { defaultClass: "_1rsrm2fpo" }, "7": { defaultClass: "_1rsrm2fpp" }, "8": { defaultClass: "_1rsrm2fpq" }, "9": { defaultClass: "_1rsrm2fpr" }, "10": { defaultClass: "_1rsrm2fps" }, "11": { defaultClass: "_1rsrm2fpt" }, "12": { defaultClass: "_1rsrm2fpu" }, "13": { defaultClass: "_1rsrm2fpv" }, "14": { defaultClass: "_1rsrm2fpw" }, "15": { defaultClass: "_1rsrm2fpx" }, "16": { defaultClass: "_1rsrm2fpy" }, "18": { defaultClass: "_1rsrm2fpz" }, "20": { defaultClass: "_1rsrm2fq0" }, "22": { defaultClass: "_1rsrm2fq1" }, "24": { defaultClass: "_1rsrm2fq2" }, "28": { defaultClass: "_1rsrm2fq3" }, "30": { defaultClass: "_1rsrm2fq4" }, "32": { defaultClass: "_1rsrm2fq5" }, "36": { defaultClass: "_1rsrm2fq6" }, "40": { defaultClass: "_1rsrm2fq7" }, "44": { defaultClass: "_1rsrm2fq8" }, "64": { defaultClass: "_1rsrm2fq9" }, "-1": { defaultClass: "_1rsrm2fqa" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fqb" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fqc" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fqd" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fqe" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fqf" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fqg" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fqh" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fqi" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fqj" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fqk" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fql" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fqm" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fqn" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fqo" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fqp" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fqq" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fqr" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fqs" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fqt" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fqu" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fqv" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fqw" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fqx" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fqy" }, verticalSectionGap: { defaultClass: "_1rsrm2fqz" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fr0" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fr1" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fr2" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fr3" }, fixed: { defaultClass: "_1rsrm2fr4" }, relative: { defaultClass: "_1rsrm2fr5" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fr6" } } }, textTransform: { values: { none: { defaultClass: "_1rsrm2fr7" }, uppercase: { defaultClass: "_1rsrm2fr8" }, lowercase: { defaultClass: "_1rsrm2fr9" }, capitalize: { defaultClass: "_1rsrm2fra" }, inputAmountQuickOptionButton: { defaultClass: "_1rsrm2frb" }, txStatusTitle: { defaultClass: "_1rsrm2frc" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2frd" }, transform: { defaultClass: "_1rsrm2fre" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2frf" } } }, width: { values: { "1": { defaultClass: "_1rsrm2frg" }, "2": { defaultClass: "_1rsrm2frh" }, "4": { defaultClass: "_1rsrm2fri" }, "8": { defaultClass: "_1rsrm2frj" }, "10": { defaultClass: "_1rsrm2frk" }, "11": { defaultClass: "_1rsrm2frl" }, "12": { defaultClass: "_1rsrm2frm" }, "13": { defaultClass: "_1rsrm2frn" }, "14": { defaultClass: "_1rsrm2fro" }, "15": { defaultClass: "_1rsrm2frp" }, "16": { defaultClass: "_1rsrm2frq" }, "18": { defaultClass: "_1rsrm2frr" }, "20": { defaultClass: "_1rsrm2frs" }, "24": { defaultClass: "_1rsrm2frt" }, "28": { defaultClass: "_1rsrm2fru" }, "30": { defaultClass: "_1rsrm2frv" }, "32": { defaultClass: "_1rsrm2frw" }, "34": { defaultClass: "_1rsrm2frx" }, "36": { defaultClass: "_1rsrm2fry" }, "40": { defaultClass: "_1rsrm2frz" }, "44": { defaultClass: "_1rsrm2fs0" }, "48": { defaultClass: "_1rsrm2fs1" }, "50": { defaultClass: "_1rsrm2fs2" }, "54": { defaultClass: "_1rsrm2fs3" }, "57": { defaultClass: "_1rsrm2fs4" }, "60": { defaultClass: "_1rsrm2fs5" }, "72": { defaultClass: "_1rsrm2fs6" }, "76": { defaultClass: "_1rsrm2fs7" }, "93": { defaultClass: "_1rsrm2fs8" }, "96": { defaultClass: "_1rsrm2fs9" }, "100": { defaultClass: "_1rsrm2fsa" }, "108": { defaultClass: "_1rsrm2fsb" }, "120": { defaultClass: "_1rsrm2fsc" }, "160": { defaultClass: "_1rsrm2fsd" }, "180": { defaultClass: "_1rsrm2fse" }, "200": { defaultClass: "_1rsrm2fsf" }, "240": { defaultClass: "_1rsrm2fsg" }, "300": { defaultClass: "_1rsrm2fsh" }, half: { defaultClass: "_1rsrm2fsi" }, full: { defaultClass: "_1rsrm2fsj" }, max: { defaultClass: "_1rsrm2fsk" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fsl" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fsm" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fsn" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fso" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fsp" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fsq" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fsr" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fss" }, modalTopBarHeight: { defaultClass: "_1rsrm2fst" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fsu" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fsv" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fsw" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fsx" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fsy" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fsz" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2ft0" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2ft1" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2ft2" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2ft3" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2ft4" } } } } });
|
|
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)", 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)", 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)", selectedDropdownItemText: "var(--rk-colors-selectedDropdownItemText)", inputBackground: "var(--rk-colors-inputBackground)", inputBorderBase: "var(--rk-colors-inputBorderBase)", inputBorderHover: "var(--rk-colors-inputBorderHover)", activeTabBorderColor: "var(--rk-colors-activeTabBorderColor)", activeTabBackground: "var(--rk-colors-activeTabBackground)", 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)", optionBoxBorderHover: "var(--rk-colors-optionBoxBorderHover)", openDropdownBackgroundColor: "var(--rk-colors-openDropdownBackgroundColor)", dropdownActiveItemBackgroundBase: "var(--rk-colors-dropdownActiveItemBackgroundBase)", dropdownActiveItemBackgroundHover: "var(--rk-colors-dropdownActiveItemBackgroundHover)", dropdownActiveItemBackgroundDisabled: "var(--rk-colors-dropdownActiveItemBackgroundDisabled)", selectedDropdownItemBackground: "var(--rk-colors-selectedDropdownItemBackground)", 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)" }, 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)", 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)", 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)", inputAmount: "var(--rk-fontWeight-inputAmount)", 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)", transferTokenLabelFontWeight: "var(--rk-fontWeight-transferTokenLabelFontWeight)", 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)", sourceListSectionLabelFontWeight: "var(--rk-fontWeight-sourceListSectionLabelFontWeight)", formOfPaymentsListSectionLabelFontWeight: "var(--rk-fontWeight-formOfPaymentsListSectionLabelFontWeight)" }, 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)" }, inputAmount: { fontSize: "var(--rk-fontSize-inputAmount-fontSize)", lineHeight: "var(--rk-fontSize-inputAmount-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)" }, 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)" }, transferTokenLabelFontSize: { fontSize: "var(--rk-fontSize-transferTokenLabelFontSize-fontSize)", lineHeight: "var(--rk-fontSize-transferTokenLabelFontSize-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)" } }, 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)" }, borderWidths: { activeOptionBorderWidth: "var(--rk-borderWidths-activeOptionBorderWidth)", buttonTertiaryBorderWidth: "var(--rk-borderWidths-buttonTertiaryBorderWidth)", cryptoCashToggleContainerBorderWidth: "var(--rk-borderWidths-cryptoCashToggleContainerBorderWidth)", 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)", modalBaseHorizontalPadding: "var(--rk-spacing-modalBaseHorizontalPadding)", modalBottomHorizontalPadding: "var(--rk-spacing-modalBottomHorizontalPadding)", modalPaddingBottomUpper: "var(--rk-spacing-modalPaddingBottomUpper)", modalPaddingBottomLower: "var(--rk-spacing-modalPaddingBottomLower)", modalTopBarVerticalTextSpacing: "var(--rk-spacing-modalTopBarVerticalTextSpacing)", modalBottomBarButtonPaddingY: "var(--rk-spacing-modalBottomBarButtonPaddingY)", 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)", 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)", youPayYouReceivePaddingLeft: "var(--rk-spacing-youPayYouReceivePaddingLeft)", youPayYouReceivePaddingRight: "var(--rk-spacing-youPayYouReceivePaddingRight)", youPayYouReceivePaddingY: "var(--rk-spacing-youPayYouReceivePaddingY)" }, 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)" };
|
|
54
54
|
|
|
55
55
|
// src/css/atoms.ts
|
|
56
56
|
var atoms = ({ reset, ...rest }) => {
|
|
@@ -447,13 +447,13 @@ function Avatar({ address, imageUrl, loading, size }) {
|
|
|
447
447
|
}
|
|
448
448
|
|
|
449
449
|
// src/components/ConnectButton/ConnectButton.tsx
|
|
450
|
-
import React272, { useEffect as useEffect65, useState as
|
|
450
|
+
import React272, { useEffect as useEffect65, useState as useState82 } from "react";
|
|
451
451
|
|
|
452
452
|
// src/css/touchableStyles.css.ts
|
|
453
453
|
var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
|
|
454
|
-
var base2 = "_7rkubb3
|
|
454
|
+
var base2 = "_7rkubb3 _1rsrm2fr5";
|
|
455
455
|
var hover = { grow: "_7rkubb6", growLg: "_7rkubb7" };
|
|
456
|
-
var primaryBase = "_7rkubb5
|
|
456
|
+
var primaryBase = "_7rkubb5 _1rsrm2fr5";
|
|
457
457
|
|
|
458
458
|
// src/css/touchableStyles.ts
|
|
459
459
|
function touchableStyles({ active: active2, hover: hover2 }) {
|
|
@@ -1383,7 +1383,7 @@ import React270, {
|
|
|
1383
1383
|
useCallback as useCallback54,
|
|
1384
1384
|
useContext as useContext20,
|
|
1385
1385
|
useEffect as useEffect64,
|
|
1386
|
-
useState as
|
|
1386
|
+
useState as useState81
|
|
1387
1387
|
} from "react";
|
|
1388
1388
|
import { flushSync as flushSync2 } from "react-dom";
|
|
1389
1389
|
import { v4 as uuid2 } from "uuid";
|
|
@@ -2437,7 +2437,7 @@ function setFunkitConnectVersion({ version }) {
|
|
|
2437
2437
|
localStorage.setItem(storageKey, version);
|
|
2438
2438
|
}
|
|
2439
2439
|
function getCurrentSdkVersion() {
|
|
2440
|
-
return "9.2.
|
|
2440
|
+
return "9.2.1";
|
|
2441
2441
|
}
|
|
2442
2442
|
function useFingerprint() {
|
|
2443
2443
|
const fingerprint = useCallback3(() => {
|
|
@@ -2628,6 +2628,7 @@ var DEFAULT_TEXT_CUSTOMIZATIONS = {
|
|
|
2628
2628
|
};
|
|
2629
2629
|
var DEFAULT_UI_CUSTOMIZATIONS = {
|
|
2630
2630
|
alignTitle: "center",
|
|
2631
|
+
alwaysShowTopDivider: false,
|
|
2631
2632
|
callToActionsUppercase: false,
|
|
2632
2633
|
enableCompactList: false,
|
|
2633
2634
|
checkoutHistory: {
|
|
@@ -3164,19 +3165,28 @@ function useUserIpInfo() {
|
|
|
3164
3165
|
}
|
|
3165
3166
|
|
|
3166
3167
|
// src/hooks/statsig/useDynamicConfig.ts
|
|
3167
|
-
var useDynamicConfig = (name) => {
|
|
3168
|
+
var useDynamicConfig = (name, options) => {
|
|
3168
3169
|
const config = useStatsigDynamicConfig(name);
|
|
3169
3170
|
const fallback2 = useMemo8(() => default_configs_default[name], [name]);
|
|
3170
3171
|
const { userIpInfo } = useUserIpInfo();
|
|
3171
3172
|
const fallbackValue = fallback2?.value;
|
|
3173
|
+
const bypassCountryCode = !!options?.bypassCountryCode;
|
|
3172
3174
|
const resolvedValue = useMemo8(() => {
|
|
3173
3175
|
if (isVariantConfig(config.value)) {
|
|
3174
|
-
return resolveValue(
|
|
3175
|
-
|
|
3176
|
-
|
|
3176
|
+
return resolveValue(
|
|
3177
|
+
bypassCountryCode ? {
|
|
3178
|
+
...config.value,
|
|
3179
|
+
variants: config.value.variants.filter(
|
|
3180
|
+
(variant) => variant.condition?.type !== "country"
|
|
3181
|
+
)
|
|
3182
|
+
} : config.value,
|
|
3183
|
+
{
|
|
3184
|
+
countryCode: userIpInfo?.alpha2
|
|
3185
|
+
}
|
|
3186
|
+
);
|
|
3177
3187
|
}
|
|
3178
3188
|
return config.get("value", fallbackValue);
|
|
3179
|
-
}, [config, fallbackValue, userIpInfo?.alpha2]);
|
|
3189
|
+
}, [bypassCountryCode, config, fallbackValue, userIpInfo?.alpha2]);
|
|
3180
3190
|
return resolvedValue;
|
|
3181
3191
|
};
|
|
3182
3192
|
|
|
@@ -3919,23 +3929,38 @@ function getCheckoutTokenTransferParams({
|
|
|
3919
3929
|
function useIsQRCodeTransferEnabled() {
|
|
3920
3930
|
const { checkoutItem } = useCheckoutContext();
|
|
3921
3931
|
const isQrCodeEnabled = useDynamicConfig("enabletokentransfer");
|
|
3932
|
+
const isQrCodeEnabledRegardlessOfCountry = useDynamicConfig(
|
|
3933
|
+
"enabletokentransfer",
|
|
3934
|
+
{ bypassCountryCode: true }
|
|
3935
|
+
);
|
|
3922
3936
|
const checkoutConfig = checkoutItem?.initSettings.config;
|
|
3923
|
-
const isDynamicRoutingEnabled = useIsDynamicRoutingEnabled({
|
|
3924
|
-
checkoutConfig
|
|
3925
|
-
});
|
|
3937
|
+
const isDynamicRoutingEnabled = useIsDynamicRoutingEnabled({ checkoutConfig });
|
|
3926
3938
|
const udaParams = useUDAParams();
|
|
3927
3939
|
if (!isQrCodeEnabled) {
|
|
3928
|
-
return
|
|
3940
|
+
return {
|
|
3941
|
+
enabled: false,
|
|
3942
|
+
comingSoon: false,
|
|
3943
|
+
geoblocked: isQrCodeEnabledRegardlessOfCountry
|
|
3944
|
+
};
|
|
3929
3945
|
}
|
|
3930
3946
|
if (isDynamicRoutingEnabled) {
|
|
3931
|
-
|
|
3947
|
+
const hasUdaParams = !!udaParams;
|
|
3948
|
+
return {
|
|
3949
|
+
enabled: hasUdaParams,
|
|
3950
|
+
comingSoon: !hasUdaParams,
|
|
3951
|
+
geoblocked: false
|
|
3952
|
+
};
|
|
3932
3953
|
}
|
|
3933
|
-
return
|
|
3954
|
+
return {
|
|
3955
|
+
enabled: true,
|
|
3956
|
+
comingSoon: false,
|
|
3957
|
+
geoblocked: false
|
|
3958
|
+
};
|
|
3934
3959
|
}
|
|
3935
3960
|
var useCheckoutTransferInit = (enabled = true) => {
|
|
3936
3961
|
const { checkoutItem } = useCheckoutContext();
|
|
3937
3962
|
const checkoutConfig = checkoutItem?.initSettings.config;
|
|
3938
|
-
const isQrCodeEnabled = useIsQRCodeTransferEnabled();
|
|
3963
|
+
const { enabled: isQrCodeEnabled } = useIsQRCodeTransferEnabled();
|
|
3939
3964
|
const { walletAddress, userInfo } = useGeneralWallet();
|
|
3940
3965
|
const { apiKey } = useFunkitConfig();
|
|
3941
3966
|
const udaParams = useUDAParams();
|
|
@@ -4492,21 +4517,21 @@ import React269, {
|
|
|
4492
4517
|
useContext as useContext19,
|
|
4493
4518
|
useEffect as useEffect63,
|
|
4494
4519
|
useMemo as useMemo55,
|
|
4495
|
-
useState as
|
|
4520
|
+
useState as useState80
|
|
4496
4521
|
} from "react";
|
|
4497
4522
|
|
|
4498
4523
|
// src/components/Dialog/Dialog.css.ts
|
|
4499
4524
|
var DialogAnimationTimeIn = 0.25;
|
|
4500
4525
|
var DialogAnimationTimeOut = 0.12;
|
|
4501
|
-
var content = "_1r8f573 _1rsrm2fa
|
|
4526
|
+
var content = "_1r8f573 _1rsrm2fa _1rsrm2f1w _1rsrm2fr5";
|
|
4502
4527
|
var easing = [0.3, 0, 0.06, 1];
|
|
4503
4528
|
var itemsAlignCenter = "_1r8f57a";
|
|
4504
4529
|
var itemsAlignEnd = "_1r8f57b";
|
|
4505
|
-
var overlay = "_1r8f571
|
|
4530
|
+
var overlay = "_1r8f571 _1rsrm2ft4 _1rsrm2fwh _1rsrm2fa _1rsrm2f77 _1rsrm2fr4";
|
|
4506
4531
|
var titleContainer = "_1r8f574";
|
|
4507
|
-
var topbarFadeBackground = "_1r8f579
|
|
4532
|
+
var topbarFadeBackground = "_1r8f579 _1rsrm2fwn _1rsrm2fr3";
|
|
4508
4533
|
var topbarFadeWrapper = "_1r8f577";
|
|
4509
|
-
var topbarOverflowContent = "_1r8f576
|
|
4534
|
+
var topbarOverflowContent = "_1r8f576 _1rsrm2fmt _1rsrm2foe";
|
|
4510
4535
|
|
|
4511
4536
|
// src/modals/WithdrwalModal/WithdrawalModal.tsx
|
|
4512
4537
|
import React129, { useCallback as useCallback23, useState as useState38 } from "react";
|
|
@@ -4636,7 +4661,7 @@ var Text = React20.forwardRef(
|
|
|
4636
4661
|
Text.displayName = "Text";
|
|
4637
4662
|
|
|
4638
4663
|
// src/components/FunButton/FunButton.css.ts
|
|
4639
|
-
var accentLinkStyle = "_1tyx5nu3
|
|
4664
|
+
var accentLinkStyle = "_1tyx5nu3 _1rsrm2f2ch";
|
|
4640
4665
|
var funButtonClickableStyle = "_1tyx5nu6";
|
|
4641
4666
|
var funButtonDisabledStyle = "_1tyx5nu8";
|
|
4642
4667
|
var funButtonNonClickableStyle = "_1tyx5nu7";
|
|
@@ -4645,7 +4670,7 @@ var gradientBorder = "_1tyx5nub";
|
|
|
4645
4670
|
var pressedStyles = "_1tyx5nu1";
|
|
4646
4671
|
var textHoverTarget = "_1tyx5nua";
|
|
4647
4672
|
var transitionStyles = "_1tyx5nu0";
|
|
4648
|
-
var underlineLinkStyle = "_1tyx5nu5
|
|
4673
|
+
var underlineLinkStyle = "_1tyx5nu5 _1rsrm2f2ab";
|
|
4649
4674
|
|
|
4650
4675
|
// src/components/FunButton/FunLinkButton.tsx
|
|
4651
4676
|
function FunLinkButton({
|
|
@@ -4716,7 +4741,7 @@ import React22, {
|
|
|
4716
4741
|
} from "react";
|
|
4717
4742
|
|
|
4718
4743
|
// src/components/Icons/StatusIcons.css.ts
|
|
4719
|
-
var slots = { container: "_1rsrm2f4
|
|
4744
|
+
var slots = { container: "_1rsrm2f4 _1rsrm2f1b _1rsrm2fa _1rsrm2f77 _1rsrm2fr5", icon: { secondary: "q7yway3 _1rsrm2f1b _1rsrm2f27h _1rsrm2fr5", success: "q7yway5 _1rsrm2f1b _1rsrm2f27b _1rsrm2fr5" }, background: { secondary: "q7yway7 _1rsrm2fw5 _1rsrm2f1b _1rsrm2f6k _1rsrm2fr3 _1rsrm2fsj", success: "q7yway9 _1rsrm2fvz _1rsrm2f1b _1rsrm2f6k _1rsrm2fr3 _1rsrm2fsj" }, innerShadow: "q7ywayb _1rsrm2f1b _1rsrm2fr3" };
|
|
4720
4745
|
|
|
4721
4746
|
// src/components/Icons/StatusIcons.tsx
|
|
4722
4747
|
function CompletedStatusIcon(props) {
|
|
@@ -5755,7 +5780,7 @@ var FunkitThemeProvider = ({
|
|
|
5755
5780
|
};
|
|
5756
5781
|
|
|
5757
5782
|
// src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts
|
|
5758
|
-
var animateSkeletonClass = "dj0x602
|
|
5783
|
+
var animateSkeletonClass = "dj0x602 _1rsrm2f105";
|
|
5759
5784
|
var circleSkeletonClass = "dj0x603";
|
|
5760
5785
|
|
|
5761
5786
|
// src/components/FunSkeletonLoader/FunSkeletonBlock.tsx
|
|
@@ -7854,6 +7879,8 @@ var flagConfig = {
|
|
|
7854
7879
|
// Polygon
|
|
7855
7880
|
"42161",
|
|
7856
7881
|
// Arbitrum
|
|
7882
|
+
TRON_MAINNET_CHAIN_ID.toString(),
|
|
7883
|
+
bitcoinChain.id.toString(),
|
|
7857
7884
|
"10"
|
|
7858
7885
|
// Optimism
|
|
7859
7886
|
])
|
|
@@ -9200,7 +9227,10 @@ var en_default = {
|
|
|
9200
9227
|
fanaticsApy: "Earn <accent>4.0% APY</accent> on your balance",
|
|
9201
9228
|
useCrypto: "Use Crypto",
|
|
9202
9229
|
useCash: "Use Cash",
|
|
9203
|
-
noFormsOfPayments: "Something went wrong. Please try again. If the issue continues, please <ContactSupportLink>contact us</ContactSupportLink>."
|
|
9230
|
+
noFormsOfPayments: "Something went wrong. Please try again. If the issue continues, please <ContactSupportLink>contact us</ContactSupportLink>.",
|
|
9231
|
+
unavailable: "Unavailable",
|
|
9232
|
+
unavailableInRegionTooltip: "Feature is not available in your region",
|
|
9233
|
+
seeMore: "See more"
|
|
9204
9234
|
},
|
|
9205
9235
|
quote: {
|
|
9206
9236
|
preparingYourQuote: "Preparing your quote...",
|
|
@@ -9718,7 +9748,10 @@ var es_default = {
|
|
|
9718
9748
|
virtualFiatDisplayLabel: "{{virtualFiatLabel}}",
|
|
9719
9749
|
insufficientBalance: "Saldo insuficiente",
|
|
9720
9750
|
insufficientBalanceTooltip: "Al menos un activo debe ser mayor a {{currency}}{{minAmount}} para continuar.",
|
|
9721
|
-
noFormsOfPayments: "Algo sali\xF3 mal. Por favor intenta nuevamente. Si el problema contin\xFAa, por favor <ContactSupportLink>cont\xE1ctanos</ContactSupportLink>."
|
|
9751
|
+
noFormsOfPayments: "Algo sali\xF3 mal. Por favor intenta nuevamente. Si el problema contin\xFAa, por favor <ContactSupportLink>cont\xE1ctanos</ContactSupportLink>.",
|
|
9752
|
+
unavailable: "No disponible",
|
|
9753
|
+
unavailableInRegionTooltip: "La funci\xF3n no est\xE1 disponible en tu regi\xF3n",
|
|
9754
|
+
seeMore: "Ver m\xE1s"
|
|
9722
9755
|
},
|
|
9723
9756
|
quote: {
|
|
9724
9757
|
preparingYourQuote: "Preparando tu cotizaci\xF3n...",
|
|
@@ -10236,7 +10269,10 @@ var fr_default = {
|
|
|
10236
10269
|
virtualFiatDisplayLabel: "{{virtualFiatLabel}}",
|
|
10237
10270
|
insufficientBalance: "Solde insuffisant",
|
|
10238
10271
|
insufficientBalanceTooltip: "Au moins un actif doit d\xE9passer {{currency}}{{minAmount}} pour continuer.",
|
|
10239
|
-
noFormsOfPayments: "Une erreur s'est produite. Veuillez r\xE9essayer. Si le probl\xE8me persiste, veuillez <ContactSupportLink>nous contacter</ContactSupportLink>."
|
|
10272
|
+
noFormsOfPayments: "Une erreur s'est produite. Veuillez r\xE9essayer. Si le probl\xE8me persiste, veuillez <ContactSupportLink>nous contacter</ContactSupportLink>.",
|
|
10273
|
+
unavailable: "Indisponible",
|
|
10274
|
+
unavailableInRegionTooltip: "Cette fonctionnalit\xE9 n'est pas disponible dans votre r\xE9gion",
|
|
10275
|
+
seeMore: "Voir plus"
|
|
10240
10276
|
},
|
|
10241
10277
|
quote: {
|
|
10242
10278
|
preparingYourQuote: "Pr\xE9paration de votre cotation...",
|
|
@@ -10754,7 +10790,10 @@ var ja_default = {
|
|
|
10754
10790
|
virtualFiatDisplayLabel: "{{virtualFiatLabel}}",
|
|
10755
10791
|
insufficientBalance: "\u6B8B\u9AD8\u4E0D\u8DB3",
|
|
10756
10792
|
insufficientBalanceTooltip: "\u7D9A\u884C\u3059\u308B\u306B\u306F\u3001\u5C11\u306A\u304F\u3068\u30821\u3064\u306E\u8CC7\u7523\u304C{{currency}}{{minAmount}}\u3092\u8D85\u3048\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002",
|
|
10757
|
-
noFormsOfPayments: "\u554F\u984C\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002\u3082\u3046\u4E00\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044\u3002\u554F\u984C\u304C\u7D9A\u304F\u5834\u5408\u306F\u3001<ContactSupportLink>\u304A\u554F\u3044\u5408\u308F\u305B\u304F\u3060\u3055\u3044</ContactSupportLink>\u3002"
|
|
10793
|
+
noFormsOfPayments: "\u554F\u984C\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002\u3082\u3046\u4E00\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044\u3002\u554F\u984C\u304C\u7D9A\u304F\u5834\u5408\u306F\u3001<ContactSupportLink>\u304A\u554F\u3044\u5408\u308F\u305B\u304F\u3060\u3055\u3044</ContactSupportLink>\u3002",
|
|
10794
|
+
unavailable: "\u5229\u7528\u4E0D\u53EF",
|
|
10795
|
+
unavailableInRegionTooltip: "\u3053\u306E\u6A5F\u80FD\u306F\u3042\u306A\u305F\u306E\u5730\u57DF\u3067\u306F\u5229\u7528\u3067\u304D\u307E\u305B\u3093",
|
|
10796
|
+
seeMore: "\u3082\u3063\u3068\u898B\u308B"
|
|
10758
10797
|
},
|
|
10759
10798
|
quote: {
|
|
10760
10799
|
preparingYourQuote: "\u898B\u7A4D\u3082\u308A\u3092\u6E96\u5099\u4E2D...",
|
|
@@ -11272,7 +11311,10 @@ var ko_default = {
|
|
|
11272
11311
|
virtualFiatDisplayLabel: "{{virtualFiatLabel}}",
|
|
11273
11312
|
insufficientBalance: "\uC794\uC561 \uBD80\uC871",
|
|
11274
11313
|
insufficientBalanceTooltip: "\uACC4\uC18D\uD558\uB824\uBA74 \uCD5C\uC18C \uD55C \uAC1C\uC758 \uC790\uC0B0\uC774 {{currency}}{{minAmount}} \uC774\uC0C1\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4.",
|
|
11275
|
-
noFormsOfPayments: "\uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574 \uC8FC\uC138\uC694. \uBB38\uC81C\uAC00 \uACC4\uC18D\uB418\uBA74 <ContactSupportLink>\uBB38\uC758\uD574 \uC8FC\uC138\uC694</ContactSupportLink>."
|
|
11314
|
+
noFormsOfPayments: "\uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574 \uC8FC\uC138\uC694. \uBB38\uC81C\uAC00 \uACC4\uC18D\uB418\uBA74 <ContactSupportLink>\uBB38\uC758\uD574 \uC8FC\uC138\uC694</ContactSupportLink>.",
|
|
11315
|
+
unavailable: "\uC0AC\uC6A9 \uBD88\uAC00",
|
|
11316
|
+
unavailableInRegionTooltip: "\uC774 \uAE30\uB2A5\uC740 \uADC0\uD558\uC758 \uC9C0\uC5ED\uC5D0\uC11C \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4",
|
|
11317
|
+
seeMore: "\uB354 \uBCF4\uAE30"
|
|
11276
11318
|
},
|
|
11277
11319
|
quote: {
|
|
11278
11320
|
preparingYourQuote: "\uACAC\uC801 \uC900\uBE44 \uC911...",
|
|
@@ -11790,7 +11832,10 @@ var ru_default = {
|
|
|
11790
11832
|
virtualFiatDisplayLabel: "{{virtualFiatLabel}}",
|
|
11791
11833
|
insufficientBalance: "\u041D\u0435\u0434\u043E\u0441\u0442\u0430\u0442\u043E\u0447\u043D\u044B\u0439 \u0431\u0430\u043B\u0430\u043D\u0441",
|
|
11792
11834
|
insufficientBalanceTooltip: "\u0414\u043B\u044F \u043F\u0440\u043E\u0434\u043E\u043B\u0436\u0435\u043D\u0438\u044F \u0445\u043E\u0442\u044F \u0431\u044B \u043E\u0434\u0438\u043D \u0430\u043A\u0442\u0438\u0432 \u0434\u043E\u043B\u0436\u0435\u043D \u043F\u0440\u0435\u0432\u044B\u0448\u0430\u0442\u044C {{currency}}{{minAmount}}.",
|
|
11793
|
-
noFormsOfPayments: "\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A. \u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0441\u043D\u043E\u0432\u0430. \u0415\u0441\u043B\u0438 \u043F\u0440\u043E\u0431\u043B\u0435\u043C\u0430 \u0441\u043E\u0445\u0440\u0430\u043D\u044F\u0435\u0442\u0441\u044F, \u043F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, <ContactSupportLink>\u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438</ContactSupportLink>."
|
|
11835
|
+
noFormsOfPayments: "\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A. \u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0441\u043D\u043E\u0432\u0430. \u0415\u0441\u043B\u0438 \u043F\u0440\u043E\u0431\u043B\u0435\u043C\u0430 \u0441\u043E\u0445\u0440\u0430\u043D\u044F\u0435\u0442\u0441\u044F, \u043F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, <ContactSupportLink>\u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438</ContactSupportLink>.",
|
|
11836
|
+
unavailable: "\u041D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E",
|
|
11837
|
+
unavailableInRegionTooltip: "\u042D\u0442\u0430 \u0444\u0443\u043D\u043A\u0446\u0438\u044F \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430 \u0432 \u0432\u0430\u0448\u0435\u043C \u0440\u0435\u0433\u0438\u043E\u043D\u0435",
|
|
11838
|
+
seeMore: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0431\u043E\u043B\u044C\u0448\u0435"
|
|
11794
11839
|
},
|
|
11795
11840
|
quote: {
|
|
11796
11841
|
preparingYourQuote: "\u041F\u043E\u0434\u0433\u043E\u0442\u043E\u0432\u043A\u0430 \u0432\u0430\u0448\u0435\u0439 \u043A\u043E\u0442\u0438\u0440\u043E\u0432\u043A\u0438...",
|
|
@@ -12308,7 +12353,10 @@ var tr_default = {
|
|
|
12308
12353
|
virtualFiatDisplayLabel: "{{virtualFiatLabel}}",
|
|
12309
12354
|
insufficientBalance: "Yetersiz bakiye",
|
|
12310
12355
|
insufficientBalanceTooltip: "Devam etmek i\xE7in en az bir varl\u0131\u011F\u0131n {{currency}}{{minAmount}} \xFCzerinde olmas\u0131 gerekiyor.",
|
|
12311
|
-
noFormsOfPayments: "Bir \u015Feyler yanl\u0131\u015F gitti. L\xFCtfen tekrar deneyin. Sorun devam ederse l\xFCtfen <ContactSupportLink>bize ula\u015F\u0131n</ContactSupportLink>."
|
|
12356
|
+
noFormsOfPayments: "Bir \u015Feyler yanl\u0131\u015F gitti. L\xFCtfen tekrar deneyin. Sorun devam ederse l\xFCtfen <ContactSupportLink>bize ula\u015F\u0131n</ContactSupportLink>.",
|
|
12357
|
+
unavailable: "Kullan\u0131lamaz",
|
|
12358
|
+
unavailableInRegionTooltip: "Bu \xF6zellik b\xF6lgenizde kullan\u0131lamaz",
|
|
12359
|
+
seeMore: "Daha fazla"
|
|
12312
12360
|
},
|
|
12313
12361
|
quote: {
|
|
12314
12362
|
preparingYourQuote: "Teklifiniz haz\u0131rlan\u0131yor...",
|
|
@@ -12826,7 +12874,10 @@ var zh_default = {
|
|
|
12826
12874
|
virtualFiatDisplayLabel: "{{virtualFiatLabel}}",
|
|
12827
12875
|
insufficientBalance: "\u4F59\u989D\u4E0D\u8DB3",
|
|
12828
12876
|
insufficientBalanceTooltip: "\u81F3\u5C11\u6709\u4E00\u9879\u8D44\u4EA7\u5FC5\u987B\u8D85\u8FC7 {{currency}}{{minAmount}} \u624D\u80FD\u7EE7\u7EED\u3002",
|
|
12829
|
-
noFormsOfPayments: "\u51FA\u73B0\u95EE\u9898\u3002\u8BF7\u91CD\u8BD5\u3002\u5982\u679C\u95EE\u9898\u6301\u7EED\u5B58\u5728\uFF0C\u8BF7<ContactSupportLink>\u8054\u7CFB\u6211\u4EEC</ContactSupportLink>\u3002"
|
|
12877
|
+
noFormsOfPayments: "\u51FA\u73B0\u95EE\u9898\u3002\u8BF7\u91CD\u8BD5\u3002\u5982\u679C\u95EE\u9898\u6301\u7EED\u5B58\u5728\uFF0C\u8BF7<ContactSupportLink>\u8054\u7CFB\u6211\u4EEC</ContactSupportLink>\u3002",
|
|
12878
|
+
unavailable: "\u4E0D\u53EF\u7528",
|
|
12879
|
+
unavailableInRegionTooltip: "\u6B64\u529F\u80FD\u5728\u60A8\u6240\u5728\u5730\u533A\u4E0D\u53EF\u7528",
|
|
12880
|
+
seeMore: "\u67E5\u770B\u66F4\u591A"
|
|
12830
12881
|
},
|
|
12831
12882
|
quote: {
|
|
12832
12883
|
preparingYourQuote: "\u6B63\u5728\u51C6\u5907\u60A8\u7684\u62A5\u4EF7...",
|
|
@@ -14378,6 +14429,7 @@ import { useEffect as useEffect21, useRef as useRef10, useState as useState20 }
|
|
|
14378
14429
|
var useScrollDivider = () => {
|
|
14379
14430
|
const ref = useRef10(null);
|
|
14380
14431
|
const [isTop, setIsTop] = useState20(true);
|
|
14432
|
+
const [isBottom, setIsBottom] = useState20(true);
|
|
14381
14433
|
const [isScrollable, setIsScrollable] = useState20(false);
|
|
14382
14434
|
const [isScrolling, setIsScrolling] = useState20(false);
|
|
14383
14435
|
useEffect21(() => {
|
|
@@ -14388,6 +14440,7 @@ var useScrollDivider = () => {
|
|
|
14388
14440
|
const handleScrollPositionChange = () => {
|
|
14389
14441
|
const { scrollTop, scrollHeight, clientHeight } = content2;
|
|
14390
14442
|
setIsTop(scrollTop === 0);
|
|
14443
|
+
setIsBottom(scrollTop + clientHeight >= scrollHeight - 1);
|
|
14391
14444
|
setIsScrollable(scrollHeight > clientHeight + 1);
|
|
14392
14445
|
};
|
|
14393
14446
|
const handleContentChange = () => {
|
|
@@ -14423,7 +14476,8 @@ var useScrollDivider = () => {
|
|
|
14423
14476
|
hasTopDivider: !isTop,
|
|
14424
14477
|
hasBottomDivider: isScrollable,
|
|
14425
14478
|
isScrolling,
|
|
14426
|
-
isScrollable
|
|
14479
|
+
isScrollable,
|
|
14480
|
+
isAtBottom: isBottom
|
|
14427
14481
|
};
|
|
14428
14482
|
};
|
|
14429
14483
|
|
|
@@ -15016,7 +15070,7 @@ function FunPoweredTagline({
|
|
|
15016
15070
|
}
|
|
15017
15071
|
|
|
15018
15072
|
// src/components/FunBottomBar/FunBottomBar.css.ts
|
|
15019
|
-
var topSectionDynamicPadding = "
|
|
15073
|
+
var topSectionDynamicPadding = "_1rsrm2fqj";
|
|
15020
15074
|
|
|
15021
15075
|
// src/components/FunBottomBar/FunBottomBar.tsx
|
|
15022
15076
|
var FunBottomBar = ({
|
|
@@ -15155,7 +15209,8 @@ function FunDivider({
|
|
|
15155
15209
|
marginBottom,
|
|
15156
15210
|
borderColor = "lightStroke",
|
|
15157
15211
|
label,
|
|
15158
|
-
className
|
|
15212
|
+
className,
|
|
15213
|
+
visible = true
|
|
15159
15214
|
}) {
|
|
15160
15215
|
if (!label) {
|
|
15161
15216
|
return /* @__PURE__ */ React59.createElement(
|
|
@@ -15165,7 +15220,8 @@ function FunDivider({
|
|
|
15165
15220
|
borderColor,
|
|
15166
15221
|
marginTop,
|
|
15167
15222
|
marginBottom,
|
|
15168
|
-
width: "full"
|
|
15223
|
+
width: "full",
|
|
15224
|
+
style: { opacity: visible ? 1 : 0 }
|
|
15169
15225
|
}
|
|
15170
15226
|
);
|
|
15171
15227
|
}
|
|
@@ -15177,7 +15233,8 @@ function FunDivider({
|
|
|
15177
15233
|
gap: "10",
|
|
15178
15234
|
alignItems: "center",
|
|
15179
15235
|
marginTop,
|
|
15180
|
-
marginBottom
|
|
15236
|
+
marginBottom,
|
|
15237
|
+
style: { opacity: visible ? 1 : 0 }
|
|
15181
15238
|
},
|
|
15182
15239
|
/* @__PURE__ */ React59.createElement(Box, { borderColor, className: dividerBorder }),
|
|
15183
15240
|
/* @__PURE__ */ React59.createElement(Text, { size: "10", color: "tertiaryText", weight: "medium" }, label),
|
|
@@ -15258,7 +15315,7 @@ var InfoIcon = ({ filled = false, size = 12 }) => {
|
|
|
15258
15315
|
};
|
|
15259
15316
|
|
|
15260
15317
|
// src/components/FunTooltip/FunTooltip.css.ts
|
|
15261
|
-
var tooltipContent = "z1l38i7
|
|
15318
|
+
var tooltipContent = "z1l38i7 _1rsrm2fmk _1rsrm2fo5 _1rsrm2fpo _1rsrm2fkx _1rsrm2f15 _1rsrm2fwn _1rsrm2f1jb _1rsrm2f1e _1rsrm2f1i";
|
|
15262
15319
|
var tooltipTrigger = "z1l38i5";
|
|
15263
15320
|
|
|
15264
15321
|
// src/components/FunTooltip/FunTooltip.tsx
|
|
@@ -15925,7 +15982,8 @@ var useRecentCheckouts = ({
|
|
|
15925
15982
|
const checkouts = await getCheckoutsByUserId2({
|
|
15926
15983
|
userId: userInfo.id,
|
|
15927
15984
|
limit: 5,
|
|
15928
|
-
apiKey
|
|
15985
|
+
apiKey,
|
|
15986
|
+
logger
|
|
15929
15987
|
});
|
|
15930
15988
|
const defaultTimestampCutoff = Date.now() - DEFAULT_NOTIF_CUTOFF;
|
|
15931
15989
|
return checkouts.filter(
|
|
@@ -15990,7 +16048,8 @@ function useRecentDepositsImpl({
|
|
|
15990
16048
|
const directExecutions2 = await getDirectExecutionsByUserId2({
|
|
15991
16049
|
userId,
|
|
15992
16050
|
limit: fetchSize,
|
|
15993
|
-
apiKey
|
|
16051
|
+
apiKey,
|
|
16052
|
+
logger
|
|
15994
16053
|
});
|
|
15995
16054
|
return directExecutions2;
|
|
15996
16055
|
},
|
|
@@ -16491,7 +16550,7 @@ function useIsSepaUser() {
|
|
|
16491
16550
|
return sepaCountryCode.includes(userIpInfo?.alpha2 || "PLACEHOLDER");
|
|
16492
16551
|
}
|
|
16493
16552
|
function useFiatEnabled() {
|
|
16494
|
-
const isTokenTransferEnabled = useIsQRCodeTransferEnabled();
|
|
16553
|
+
const { enabled: isTokenTransferEnabled } = useIsQRCodeTransferEnabled();
|
|
16495
16554
|
const isFiatEnabled = useDynamicConfig("enablefiatdeposit");
|
|
16496
16555
|
const isSepaUser = useIsSepaUser();
|
|
16497
16556
|
return isTokenTransferEnabled && isFiatEnabled && isSepaUser;
|
|
@@ -16582,7 +16641,8 @@ function useLoadKycLink(linkLoad) {
|
|
|
16582
16641
|
}
|
|
16583
16642
|
const response = await getBridgeKycLink({
|
|
16584
16643
|
guid: linkLoad.guid,
|
|
16585
|
-
apiKey
|
|
16644
|
+
apiKey,
|
|
16645
|
+
logger
|
|
16586
16646
|
});
|
|
16587
16647
|
return response.kycLink;
|
|
16588
16648
|
},
|
|
@@ -17107,7 +17167,7 @@ import clsx10 from "clsx";
|
|
|
17107
17167
|
import React69, { useRef as useRef13 } from "react";
|
|
17108
17168
|
|
|
17109
17169
|
// src/components/FunOptionBox/FunOptionBox.css.ts
|
|
17110
|
-
var funOptionBoxStyle = { baseStyle: "_1rfcluh0", compactListStyle: "_1rfcluh1", defaultBorder: "
|
|
17170
|
+
var funOptionBoxStyle = { baseStyle: "_1rfcluh0", compactListStyle: "_1rfcluh1", defaultBorder: "_1rsrm2f1jb _1rsrm2f1y0 _1rsrm2f1hg", transparentBorder: "_1rsrm2f1nz _1rsrm2f1hg _1rsrm2f1m", activeBorder: "_1rsrm2f1hb", disabledOptionBorder: "_1rsrm2f1j5", defaultBackground: "_1rsrm2f1bz _1rsrm2fx0", activeBackground: "_1rsrm2f1bz _1rsrm2f12c _1rsrm2f12d", uninteractiveBackground: "_1rsrm2f1c5" };
|
|
17111
17171
|
|
|
17112
17172
|
// src/components/FunOptionBox/FunOptionBox.tsx
|
|
17113
17173
|
function FunOptionBox({
|
|
@@ -17870,6 +17930,8 @@ function FopPaymentMethodItem({
|
|
|
17870
17930
|
testId,
|
|
17871
17931
|
disclaimerLimit
|
|
17872
17932
|
}) {
|
|
17933
|
+
const { geoblocked: isQrCodeGeoblocked } = useIsQRCodeTransferEnabled();
|
|
17934
|
+
const isDisabled = isQrCodeGeoblocked || !fop.embeddedFlowUrl;
|
|
17873
17935
|
const { t } = useFunkitTranslation();
|
|
17874
17936
|
const isBankTransfer = fop.fopType === FormOfPaymentType.BANK_TRANSFER;
|
|
17875
17937
|
const labelText = isSavedFormOfPaymentType(fop) ? getSavedFormOfPaymentDisplayName(fop) : fop.name;
|
|
@@ -17878,6 +17940,7 @@ function FopPaymentMethodItem({
|
|
|
17878
17940
|
FunPaymentMethodItem,
|
|
17879
17941
|
{
|
|
17880
17942
|
isActive,
|
|
17943
|
+
isDisabled,
|
|
17881
17944
|
keyIcon: /* @__PURE__ */ React74.createElement(
|
|
17882
17945
|
AsyncImage,
|
|
17883
17946
|
{
|
|
@@ -17894,7 +17957,15 @@ function FopPaymentMethodItem({
|
|
|
17894
17957
|
limit: disclaimerLimit,
|
|
17895
17958
|
time: isBankTransfer ? FIAT_PROCESSING_TIME : t("payment.instant")
|
|
17896
17959
|
}),
|
|
17897
|
-
testId: testId || `fop-${labelText.toLowerCase().replace(/\s+/g, "-")}
|
|
17960
|
+
testId: testId || `fop-${labelText.toLowerCase().replace(/\s+/g, "-")}`,
|
|
17961
|
+
valueIcon: isDisabled ? isQrCodeGeoblocked ? /* @__PURE__ */ React74.createElement(
|
|
17962
|
+
FunTooltip,
|
|
17963
|
+
{
|
|
17964
|
+
content: t("sourceChange.unavailableInRegionTooltip"),
|
|
17965
|
+
startDelay: 150
|
|
17966
|
+
},
|
|
17967
|
+
/* @__PURE__ */ React74.createElement(FunBadge, { borderColor: "generalBorder" }, t("sourceChange.unavailable"))
|
|
17968
|
+
) : /* @__PURE__ */ React74.createElement(FunBadge, { borderColor: "generalBorder" }, t("common.comingSoon")) : void 0
|
|
17898
17969
|
}
|
|
17899
17970
|
);
|
|
17900
17971
|
}
|
|
@@ -19421,12 +19492,12 @@ var SearchIcon = () => {
|
|
|
19421
19492
|
// src/components/FunInput/FunInput.css.ts
|
|
19422
19493
|
var baseWrapperStyles = "zue0i60";
|
|
19423
19494
|
var baseWrapperStylesNoTransition = "zue0i61";
|
|
19424
|
-
var inputClass = "zue0i64
|
|
19425
|
-
var inputClassDisabled = "zue0i68
|
|
19426
|
-
var inputClassDisabledNoTransition = "zue0i6a
|
|
19427
|
-
var inputClassError = "zue0i6c
|
|
19428
|
-
var inputClassErrorNoTransition = "zue0i6e
|
|
19429
|
-
var inputClassNoTransition = "zue0i66
|
|
19495
|
+
var inputClass = "zue0i64 _1rsrm2fpu _1rsrm2fl3 _1rsrm2fmo _1rsrm2fo9 _1rsrm2f2ab";
|
|
19496
|
+
var inputClassDisabled = "zue0i68 _1rsrm2fpu _1rsrm2fl3 _1rsrm2fmo _1rsrm2fo9 _1rsrm2f2cb";
|
|
19497
|
+
var inputClassDisabledNoTransition = "zue0i6a _1rsrm2fpu _1rsrm2fl3 _1rsrm2fmo _1rsrm2fo9 _1rsrm2f2cb";
|
|
19498
|
+
var inputClassError = "zue0i6c _1rsrm2fpu _1rsrm2fl3 _1rsrm2fmo _1rsrm2fo9 _1rsrm2f2ab";
|
|
19499
|
+
var inputClassErrorNoTransition = "zue0i6e _1rsrm2fpu _1rsrm2fl3 _1rsrm2fmo _1rsrm2fo9 _1rsrm2f2ab";
|
|
19500
|
+
var inputClassNoTransition = "zue0i66 _1rsrm2fpu _1rsrm2fl3 _1rsrm2fmo _1rsrm2fo9 _1rsrm2f2ab";
|
|
19430
19501
|
var numberInputResetStyle = "zue0i62";
|
|
19431
19502
|
|
|
19432
19503
|
// src/components/FunInput/FunInput.tsx
|
|
@@ -20149,10 +20220,10 @@ function BaseDropdown({
|
|
|
20149
20220
|
Box,
|
|
20150
20221
|
{
|
|
20151
20222
|
position: "absolute",
|
|
20152
|
-
background: openDropdownBackgroundColor ?? "
|
|
20223
|
+
background: openDropdownBackgroundColor ?? "openDropdownBackgroundColor",
|
|
20153
20224
|
borderColor: "transparent",
|
|
20154
20225
|
borderWidth: "1",
|
|
20155
|
-
borderRadius:
|
|
20226
|
+
borderRadius: "dropdownList",
|
|
20156
20227
|
borderStyle: "solid",
|
|
20157
20228
|
boxShadow: "dropdown",
|
|
20158
20229
|
className: maxDropdownHeight ? scrollableDropdownStyles : void 0,
|
|
@@ -20193,7 +20264,10 @@ function BaseDropdown({
|
|
|
20193
20264
|
onOptionSelected?.(singleOption);
|
|
20194
20265
|
closeDropdown();
|
|
20195
20266
|
},
|
|
20196
|
-
background: {
|
|
20267
|
+
background: {
|
|
20268
|
+
base: isSelected ? "selectedDropdownItemBackground" : "transparent",
|
|
20269
|
+
hover: "offBackground"
|
|
20270
|
+
},
|
|
20197
20271
|
className: baseDropdownItemWrapperStyles
|
|
20198
20272
|
},
|
|
20199
20273
|
renderDropdownOption(singleOption, isSelected)
|
|
@@ -20271,7 +20345,15 @@ function BaseDropdownItem({
|
|
|
20271
20345
|
gap: horizontalIconGap
|
|
20272
20346
|
},
|
|
20273
20347
|
iconComponent && /* @__PURE__ */ React108.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center" }, iconComponent),
|
|
20274
|
-
/* @__PURE__ */ React108.createElement(
|
|
20348
|
+
/* @__PURE__ */ React108.createElement(
|
|
20349
|
+
Text,
|
|
20350
|
+
{
|
|
20351
|
+
size: "dropdownItemFontSize",
|
|
20352
|
+
weight: "medium",
|
|
20353
|
+
color: isSelected ? "selectedDropdownItemText" : void 0
|
|
20354
|
+
},
|
|
20355
|
+
label
|
|
20356
|
+
)
|
|
20275
20357
|
),
|
|
20276
20358
|
/* @__PURE__ */ React108.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center", gap: "16" }, tagComponent, /* @__PURE__ */ React108.createElement(
|
|
20277
20359
|
Box,
|
|
@@ -20280,7 +20362,7 @@ function BaseDropdownItem({
|
|
|
20280
20362
|
height: "16",
|
|
20281
20363
|
alignItems: "center",
|
|
20282
20364
|
justifyContent: "center",
|
|
20283
|
-
color: isSelected ? "
|
|
20365
|
+
color: isSelected ? "selectedDropdownItemText" : "transparent"
|
|
20284
20366
|
},
|
|
20285
20367
|
/* @__PURE__ */ React108.createElement(CheckIcon, null)
|
|
20286
20368
|
))
|
|
@@ -20692,7 +20774,7 @@ import React112 from "react";
|
|
|
20692
20774
|
|
|
20693
20775
|
// src/components/FunInfoBanner/InfoBanner.css.ts
|
|
20694
20776
|
var anchorStyle = "vyedix0";
|
|
20695
|
-
var iconWrapperStyle = "vyedix2
|
|
20777
|
+
var iconWrapperStyle = "vyedix2 _1rsrm2frs _1rsrm2f5t";
|
|
20696
20778
|
|
|
20697
20779
|
// src/components/FunInfoBanner/InfoBanner.tsx
|
|
20698
20780
|
var InfoBanner = ({
|
|
@@ -21128,7 +21210,7 @@ var RelayIcon = ({ size = 24 }) => {
|
|
|
21128
21210
|
};
|
|
21129
21211
|
|
|
21130
21212
|
// src/components/FunTransactionSummary/PaymentFeesSummary.css.ts
|
|
21131
|
-
var baseStyles2 = "
|
|
21213
|
+
var baseStyles2 = "_1rsrm2f2an";
|
|
21132
21214
|
var expandableStyles = "vkwve32";
|
|
21133
21215
|
var feeLineHideStyles = "vkwve34";
|
|
21134
21216
|
var feeLineShowStyles = "vkwve33";
|
|
@@ -21910,7 +21992,8 @@ var useErc20Asset = ({
|
|
|
21910
21992
|
const response = await getAssetErc20ByChainAndSymbol({
|
|
21911
21993
|
chainId,
|
|
21912
21994
|
symbol,
|
|
21913
|
-
apiKey
|
|
21995
|
+
apiKey,
|
|
21996
|
+
logger
|
|
21914
21997
|
});
|
|
21915
21998
|
return response;
|
|
21916
21999
|
},
|
|
@@ -23186,6 +23269,7 @@ function WithdrawRecipientAddress({
|
|
|
23186
23269
|
FunInput,
|
|
23187
23270
|
{
|
|
23188
23271
|
allowMultiline: true,
|
|
23272
|
+
borderRadius: "withdrawalInput",
|
|
23189
23273
|
inputProps: { spellCheck: false },
|
|
23190
23274
|
value: recipientAddress,
|
|
23191
23275
|
onChange: handleAddressChange,
|
|
@@ -23270,6 +23354,7 @@ function WithdrawAmountInput({
|
|
|
23270
23354
|
return /* @__PURE__ */ React121.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React121.createElement(Text, { size: "12", weight: "medium" }, t("withdrawal.amount")), /* @__PURE__ */ React121.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React121.createElement(
|
|
23271
23355
|
FunInput,
|
|
23272
23356
|
{
|
|
23357
|
+
borderRadius: "withdrawalInput",
|
|
23273
23358
|
value: withdrawalUSD,
|
|
23274
23359
|
onChange: handleAmountChange,
|
|
23275
23360
|
placeholder: "0.00",
|
|
@@ -24118,7 +24203,7 @@ var useActivityTraversal = () => {
|
|
|
24118
24203
|
};
|
|
24119
24204
|
|
|
24120
24205
|
// src/modals/ProfileDetails/ProfileDetails.tsx
|
|
24121
|
-
import React246, { useCallback as useCallback48, useState as
|
|
24206
|
+
import React246, { useCallback as useCallback48, useState as useState73 } from "react";
|
|
24122
24207
|
|
|
24123
24208
|
// src/components/ModalHeightAnimationLayer/FunCheckoutModalHeightAnimationWrapper.tsx
|
|
24124
24209
|
import React233 from "react";
|
|
@@ -24128,7 +24213,7 @@ import {
|
|
|
24128
24213
|
useCallback as useCallback46,
|
|
24129
24214
|
useEffect as useEffect56,
|
|
24130
24215
|
useRef as useRef33,
|
|
24131
|
-
useState as
|
|
24216
|
+
useState as useState70
|
|
24132
24217
|
} from "react";
|
|
24133
24218
|
|
|
24134
24219
|
// src/hooks/useAnimatedNavigation.ts
|
|
@@ -24313,7 +24398,8 @@ function CreateAccountScreen({
|
|
|
24313
24398
|
const { accounts } = await createFrogAccount({
|
|
24314
24399
|
subAccountId: userId,
|
|
24315
24400
|
subAccountType: "wallet",
|
|
24316
|
-
apiKey
|
|
24401
|
+
apiKey,
|
|
24402
|
+
logger
|
|
24317
24403
|
});
|
|
24318
24404
|
clearFrogAccounts();
|
|
24319
24405
|
const guid = accounts[0]?.guid;
|
|
@@ -24326,7 +24412,8 @@ function CreateAccountScreen({
|
|
|
24326
24412
|
const ret = await createBridgeCustomer({
|
|
24327
24413
|
...data,
|
|
24328
24414
|
guid,
|
|
24329
|
-
apiKey
|
|
24415
|
+
apiKey,
|
|
24416
|
+
logger
|
|
24330
24417
|
});
|
|
24331
24418
|
clearVirtualFiatAccounts();
|
|
24332
24419
|
const kycLink = ret.newCreated ? ret.kycLinks.kyc_link : ret.kycLink;
|
|
@@ -26087,7 +26174,8 @@ function BrokerageTwoFA({
|
|
|
26087
26174
|
params: {
|
|
26088
26175
|
twofa: finalOtpInput
|
|
26089
26176
|
},
|
|
26090
|
-
apiKey
|
|
26177
|
+
apiKey,
|
|
26178
|
+
logger
|
|
26091
26179
|
});
|
|
26092
26180
|
logger.info(`${logPrefix2}handleEnterTwoFactor:submit2FAResponse`, {
|
|
26093
26181
|
response: _response
|
|
@@ -26142,7 +26230,8 @@ function BrokerageTwoFA({
|
|
|
26142
26230
|
idempotencyKey: uuidv4(),
|
|
26143
26231
|
quoteId: quote.id,
|
|
26144
26232
|
params: {},
|
|
26145
|
-
apiKey
|
|
26233
|
+
apiKey,
|
|
26234
|
+
logger
|
|
26146
26235
|
});
|
|
26147
26236
|
if (newResponse.success && newResponse.data?.type?.startsWith("WITHDRAWAL_2FA_REQUIRED")) {
|
|
26148
26237
|
return await handleEnterTwoFactor(
|
|
@@ -26855,7 +26944,7 @@ import clsx17 from "clsx";
|
|
|
26855
26944
|
import React165, { useMemo as useMemo34 } from "react";
|
|
26856
26945
|
|
|
26857
26946
|
// src/components/FunAssetAvatar/FunAssetAvatar.css.ts
|
|
26858
|
-
var chainContainerStyle = "uwrdc22
|
|
26947
|
+
var chainContainerStyle = "uwrdc22 _1rsrm2f1b _1rsrm2fa _1rsrm2f4 _1rsrm2f77";
|
|
26859
26948
|
var containerStyle = "uwrdc20";
|
|
26860
26949
|
|
|
26861
26950
|
// src/components/FunAssetAvatar/FunAssetAvatar.tsx
|
|
@@ -27923,8 +28012,8 @@ import { noop as noop8 } from "@funkit/utils";
|
|
|
27923
28012
|
import React174, { useCallback as useCallback32, useEffect as useEffect42, useState as useState50 } from "react";
|
|
27924
28013
|
|
|
27925
28014
|
// src/components/FunCountdown/FunCountdown.css.ts
|
|
27926
|
-
var backgroundRing = "_1t0bc111
|
|
27927
|
-
var counterRing = "_1t0bc113
|
|
28015
|
+
var backgroundRing = "_1t0bc111 _1rsrm2f26b";
|
|
28016
|
+
var counterRing = "_1t0bc113 _1rsrm2f2pn";
|
|
27928
28017
|
|
|
27929
28018
|
// src/components/FunCountdown/FunCountdown.tsx
|
|
27930
28019
|
var FunCountdown = ({
|
|
@@ -28541,7 +28630,7 @@ var useMeldCurrencies = (isEnabled = true) => {
|
|
|
28541
28630
|
if (!apiKey) {
|
|
28542
28631
|
return [];
|
|
28543
28632
|
}
|
|
28544
|
-
const { currencies } = await getMeldSupportedFiat({ apiKey });
|
|
28633
|
+
const { currencies } = await getMeldSupportedFiat({ apiKey, logger });
|
|
28545
28634
|
return currencies.sort((a, b) => {
|
|
28546
28635
|
const aPriority = getPriority(a.currencyCode);
|
|
28547
28636
|
const bPriority = getPriority(b.currencyCode);
|
|
@@ -28614,6 +28703,7 @@ var useMeldDefaultCurrency = (paymentMethod) => {
|
|
|
28614
28703
|
}
|
|
28615
28704
|
const response = await getMeldDefaultFiat({
|
|
28616
28705
|
apiKey,
|
|
28706
|
+
logger,
|
|
28617
28707
|
params: {
|
|
28618
28708
|
countries: userIpInfo?.alpha2 ? [userIpInfo.alpha2] : []
|
|
28619
28709
|
}
|
|
@@ -28667,7 +28757,7 @@ import { useQuery as useQuery17 } from "@tanstack/react-query";
|
|
|
28667
28757
|
function useFiatExchangeRates(enabled = true) {
|
|
28668
28758
|
const { data, isLoading, error } = useQuery17({
|
|
28669
28759
|
queryKey: ["fiatExchangeRates"],
|
|
28670
|
-
queryFn: () => getFiatExchangeRates(),
|
|
28760
|
+
queryFn: () => getFiatExchangeRates({ logger }),
|
|
28671
28761
|
refetchOnMount: false,
|
|
28672
28762
|
refetchOnReconnect: false,
|
|
28673
28763
|
refetchOnWindowFocus: false,
|
|
@@ -28723,7 +28813,8 @@ var useMeldLimits = (isEnabled = true) => {
|
|
|
28723
28813
|
// left out intentionally to preload other currency limits
|
|
28724
28814
|
fiatCurrencies: []
|
|
28725
28815
|
},
|
|
28726
|
-
apiKey
|
|
28816
|
+
apiKey,
|
|
28817
|
+
logger
|
|
28727
28818
|
});
|
|
28728
28819
|
return response?.limits;
|
|
28729
28820
|
},
|
|
@@ -30839,6 +30930,7 @@ var useMeldLink = (sourceAmount, sourceCurrencyCode = "USD") => {
|
|
|
30839
30930
|
}
|
|
30840
30931
|
return startMeldSession({
|
|
30841
30932
|
apiKey,
|
|
30933
|
+
logger,
|
|
30842
30934
|
params: {
|
|
30843
30935
|
serviceProvider,
|
|
30844
30936
|
countryCode: userIpInfo?.alpha2 ?? "",
|
|
@@ -30886,6 +30978,7 @@ var useMeldQuotes = (sourceAmount, fiatCurrency, meldEnabled = true) => {
|
|
|
30886
30978
|
}
|
|
30887
30979
|
const response = await getMeldQuotes({
|
|
30888
30980
|
apiKey,
|
|
30981
|
+
logger,
|
|
30889
30982
|
params: {
|
|
30890
30983
|
countryCode: userIpInfo.alpha2,
|
|
30891
30984
|
destinationCurrencyCode,
|
|
@@ -30944,7 +31037,8 @@ var pickSourceAssetForCard = async (checkoutItem, userIpInfo, apiKey) => {
|
|
|
30944
31037
|
const wethAddrOnTargetChain = (await getAssetErc20ByChainAndSymbol2({
|
|
30945
31038
|
chainId: moonpayChainId,
|
|
30946
31039
|
symbol: "weth",
|
|
30947
|
-
apiKey
|
|
31040
|
+
apiKey,
|
|
31041
|
+
logger
|
|
30948
31042
|
})).address.toLowerCase();
|
|
30949
31043
|
const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
|
|
30950
31044
|
checkoutItem.initSettings.config.targetAsset
|
|
@@ -30966,7 +31060,8 @@ var pickSourceAssetForCard = async (checkoutItem, userIpInfo, apiKey) => {
|
|
|
30966
31060
|
sourceTokenAddress = (await getAssetErc20ByChainAndSymbol2({
|
|
30967
31061
|
chainId: sourceTokenChainId,
|
|
30968
31062
|
symbol: "USDC" /* USDC */,
|
|
30969
|
-
apiKey
|
|
31063
|
+
apiKey,
|
|
31064
|
+
logger
|
|
30970
31065
|
})).address;
|
|
30971
31066
|
}
|
|
30972
31067
|
}
|
|
@@ -31929,7 +32024,11 @@ function isFiatMethod(pm) {
|
|
|
31929
32024
|
return pm === "card" /* CARD */ || pm === "virtual_bank" /* VIRTUAL_BANK */;
|
|
31930
32025
|
}
|
|
31931
32026
|
function usePaymentMethodEnablement() {
|
|
31932
|
-
const
|
|
32027
|
+
const {
|
|
32028
|
+
enabled: isTokenTransferFlagEnabled,
|
|
32029
|
+
comingSoon: isTokenTransferComingSoon,
|
|
32030
|
+
geoblocked: isTokenTransferGeoblocked
|
|
32031
|
+
} = useIsQRCodeTransferEnabled();
|
|
31933
32032
|
const isFiatFlagEnabled = useFiatEnabled();
|
|
31934
32033
|
const isMeldFlagEnabled = useIsMeldEnabled();
|
|
31935
32034
|
const isBrokerageFlagEnabled = useDynamicConfig("enablebluvobrokerage");
|
|
@@ -31937,7 +32036,7 @@ function usePaymentMethodEnablement() {
|
|
|
31937
32036
|
const isFiatEnabled = isFiatFlagEnabled;
|
|
31938
32037
|
const isTokenTransferEnabled = isTokenTransferFlagEnabled;
|
|
31939
32038
|
const isMeldEnabled = isMeldFlagEnabled && isTokenTransferEnabled;
|
|
31940
|
-
const isSwappedEnabled = isSwappedFlagEnabled && isTokenTransferEnabled;
|
|
32039
|
+
const isSwappedEnabled = isSwappedFlagEnabled && (isTokenTransferEnabled || isTokenTransferComingSoon || isTokenTransferGeoblocked);
|
|
31941
32040
|
const isBrokerageEnabled = isBrokerageFlagEnabled && isTokenTransferEnabled;
|
|
31942
32041
|
return {
|
|
31943
32042
|
isSwappedEnabled,
|
|
@@ -31998,19 +32097,23 @@ var usePaymentSources = (currentPaymentMethodInfo, targetChainId) => {
|
|
|
31998
32097
|
method: "token_transfer" /* TOKEN_TRANSFER */,
|
|
31999
32098
|
available: isTokenTransferEnabled,
|
|
32000
32099
|
hidden: false,
|
|
32100
|
+
geoBlocked: false,
|
|
32001
32101
|
recommended: true
|
|
32002
32102
|
},
|
|
32003
32103
|
{
|
|
32004
32104
|
method: "card" /* CARD */,
|
|
32005
32105
|
available: isMeldEnabled,
|
|
32006
32106
|
hidden: false,
|
|
32107
|
+
geoBlocked: false,
|
|
32007
32108
|
recommended: true
|
|
32008
32109
|
},
|
|
32009
32110
|
{
|
|
32010
32111
|
method: "virtual_bank" /* VIRTUAL_BANK */,
|
|
32011
32112
|
available: isFiatEnabled,
|
|
32012
32113
|
hidden: !!matchingFiatAccount || !isUserLoggedIn || !isSepaUser,
|
|
32013
|
-
//
|
|
32114
|
+
// already has account or not logged in
|
|
32115
|
+
geoBlocked: false,
|
|
32116
|
+
// non-SEPA users are now fully hidden (see hidden condition above)
|
|
32014
32117
|
recommended: false
|
|
32015
32118
|
},
|
|
32016
32119
|
{
|
|
@@ -32018,12 +32121,14 @@ var usePaymentSources = (currentPaymentMethodInfo, targetChainId) => {
|
|
|
32018
32121
|
available: true,
|
|
32019
32122
|
hidden: isConnected,
|
|
32020
32123
|
// connected (don't show again)
|
|
32124
|
+
geoBlocked: false,
|
|
32021
32125
|
recommended: true
|
|
32022
32126
|
},
|
|
32023
32127
|
{
|
|
32024
32128
|
method: "brokerage" /* BROKERAGE */,
|
|
32025
32129
|
available: isBrokerageEnabled,
|
|
32026
32130
|
hidden: false,
|
|
32131
|
+
geoBlocked: false,
|
|
32027
32132
|
recommended: false
|
|
32028
32133
|
}
|
|
32029
32134
|
].filter(
|
|
@@ -32036,12 +32141,20 @@ var usePaymentSources = (currentPaymentMethodInfo, targetChainId) => {
|
|
|
32036
32141
|
const availableSources = unconnectedSources.filter(
|
|
32037
32142
|
(source) => source.available && !recommendedSources.includes(source.method)
|
|
32038
32143
|
).map((source) => source.method);
|
|
32039
|
-
const
|
|
32144
|
+
const unavailable = unconnectedSources.filter((source) => !source.available || source.geoBlocked).map((source) => ({
|
|
32145
|
+
method: source.method,
|
|
32146
|
+
reason: source.geoBlocked ? "geoblocked" : "comingSoon"
|
|
32147
|
+
})).sort((a, b) => {
|
|
32148
|
+
if (a.reason === b.reason) {
|
|
32149
|
+
return 0;
|
|
32150
|
+
}
|
|
32151
|
+
return a.reason === "comingSoon" ? -1 : 1;
|
|
32152
|
+
});
|
|
32040
32153
|
return {
|
|
32041
32154
|
isFallback: !hasConnectedSource,
|
|
32042
32155
|
preferred: hasConnectedSource ? connected : recommendedSources,
|
|
32043
32156
|
moreSources: availableSources,
|
|
32044
|
-
|
|
32157
|
+
unavailable,
|
|
32045
32158
|
hasUsableBalance
|
|
32046
32159
|
};
|
|
32047
32160
|
};
|
|
@@ -32353,7 +32466,7 @@ import { motion as motion12 } from "motion/react";
|
|
|
32353
32466
|
import React197 from "react";
|
|
32354
32467
|
|
|
32355
32468
|
// src/components/Tabs/tabs.css.ts
|
|
32356
|
-
var activeTabStyle = "eghi2t9
|
|
32469
|
+
var activeTabStyle = "eghi2t9 _1rsrm2fwn _1rsrm2ft";
|
|
32357
32470
|
var tabSlideContentIn = "eghi2t4";
|
|
32358
32471
|
var tabSlideContentInReverse = "eghi2t6";
|
|
32359
32472
|
var tabSlideContentOut = "eghi2t5";
|
|
@@ -32497,7 +32610,11 @@ var CryptoCashToggle = ({
|
|
|
32497
32610
|
// src/modals/CheckoutModal/SourceChange/sourceChange.css.ts
|
|
32498
32611
|
var WITH_EMPTY_STATE_DATA_ATTRIBUTE = "data-with-empty-state";
|
|
32499
32612
|
var emptyStateStyles = "_14kf6rb0";
|
|
32500
|
-
var fullWidthContentDivider = "
|
|
32613
|
+
var fullWidthContentDivider = "_14kf6rb7";
|
|
32614
|
+
var paymentMethodScrollArea = "_14kf6rb5";
|
|
32615
|
+
var paymentMethodScrollbarHidden = "_14kf6rb6";
|
|
32616
|
+
var paymentMethodStaticArea = "_14kf6rb4";
|
|
32617
|
+
var removeBottomPaddingFromSurroundingDialog = "_14kf6rb3";
|
|
32501
32618
|
var sourceListBoxStyles = "_14kf6rb1";
|
|
32502
32619
|
var sourceListCompactBoxStyles = "_14kf6rb2";
|
|
32503
32620
|
|
|
@@ -32512,31 +32629,42 @@ function SourceChangeLoading({
|
|
|
32512
32629
|
const sourceListBoxClassName = uiCustomizations.enableCompactList ? sourceListCompactBoxStyles : sourceListBoxStyles;
|
|
32513
32630
|
const numPaymentMethods = isSwappedEnabled ? 3 : 5;
|
|
32514
32631
|
const bottomSectionRef = useBottomSectionRef();
|
|
32515
|
-
return /* @__PURE__ */ React199.createElement(Box, {
|
|
32516
|
-
|
|
32632
|
+
return /* @__PURE__ */ React199.createElement(Box, { id: "source-change-page", style: { display: "contents" } }, /* @__PURE__ */ React199.createElement(
|
|
32633
|
+
Box,
|
|
32517
32634
|
{
|
|
32518
|
-
|
|
32519
|
-
|
|
32520
|
-
|
|
32521
|
-
|
|
32635
|
+
className: paymentMethodStaticArea,
|
|
32636
|
+
display: "flex",
|
|
32637
|
+
flexDirection: "column"
|
|
32638
|
+
},
|
|
32639
|
+
/* @__PURE__ */ React199.createElement(CheckoutTopAnnouncementBanner, null),
|
|
32640
|
+
uiCustomizations.sourceChangeScreen.customTopComponent?.(),
|
|
32641
|
+
isSwappedEnabled ? /* @__PURE__ */ React199.createElement(Box, { display: "flex", flexDirection: "column" }, /* @__PURE__ */ React199.createElement(
|
|
32642
|
+
CryptoCashToggle,
|
|
32643
|
+
{
|
|
32644
|
+
disabled: true,
|
|
32645
|
+
activeTab: "crypto",
|
|
32646
|
+
marginTop: uiCustomizations.sourceChangeScreen.customTopComponent ? "24" : "0",
|
|
32647
|
+
onTabChange: () => {
|
|
32648
|
+
}
|
|
32522
32649
|
}
|
|
32523
|
-
}
|
|
32524
|
-
|
|
32525
|
-
FunDivider,
|
|
32526
|
-
{
|
|
32527
|
-
marginTop: "8",
|
|
32528
|
-
marginBottom: "8",
|
|
32529
|
-
borderColor: "selectedOptionBorder"
|
|
32530
|
-
}
|
|
32531
|
-
), /* @__PURE__ */ React199.createElement(LoadingFunPaymentMethodItems, { count: numPaymentMethods - 1 })), bottomSectionRef && createPortal15(
|
|
32532
|
-
/* @__PURE__ */ React199.createElement(
|
|
32533
|
-
Dialog.BottomBar,
|
|
32650
|
+
), /* @__PURE__ */ React199.createElement(Box, { gap: "24", display: "flex", flexDirection: "column" }, /* @__PURE__ */ React199.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React199.createElement(FunSkeletonBlock, { fontSize: "14", width: "72" }), /* @__PURE__ */ React199.createElement(Box, { className: sourceListBoxClassName }, /* @__PURE__ */ React199.createElement(LoadingFunPaymentMethodItems, { count: 1 }))), /* @__PURE__ */ React199.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React199.createElement(FunSkeletonBlock, { fontSize: "14", width: "72" }), /* @__PURE__ */ React199.createElement(Box, { className: sourceListBoxClassName }, /* @__PURE__ */ React199.createElement(LoadingFunPaymentMethodItems, { count: numPaymentMethods - 1 }))))) : /* @__PURE__ */ React199.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React199.createElement(LoadingFunPaymentMethodItems, { count: 1 }), /* @__PURE__ */ React199.createElement(
|
|
32651
|
+
FunDivider,
|
|
32534
32652
|
{
|
|
32535
|
-
|
|
32536
|
-
|
|
32653
|
+
marginTop: "8",
|
|
32654
|
+
marginBottom: "8",
|
|
32655
|
+
borderColor: "selectedOptionBorder"
|
|
32537
32656
|
}
|
|
32538
|
-
),
|
|
32539
|
-
bottomSectionRef
|
|
32657
|
+
), /* @__PURE__ */ React199.createElement(LoadingFunPaymentMethodItems, { count: numPaymentMethods - 1 })),
|
|
32658
|
+
bottomSectionRef && createPortal15(
|
|
32659
|
+
/* @__PURE__ */ React199.createElement(
|
|
32660
|
+
Dialog.BottomBar,
|
|
32661
|
+
{
|
|
32662
|
+
onCloseLabel: t(bottomBarCloseButtonConfig.labelKey),
|
|
32663
|
+
onClose: bottomBarCloseButtonConfig.enabled ? onClose : void 0
|
|
32664
|
+
}
|
|
32665
|
+
),
|
|
32666
|
+
bottomSectionRef
|
|
32667
|
+
)
|
|
32540
32668
|
));
|
|
32541
32669
|
}
|
|
32542
32670
|
function LoadingFunPaymentMethodItems({ count }) {
|
|
@@ -33089,7 +33217,7 @@ var NewTokenDepositAlert = ({
|
|
|
33089
33217
|
const { t } = useFunkitTranslation();
|
|
33090
33218
|
const alertJson = useFlag(FlagKey9.NewTokenAssetSelectionBanner);
|
|
33091
33219
|
const alertData = useSafeJSONParse(alertJson);
|
|
33092
|
-
const isTokenTransferEnabled = useIsQRCodeTransferEnabled();
|
|
33220
|
+
const { enabled: isTokenTransferEnabled } = useIsQRCodeTransferEnabled();
|
|
33093
33221
|
if (!alertData || !isTokenTransferEnabled) {
|
|
33094
33222
|
return null;
|
|
33095
33223
|
}
|
|
@@ -33715,7 +33843,8 @@ import {
|
|
|
33715
33843
|
} from "@funkit/api-base";
|
|
33716
33844
|
import { LIGHTER_CHAIN_ID as LIGHTER_CHAIN_ID3 } from "@funkit/chains";
|
|
33717
33845
|
import { noop as noop9 } from "@funkit/utils";
|
|
33718
|
-
import
|
|
33846
|
+
import clsx20 from "clsx";
|
|
33847
|
+
import React215, { useEffect as useEffect52, useRef as useRef30, useState as useState62 } from "react";
|
|
33719
33848
|
import { createPortal as createPortal18 } from "react-dom";
|
|
33720
33849
|
|
|
33721
33850
|
// src/components/Dropdown/ReceiveTokenDropdown.tsx
|
|
@@ -33817,6 +33946,7 @@ var ReceiveTokenDropdown = ({
|
|
|
33817
33946
|
|
|
33818
33947
|
// src/hooks/queries/useFops.ts
|
|
33819
33948
|
import {
|
|
33949
|
+
FormOfPaymentType as FormOfPaymentType2,
|
|
33820
33950
|
getFops
|
|
33821
33951
|
} from "@funkit/api-base";
|
|
33822
33952
|
import { solanaChain as solanaChain6 } from "@funkit/chains";
|
|
@@ -33886,7 +34016,7 @@ var useSwappedDefaultCurrency = () => {
|
|
|
33886
34016
|
if (!apiKey) {
|
|
33887
34017
|
return "USD";
|
|
33888
34018
|
}
|
|
33889
|
-
const response = await getSwappedSupportedCountries({ apiKey });
|
|
34019
|
+
const response = await getSwappedSupportedCountries({ apiKey, logger });
|
|
33890
34020
|
const country = response.supported_countries.find(
|
|
33891
34021
|
(country2) => country2.iso === userIpInfo?.alpha2
|
|
33892
34022
|
);
|
|
@@ -33936,6 +34066,7 @@ var useFops = () => {
|
|
|
33936
34066
|
const { userIpInfo } = useFunkitUserIp();
|
|
33937
34067
|
const { isSwappedEnabled } = usePaymentMethodEnablement();
|
|
33938
34068
|
const { activeTheme } = useActiveTheme();
|
|
34069
|
+
const { comingSoon, geoblocked } = useIsQRCodeTransferEnabled();
|
|
33939
34070
|
const {
|
|
33940
34071
|
data: swappedCurrencyCode = "USD",
|
|
33941
34072
|
isLoading: isSwappedCurrencyCodeLoading
|
|
@@ -33955,7 +34086,7 @@ var useFops = () => {
|
|
|
33955
34086
|
);
|
|
33956
34087
|
const isValidRecipientAddress = !!recipientAddress && isAddressCompatibleWithChain(recipientAddress, Number(targetChain));
|
|
33957
34088
|
const userId = userInfo.id;
|
|
33958
|
-
const isEnabled = isSwappedEnabled && !!apiKey && !!targetAsset && !!targetChain && !isSwappedCurrencyCodeLoading && isValidRecipientAddress && !!transferInit;
|
|
34089
|
+
const isEnabled = isSwappedEnabled && !comingSoon && !!apiKey && !!targetAsset && !!targetChain && !isSwappedCurrencyCodeLoading && isValidRecipientAddress && !!transferInit;
|
|
33959
34090
|
const query = useQuery22({
|
|
33960
34091
|
queryKey: [
|
|
33961
34092
|
"fops",
|
|
@@ -33984,6 +34115,7 @@ var useFops = () => {
|
|
|
33984
34115
|
};
|
|
33985
34116
|
const response = await getFops({
|
|
33986
34117
|
apiKey,
|
|
34118
|
+
logger,
|
|
33987
34119
|
params: {
|
|
33988
34120
|
recipientAddress,
|
|
33989
34121
|
userId,
|
|
@@ -34024,16 +34156,94 @@ var useFops = () => {
|
|
|
34024
34156
|
});
|
|
34025
34157
|
const isLoading = query.isLoading || isTransferInitLoading || isSwappedCurrencyCodeLoading;
|
|
34026
34158
|
return {
|
|
34027
|
-
|
|
34159
|
+
// If FOPS are coming soon or geoblocked, return a few hardcoded FOPS without URLs
|
|
34160
|
+
data: comingSoon || geoblocked ? placeholderFops : query.data,
|
|
34028
34161
|
isLoading
|
|
34029
34162
|
};
|
|
34030
34163
|
};
|
|
34164
|
+
var placeholderFops = {
|
|
34165
|
+
genericFormsOfPayments: [
|
|
34166
|
+
{
|
|
34167
|
+
fopType: FormOfPaymentType2.CARDS,
|
|
34168
|
+
name: "Card",
|
|
34169
|
+
embeddedFlowUrl: "",
|
|
34170
|
+
iconImageUrl: "https://widget.swapped.com/assets/payment/creditcard.svg",
|
|
34171
|
+
metadata: {
|
|
34172
|
+
checkoutLimit: {
|
|
34173
|
+
maxAmount: {
|
|
34174
|
+
amount: 1e5,
|
|
34175
|
+
fiatCurrencyCode: "EUR"
|
|
34176
|
+
},
|
|
34177
|
+
minAmount: {
|
|
34178
|
+
amount: 7,
|
|
34179
|
+
fiatCurrencyCode: "EUR"
|
|
34180
|
+
}
|
|
34181
|
+
}
|
|
34182
|
+
}
|
|
34183
|
+
},
|
|
34184
|
+
{
|
|
34185
|
+
fopType: FormOfPaymentType2.APPLE_PAY,
|
|
34186
|
+
name: "Apple Pay",
|
|
34187
|
+
embeddedFlowUrl: "",
|
|
34188
|
+
iconImageUrl: "https://widget.swapped.com/assets/payment/apple-pay.svg",
|
|
34189
|
+
metadata: {
|
|
34190
|
+
checkoutLimit: {
|
|
34191
|
+
maxAmount: {
|
|
34192
|
+
amount: 1e5,
|
|
34193
|
+
fiatCurrencyCode: "EUR"
|
|
34194
|
+
},
|
|
34195
|
+
minAmount: {
|
|
34196
|
+
amount: 7,
|
|
34197
|
+
fiatCurrencyCode: "EUR"
|
|
34198
|
+
}
|
|
34199
|
+
}
|
|
34200
|
+
}
|
|
34201
|
+
},
|
|
34202
|
+
{
|
|
34203
|
+
fopType: FormOfPaymentType2.GOOGLE_PAY,
|
|
34204
|
+
name: "Google Pay",
|
|
34205
|
+
embeddedFlowUrl: "",
|
|
34206
|
+
iconImageUrl: "https://widget.swapped.com/assets/payment/google-pay.svg",
|
|
34207
|
+
metadata: {
|
|
34208
|
+
checkoutLimit: {
|
|
34209
|
+
maxAmount: {
|
|
34210
|
+
amount: 1e5,
|
|
34211
|
+
fiatCurrencyCode: "EUR"
|
|
34212
|
+
},
|
|
34213
|
+
minAmount: {
|
|
34214
|
+
amount: 7,
|
|
34215
|
+
fiatCurrencyCode: "EUR"
|
|
34216
|
+
}
|
|
34217
|
+
}
|
|
34218
|
+
}
|
|
34219
|
+
},
|
|
34220
|
+
{
|
|
34221
|
+
fopType: FormOfPaymentType2.BANK_TRANSFER,
|
|
34222
|
+
name: "Bank Transfer",
|
|
34223
|
+
embeddedFlowUrl: "",
|
|
34224
|
+
iconImageUrl: "https://widget.swapped.com/assets/payment/bank-transfer.svg",
|
|
34225
|
+
metadata: {
|
|
34226
|
+
checkoutLimit: {
|
|
34227
|
+
maxAmount: {
|
|
34228
|
+
amount: 1e6,
|
|
34229
|
+
fiatCurrencyCode: "EUR"
|
|
34230
|
+
},
|
|
34231
|
+
minAmount: {
|
|
34232
|
+
amount: 7,
|
|
34233
|
+
fiatCurrencyCode: "EUR"
|
|
34234
|
+
}
|
|
34235
|
+
}
|
|
34236
|
+
}
|
|
34237
|
+
}
|
|
34238
|
+
],
|
|
34239
|
+
savedFormsOfPayments: []
|
|
34240
|
+
};
|
|
34031
34241
|
|
|
34032
34242
|
// src/hooks/useSwappedPreload.ts
|
|
34033
34243
|
import { useEffect as useEffect51 } from "react";
|
|
34034
34244
|
|
|
34035
34245
|
// src/modals/CheckoutModal/SourceChange/FormOfPaymentsList.tsx
|
|
34036
|
-
import React210 from "react";
|
|
34246
|
+
import React210, { useState as useState60 } from "react";
|
|
34037
34247
|
import { Trans as Trans13 } from "react-i18next";
|
|
34038
34248
|
|
|
34039
34249
|
// src/components/FunPaymentMethodItem/FunPaymentMethodItemSkeleton.tsx
|
|
@@ -34097,6 +34307,74 @@ function getFormOfPaymentSections(fopsData, fopPriority) {
|
|
|
34097
34307
|
}
|
|
34098
34308
|
};
|
|
34099
34309
|
}
|
|
34310
|
+
function FormOfPaymentsContent({
|
|
34311
|
+
fopsData,
|
|
34312
|
+
fopPriority,
|
|
34313
|
+
boxClassName,
|
|
34314
|
+
selectedFop,
|
|
34315
|
+
onFopSelect,
|
|
34316
|
+
exchangeRatesData
|
|
34317
|
+
}) {
|
|
34318
|
+
const { uiCustomizations } = useFunkitConfig();
|
|
34319
|
+
const defaultMaxItems = uiCustomizations.sourceChangeScreen.customTopComponent ? 3 : 5;
|
|
34320
|
+
const { t } = useFunkitTranslation();
|
|
34321
|
+
const [isExpanded, setIsExpanded] = useState60(false);
|
|
34322
|
+
const { primary, secondary } = getFormOfPaymentSections(fopsData, fopPriority);
|
|
34323
|
+
const totalItems = primary.items.length + secondary.items.length;
|
|
34324
|
+
const showToggle = totalItems > defaultMaxItems;
|
|
34325
|
+
const visiblePrimary = !showToggle || isExpanded ? primary.items : primary.items.slice(0, defaultMaxItems);
|
|
34326
|
+
const visibleSecondary = !showToggle || isExpanded ? secondary.items : secondary.items.slice(
|
|
34327
|
+
0,
|
|
34328
|
+
Math.max(0, defaultMaxItems - primary.items.length)
|
|
34329
|
+
);
|
|
34330
|
+
const toggle = showToggle && /* @__PURE__ */ React210.createElement(PaymentMethodWrapper, { onClick: () => setIsExpanded(!isExpanded) }, /* @__PURE__ */ React210.createElement(
|
|
34331
|
+
Box,
|
|
34332
|
+
{
|
|
34333
|
+
display: "flex",
|
|
34334
|
+
alignItems: "center",
|
|
34335
|
+
justifyContent: "center",
|
|
34336
|
+
gap: "8",
|
|
34337
|
+
width: "full"
|
|
34338
|
+
},
|
|
34339
|
+
/* @__PURE__ */ React210.createElement(Text, { size: "paymentMethodItemTitle", weight: "paymentMethodItemTitle" }, t(isExpanded ? "common.seeLess" : "sourceChange.seeMore")),
|
|
34340
|
+
/* @__PURE__ */ React210.createElement(AnimatedCaretDownIcon, { expanded: isExpanded })
|
|
34341
|
+
));
|
|
34342
|
+
return /* @__PURE__ */ React210.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, visiblePrimary.length > 0 && /* @__PURE__ */ React210.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React210.createElement(
|
|
34343
|
+
Text,
|
|
34344
|
+
{
|
|
34345
|
+
color: "secondaryText",
|
|
34346
|
+
size: "formOfPaymentsListSectionLabelFontSize",
|
|
34347
|
+
weight: "formOfPaymentsListSectionLabelFontWeight"
|
|
34348
|
+
},
|
|
34349
|
+
t(primary.labelKey)
|
|
34350
|
+
), /* @__PURE__ */ React210.createElement(Box, { className: boxClassName }, visiblePrimary.map((fop) => /* @__PURE__ */ React210.createElement(
|
|
34351
|
+
FopPaymentMethodItem,
|
|
34352
|
+
{
|
|
34353
|
+
key: fop.embeddedFlowUrl || fop.fopType,
|
|
34354
|
+
fop,
|
|
34355
|
+
disclaimerLimit: getFopsLimit(fop, exchangeRatesData),
|
|
34356
|
+
isActive: selectedFop?.embeddedFlowUrl === fop.embeddedFlowUrl,
|
|
34357
|
+
onClick: () => onFopSelect(fop)
|
|
34358
|
+
}
|
|
34359
|
+
))), visibleSecondary.length === 0 && toggle), visibleSecondary.length > 0 && /* @__PURE__ */ React210.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, visiblePrimary.length > 0 && /* @__PURE__ */ React210.createElement(
|
|
34360
|
+
Text,
|
|
34361
|
+
{
|
|
34362
|
+
color: "secondaryText",
|
|
34363
|
+
size: "formOfPaymentsListSectionLabelFontSize",
|
|
34364
|
+
weight: "formOfPaymentsListSectionLabelFontWeight"
|
|
34365
|
+
},
|
|
34366
|
+
t(secondary.labelKey)
|
|
34367
|
+
), /* @__PURE__ */ React210.createElement(Box, { className: boxClassName }, visibleSecondary.map((fop) => /* @__PURE__ */ React210.createElement(
|
|
34368
|
+
FopPaymentMethodItem,
|
|
34369
|
+
{
|
|
34370
|
+
key: fop.embeddedFlowUrl || fop.fopType,
|
|
34371
|
+
fop,
|
|
34372
|
+
disclaimerLimit: getFopsLimit(fop, exchangeRatesData),
|
|
34373
|
+
isActive: selectedFop?.embeddedFlowUrl === fop.embeddedFlowUrl,
|
|
34374
|
+
onClick: () => onFopSelect(fop)
|
|
34375
|
+
}
|
|
34376
|
+
))), toggle));
|
|
34377
|
+
}
|
|
34100
34378
|
function FormOfPaymentsList({
|
|
34101
34379
|
fopsData,
|
|
34102
34380
|
isLoading,
|
|
@@ -34104,7 +34382,6 @@ function FormOfPaymentsList({
|
|
|
34104
34382
|
onFopSelect,
|
|
34105
34383
|
exchangeRatesData
|
|
34106
34384
|
}) {
|
|
34107
|
-
const { t } = useFunkitTranslation();
|
|
34108
34385
|
const { uiCustomizations } = useFunkitConfig();
|
|
34109
34386
|
const boxClassName = uiCustomizations.enableCompactList ? sourceListCompactBoxStyles : sourceListBoxStyles;
|
|
34110
34387
|
const fopPriority = useDynamicConfig("foppriority");
|
|
@@ -34112,6 +34389,7 @@ function FormOfPaymentsList({
|
|
|
34112
34389
|
const savedFops = fopsData?.savedFormsOfPayments ?? [];
|
|
34113
34390
|
const hasFormsOfPayments = genericFops.length > 0 || savedFops.length > 0;
|
|
34114
34391
|
if (isLoading) {
|
|
34392
|
+
const defaultMaxItems = uiCustomizations.sourceChangeScreen.customTopComponent ? 3 : 5;
|
|
34115
34393
|
return /* @__PURE__ */ React210.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, /* @__PURE__ */ React210.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React210.createElement(
|
|
34116
34394
|
FunSkeletonBlock,
|
|
34117
34395
|
{
|
|
@@ -34124,48 +34402,20 @@ function FormOfPaymentsList({
|
|
|
34124
34402
|
fontSize: "formOfPaymentsListSectionLabelFontSize",
|
|
34125
34403
|
width: "120"
|
|
34126
34404
|
}
|
|
34127
|
-
), /* @__PURE__ */ React210.createElement(Box, { className: boxClassName },
|
|
34405
|
+
), /* @__PURE__ */ React210.createElement(Box, { className: boxClassName }, Array.from({ length: defaultMaxItems - 1 }).map((_, index) => /* @__PURE__ */ React210.createElement(FunPaymentMethodItemSkeleton, { key: index })))));
|
|
34128
34406
|
}
|
|
34129
34407
|
if (fopsData && hasFormsOfPayments) {
|
|
34130
|
-
|
|
34131
|
-
|
|
34132
|
-
fopPriority
|
|
34133
|
-
);
|
|
34134
|
-
return /* @__PURE__ */ React210.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, primary.items.length > 0 && /* @__PURE__ */ React210.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React210.createElement(
|
|
34135
|
-
Text,
|
|
34136
|
-
{
|
|
34137
|
-
color: "secondaryText",
|
|
34138
|
-
size: "formOfPaymentsListSectionLabelFontSize",
|
|
34139
|
-
weight: "formOfPaymentsListSectionLabelFontWeight"
|
|
34140
|
-
},
|
|
34141
|
-
t(primary.labelKey)
|
|
34142
|
-
), /* @__PURE__ */ React210.createElement(Box, { className: boxClassName }, primary.items.map((fop) => /* @__PURE__ */ React210.createElement(
|
|
34143
|
-
FopPaymentMethodItem,
|
|
34144
|
-
{
|
|
34145
|
-
key: fop.embeddedFlowUrl,
|
|
34146
|
-
fop,
|
|
34147
|
-
disclaimerLimit: getFopsLimit(fop, exchangeRatesData),
|
|
34148
|
-
isActive: selectedFop?.embeddedFlowUrl === fop.embeddedFlowUrl,
|
|
34149
|
-
onClick: () => onFopSelect(fop)
|
|
34150
|
-
}
|
|
34151
|
-
)))), secondary.items.length > 0 && /* @__PURE__ */ React210.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, primary.items.length > 0 && /* @__PURE__ */ React210.createElement(
|
|
34152
|
-
Text,
|
|
34153
|
-
{
|
|
34154
|
-
color: "secondaryText",
|
|
34155
|
-
size: "formOfPaymentsListSectionLabelFontSize",
|
|
34156
|
-
weight: "formOfPaymentsListSectionLabelFontWeight"
|
|
34157
|
-
},
|
|
34158
|
-
t(secondary.labelKey)
|
|
34159
|
-
), /* @__PURE__ */ React210.createElement(Box, { className: boxClassName }, secondary.items.map((fop) => /* @__PURE__ */ React210.createElement(
|
|
34160
|
-
FopPaymentMethodItem,
|
|
34408
|
+
return /* @__PURE__ */ React210.createElement(
|
|
34409
|
+
FormOfPaymentsContent,
|
|
34161
34410
|
{
|
|
34162
|
-
|
|
34163
|
-
|
|
34164
|
-
|
|
34165
|
-
|
|
34166
|
-
|
|
34411
|
+
fopsData,
|
|
34412
|
+
fopPriority,
|
|
34413
|
+
boxClassName,
|
|
34414
|
+
selectedFop,
|
|
34415
|
+
onFopSelect,
|
|
34416
|
+
exchangeRatesData
|
|
34167
34417
|
}
|
|
34168
|
-
)
|
|
34418
|
+
);
|
|
34169
34419
|
}
|
|
34170
34420
|
return /* @__PURE__ */ React210.createElement(
|
|
34171
34421
|
Box,
|
|
@@ -34216,14 +34466,14 @@ import React211, {
|
|
|
34216
34466
|
} from "react";
|
|
34217
34467
|
|
|
34218
34468
|
// src/hooks/useIframePool.ts
|
|
34219
|
-
import { useCallback as useCallback40, useRef as useRef28, useState as
|
|
34469
|
+
import { useCallback as useCallback40, useRef as useRef28, useState as useState61 } from "react";
|
|
34220
34470
|
var DEFAULT_MAX_SIZE = 6;
|
|
34221
34471
|
function useIframePool({
|
|
34222
34472
|
maxSize = DEFAULT_MAX_SIZE
|
|
34223
34473
|
} = {}) {
|
|
34224
|
-
const [urls, setUrls] =
|
|
34225
|
-
const [activeUrl, setActiveUrl] =
|
|
34226
|
-
const [loadedUrls, setLoadedUrls] =
|
|
34474
|
+
const [urls, setUrls] = useState61([]);
|
|
34475
|
+
const [activeUrl, setActiveUrl] = useState61(null);
|
|
34476
|
+
const [loadedUrls, setLoadedUrls] = useState61([]);
|
|
34227
34477
|
const iframeElementRefs = useRef28(/* @__PURE__ */ new Map());
|
|
34228
34478
|
const activeUrlRef = useRef28(null);
|
|
34229
34479
|
const loadedUrlsRef = useRef28([]);
|
|
@@ -34499,9 +34749,7 @@ function useSwappedPreload(fopsData) {
|
|
|
34499
34749
|
fopsData,
|
|
34500
34750
|
fopPriority
|
|
34501
34751
|
);
|
|
34502
|
-
const urls = [...primary.items, ...secondary.items].map(
|
|
34503
|
-
(fop) => fop.embeddedFlowUrl
|
|
34504
|
-
);
|
|
34752
|
+
const urls = [...primary.items, ...secondary.items].map((fop) => fop.embeddedFlowUrl).filter((url) => !!url);
|
|
34505
34753
|
setPreloadUrls(urls);
|
|
34506
34754
|
}, [fopsData, setPreloadUrls, fopPriority]);
|
|
34507
34755
|
}
|
|
@@ -34600,15 +34848,15 @@ function PayPal() {
|
|
|
34600
34848
|
function SourceList({
|
|
34601
34849
|
preferred,
|
|
34602
34850
|
moreSources,
|
|
34603
|
-
|
|
34851
|
+
unavailable,
|
|
34604
34852
|
isFallback,
|
|
34605
34853
|
renderSource,
|
|
34606
|
-
|
|
34854
|
+
renderUnavailable
|
|
34607
34855
|
}) {
|
|
34608
34856
|
const { uiCustomizations } = useFunkitConfig();
|
|
34609
34857
|
const { t } = useFunkitTranslation();
|
|
34610
34858
|
const { isSwappedEnabled } = usePaymentMethodEnablement();
|
|
34611
|
-
const hasMoreSources = moreSources.length > 0 ||
|
|
34859
|
+
const hasMoreSources = moreSources.length > 0 || unavailable.length > 0;
|
|
34612
34860
|
const boxClassName = uiCustomizations.enableCompactList ? sourceListCompactBoxStyles : sourceListBoxStyles;
|
|
34613
34861
|
if (isSwappedEnabled) {
|
|
34614
34862
|
return /* @__PURE__ */ React214.createElement(
|
|
@@ -34634,7 +34882,7 @@ function SourceList({
|
|
|
34634
34882
|
weight: "sourceListSectionLabelFontWeight"
|
|
34635
34883
|
},
|
|
34636
34884
|
t("sourceChange.otherOptions")
|
|
34637
|
-
), /* @__PURE__ */ React214.createElement(Box, { className: boxClassName }, moreSources.map(renderSource),
|
|
34885
|
+
), /* @__PURE__ */ React214.createElement(Box, { className: boxClassName }, moreSources.map(renderSource), unavailable.map(renderUnavailable))))
|
|
34638
34886
|
);
|
|
34639
34887
|
}
|
|
34640
34888
|
return /* @__PURE__ */ React214.createElement(
|
|
@@ -34656,7 +34904,7 @@ function SourceList({
|
|
|
34656
34904
|
}
|
|
34657
34905
|
),
|
|
34658
34906
|
moreSources.map(renderSource),
|
|
34659
|
-
|
|
34907
|
+
unavailable.map(renderUnavailable),
|
|
34660
34908
|
/* @__PURE__ */ React214.createElement(PayPal, null)
|
|
34661
34909
|
);
|
|
34662
34910
|
}
|
|
@@ -34773,31 +35021,34 @@ function SourceChange({
|
|
|
34773
35021
|
const formOfPaymentsData = useFops();
|
|
34774
35022
|
const exchangeRates = useFiatExchangeRates();
|
|
34775
35023
|
const { isSwappedEnabled } = usePaymentMethodEnablement();
|
|
35024
|
+
const paymentListScroll = useScrollDivider();
|
|
34776
35025
|
const { paymentMethodInfo, targetChainId } = modalState;
|
|
34777
35026
|
const checkoutConfig = checkoutItem?.initSettings.config;
|
|
34778
35027
|
const dynamicTargetAssets = checkoutConfig?.dynamicTargetAssetCandidates;
|
|
34779
35028
|
const isAutoContinue = !isOstiumCustomer(apiKey);
|
|
34780
35029
|
const isLighter = isLighterxyzCustomer(apiKey);
|
|
34781
35030
|
const isTargetAssetSelectable = showTargetAssetSelection && dynamicTargetAssets && dynamicTargetAssets.length > 1;
|
|
34782
|
-
const [selectedFop, setSelectedFop] =
|
|
35031
|
+
const [selectedFop, setSelectedFop] = useState62(
|
|
34783
35032
|
null
|
|
34784
35033
|
);
|
|
34785
|
-
const [connectedSource, setConnectedSource] =
|
|
34786
|
-
const [newSource, setNewSource] =
|
|
34787
|
-
const [paymentMethodTab, setPaymentMethodTab] =
|
|
35034
|
+
const [connectedSource, setConnectedSource] = useState62(paymentMethodInfo);
|
|
35035
|
+
const [newSource, setNewSource] = useState62();
|
|
35036
|
+
const [paymentMethodTab, setPaymentMethodTab] = useState62(
|
|
34788
35037
|
modalState.paymentMethodTypeFilter ?? "crypto"
|
|
34789
35038
|
);
|
|
34790
|
-
const [leavingTab, setLeavingTab] =
|
|
35039
|
+
const [leavingTab, setLeavingTab] = useState62(null);
|
|
34791
35040
|
const isTabTransitionReversed = leavingTab === "fiat";
|
|
34792
35041
|
const leavingClass = isTabTransitionReversed ? tabSlideContentOutReverse : tabSlideContentOut;
|
|
34793
35042
|
const enteringClass = isTabTransitionReversed ? tabSlideContentInReverse : tabSlideContentIn;
|
|
34794
|
-
const [selectedTargetAsset, setSelectedTargetAsset] =
|
|
35043
|
+
const [selectedTargetAsset, setSelectedTargetAsset] = useState62(
|
|
34795
35044
|
() => getDefaultDynamicTargetAsset(checkoutConfig)
|
|
34796
35045
|
);
|
|
34797
|
-
const { isFallback, preferred, moreSources,
|
|
35046
|
+
const { isFallback, preferred, moreSources, unavailable } = usePaymentSources(
|
|
34798
35047
|
paymentMethodInfo,
|
|
34799
35048
|
targetChainId
|
|
34800
35049
|
);
|
|
35050
|
+
const showTagline = useDynamicConfig("showpoweredtagline");
|
|
35051
|
+
const hasBottomBar = showTagline || !isAutoContinue || bottomBarCloseButtonConfig.enabled;
|
|
34801
35052
|
useSwappedPreload(formOfPaymentsData?.data);
|
|
34802
35053
|
useEffect52(() => {
|
|
34803
35054
|
if (!paymentMethodInfo) {
|
|
@@ -34972,16 +35223,24 @@ function SourceChange({
|
|
|
34972
35223
|
}
|
|
34973
35224
|
);
|
|
34974
35225
|
}
|
|
34975
|
-
function
|
|
35226
|
+
function renderUnavailable({ method, reason }) {
|
|
35227
|
+
const badge = reason === "geoblocked" ? /* @__PURE__ */ React215.createElement(
|
|
35228
|
+
FunTooltip,
|
|
35229
|
+
{
|
|
35230
|
+
content: t("sourceChange.unavailableInRegionTooltip"),
|
|
35231
|
+
startDelay: 150
|
|
35232
|
+
},
|
|
35233
|
+
/* @__PURE__ */ React215.createElement(FunBadge, { borderColor: "generalBorder" }, t("sourceChange.unavailable"))
|
|
35234
|
+
) : /* @__PURE__ */ React215.createElement(FunBadge, { borderColor: "generalBorder" }, t("common.comingSoon"));
|
|
34976
35235
|
return /* @__PURE__ */ React215.createElement(
|
|
34977
35236
|
AddPaymentMethodItem,
|
|
34978
35237
|
{
|
|
34979
|
-
key:
|
|
34980
|
-
paymentMethod:
|
|
35238
|
+
key: method,
|
|
35239
|
+
paymentMethod: method,
|
|
34981
35240
|
isActive: false,
|
|
34982
35241
|
isClickable: false,
|
|
34983
35242
|
onClick: noop9,
|
|
34984
|
-
customValueIcon:
|
|
35243
|
+
customValueIcon: badge
|
|
34985
35244
|
}
|
|
34986
35245
|
);
|
|
34987
35246
|
}
|
|
@@ -35004,86 +35263,146 @@ function SourceChange({
|
|
|
35004
35263
|
isFallback,
|
|
35005
35264
|
preferred,
|
|
35006
35265
|
moreSources,
|
|
35007
|
-
|
|
35266
|
+
unavailable,
|
|
35008
35267
|
renderSource,
|
|
35009
|
-
|
|
35268
|
+
renderUnavailable
|
|
35010
35269
|
}
|
|
35011
35270
|
);
|
|
35012
35271
|
}
|
|
35013
|
-
return /* @__PURE__ */ React215.createElement(
|
|
35014
|
-
ReceiveTokenDropdown,
|
|
35015
|
-
{
|
|
35016
|
-
activeItemLabel: t("sourceChange.selectDestinationTokenLabel"),
|
|
35017
|
-
activeItemProps: { background: { base: "modalBackground" } },
|
|
35018
|
-
size: "regular",
|
|
35019
|
-
chainId: Number(selectedTargetAsset.tokenChainId),
|
|
35020
|
-
displayedChainId: isLighter ? LIGHTER_CHAIN_ID3 : void 0,
|
|
35021
|
-
onTokenSelected: handleTargetAssetChange,
|
|
35022
|
-
selectedToken: selectedTargetAsset?.tokenSymbol,
|
|
35023
|
-
tokens: dynamicTargetAssets
|
|
35024
|
-
}
|
|
35025
|
-
)), isTargetAssetSelectable && isSwappedEnabled && /* @__PURE__ */ React215.createElement(
|
|
35026
|
-
FunDivider,
|
|
35027
|
-
{
|
|
35028
|
-
marginTop: "16",
|
|
35029
|
-
marginBottom: "16",
|
|
35030
|
-
borderColor: "lightStroke",
|
|
35031
|
-
className: fullWidthContentDivider
|
|
35032
|
-
}
|
|
35033
|
-
), isSwappedEnabled && /* @__PURE__ */ React215.createElement(
|
|
35034
|
-
CryptoCashToggle,
|
|
35035
|
-
{
|
|
35036
|
-
marginTop: customTopComponent ? "24" : "0",
|
|
35037
|
-
activeTab: paymentMethodTab,
|
|
35038
|
-
onTabChange: handlePaymentMethodTabChange
|
|
35039
|
-
}
|
|
35040
|
-
), /* @__PURE__ */ React215.createElement(Box, { style: { position: "relative" } }, leavingTab !== null && /* @__PURE__ */ React215.createElement(
|
|
35272
|
+
return /* @__PURE__ */ React215.createElement(
|
|
35041
35273
|
Box,
|
|
35042
35274
|
{
|
|
35043
|
-
|
|
35044
|
-
|
|
35045
|
-
|
|
35046
|
-
|
|
35047
|
-
|
|
35048
|
-
|
|
35275
|
+
id: "source-change-page",
|
|
35276
|
+
className: hasBottomBar ? void 0 : removeBottomPaddingFromSurroundingDialog,
|
|
35277
|
+
style: { display: "contents" }
|
|
35278
|
+
},
|
|
35279
|
+
/* @__PURE__ */ React215.createElement(
|
|
35280
|
+
Box,
|
|
35281
|
+
{
|
|
35282
|
+
className: paymentMethodStaticArea,
|
|
35283
|
+
display: "flex",
|
|
35284
|
+
flexDirection: "column"
|
|
35285
|
+
},
|
|
35286
|
+
/* @__PURE__ */ React215.createElement(CheckoutTopAnnouncementBanner, null),
|
|
35287
|
+
customTopComponent?.(),
|
|
35288
|
+
isTargetAssetSelectable && /* @__PURE__ */ React215.createElement(Box, { marginBottom: "8" }, /* @__PURE__ */ React215.createElement(
|
|
35289
|
+
ReceiveTokenDropdown,
|
|
35290
|
+
{
|
|
35291
|
+
activeItemLabel: t("sourceChange.selectDestinationTokenLabel"),
|
|
35292
|
+
activeItemProps: { background: { base: "modalBackground" } },
|
|
35293
|
+
size: "regular",
|
|
35294
|
+
chainId: Number(selectedTargetAsset.tokenChainId),
|
|
35295
|
+
displayedChainId: isLighter ? LIGHTER_CHAIN_ID3 : void 0,
|
|
35296
|
+
onTokenSelected: handleTargetAssetChange,
|
|
35297
|
+
selectedToken: selectedTargetAsset?.tokenSymbol,
|
|
35298
|
+
tokens: dynamicTargetAssets
|
|
35049
35299
|
}
|
|
35300
|
+
))
|
|
35301
|
+
),
|
|
35302
|
+
isTargetAssetSelectable && isSwappedEnabled && /* @__PURE__ */ React215.createElement(
|
|
35303
|
+
FunDivider,
|
|
35304
|
+
{
|
|
35305
|
+
marginTop: "16",
|
|
35306
|
+
marginBottom: "16",
|
|
35307
|
+
borderColor: "lightStroke",
|
|
35308
|
+
className: fullWidthContentDivider
|
|
35050
35309
|
}
|
|
35051
|
-
|
|
35052
|
-
|
|
35053
|
-
|
|
35054
|
-
|
|
35055
|
-
|
|
35056
|
-
|
|
35057
|
-
|
|
35058
|
-
|
|
35059
|
-
|
|
35060
|
-
|
|
35310
|
+
),
|
|
35311
|
+
isSwappedEnabled && /* @__PURE__ */ React215.createElement(
|
|
35312
|
+
Box,
|
|
35313
|
+
{
|
|
35314
|
+
className: paymentMethodStaticArea,
|
|
35315
|
+
display: "flex",
|
|
35316
|
+
flexDirection: "column"
|
|
35317
|
+
},
|
|
35318
|
+
/* @__PURE__ */ React215.createElement(
|
|
35319
|
+
CryptoCashToggle,
|
|
35320
|
+
{
|
|
35321
|
+
marginTop: customTopComponent ? "24" : "0",
|
|
35322
|
+
activeTab: paymentMethodTab,
|
|
35323
|
+
onTabChange: handlePaymentMethodTabChange
|
|
35324
|
+
}
|
|
35325
|
+
)
|
|
35326
|
+
),
|
|
35327
|
+
isSwappedEnabled && paymentMethodTab === "fiat" && /* @__PURE__ */ React215.createElement(
|
|
35328
|
+
FunDivider,
|
|
35329
|
+
{
|
|
35330
|
+
borderColor: "lightStroke",
|
|
35331
|
+
className: fullWidthContentDivider,
|
|
35332
|
+
visible: paymentListScroll.hasTopDivider
|
|
35333
|
+
}
|
|
35334
|
+
),
|
|
35061
35335
|
/* @__PURE__ */ React215.createElement(
|
|
35062
|
-
|
|
35336
|
+
Box,
|
|
35063
35337
|
{
|
|
35064
|
-
|
|
35065
|
-
|
|
35066
|
-
|
|
35067
|
-
|
|
35068
|
-
|
|
35069
|
-
|
|
35070
|
-
|
|
35071
|
-
|
|
35072
|
-
|
|
35073
|
-
|
|
35074
|
-
|
|
35075
|
-
|
|
35076
|
-
|
|
35338
|
+
ref: paymentListScroll.ref,
|
|
35339
|
+
className: clsx20(
|
|
35340
|
+
paymentMethodScrollArea,
|
|
35341
|
+
!paymentListScroll.isScrolling && paymentMethodScrollbarHidden
|
|
35342
|
+
),
|
|
35343
|
+
paddingBottom: hasBottomBar ? void 0 : "modalPaddingBottomLower",
|
|
35344
|
+
style: { position: "relative" }
|
|
35345
|
+
},
|
|
35346
|
+
leavingTab !== null && /* @__PURE__ */ React215.createElement(
|
|
35347
|
+
Box,
|
|
35348
|
+
{
|
|
35349
|
+
key: leavingTab,
|
|
35350
|
+
style: { position: "absolute", inset: 0 },
|
|
35351
|
+
className: leavingClass,
|
|
35352
|
+
onAnimationEnd: (e) => {
|
|
35353
|
+
if (e.target === e.currentTarget) {
|
|
35354
|
+
setLeavingTab(null);
|
|
35077
35355
|
}
|
|
35078
|
-
}
|
|
35079
|
-
isDisabled: !newSource && !connectedSource && !selectedFop
|
|
35356
|
+
}
|
|
35080
35357
|
},
|
|
35081
|
-
|
|
35082
|
-
|
|
35358
|
+
renderPaymentMethodContent(leavingTab)
|
|
35359
|
+
),
|
|
35360
|
+
/* @__PURE__ */ React215.createElement(Box, { className: leavingTab !== null ? enteringClass : void 0 }, renderPaymentMethodContent(paymentMethodTab))
|
|
35361
|
+
),
|
|
35362
|
+
/* @__PURE__ */ React215.createElement(Box, { className: emptyStateStyles }, /* @__PURE__ */ React215.createElement(
|
|
35363
|
+
FunNoResults,
|
|
35364
|
+
{
|
|
35365
|
+
text: t("checkout.noAvailableTokensMessage"),
|
|
35366
|
+
title: t("checkout.noAvailableTokens"),
|
|
35367
|
+
variant: "actionable"
|
|
35368
|
+
}
|
|
35369
|
+
)),
|
|
35370
|
+
isSwappedEnabled && paymentMethodTab === "fiat" && hasBottomBar && /* @__PURE__ */ React215.createElement(
|
|
35371
|
+
FunDivider,
|
|
35372
|
+
{
|
|
35373
|
+
borderColor: "lightStroke",
|
|
35374
|
+
className: fullWidthContentDivider,
|
|
35375
|
+
visible: paymentListScroll.isScrollable && !paymentListScroll.isAtBottom
|
|
35083
35376
|
}
|
|
35084
35377
|
),
|
|
35085
|
-
bottomSectionRef
|
|
35086
|
-
|
|
35378
|
+
bottomSectionRef && createPortal18(
|
|
35379
|
+
/* @__PURE__ */ React215.createElement(
|
|
35380
|
+
Dialog.BottomBar,
|
|
35381
|
+
{
|
|
35382
|
+
actionButtonProps: isAutoContinue ? void 0 : {
|
|
35383
|
+
title: t("common.continue"),
|
|
35384
|
+
onClick: () => {
|
|
35385
|
+
if (selectedFop) {
|
|
35386
|
+
onNext({
|
|
35387
|
+
swappedIframe: true,
|
|
35388
|
+
selectedPaymentOption: selectedFop,
|
|
35389
|
+
paymentMethodTypeFilter: paymentMethodTab
|
|
35390
|
+
});
|
|
35391
|
+
} else if (connectedSource === null && !!newSource) {
|
|
35392
|
+
handleNewSourceContinue(newSource, true);
|
|
35393
|
+
} else if (connectedSource) {
|
|
35394
|
+
handleConnectedSourceContinue(connectedSource, true);
|
|
35395
|
+
}
|
|
35396
|
+
},
|
|
35397
|
+
isDisabled: !newSource && !connectedSource && !selectedFop
|
|
35398
|
+
},
|
|
35399
|
+
onCloseLabel: t(bottomBarCloseButtonConfig.labelKey),
|
|
35400
|
+
onClose: bottomBarCloseButtonConfig.enabled ? onClose : void 0
|
|
35401
|
+
}
|
|
35402
|
+
),
|
|
35403
|
+
bottomSectionRef
|
|
35404
|
+
)
|
|
35405
|
+
);
|
|
35087
35406
|
}
|
|
35088
35407
|
function trackEventForTabChange(checkoutItem, tab) {
|
|
35089
35408
|
return {
|
|
@@ -35099,7 +35418,7 @@ function trackEventForTabChange(checkoutItem, tab) {
|
|
|
35099
35418
|
|
|
35100
35419
|
// src/modals/CheckoutModal/SwappedIframe/SwappedIframe.tsx
|
|
35101
35420
|
import { useQueryClient as useQueryClient3 } from "@tanstack/react-query";
|
|
35102
|
-
import React216, { useEffect as useEffect53, useRef as useRef31, useState as
|
|
35421
|
+
import React216, { useEffect as useEffect53, useRef as useRef31, useState as useState63 } from "react";
|
|
35103
35422
|
import { Trans as Trans14 } from "react-i18next";
|
|
35104
35423
|
var SwappedIframeInfo = {
|
|
35105
35424
|
Component: SwappedIframe,
|
|
@@ -35133,7 +35452,7 @@ function SwappedIframe({
|
|
|
35133
35452
|
const { logEvent, logMeasuredEvent, startMeasuredEvent } = useTrack();
|
|
35134
35453
|
const { t } = useFunkitTranslation();
|
|
35135
35454
|
const queryClient = useQueryClient3();
|
|
35136
|
-
const [error, setError] =
|
|
35455
|
+
const [error, setError] = useState63(null);
|
|
35137
35456
|
const timeoutRef = useRef31(void 0);
|
|
35138
35457
|
const { checkoutItem } = useCheckoutContext();
|
|
35139
35458
|
const {
|
|
@@ -35480,17 +35799,17 @@ function trackEventForFormOfPayment(fop, checkoutItem, eventName, extras) {
|
|
|
35480
35799
|
|
|
35481
35800
|
// src/modals/CheckoutModal/TransferToken/TransferToken.tsx
|
|
35482
35801
|
import { motion as motion14, useAnimationControls as useAnimationControls3 } from "motion/react";
|
|
35483
|
-
import React226, { useRef as useRef32, useState as
|
|
35802
|
+
import React226, { useRef as useRef32, useState as useState67 } from "react";
|
|
35484
35803
|
import { createPortal as createPortal19 } from "react-dom";
|
|
35485
35804
|
|
|
35486
35805
|
// src/components/CopyAddress/CopyInputDisplayedAddress.tsx
|
|
35487
35806
|
import { truncateMiddleOfAddress } from "@funkit/utils";
|
|
35488
|
-
import React217, { useCallback as useCallback44, useState as
|
|
35807
|
+
import React217, { useCallback as useCallback44, useState as useState65 } from "react";
|
|
35489
35808
|
|
|
35490
35809
|
// src/hooks/useCopyToClipboard.ts
|
|
35491
|
-
import { useCallback as useCallback43, useEffect as useEffect54, useState as
|
|
35810
|
+
import { useCallback as useCallback43, useEffect as useEffect54, useState as useState64 } from "react";
|
|
35492
35811
|
var useCopyToClipboard = (text, delay = 1500) => {
|
|
35493
|
-
const [isCopied, setCopied] =
|
|
35812
|
+
const [isCopied, setCopied] = useState64(false);
|
|
35494
35813
|
const handleCopy = useCallback43(() => {
|
|
35495
35814
|
if (!text) {
|
|
35496
35815
|
return;
|
|
@@ -35509,15 +35828,15 @@ var useCopyToClipboard = (text, delay = 1500) => {
|
|
|
35509
35828
|
};
|
|
35510
35829
|
|
|
35511
35830
|
// src/components/CopyAddress/CopyInputDisplayedAddress.css.ts
|
|
35512
|
-
var copyButton = "_1kbzei93
|
|
35831
|
+
var copyButton = "_1kbzei93 _1rsrm2fmo _1rsrm2fo9 _1rsrm2fpq _1rsrm2fkz _1rsrm2fsj _1rsrm2f2ab _1rsrm2fwz _1rsrm2fxc _1rsrm2f107";
|
|
35513
35832
|
var copyButtonIcon = "_1kbzei94";
|
|
35514
35833
|
var copyButtonIconActive = "_1kbzei96 _1kbzei94";
|
|
35515
35834
|
var copyButtonIconBase = "_1kbzei95";
|
|
35516
|
-
var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4
|
|
35835
|
+
var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4 _1rsrm2f1w _1rsrm2f1jb _1rsrm2f1i _1rsrm2fu _1rsrm2f1e";
|
|
35517
35836
|
var copyInputText = "_1kbzei9a";
|
|
35518
35837
|
var copyInputTextActive = "_1kbzei9d _1kbzei9c";
|
|
35519
|
-
var copyInputTextBox = "_1kbzei98 _1rsrm2fa _1rsrm2f4
|
|
35520
|
-
var copyInputTextBoxActive = "_1kbzei99 _1kbzei98 _1rsrm2fa _1rsrm2f4
|
|
35838
|
+
var copyInputTextBox = "_1kbzei98 _1rsrm2fa _1rsrm2f4 _1rsrm2f77 _1rsrm2f40";
|
|
35839
|
+
var copyInputTextBoxActive = "_1kbzei99 _1kbzei98 _1rsrm2fa _1rsrm2f4 _1rsrm2f77 _1rsrm2f40";
|
|
35521
35840
|
var copyInputTextDefault = "_1kbzei9c";
|
|
35522
35841
|
var copyInputTextWrapper = "_1kbzei9b";
|
|
35523
35842
|
var textIn = "_1kbzei9f";
|
|
@@ -35529,7 +35848,7 @@ function CopyInputDisplayedAddressEN({
|
|
|
35529
35848
|
truncateAddress = false
|
|
35530
35849
|
}) {
|
|
35531
35850
|
const { handleCopy } = useCopyToClipboard(address);
|
|
35532
|
-
const [isActive, setIsActive] =
|
|
35851
|
+
const [isActive, setIsActive] = useState65(null);
|
|
35533
35852
|
const displayAddress = truncateAddress ? truncateMiddleOfAddress(address, 40, 24, 8) : address;
|
|
35534
35853
|
const handleClick = useCallback44(() => {
|
|
35535
35854
|
if (isActive) {
|
|
@@ -35582,7 +35901,7 @@ function CopyInputDisplayedAddressI18n({
|
|
|
35582
35901
|
}) {
|
|
35583
35902
|
const { t } = useFunkitTranslation();
|
|
35584
35903
|
const { handleCopy } = useCopyToClipboard(address);
|
|
35585
|
-
const [isActive, setIsActive] =
|
|
35904
|
+
const [isActive, setIsActive] = useState65(null);
|
|
35586
35905
|
const displayAddress = truncateAddress ? truncateMiddleOfAddress(address, 40, 24, 8) : address;
|
|
35587
35906
|
const handleClick = useCallback44(() => {
|
|
35588
35907
|
if (isActive) {
|
|
@@ -35851,10 +36170,10 @@ var SpeedometerIcon = () => {
|
|
|
35851
36170
|
|
|
35852
36171
|
// src/components/FunFeatureList/FunFeatureList.tsx
|
|
35853
36172
|
import { motion as motion13, useAnimationControls as useAnimationControls2 } from "motion/react";
|
|
35854
|
-
import React223, { useState as
|
|
36173
|
+
import React223, { useState as useState66 } from "react";
|
|
35855
36174
|
|
|
35856
36175
|
// src/components/FunFeatureList/FunFeatureList.css.ts
|
|
35857
|
-
var detailsButton = "_1045qr71
|
|
36176
|
+
var detailsButton = "_1045qr71 _1rsrm2fmo _1rsrm2fo9 _1rsrm2fpq _1rsrm2fkz _1rsrm2fsj _1rsrm2fa _1rsrm2f4 _1rsrm2f78 _1rsrm2fu";
|
|
35858
36177
|
|
|
35859
36178
|
// src/components/FunFeatureList/FunFeatureListItem.tsx
|
|
35860
36179
|
import React222 from "react";
|
|
@@ -35933,8 +36252,8 @@ var FunFeatureList = ({
|
|
|
35933
36252
|
withBackgroundItem = false,
|
|
35934
36253
|
gapBetweenItems = "6"
|
|
35935
36254
|
}) => {
|
|
35936
|
-
const [isExpanded, setIsExpanded] =
|
|
35937
|
-
const [isDisplayed, setIsDisplayed] =
|
|
36255
|
+
const [isExpanded, setIsExpanded] = useState66(false);
|
|
36256
|
+
const [isDisplayed, setIsDisplayed] = useState66();
|
|
35938
36257
|
const controls = useAnimationControls2();
|
|
35939
36258
|
const handleExpandToggle = async () => {
|
|
35940
36259
|
setIsDisplayed((value) => !value);
|
|
@@ -36193,7 +36512,7 @@ function TransferToken({
|
|
|
36193
36512
|
const { t } = useFunkitTranslation();
|
|
36194
36513
|
const controls = useAnimationControls3();
|
|
36195
36514
|
const udaParams = useUDAParams();
|
|
36196
|
-
const [qrCodeHover, setQrCodeHover] =
|
|
36515
|
+
const [qrCodeHover, setQrCodeHover] = useState67(false);
|
|
36197
36516
|
const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
|
|
36198
36517
|
const { textCustomizations, uiCustomizations } = useFunkitConfig();
|
|
36199
36518
|
const { checkoutItem } = useCheckoutContext();
|
|
@@ -36482,7 +36801,7 @@ function TransferToken({
|
|
|
36482
36801
|
}
|
|
36483
36802
|
|
|
36484
36803
|
// src/modals/CheckoutModal/VirtualFiatAccount/FiatAccountDetail.tsx
|
|
36485
|
-
import React231, { useState as
|
|
36804
|
+
import React231, { useState as useState68 } from "react";
|
|
36486
36805
|
|
|
36487
36806
|
// src/components/VirtualFiatAccount/AccountDetailsTab/AccountDetailsTab.tsx
|
|
36488
36807
|
import React230 from "react";
|
|
@@ -36734,8 +37053,8 @@ var AccountDetailsScreen = ({
|
|
|
36734
37053
|
const label = usePaymentMethodInfoLabel(paymentMethodInfo);
|
|
36735
37054
|
const { animation, animate } = useAnimatedNavigation(void 0);
|
|
36736
37055
|
const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
|
|
36737
|
-
const [activeTab, setActiveTab] =
|
|
36738
|
-
const [detailsExpanded, setDetailsExpanded] =
|
|
37056
|
+
const [activeTab, setActiveTab] = useState68(0);
|
|
37057
|
+
const [detailsExpanded, setDetailsExpanded] = useState68(false);
|
|
36739
37058
|
const { source_deposit_instructions: sourceDeposit } = matchingFiatAccount;
|
|
36740
37059
|
const handleTabChange = (index) => {
|
|
36741
37060
|
animate(() => setActiveTab(index), { reverse: index < activeTab });
|
|
@@ -36821,7 +37140,7 @@ var FiatAccountDetail = {
|
|
|
36821
37140
|
|
|
36822
37141
|
// src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
|
|
36823
37142
|
import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
|
|
36824
|
-
import React232, { useCallback as useCallback45, useEffect as useEffect55, useMemo as useMemo51, useState as
|
|
37143
|
+
import React232, { useCallback as useCallback45, useEffect as useEffect55, useMemo as useMemo51, useState as useState69 } from "react";
|
|
36825
37144
|
function useIframeListener(listeners, expectedOrigin) {
|
|
36826
37145
|
const handleMessage = useCallback45(
|
|
36827
37146
|
(event) => {
|
|
@@ -36877,7 +37196,7 @@ function KycIframe({
|
|
|
36877
37196
|
const { textCustomizations } = useFunkitConfig();
|
|
36878
37197
|
const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
|
|
36879
37198
|
const { data: kycLink, isLoading: isLinkLoading } = useLoadKycLink(modalState);
|
|
36880
|
-
const [iframeLoading, setIframeLoading] =
|
|
37199
|
+
const [iframeLoading, setIframeLoading] = useState69(true);
|
|
36881
37200
|
const kycOrigin = useMemo51(() => {
|
|
36882
37201
|
try {
|
|
36883
37202
|
return kycLink ? new URL(kycLink).origin : null;
|
|
@@ -37035,7 +37354,7 @@ function initialState(checkoutItem) {
|
|
|
37035
37354
|
}
|
|
37036
37355
|
function useCheckoutModalTransition(checkoutItem, onClose) {
|
|
37037
37356
|
const { logEvent, logMeasuredEvent, startMeasuredEvent } = useTrack();
|
|
37038
|
-
const [modalState, setModalState] =
|
|
37357
|
+
const [modalState, setModalState] = useState70(() => initialState(checkoutItem));
|
|
37039
37358
|
const { isStepReady, ensureStepQueries } = useStepQueryReadiness(
|
|
37040
37359
|
logEvent,
|
|
37041
37360
|
logMeasuredEvent
|
|
@@ -37103,7 +37422,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
|
|
|
37103
37422
|
]
|
|
37104
37423
|
);
|
|
37105
37424
|
const { animation, animate } = useAnimatedNavigation(void 0);
|
|
37106
|
-
const [stateHistory, setHistory] =
|
|
37425
|
+
const [stateHistory, setHistory] = useState70([]);
|
|
37107
37426
|
const prevStep = useRef33(null);
|
|
37108
37427
|
const hasHistoryEntry = stateHistory.length > 1;
|
|
37109
37428
|
const onNext = useCallback46(
|
|
@@ -37274,8 +37593,8 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
|
|
|
37274
37593
|
// src/modals/ProfileDetails/FunProfileViews/Home/index.tsx
|
|
37275
37594
|
import { IN_PROGRESS_CHECKOUT_STATES as IN_PROGRESS_CHECKOUT_STATES2 } from "@funkit/api-base";
|
|
37276
37595
|
import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
|
|
37277
|
-
import
|
|
37278
|
-
import React242, { useEffect as useEffect57, useMemo as useMemo52, useRef as useRef34, useState as
|
|
37596
|
+
import clsx22 from "clsx";
|
|
37597
|
+
import React242, { useEffect as useEffect57, useMemo as useMemo52, useRef as useRef34, useState as useState72 } from "react";
|
|
37279
37598
|
import { Virtuoso } from "react-virtuoso";
|
|
37280
37599
|
|
|
37281
37600
|
// src/components/Icons/GreenRoundCheckmark.tsx
|
|
@@ -37322,7 +37641,7 @@ import {
|
|
|
37322
37641
|
isMobile as isMobile8,
|
|
37323
37642
|
isNotNullish as isNotNullish7
|
|
37324
37643
|
} from "@funkit/utils";
|
|
37325
|
-
import
|
|
37644
|
+
import clsx21 from "clsx";
|
|
37326
37645
|
import React237 from "react";
|
|
37327
37646
|
|
|
37328
37647
|
// src/components/Icons/RedRoundErrorCross.tsx
|
|
@@ -37350,7 +37669,7 @@ var RedRoundErrorCross = ({ size = 15 }) => {
|
|
|
37350
37669
|
|
|
37351
37670
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts
|
|
37352
37671
|
var baseStyles4 = "ukct4t4";
|
|
37353
|
-
var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1
|
|
37672
|
+
var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2f1nz _1rsrm2f1jg", defaultBackground: "_1rsrm2f12b _1rsrm2fxd", hoverBackground: "_1rsrm2fx0" };
|
|
37354
37673
|
|
|
37355
37674
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
|
|
37356
37675
|
var TEXT_SIZE_MEDIUM2 = "13";
|
|
@@ -37426,7 +37745,7 @@ var HomeCheckoutDisplayRow = ({
|
|
|
37426
37745
|
return /* @__PURE__ */ React237.createElement(
|
|
37427
37746
|
Box,
|
|
37428
37747
|
{
|
|
37429
|
-
className:
|
|
37748
|
+
className: clsx21(
|
|
37430
37749
|
baseStyles4,
|
|
37431
37750
|
homeCheckoutDisplayRowStyle.defaultBorder,
|
|
37432
37751
|
homeCheckoutDisplayRowStyle.defaultBackground,
|
|
@@ -37649,7 +37968,7 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
|
|
|
37649
37968
|
|
|
37650
37969
|
// src/modals/ProfileDetails/FunProfileViews/Home/ProfileTitleSection.tsx
|
|
37651
37970
|
import React241 from "react";
|
|
37652
|
-
import { useCallback as useCallback47, useState as
|
|
37971
|
+
import { useCallback as useCallback47, useState as useState71 } from "react";
|
|
37653
37972
|
|
|
37654
37973
|
// src/components/Icons/LogoutIcon.tsx
|
|
37655
37974
|
import React239 from "react";
|
|
@@ -37716,7 +38035,7 @@ var ProfileTitleSection = ({
|
|
|
37716
38035
|
onClose
|
|
37717
38036
|
}) => {
|
|
37718
38037
|
const { t } = useFunkitTranslation();
|
|
37719
|
-
const [isDisconnectExpanded, setIsDisconnectExpanded] =
|
|
38038
|
+
const [isDisconnectExpanded, setIsDisconnectExpanded] = useState71(false);
|
|
37720
38039
|
const collapseDisconnect = useCallback47(
|
|
37721
38040
|
() => setIsDisconnectExpanded(false),
|
|
37722
38041
|
[]
|
|
@@ -37807,7 +38126,7 @@ function Home({
|
|
|
37807
38126
|
animation
|
|
37808
38127
|
}) {
|
|
37809
38128
|
const { t } = useFunkitTranslation();
|
|
37810
|
-
const [selectedView, setSelectedView] =
|
|
38129
|
+
const [selectedView, setSelectedView] = useState72(defaultHomeTab);
|
|
37811
38130
|
const checkoutsListRef = useRef34(null);
|
|
37812
38131
|
const virtuosoParentRef = useRef34(null);
|
|
37813
38132
|
const account = useAccount();
|
|
@@ -37834,7 +38153,7 @@ function Home({
|
|
|
37834
38153
|
return /* @__PURE__ */ React242.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React242.createElement(
|
|
37835
38154
|
Virtuoso,
|
|
37836
38155
|
{
|
|
37837
|
-
className:
|
|
38156
|
+
className: clsx22(hideScrollBar, scrollContent),
|
|
37838
38157
|
data: assets,
|
|
37839
38158
|
defaultItemHeight: itemHeight + itemMargin,
|
|
37840
38159
|
id: "token-list",
|
|
@@ -37915,7 +38234,7 @@ function Home({
|
|
|
37915
38234
|
return /* @__PURE__ */ React242.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React242.createElement(
|
|
37916
38235
|
Virtuoso,
|
|
37917
38236
|
{
|
|
37918
|
-
className:
|
|
38237
|
+
className: clsx22(hideScrollBar, scrollContent),
|
|
37919
38238
|
data: items,
|
|
37920
38239
|
defaultItemHeight: itemHeight + itemMargin,
|
|
37921
38240
|
id: "checkouts-list",
|
|
@@ -38099,8 +38418,8 @@ var PROFILE_DETAILS_DIALOG_CONTENT_ID = "profile-details-dialog-content";
|
|
|
38099
38418
|
var HISTORY_BOTTOM_BAR_ID = "history-bottom-section";
|
|
38100
38419
|
function ProfileDetails({ onClose, defaultTab }) {
|
|
38101
38420
|
const { t } = useFunkitTranslation();
|
|
38102
|
-
const [view, setView] =
|
|
38103
|
-
const [selectedHomeTab, setSelectedHomeTab] =
|
|
38421
|
+
const [view, setView] = useState73(0 /* HOME */);
|
|
38422
|
+
const [selectedHomeTab, setSelectedHomeTab] = useState73(
|
|
38104
38423
|
defaultTab ?? "assets" /* ASSETS */
|
|
38105
38424
|
);
|
|
38106
38425
|
const {
|
|
@@ -38114,7 +38433,7 @@ function ProfileDetails({ onClose, defaultTab }) {
|
|
|
38114
38433
|
selectedPurchaseId || "0x",
|
|
38115
38434
|
DEFAULT_CHECKOUT_HISTORY_DETAIL_TITLE
|
|
38116
38435
|
);
|
|
38117
|
-
const [singleActivityPage, setSingleActivityPage] =
|
|
38436
|
+
const [singleActivityPage, setSingleActivityPage] = useState73(
|
|
38118
38437
|
selectedPurchaseInitView ?? "detail" /* DETAIL */
|
|
38119
38438
|
);
|
|
38120
38439
|
const resetView = useCallback48(() => {
|
|
@@ -38570,7 +38889,7 @@ import { LogLevel as LogLevel2, initializeRelayClient } from "@funkit/fun-relay"
|
|
|
38570
38889
|
import React267, { useRef as useRef36 } from "react";
|
|
38571
38890
|
|
|
38572
38891
|
// src/components/FunConnectOptions/FunConnectOptions.tsx
|
|
38573
|
-
import React258, { useCallback as useCallback49, useMemo as useMemo53, useState as
|
|
38892
|
+
import React258, { useCallback as useCallback49, useMemo as useMemo53, useState as useState76 } from "react";
|
|
38574
38893
|
|
|
38575
38894
|
// src/components/FunConnectOptions/FunConnectResultStep.tsx
|
|
38576
38895
|
import React253, { useEffect as useEffect58 } from "react";
|
|
@@ -38644,7 +38963,7 @@ var FunConnectResultStep = ({
|
|
|
38644
38963
|
|
|
38645
38964
|
// src/components/FunConnectOptions/FunSignInStep.tsx
|
|
38646
38965
|
import { isMobile as isMobile13, isSafari as isSafari2, redirectInMobile } from "@funkit/utils";
|
|
38647
|
-
import React255, { useState as
|
|
38966
|
+
import React255, { useState as useState75 } from "react";
|
|
38648
38967
|
|
|
38649
38968
|
// src/wallets/latestWalletId.ts
|
|
38650
38969
|
var storageKey5 = "fkc-latest-id";
|
|
@@ -38653,7 +38972,7 @@ function addLatestWalletId(walletId) {
|
|
|
38653
38972
|
}
|
|
38654
38973
|
|
|
38655
38974
|
// src/components/ModalSelection/ModalSelection.tsx
|
|
38656
|
-
import React254, { useState as
|
|
38975
|
+
import React254, { useState as useState74 } from "react";
|
|
38657
38976
|
var ModalSelection = ({
|
|
38658
38977
|
as = "button",
|
|
38659
38978
|
currentlySelected = false,
|
|
@@ -38668,7 +38987,7 @@ var ModalSelection = ({
|
|
|
38668
38987
|
isFunkitSdkConnector: isFunkitSdkConnector2,
|
|
38669
38988
|
...urlProps
|
|
38670
38989
|
}) => {
|
|
38671
|
-
const [isMouseOver, setIsMouseOver] =
|
|
38990
|
+
const [isMouseOver, setIsMouseOver] = useState74(false);
|
|
38672
38991
|
const { t } = useFunkitTranslation();
|
|
38673
38992
|
return /* @__PURE__ */ React254.createElement(
|
|
38674
38993
|
Box,
|
|
@@ -38755,7 +39074,7 @@ function FunSignInStep({
|
|
|
38755
39074
|
connectToWallet,
|
|
38756
39075
|
setQrCodeUri
|
|
38757
39076
|
}) {
|
|
38758
|
-
const [selectedOptionId, setSelectedOptionId] =
|
|
39077
|
+
const [selectedOptionId, setSelectedOptionId] = useState75();
|
|
38759
39078
|
const wallets = usePreparedWalletConnectors();
|
|
38760
39079
|
const safari = isSafari2();
|
|
38761
39080
|
const onDesktopUri = async (wallet) => {
|
|
@@ -38935,9 +39254,9 @@ function FunConnectOptions({
|
|
|
38935
39254
|
onClose,
|
|
38936
39255
|
initialScreenOnBack
|
|
38937
39256
|
}) {
|
|
38938
|
-
const [step, setStep] =
|
|
38939
|
-
const [selectedWallet, setSelectedWallet] =
|
|
38940
|
-
const [qrCodeUri, setQrCodeUri] =
|
|
39257
|
+
const [step, setStep] = useState76(INITIAL_STEP);
|
|
39258
|
+
const [selectedWallet, setSelectedWallet] = useState76();
|
|
39259
|
+
const [qrCodeUri, setQrCodeUri] = useState76("");
|
|
38941
39260
|
const changeStep = useCallback49((newStep) => {
|
|
38942
39261
|
setStep(newStep);
|
|
38943
39262
|
if (isSignIn(newStep)) {
|
|
@@ -39109,7 +39428,7 @@ var FunCheckoutBlocked = ({ reason }) => {
|
|
|
39109
39428
|
};
|
|
39110
39429
|
|
|
39111
39430
|
// src/modals/CheckoutModal/SwappedIframe/SwappedIframePool.tsx
|
|
39112
|
-
import React260, { useCallback as useCallback50, useEffect as useEffect59, useState as
|
|
39431
|
+
import React260, { useCallback as useCallback50, useEffect as useEffect59, useState as useState77 } from "react";
|
|
39113
39432
|
var OFFSCREEN_STYLE = {
|
|
39114
39433
|
position: "absolute",
|
|
39115
39434
|
left: "-9999px",
|
|
@@ -39159,7 +39478,7 @@ function SwappedIframePool() {
|
|
|
39159
39478
|
onIframeElementLoaded,
|
|
39160
39479
|
setIframeRef
|
|
39161
39480
|
} = useSwappedContext();
|
|
39162
|
-
const [visible, setVisible] =
|
|
39481
|
+
const [visible, setVisible] = useState77(false);
|
|
39163
39482
|
const shouldShow = activeUrl !== null && loadedIframeUrls.includes(activeUrl);
|
|
39164
39483
|
useEffect59(() => {
|
|
39165
39484
|
if (shouldShow) {
|
|
@@ -39204,8 +39523,8 @@ function SwappedIframePool() {
|
|
|
39204
39523
|
var SwappedIframePool_default = React260.memo(SwappedIframePool);
|
|
39205
39524
|
|
|
39206
39525
|
// src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
|
|
39207
|
-
import
|
|
39208
|
-
import React266, { useCallback as useCallback52, useEffect as useEffect62, useMemo as useMemo54, useState as
|
|
39526
|
+
import clsx25 from "clsx";
|
|
39527
|
+
import React266, { useCallback as useCallback52, useEffect as useEffect62, useMemo as useMemo54, useState as useState79 } from "react";
|
|
39209
39528
|
|
|
39210
39529
|
// src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
|
|
39211
39530
|
import React261 from "react";
|
|
@@ -39302,15 +39621,15 @@ import { Trans as Trans17 } from "react-i18next";
|
|
|
39302
39621
|
|
|
39303
39622
|
// src/components/FunNotificationBanner/FunNotificationBanner.tsx
|
|
39304
39623
|
import { AnimatePresence as AnimatePresence4, motion as motion16 } from "motion/react";
|
|
39305
|
-
import React263, { useState as
|
|
39306
|
-
import
|
|
39624
|
+
import React263, { useState as useState78 } from "react";
|
|
39625
|
+
import clsx24 from "clsx";
|
|
39307
39626
|
|
|
39308
39627
|
// src/components/FunNotificationBanner/FunNotificationBanner.css.ts
|
|
39309
|
-
var notificationBannerStyle = "
|
|
39310
|
-
var showMoreButtonStyle = "_4yitd93
|
|
39628
|
+
var notificationBannerStyle = "_1rsrm2fr5 _1rsrm2fp _1rsrm2fwn _1rsrm2f21b";
|
|
39629
|
+
var showMoreButtonStyle = "_4yitd93 _1rsrm2f1gn _1rsrm2f1h _1rsrm2f1e _1rsrm2fwn _1rsrm2fx0 _1rsrm2fsj";
|
|
39311
39630
|
|
|
39312
39631
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
39313
|
-
import
|
|
39632
|
+
import clsx23 from "clsx";
|
|
39314
39633
|
import { motion as motion15, useAnimate as useAnimate3 } from "motion/react";
|
|
39315
39634
|
import React262, { useCallback as useCallback51, useEffect as useEffect61, useRef as useRef35 } from "react";
|
|
39316
39635
|
|
|
@@ -39318,7 +39637,7 @@ import React262, { useCallback as useCallback51, useEffect as useEffect61, useRe
|
|
|
39318
39637
|
var STATUS_SPINNER_BOTTOM_POSITION = -5;
|
|
39319
39638
|
var shadowStyle = "_1i8t3xj0";
|
|
39320
39639
|
var statusIcon = "_1i8t3xj3 _1i8t3xj0";
|
|
39321
|
-
var statusIconWrapper = "_1i8t3xj2
|
|
39640
|
+
var statusIconWrapper = "_1i8t3xj2 _1rsrm2fwn _1rsrm2f1b";
|
|
39322
39641
|
var statusSpinner = "_1i8t3xj4 qe221a3";
|
|
39323
39642
|
|
|
39324
39643
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
@@ -39515,7 +39834,7 @@ var SpinnerBase = ({ variant }) => {
|
|
|
39515
39834
|
return /* @__PURE__ */ React262.createElement(motion15.div, null, /* @__PURE__ */ React262.createElement(
|
|
39516
39835
|
Box,
|
|
39517
39836
|
{
|
|
39518
|
-
className:
|
|
39837
|
+
className: clsx23(
|
|
39519
39838
|
statusSpinner,
|
|
39520
39839
|
generateAnimationPrefixClassName("spinner")
|
|
39521
39840
|
),
|
|
@@ -39791,14 +40110,14 @@ var FunNotificationBannerIcon = ({
|
|
|
39791
40110
|
)), statusRef.current && /* @__PURE__ */ React262.createElement(
|
|
39792
40111
|
Box,
|
|
39793
40112
|
{
|
|
39794
|
-
className:
|
|
40113
|
+
className: clsx23(
|
|
39795
40114
|
statusIconWrapper,
|
|
39796
40115
|
generateAnimationPrefixClassName("icon-wrapper")
|
|
39797
40116
|
),
|
|
39798
40117
|
width: "20",
|
|
39799
40118
|
height: "20"
|
|
39800
40119
|
},
|
|
39801
|
-
/* @__PURE__ */ React262.createElement(Box, { className:
|
|
40120
|
+
/* @__PURE__ */ React262.createElement(Box, { className: clsx23(statusIcon) }, Object.entries(statusIconMap).map(([key, value]) => /* @__PURE__ */ React262.createElement(
|
|
39802
40121
|
"div",
|
|
39803
40122
|
{
|
|
39804
40123
|
key,
|
|
@@ -39850,8 +40169,8 @@ var FunNotificationBanner = ({
|
|
|
39850
40169
|
children,
|
|
39851
40170
|
onClosed
|
|
39852
40171
|
}) => {
|
|
39853
|
-
const [showMore, setShowMore] =
|
|
39854
|
-
const [isOpen, setIsOpen] =
|
|
40172
|
+
const [showMore, setShowMore] = useState78(false);
|
|
40173
|
+
const [isOpen, setIsOpen] = useState78(true);
|
|
39855
40174
|
const closeNotification = () => {
|
|
39856
40175
|
setIsOpen(false);
|
|
39857
40176
|
onClosed?.();
|
|
@@ -39885,7 +40204,7 @@ var FunNotificationBanner = ({
|
|
|
39885
40204
|
}
|
|
39886
40205
|
}
|
|
39887
40206
|
},
|
|
39888
|
-
/* @__PURE__ */ React263.createElement(Box, { className:
|
|
40207
|
+
/* @__PURE__ */ React263.createElement(Box, { className: clsx24(notificationBannerStyle) }, /* @__PURE__ */ React263.createElement(
|
|
39889
40208
|
FunIconButton,
|
|
39890
40209
|
{
|
|
39891
40210
|
borderRadius: "full",
|
|
@@ -40003,7 +40322,11 @@ var useCheckout = (depositAddress, initial) => {
|
|
|
40003
40322
|
queryKey: ["checkouts", "checkout", depositAddress],
|
|
40004
40323
|
queryFn: () => (
|
|
40005
40324
|
// biome-ignore lint/style/noNonNullAssertion: already checked for null
|
|
40006
|
-
getCheckoutByDepositAddress2({
|
|
40325
|
+
getCheckoutByDepositAddress2({
|
|
40326
|
+
depositAddress,
|
|
40327
|
+
apiKey,
|
|
40328
|
+
logger
|
|
40329
|
+
})
|
|
40007
40330
|
),
|
|
40008
40331
|
refetchInterval: itemRefresh,
|
|
40009
40332
|
enabled: !!depositAddress,
|
|
@@ -40365,10 +40688,10 @@ var CheckoutNotifications = ({
|
|
|
40365
40688
|
isVisible,
|
|
40366
40689
|
variant
|
|
40367
40690
|
}) => {
|
|
40368
|
-
const [isExpanded, setIsExpanded] =
|
|
40369
|
-
const [initialCheckouts, setInitialCheckouts] =
|
|
40370
|
-
const [initialDirectExecutions, setInitialDirectExecutions] =
|
|
40371
|
-
const [closedNotifications, setClosedNotifications] =
|
|
40691
|
+
const [isExpanded, setIsExpanded] = useState79(false);
|
|
40692
|
+
const [initialCheckouts, setInitialCheckouts] = useState79();
|
|
40693
|
+
const [initialDirectExecutions, setInitialDirectExecutions] = useState79();
|
|
40694
|
+
const [closedNotifications, setClosedNotifications] = useState79([]);
|
|
40372
40695
|
const { data: checkouts } = useRecentCheckouts({ isVisible });
|
|
40373
40696
|
const filterFunc = useMemo54(() => {
|
|
40374
40697
|
return variant && {
|
|
@@ -40434,7 +40757,7 @@ var CheckoutNotifications = ({
|
|
|
40434
40757
|
Box,
|
|
40435
40758
|
{
|
|
40436
40759
|
position: "absolute",
|
|
40437
|
-
className:
|
|
40760
|
+
className: clsx25(hideScrollBar, scrollContent),
|
|
40438
40761
|
maxHeight: "full",
|
|
40439
40762
|
style: { bottom: 0, left: 0, right: 0, zIndex: OVERLAY_Z_INDEX }
|
|
40440
40763
|
},
|
|
@@ -40567,6 +40890,7 @@ function FunCheckoutModalInner({
|
|
|
40567
40890
|
const isInitialStep = modalState.step === "loading_account" /* LOADING_ACCOUNT */;
|
|
40568
40891
|
const hasBack = hasHistoryEntry && !disableBack;
|
|
40569
40892
|
const { apiKey } = useFunkitConfig();
|
|
40893
|
+
const { uiCustomizations } = useFunkitConfig();
|
|
40570
40894
|
const { isSwappedEnabled } = usePaymentMethodEnablement();
|
|
40571
40895
|
const isLighter = isLighterxyzCustomer(apiKey);
|
|
40572
40896
|
const isFanatics = isFanaticsCustomer(apiKey);
|
|
@@ -40592,7 +40916,7 @@ function FunCheckoutModalInner({
|
|
|
40592
40916
|
titleMeta: checkoutConfig.modalTitleMeta
|
|
40593
40917
|
}
|
|
40594
40918
|
),
|
|
40595
|
-
withTopDivider:
|
|
40919
|
+
withTopDivider: uiCustomizations.alwaysShowTopDivider ? "always" : "scroll",
|
|
40596
40920
|
scrollableContent: CHECKOUT_DIALOG_CONTENT_ID
|
|
40597
40921
|
});
|
|
40598
40922
|
const showBottomDivider = NEVER_SHOW_BOTTOM_DIVIDER_STEPS.includes(modalState.step) || modalState.hideBottomDivider ? "never" : ALWAYS_SHOW_BOTTOM_DIVIDER_STEPS.includes(modalState.step) ? "always" : "scroll";
|
|
@@ -40731,7 +41055,7 @@ function ConnectModal({ onClose, open }) {
|
|
|
40731
41055
|
|
|
40732
41056
|
// src/providers/ModalContext.tsx
|
|
40733
41057
|
function useModalStateValue() {
|
|
40734
|
-
const [isModalOpen, setModalOpen] =
|
|
41058
|
+
const [isModalOpen, setModalOpen] = useState80(false);
|
|
40735
41059
|
return {
|
|
40736
41060
|
closeModal: useCallback53(() => setModalOpen(false), []),
|
|
40737
41061
|
isModalOpen,
|
|
@@ -40739,8 +41063,8 @@ function useModalStateValue() {
|
|
|
40739
41063
|
};
|
|
40740
41064
|
}
|
|
40741
41065
|
function useModalStateValueWithProp() {
|
|
40742
|
-
const [isModalOpen, setModalOpen] =
|
|
40743
|
-
const [prop, setProp] =
|
|
41066
|
+
const [isModalOpen, setModalOpen] = useState80(false);
|
|
41067
|
+
const [prop, setProp] = useState80(null);
|
|
40744
41068
|
return {
|
|
40745
41069
|
closeModal: useCallback53(() => {
|
|
40746
41070
|
setTimeout(
|
|
@@ -40790,14 +41114,14 @@ function ModalProvider({ children }) {
|
|
|
40790
41114
|
isModalOpen: chainModalOpen,
|
|
40791
41115
|
openModal: openChainModal
|
|
40792
41116
|
} = useModalStateValue();
|
|
40793
|
-
const [isWalletConnectModalOpen, setIsWalletConnectModalOpen] =
|
|
41117
|
+
const [isWalletConnectModalOpen, setIsWalletConnectModalOpen] = useState80(false);
|
|
40794
41118
|
const {
|
|
40795
41119
|
closeModal: closeFunCheckoutModal,
|
|
40796
41120
|
isModalOpen: funCheckoutModalOpen,
|
|
40797
41121
|
openModal: openFunCheckoutModal,
|
|
40798
41122
|
prop: funCheckoutModalId
|
|
40799
41123
|
} = useModalStateValueWithProp();
|
|
40800
|
-
const [softHiddenCheckoutId, setSoftHiddenCheckoutId] =
|
|
41124
|
+
const [softHiddenCheckoutId, setSoftHiddenCheckoutId] = useState80(null);
|
|
40801
41125
|
const softHideFunCheckoutModal = useCallback53(() => {
|
|
40802
41126
|
if (funCheckoutModalId) {
|
|
40803
41127
|
setSoftHiddenCheckoutId(funCheckoutModalId);
|
|
@@ -41018,12 +41342,12 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
41018
41342
|
const { refreshCheckoutHistory } = useCheckoutHistoryContext();
|
|
41019
41343
|
const { getDirectExecutionInfo, getWithdrawalDirectExecution } = useCheckoutDirectExecution();
|
|
41020
41344
|
const { logEvent, startMeasuredEvent } = useTrack();
|
|
41021
|
-
const [activeCheckout, setActiveCheckout] =
|
|
41022
|
-
const [activeWithdrawal, setActiveWithdrawal] =
|
|
41345
|
+
const [activeCheckout, setActiveCheckout] = useState81(null);
|
|
41346
|
+
const [activeWithdrawal, setActiveWithdrawal] = useState81(null);
|
|
41023
41347
|
const udaParams = useUDAParams(
|
|
41024
41348
|
activeCheckout?.initSettings.config?.dynamicRoutingId
|
|
41025
41349
|
);
|
|
41026
|
-
const [checkoutsProgress, setCheckoutsProgress] =
|
|
41350
|
+
const [checkoutsProgress, setCheckoutsProgress] = useState81({});
|
|
41027
41351
|
const getCheckoutProgress = useCallback54(
|
|
41028
41352
|
(checkoutId) => {
|
|
41029
41353
|
return checkoutsProgress[checkoutId];
|
|
@@ -41268,7 +41592,8 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
41268
41592
|
estTotalUsd: latestQuote.baseQuote.estTotalUsd,
|
|
41269
41593
|
sourceOfFund,
|
|
41270
41594
|
clientMetadata,
|
|
41271
|
-
apiKey: funkitConfig.apiKey
|
|
41595
|
+
apiKey: funkitConfig.apiKey,
|
|
41596
|
+
logger
|
|
41272
41597
|
});
|
|
41273
41598
|
depositAddressOrHash = txHash;
|
|
41274
41599
|
} else {
|
|
@@ -41617,7 +41942,7 @@ function useFunkitCheckout(props) {
|
|
|
41617
41942
|
},
|
|
41618
41943
|
[openFunCheckoutModal, props]
|
|
41619
41944
|
);
|
|
41620
|
-
const [pendingCheckoutConfig, setPendingCheckoutConfig] =
|
|
41945
|
+
const [pendingCheckoutConfig, setPendingCheckoutConfig] = useState81();
|
|
41621
41946
|
const onCheckoutConflict = ({
|
|
41622
41947
|
resume,
|
|
41623
41948
|
replace
|
|
@@ -42574,7 +42899,7 @@ function ConnectButton({
|
|
|
42574
42899
|
const chains = useFunkitConnectChains();
|
|
42575
42900
|
const connectionStatus = useConnectionStatus();
|
|
42576
42901
|
const { setShowBalance } = useShowBalance();
|
|
42577
|
-
const [ready, setReady] =
|
|
42902
|
+
const [ready, setReady] = useState82(false);
|
|
42578
42903
|
useEffect65(() => {
|
|
42579
42904
|
setShowBalance(showBalance);
|
|
42580
42905
|
if (!ready) {
|