@funkit/connect 9.2.1 → 9.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/__generated__/default_configs.d.ts +31 -2
  3. package/dist/__generated__/default_feature_gates.d.ts +1 -0
  4. package/dist/{chunk-P6FYL3PM.js → chunk-FHIMKOGH.js} +20 -1
  5. package/dist/{chunk-VLXKSNSJ.js → chunk-NKJYA7IM.js} +20 -1
  6. package/dist/{chunk-3U6TWV25.js → chunk-TWG76V3I.js} +16 -4
  7. package/dist/clients/fanatics.css +5328 -4057
  8. package/dist/clients/fanatics.js +3 -3
  9. package/dist/components/Box/Box.d.ts +44 -44
  10. package/dist/components/FunButton/FunButton.css.d.ts +1 -0
  11. package/dist/components/FunButton/FunLinkButton.d.ts +2 -2
  12. package/dist/components/FunCheckoutHistory/FunDirectExecutionHistoryDetail.d.ts +1 -1
  13. package/dist/components/FunOptionBox/FunOptionBox.css.d.ts +1 -1
  14. package/dist/css/sprinkles.css.d.ts +110 -46
  15. package/dist/domains/relay.d.ts +2 -2
  16. package/dist/hooks/useSwappedPreload.d.ts +2 -3
  17. package/dist/index.css +5364 -4081
  18. package/dist/index.js +549 -582
  19. package/dist/modals/CheckoutModal/SourceChange/sourceChange.css.d.ts +2 -0
  20. package/dist/modals/CheckoutModal/SwappedIframe/SwappedIframe.d.ts +2 -15
  21. package/dist/modals/CheckoutModal/SwappedIframe/SwappedIframeContainer.d.ts +15 -0
  22. package/dist/modals/CheckoutModal/SwappedIframe/index.d.ts +1 -1
  23. package/dist/providers/FunkitCheckoutContext/types.d.ts +5 -5
  24. package/dist/providers/FunkitThemeProvider.d.ts +99 -3
  25. package/dist/providers/SwappedProvider.d.ts +8 -8
  26. package/dist/themes/baseTheme.js +1 -1
  27. package/dist/themes/darkTheme.js +2 -2
  28. package/dist/themes/lightTheme.js +2 -2
  29. package/dist/utils/checkout.d.ts +4 -4
  30. package/dist/utils/swapped.d.ts +6 -3
  31. package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
  32. package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
  33. package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
  34. package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
  35. package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
  36. package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
  37. package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
  38. package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
  39. package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
  40. package/dist/wallets/walletConnectors/index.js +43 -43
  41. package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
  42. package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
  43. package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
  44. package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
  45. package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
  46. package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
  47. package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
  48. package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
  49. package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
  50. package/package.json +2 -2
  51. package/dist/hooks/useIframePool.d.ts +0 -38
  52. package/dist/modals/CheckoutModal/SwappedIframe/SwappedIframePool.d.ts +0 -14
  53. package/dist/wallets/walletConnectors/{chunk-NEK7T3IC.js → chunk-4C7ER452.js} +3 -3
  54. package/dist/wallets/walletConnectors/{chunk-UVMMPRDM.js → chunk-53VYSPXK.js} +3 -3
  55. package/dist/wallets/walletConnectors/{chunk-I7K6LUZR.js → chunk-6UCI7GM6.js} +3 -3
  56. package/dist/wallets/walletConnectors/{chunk-3Y2GG3PM.js → chunk-6YO27XOM.js} +3 -3
  57. package/dist/wallets/walletConnectors/{chunk-DWMUM4F6.js → chunk-7OARWILZ.js} +3 -3
  58. package/dist/wallets/walletConnectors/{chunk-FDVJHNLL.js → chunk-CJJT7LMT.js} +3 -3
  59. package/dist/wallets/walletConnectors/{chunk-CT3QPTAU.js → chunk-EKJHJFRN.js} +3 -3
  60. package/dist/wallets/walletConnectors/{chunk-TIT5F32X.js → chunk-GH4M6FTK.js} +3 -3
  61. package/dist/wallets/walletConnectors/{chunk-UVYZSGIX.js → chunk-GSHSWVEG.js} +3 -3
  62. package/dist/wallets/walletConnectors/{chunk-CMLFDRCP.js → chunk-GVOQTORD.js} +3 -3
  63. package/dist/wallets/walletConnectors/{chunk-3YCR2ZB4.js → chunk-HETS3KKI.js} +3 -3
  64. package/dist/wallets/walletConnectors/{chunk-C4RP2DNH.js → chunk-HOPH3TQ3.js} +3 -3
  65. package/dist/wallets/walletConnectors/{chunk-CBI3SGOC.js → chunk-IICWJWGZ.js} +3 -3
  66. package/dist/wallets/walletConnectors/{chunk-ZMRIQOR5.js → chunk-KO56HCTI.js} +3 -3
  67. package/dist/wallets/walletConnectors/{chunk-COX3VEDR.js → chunk-LI6QY2B5.js} +3 -3
  68. package/dist/wallets/walletConnectors/{chunk-RLLTYOWT.js → chunk-PKMAPNN6.js} +3 -3
  69. package/dist/wallets/walletConnectors/{chunk-UPUDLUBT.js → chunk-TTHM3WUR.js} +3 -3
  70. package/dist/wallets/walletConnectors/{chunk-N3UJMC3V.js → chunk-XBLHZICW.js} +3 -3
package/dist/index.js CHANGED
@@ -1,13 +1,13 @@
1
1
  "use client";
2
- import {
3
- darkTheme
4
- } from "./chunk-VLXKSNSJ.js";
5
2
  import {
6
3
  lightTheme
7
- } from "./chunk-P6FYL3PM.js";
4
+ } from "./chunk-FHIMKOGH.js";
5
+ import {
6
+ darkTheme
7
+ } from "./chunk-NKJYA7IM.js";
8
8
  import {
9
9
  systemFontStack
10
- } from "./chunk-3U6TWV25.js";
10
+ } from "./chunk-TWG76V3I.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 _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";
19
+ var dialog = "_1pzt4231 _1rsrm2fxw _1rsrm2f1mq _1rsrm2fw _1rsrm2f1f _1rsrm2f1j _1rsrm2f27w _1rsrm2fa _1rsrm2f1x _1rsrm2fli _1rsrm2fo7 _1rsrm2fpw _1rsrm2fsd";
20
+ var dialogCompact = "_1pzt4232 _1pzt4231 _1rsrm2fxw _1rsrm2f1mq _1rsrm2fw _1rsrm2f1f _1rsrm2f1j _1rsrm2f27w _1rsrm2fa _1rsrm2f1x _1rsrm2fli _1rsrm2fo7 _1rsrm2fpw _1rsrm2fsd";
21
+ var dialogFanaticsBottomSheet = "_1pzt423a _1rsrm2f1j";
22
+ var dialogMedium = "_1pzt4233 _1pzt4231 _1rsrm2fxw _1rsrm2f1mq _1rsrm2fw _1rsrm2f1f _1rsrm2f1j _1rsrm2f27w _1rsrm2fa _1rsrm2f1x _1rsrm2fli _1rsrm2fo7 _1rsrm2fpw _1rsrm2fsd";
23
+ var dialogMobile = "_1pzt4238 _1rsrm2fx _1rsrm2f1j";
24
24
  var dividerTransition = "_1pzt423g";
25
25
  var fullHeightContent = "_1pzt423e";
26
26
  var noPaddingContent = "_1pzt423f";
27
- var scrollContent = "_1pzt423c _1rsrm2fsj";
27
+ var scrollContent = "_1pzt423c _1rsrm2ftr";
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: "_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)" };
52
+ var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fue", hover: "_1rsrm2fuf", active: "_1rsrm2fug", selection: "_1rsrm2fuh", focused: "_1rsrm2fui", focusedVisible: "_1rsrm2fuj" }, defaultClass: "_1rsrm2fue" }, accentColorForeground: { conditions: { base: "_1rsrm2fuk", hover: "_1rsrm2ful", active: "_1rsrm2fum", selection: "_1rsrm2fun", focused: "_1rsrm2fuo", focusedVisible: "_1rsrm2fup" }, defaultClass: "_1rsrm2fuk" }, actionButtonBorder: { conditions: { base: "_1rsrm2fuq", hover: "_1rsrm2fur", active: "_1rsrm2fus", selection: "_1rsrm2fut", focused: "_1rsrm2fuu", focusedVisible: "_1rsrm2fuv" }, defaultClass: "_1rsrm2fuq" }, connectButtonBackground: { conditions: { base: "_1rsrm2fuw", hover: "_1rsrm2fux", active: "_1rsrm2fuy", selection: "_1rsrm2fuz", focused: "_1rsrm2fv0", focusedVisible: "_1rsrm2fv1" }, defaultClass: "_1rsrm2fuw" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fv2", hover: "_1rsrm2fv3", active: "_1rsrm2fv4", selection: "_1rsrm2fv5", focused: "_1rsrm2fv6", focusedVisible: "_1rsrm2fv7" }, defaultClass: "_1rsrm2fv2" }, connectButtonText: { conditions: { base: "_1rsrm2fv8", hover: "_1rsrm2fv9", active: "_1rsrm2fva", selection: "_1rsrm2fvb", focused: "_1rsrm2fvc", focusedVisible: "_1rsrm2fvd" }, defaultClass: "_1rsrm2fv8" }, connectButtonTextError: { conditions: { base: "_1rsrm2fve", hover: "_1rsrm2fvf", active: "_1rsrm2fvg", selection: "_1rsrm2fvh", focused: "_1rsrm2fvi", focusedVisible: "_1rsrm2fvj" }, defaultClass: "_1rsrm2fve" }, connectionIndicator: { conditions: { base: "_1rsrm2fvk", hover: "_1rsrm2fvl", active: "_1rsrm2fvm", selection: "_1rsrm2fvn", focused: "_1rsrm2fvo", focusedVisible: "_1rsrm2fvp" }, defaultClass: "_1rsrm2fvk" }, error: { conditions: { base: "_1rsrm2fvq", hover: "_1rsrm2fvr", active: "_1rsrm2fvs", selection: "_1rsrm2fvt", focused: "_1rsrm2fvu", focusedVisible: "_1rsrm2fvv" }, defaultClass: "_1rsrm2fvq" }, errorBackground: { conditions: { base: "_1rsrm2fvw", hover: "_1rsrm2fvx", active: "_1rsrm2fvy", selection: "_1rsrm2fvz", focused: "_1rsrm2fw0", focusedVisible: "_1rsrm2fw1" }, defaultClass: "_1rsrm2fvw" }, errorBorder: { conditions: { base: "_1rsrm2fw2", hover: "_1rsrm2fw3", active: "_1rsrm2fw4", selection: "_1rsrm2fw5", focused: "_1rsrm2fw6", focusedVisible: "_1rsrm2fw7" }, defaultClass: "_1rsrm2fw2" }, generalBorder: { conditions: { base: "_1rsrm2fw8", hover: "_1rsrm2fw9", active: "_1rsrm2fwa", selection: "_1rsrm2fwb", focused: "_1rsrm2fwc", focusedVisible: "_1rsrm2fwd" }, defaultClass: "_1rsrm2fw8" }, generalBorderDim: { conditions: { base: "_1rsrm2fwe", hover: "_1rsrm2fwf", active: "_1rsrm2fwg", selection: "_1rsrm2fwh", focused: "_1rsrm2fwi", focusedVisible: "_1rsrm2fwj" }, defaultClass: "_1rsrm2fwe" }, menuItemBackground: { conditions: { base: "_1rsrm2fwk", hover: "_1rsrm2fwl", active: "_1rsrm2fwm", selection: "_1rsrm2fwn", focused: "_1rsrm2fwo", focusedVisible: "_1rsrm2fwp" }, defaultClass: "_1rsrm2fwk" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fwq", hover: "_1rsrm2fwr", active: "_1rsrm2fws", selection: "_1rsrm2fwt", focused: "_1rsrm2fwu", focusedVisible: "_1rsrm2fwv" }, defaultClass: "_1rsrm2fwq" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fww", hover: "_1rsrm2fwx", active: "_1rsrm2fwy", selection: "_1rsrm2fwz", focused: "_1rsrm2fx0", focusedVisible: "_1rsrm2fx1" }, defaultClass: "_1rsrm2fww" }, standby: { conditions: { base: "_1rsrm2fx2", hover: "_1rsrm2fx3", active: "_1rsrm2fx4", selection: "_1rsrm2fx5", focused: "_1rsrm2fx6", focusedVisible: "_1rsrm2fx7" }, defaultClass: "_1rsrm2fx2" }, success: { conditions: { base: "_1rsrm2fx8", hover: "_1rsrm2fx9", active: "_1rsrm2fxa", selection: "_1rsrm2fxb", focused: "_1rsrm2fxc", focusedVisible: "_1rsrm2fxd" }, defaultClass: "_1rsrm2fx8" }, delayedStatusIcon: { conditions: { base: "_1rsrm2fxe", hover: "_1rsrm2fxf", active: "_1rsrm2fxg", selection: "_1rsrm2fxh", focused: "_1rsrm2fxi", focusedVisible: "_1rsrm2fxj" }, defaultClass: "_1rsrm2fxe" }, chainIconBorder: { conditions: { base: "_1rsrm2fxk", hover: "_1rsrm2fxl", active: "_1rsrm2fxm", selection: "_1rsrm2fxn", focused: "_1rsrm2fxo", focusedVisible: "_1rsrm2fxp" }, defaultClass: "_1rsrm2fxk" }, modalBackdrop: { conditions: { base: "_1rsrm2fxq", hover: "_1rsrm2fxr", active: "_1rsrm2fxs", selection: "_1rsrm2fxt", focused: "_1rsrm2fxu", focusedVisible: "_1rsrm2fxv" }, defaultClass: "_1rsrm2fxq" }, modalBackground: { conditions: { base: "_1rsrm2fxw", hover: "_1rsrm2fxx", active: "_1rsrm2fxy", selection: "_1rsrm2fxz", focused: "_1rsrm2fy0", focusedVisible: "_1rsrm2fy1" }, defaultClass: "_1rsrm2fxw" }, modalBorder: { conditions: { base: "_1rsrm2fy2", hover: "_1rsrm2fy3", active: "_1rsrm2fy4", selection: "_1rsrm2fy5", focused: "_1rsrm2fy6", focusedVisible: "_1rsrm2fy7" }, defaultClass: "_1rsrm2fy2" }, offBackground: { conditions: { base: "_1rsrm2fy8", hover: "_1rsrm2fy9", active: "_1rsrm2fya", selection: "_1rsrm2fyb", focused: "_1rsrm2fyc", focusedVisible: "_1rsrm2fyd" }, defaultClass: "_1rsrm2fy8" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fye", hover: "_1rsrm2fyf", active: "_1rsrm2fyg", selection: "_1rsrm2fyh", focused: "_1rsrm2fyi", focusedVisible: "_1rsrm2fyj" }, defaultClass: "_1rsrm2fye" }, hoverState: { conditions: { base: "_1rsrm2fyk", hover: "_1rsrm2fyl", active: "_1rsrm2fym", selection: "_1rsrm2fyn", focused: "_1rsrm2fyo", focusedVisible: "_1rsrm2fyp" }, defaultClass: "_1rsrm2fyk" }, lightStroke: { conditions: { base: "_1rsrm2fyq", hover: "_1rsrm2fyr", active: "_1rsrm2fys", selection: "_1rsrm2fyt", focused: "_1rsrm2fyu", focusedVisible: "_1rsrm2fyv" }, defaultClass: "_1rsrm2fyq" }, mediumStroke: { conditions: { base: "_1rsrm2fyw", hover: "_1rsrm2fyx", active: "_1rsrm2fyy", selection: "_1rsrm2fyz", focused: "_1rsrm2fz0", focusedVisible: "_1rsrm2fz1" }, defaultClass: "_1rsrm2fyw" }, heavyStroke: { conditions: { base: "_1rsrm2fz2", hover: "_1rsrm2fz3", active: "_1rsrm2fz4", selection: "_1rsrm2fz5", focused: "_1rsrm2fz6", focusedVisible: "_1rsrm2fz7" }, defaultClass: "_1rsrm2fz2" }, strokeColor: { conditions: { base: "_1rsrm2fz8", hover: "_1rsrm2fz9", active: "_1rsrm2fza", selection: "_1rsrm2fzb", focused: "_1rsrm2fzc", focusedVisible: "_1rsrm2fzd" }, defaultClass: "_1rsrm2fz8" }, modalTopbarIcon: { conditions: { base: "_1rsrm2fze", hover: "_1rsrm2fzf", active: "_1rsrm2fzg", selection: "_1rsrm2fzh", focused: "_1rsrm2fzi", focusedVisible: "_1rsrm2fzj" }, defaultClass: "_1rsrm2fze" }, modalTopbarIconBackground: { conditions: { base: "_1rsrm2fzk", hover: "_1rsrm2fzl", active: "_1rsrm2fzm", selection: "_1rsrm2fzn", focused: "_1rsrm2fzo", focusedVisible: "_1rsrm2fzp" }, defaultClass: "_1rsrm2fzk" }, modalTopbarIconBackgroundHover: { conditions: { base: "_1rsrm2fzq", hover: "_1rsrm2fzr", active: "_1rsrm2fzs", selection: "_1rsrm2fzt", focused: "_1rsrm2fzu", focusedVisible: "_1rsrm2fzv" }, defaultClass: "_1rsrm2fzq" }, modalTopbarIconBackgroundPressed: { conditions: { base: "_1rsrm2fzw", hover: "_1rsrm2fzx", active: "_1rsrm2fzy", selection: "_1rsrm2fzz", focused: "_1rsrm2f100", focusedVisible: "_1rsrm2f101" }, defaultClass: "_1rsrm2fzw" }, modalTopbarIconStroke: { conditions: { base: "_1rsrm2f102", hover: "_1rsrm2f103", active: "_1rsrm2f104", selection: "_1rsrm2f105", focused: "_1rsrm2f106", focusedVisible: "_1rsrm2f107" }, defaultClass: "_1rsrm2f102" }, primaryText: { conditions: { base: "_1rsrm2f108", hover: "_1rsrm2f109", active: "_1rsrm2f10a", selection: "_1rsrm2f10b", focused: "_1rsrm2f10c", focusedVisible: "_1rsrm2f10d" }, defaultClass: "_1rsrm2f108" }, secondaryText: { conditions: { base: "_1rsrm2f10e", hover: "_1rsrm2f10f", active: "_1rsrm2f10g", selection: "_1rsrm2f10h", focused: "_1rsrm2f10i", focusedVisible: "_1rsrm2f10j" }, defaultClass: "_1rsrm2f10e" }, tertiaryText: { conditions: { base: "_1rsrm2f10k", hover: "_1rsrm2f10l", active: "_1rsrm2f10m", selection: "_1rsrm2f10n", focused: "_1rsrm2f10o", focusedVisible: "_1rsrm2f10p" }, defaultClass: "_1rsrm2f10k" }, textSelection: { conditions: { base: "_1rsrm2f10q", hover: "_1rsrm2f10r", active: "_1rsrm2f10s", selection: "_1rsrm2f10t", focused: "_1rsrm2f10u", focusedVisible: "_1rsrm2f10v" }, defaultClass: "_1rsrm2f10q" }, inputLabel: { conditions: { base: "_1rsrm2f10w", hover: "_1rsrm2f10x", active: "_1rsrm2f10y", selection: "_1rsrm2f10z", focused: "_1rsrm2f110", focusedVisible: "_1rsrm2f111" }, defaultClass: "_1rsrm2f10w" }, inputBackground: { conditions: { base: "_1rsrm2f112", hover: "_1rsrm2f113", active: "_1rsrm2f114", selection: "_1rsrm2f115", focused: "_1rsrm2f116", focusedVisible: "_1rsrm2f117" }, defaultClass: "_1rsrm2f112" }, inputBackgroundHover: { conditions: { base: "_1rsrm2f118", hover: "_1rsrm2f119", active: "_1rsrm2f11a", selection: "_1rsrm2f11b", focused: "_1rsrm2f11c", focusedVisible: "_1rsrm2f11d" }, defaultClass: "_1rsrm2f118" }, inputBorderBase: { conditions: { base: "_1rsrm2f11e", hover: "_1rsrm2f11f", active: "_1rsrm2f11g", selection: "_1rsrm2f11h", focused: "_1rsrm2f11i", focusedVisible: "_1rsrm2f11j" }, defaultClass: "_1rsrm2f11e" }, inputBorderHover: { conditions: { base: "_1rsrm2f11k", hover: "_1rsrm2f11l", active: "_1rsrm2f11m", selection: "_1rsrm2f11n", focused: "_1rsrm2f11o", focusedVisible: "_1rsrm2f11p" }, defaultClass: "_1rsrm2f11k" }, activeTabBorderColor: { conditions: { base: "_1rsrm2f11q", hover: "_1rsrm2f11r", active: "_1rsrm2f11s", selection: "_1rsrm2f11t", focused: "_1rsrm2f11u", focusedVisible: "_1rsrm2f11v" }, defaultClass: "_1rsrm2f11q" }, activeTabBackground: { conditions: { base: "_1rsrm2f11w", hover: "_1rsrm2f11x", active: "_1rsrm2f11y", selection: "_1rsrm2f11z", focused: "_1rsrm2f120", focusedVisible: "_1rsrm2f121" }, defaultClass: "_1rsrm2f11w" }, actionColor: { conditions: { base: "_1rsrm2f122", hover: "_1rsrm2f123", active: "_1rsrm2f124", selection: "_1rsrm2f125", focused: "_1rsrm2f126", focusedVisible: "_1rsrm2f127" }, defaultClass: "_1rsrm2f122" }, actionColorHover: { conditions: { base: "_1rsrm2f128", hover: "_1rsrm2f129", active: "_1rsrm2f12a", selection: "_1rsrm2f12b", focused: "_1rsrm2f12c", focusedVisible: "_1rsrm2f12d" }, defaultClass: "_1rsrm2f128" }, actionColorDisabled: { conditions: { base: "_1rsrm2f12e", hover: "_1rsrm2f12f", active: "_1rsrm2f12g", selection: "_1rsrm2f12h", focused: "_1rsrm2f12i", focusedVisible: "_1rsrm2f12j" }, defaultClass: "_1rsrm2f12e" }, buttonPrimary: { conditions: { base: "_1rsrm2f12k", hover: "_1rsrm2f12l", active: "_1rsrm2f12m", selection: "_1rsrm2f12n", focused: "_1rsrm2f12o", focusedVisible: "_1rsrm2f12p" }, defaultClass: "_1rsrm2f12k" }, buttonDisabled: { conditions: { base: "_1rsrm2f12q", hover: "_1rsrm2f12r", active: "_1rsrm2f12s", selection: "_1rsrm2f12t", focused: "_1rsrm2f12u", focusedVisible: "_1rsrm2f12v" }, defaultClass: "_1rsrm2f12q" }, buttonWarning: { conditions: { base: "_1rsrm2f12w", hover: "_1rsrm2f12x", active: "_1rsrm2f12y", selection: "_1rsrm2f12z", focused: "_1rsrm2f130", focusedVisible: "_1rsrm2f131" }, defaultClass: "_1rsrm2f12w" }, buttonSuccess: { conditions: { base: "_1rsrm2f132", hover: "_1rsrm2f133", active: "_1rsrm2f134", selection: "_1rsrm2f135", focused: "_1rsrm2f136", focusedVisible: "_1rsrm2f137" }, defaultClass: "_1rsrm2f132" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f138", hover: "_1rsrm2f139", active: "_1rsrm2f13a", selection: "_1rsrm2f13b", focused: "_1rsrm2f13c", focusedVisible: "_1rsrm2f13d" }, defaultClass: "_1rsrm2f138" }, buttonTextHover: { conditions: { base: "_1rsrm2f13e", hover: "_1rsrm2f13f", active: "_1rsrm2f13g", selection: "_1rsrm2f13h", focused: "_1rsrm2f13i", focusedVisible: "_1rsrm2f13j" }, defaultClass: "_1rsrm2f13e" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f13k", hover: "_1rsrm2f13l", active: "_1rsrm2f13m", selection: "_1rsrm2f13n", focused: "_1rsrm2f13o", focusedVisible: "_1rsrm2f13p" }, defaultClass: "_1rsrm2f13k" }, transparent: { conditions: { base: "_1rsrm2f13q", hover: "_1rsrm2f13r", active: "_1rsrm2f13s", selection: "_1rsrm2f13t", focused: "_1rsrm2f13u", focusedVisible: "_1rsrm2f13v" }, defaultClass: "_1rsrm2f13q" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f13w", hover: "_1rsrm2f13x", active: "_1rsrm2f13y", selection: "_1rsrm2f13z", focused: "_1rsrm2f140", focusedVisible: "_1rsrm2f141" }, defaultClass: "_1rsrm2f13w" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f142", hover: "_1rsrm2f143", active: "_1rsrm2f144", selection: "_1rsrm2f145", focused: "_1rsrm2f146", focusedVisible: "_1rsrm2f147" }, defaultClass: "_1rsrm2f142" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f148", hover: "_1rsrm2f149", active: "_1rsrm2f14a", selection: "_1rsrm2f14b", focused: "_1rsrm2f14c", focusedVisible: "_1rsrm2f14d" }, defaultClass: "_1rsrm2f148" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f14e", hover: "_1rsrm2f14f", active: "_1rsrm2f14g", selection: "_1rsrm2f14h", focused: "_1rsrm2f14i", focusedVisible: "_1rsrm2f14j" }, defaultClass: "_1rsrm2f14e" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f14k", hover: "_1rsrm2f14l", active: "_1rsrm2f14m", selection: "_1rsrm2f14n", focused: "_1rsrm2f14o", focusedVisible: "_1rsrm2f14p" }, defaultClass: "_1rsrm2f14k" }, buttonBackground: { conditions: { base: "_1rsrm2f14q", hover: "_1rsrm2f14r", active: "_1rsrm2f14s", selection: "_1rsrm2f14t", focused: "_1rsrm2f14u", focusedVisible: "_1rsrm2f14v" }, defaultClass: "_1rsrm2f14q" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f14w", hover: "_1rsrm2f14x", active: "_1rsrm2f14y", selection: "_1rsrm2f14z", focused: "_1rsrm2f150", focusedVisible: "_1rsrm2f151" }, defaultClass: "_1rsrm2f14w" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f152", hover: "_1rsrm2f153", active: "_1rsrm2f154", selection: "_1rsrm2f155", focused: "_1rsrm2f156", focusedVisible: "_1rsrm2f157" }, defaultClass: "_1rsrm2f152" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f158", hover: "_1rsrm2f159", active: "_1rsrm2f15a", selection: "_1rsrm2f15b", focused: "_1rsrm2f15c", focusedVisible: "_1rsrm2f15d" }, defaultClass: "_1rsrm2f158" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f15e", hover: "_1rsrm2f15f", active: "_1rsrm2f15g", selection: "_1rsrm2f15h", focused: "_1rsrm2f15i", focusedVisible: "_1rsrm2f15j" }, defaultClass: "_1rsrm2f15e" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f15k", hover: "_1rsrm2f15l", active: "_1rsrm2f15m", selection: "_1rsrm2f15n", focused: "_1rsrm2f15o", focusedVisible: "_1rsrm2f15p" }, defaultClass: "_1rsrm2f15k" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f15q", hover: "_1rsrm2f15r", active: "_1rsrm2f15s", selection: "_1rsrm2f15t", focused: "_1rsrm2f15u", focusedVisible: "_1rsrm2f15v" }, defaultClass: "_1rsrm2f15q" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f15w", hover: "_1rsrm2f15x", active: "_1rsrm2f15y", selection: "_1rsrm2f15z", focused: "_1rsrm2f160", focusedVisible: "_1rsrm2f161" }, defaultClass: "_1rsrm2f15w" }, buttonIconStroke: { conditions: { base: "_1rsrm2f162", hover: "_1rsrm2f163", active: "_1rsrm2f164", selection: "_1rsrm2f165", focused: "_1rsrm2f166", focusedVisible: "_1rsrm2f167" }, defaultClass: "_1rsrm2f162" }, buttonBorderTertiary: { conditions: { base: "_1rsrm2f168", hover: "_1rsrm2f169", active: "_1rsrm2f16a", selection: "_1rsrm2f16b", focused: "_1rsrm2f16c", focusedVisible: "_1rsrm2f16d" }, defaultClass: "_1rsrm2f168" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f16e", hover: "_1rsrm2f16f", active: "_1rsrm2f16g", selection: "_1rsrm2f16h", focused: "_1rsrm2f16i", focusedVisible: "_1rsrm2f16j" }, defaultClass: "_1rsrm2f16e" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f16k", hover: "_1rsrm2f16l", active: "_1rsrm2f16m", selection: "_1rsrm2f16n", focused: "_1rsrm2f16o", focusedVisible: "_1rsrm2f16p" }, defaultClass: "_1rsrm2f16k" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f16q", hover: "_1rsrm2f16r", active: "_1rsrm2f16s", selection: "_1rsrm2f16t", focused: "_1rsrm2f16u", focusedVisible: "_1rsrm2f16v" }, defaultClass: "_1rsrm2f16q" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f16w", hover: "_1rsrm2f16x", active: "_1rsrm2f16y", selection: "_1rsrm2f16z", focused: "_1rsrm2f170", focusedVisible: "_1rsrm2f171" }, defaultClass: "_1rsrm2f16w" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f172", hover: "_1rsrm2f173", active: "_1rsrm2f174", selection: "_1rsrm2f175", focused: "_1rsrm2f176", focusedVisible: "_1rsrm2f177" }, defaultClass: "_1rsrm2f172" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f178", hover: "_1rsrm2f179", active: "_1rsrm2f17a", selection: "_1rsrm2f17b", focused: "_1rsrm2f17c", focusedVisible: "_1rsrm2f17d" }, defaultClass: "_1rsrm2f178" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f17e", hover: "_1rsrm2f17f", active: "_1rsrm2f17g", selection: "_1rsrm2f17h", focused: "_1rsrm2f17i", focusedVisible: "_1rsrm2f17j" }, defaultClass: "_1rsrm2f17e" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f17k", hover: "_1rsrm2f17l", active: "_1rsrm2f17m", selection: "_1rsrm2f17n", focused: "_1rsrm2f17o", focusedVisible: "_1rsrm2f17p" }, defaultClass: "_1rsrm2f17k" }, newBadgeBackground: { conditions: { base: "_1rsrm2f17q", hover: "_1rsrm2f17r", active: "_1rsrm2f17s", selection: "_1rsrm2f17t", focused: "_1rsrm2f17u", focusedVisible: "_1rsrm2f17v" }, defaultClass: "_1rsrm2f17q" }, newBadgeBorder: { conditions: { base: "_1rsrm2f17w", hover: "_1rsrm2f17x", active: "_1rsrm2f17y", selection: "_1rsrm2f17z", focused: "_1rsrm2f180", focusedVisible: "_1rsrm2f181" }, defaultClass: "_1rsrm2f17w" }, newBadgeText: { conditions: { base: "_1rsrm2f182", hover: "_1rsrm2f183", active: "_1rsrm2f184", selection: "_1rsrm2f185", focused: "_1rsrm2f186", focusedVisible: "_1rsrm2f187" }, defaultClass: "_1rsrm2f182" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f188", hover: "_1rsrm2f189", active: "_1rsrm2f18a", selection: "_1rsrm2f18b", focused: "_1rsrm2f18c", focusedVisible: "_1rsrm2f18d" }, defaultClass: "_1rsrm2f188" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f18e", hover: "_1rsrm2f18f", active: "_1rsrm2f18g", selection: "_1rsrm2f18h", focused: "_1rsrm2f18i", focusedVisible: "_1rsrm2f18j" }, defaultClass: "_1rsrm2f18e" }, approvedBadgeText: { conditions: { base: "_1rsrm2f18k", hover: "_1rsrm2f18l", active: "_1rsrm2f18m", selection: "_1rsrm2f18n", focused: "_1rsrm2f18o", focusedVisible: "_1rsrm2f18p" }, defaultClass: "_1rsrm2f18k" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f18q", hover: "_1rsrm2f18r", active: "_1rsrm2f18s", selection: "_1rsrm2f18t", focused: "_1rsrm2f18u", focusedVisible: "_1rsrm2f18v" }, defaultClass: "_1rsrm2f18q" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f18w", hover: "_1rsrm2f18x", active: "_1rsrm2f18y", selection: "_1rsrm2f18z", focused: "_1rsrm2f190", focusedVisible: "_1rsrm2f191" }, defaultClass: "_1rsrm2f18w" }, failedBadgeText: { conditions: { base: "_1rsrm2f192", hover: "_1rsrm2f193", active: "_1rsrm2f194", selection: "_1rsrm2f195", focused: "_1rsrm2f196", focusedVisible: "_1rsrm2f197" }, defaultClass: "_1rsrm2f192" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f198", hover: "_1rsrm2f199", active: "_1rsrm2f19a", selection: "_1rsrm2f19b", focused: "_1rsrm2f19c", focusedVisible: "_1rsrm2f19d" }, defaultClass: "_1rsrm2f198" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f19e", hover: "_1rsrm2f19f", active: "_1rsrm2f19g", selection: "_1rsrm2f19h", focused: "_1rsrm2f19i", focusedVisible: "_1rsrm2f19j" }, defaultClass: "_1rsrm2f19e" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f19k", hover: "_1rsrm2f19l", active: "_1rsrm2f19m", selection: "_1rsrm2f19n", focused: "_1rsrm2f19o", focusedVisible: "_1rsrm2f19p" }, defaultClass: "_1rsrm2f19k" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f19q", hover: "_1rsrm2f19r", active: "_1rsrm2f19s", selection: "_1rsrm2f19t", focused: "_1rsrm2f19u", focusedVisible: "_1rsrm2f19v" }, defaultClass: "_1rsrm2f19q" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f19w", hover: "_1rsrm2f19x", active: "_1rsrm2f19y", selection: "_1rsrm2f19z", focused: "_1rsrm2f1a0", focusedVisible: "_1rsrm2f1a1" }, defaultClass: "_1rsrm2f19w" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1a2", hover: "_1rsrm2f1a3", active: "_1rsrm2f1a4", selection: "_1rsrm2f1a5", focused: "_1rsrm2f1a6", focusedVisible: "_1rsrm2f1a7" }, defaultClass: "_1rsrm2f1a2" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1a8", hover: "_1rsrm2f1a9", active: "_1rsrm2f1aa", selection: "_1rsrm2f1ab", focused: "_1rsrm2f1ac", focusedVisible: "_1rsrm2f1ad" }, defaultClass: "_1rsrm2f1a8" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1ae", hover: "_1rsrm2f1af", active: "_1rsrm2f1ag", selection: "_1rsrm2f1ah", focused: "_1rsrm2f1ai", focusedVisible: "_1rsrm2f1aj" }, defaultClass: "_1rsrm2f1ae" }, inputAmountFiatDecimalsColor: { conditions: { base: "_1rsrm2f1ak", hover: "_1rsrm2f1al", active: "_1rsrm2f1am", selection: "_1rsrm2f1an", focused: "_1rsrm2f1ao", focusedVisible: "_1rsrm2f1ap" }, defaultClass: "_1rsrm2f1ak" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1aq", hover: "_1rsrm2f1ar", active: "_1rsrm2f1as", selection: "_1rsrm2f1at", focused: "_1rsrm2f1au", focusedVisible: "_1rsrm2f1av" }, defaultClass: "_1rsrm2f1aq" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1aw", hover: "_1rsrm2f1ax", active: "_1rsrm2f1ay", selection: "_1rsrm2f1az", focused: "_1rsrm2f1b0", focusedVisible: "_1rsrm2f1b1" }, defaultClass: "_1rsrm2f1aw" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1b2", hover: "_1rsrm2f1b3", active: "_1rsrm2f1b4", selection: "_1rsrm2f1b5", focused: "_1rsrm2f1b6", focusedVisible: "_1rsrm2f1b7" }, defaultClass: "_1rsrm2f1b2" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1b8", hover: "_1rsrm2f1b9", active: "_1rsrm2f1ba", selection: "_1rsrm2f1bb", focused: "_1rsrm2f1bc", focusedVisible: "_1rsrm2f1bd" }, defaultClass: "_1rsrm2f1b8" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1be", hover: "_1rsrm2f1bf", active: "_1rsrm2f1bg", selection: "_1rsrm2f1bh", focused: "_1rsrm2f1bi", focusedVisible: "_1rsrm2f1bj" }, defaultClass: "_1rsrm2f1be" }, announceGradientTo: { conditions: { base: "_1rsrm2f1bk", hover: "_1rsrm2f1bl", active: "_1rsrm2f1bm", selection: "_1rsrm2f1bn", focused: "_1rsrm2f1bo", focusedVisible: "_1rsrm2f1bp" }, defaultClass: "_1rsrm2f1bk" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1bq", hover: "_1rsrm2f1br", active: "_1rsrm2f1bs", selection: "_1rsrm2f1bt", focused: "_1rsrm2f1bu", focusedVisible: "_1rsrm2f1bv" }, defaultClass: "_1rsrm2f1bq" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1bw", hover: "_1rsrm2f1bx", active: "_1rsrm2f1by", selection: "_1rsrm2f1bz", focused: "_1rsrm2f1c0", focusedVisible: "_1rsrm2f1c1" }, defaultClass: "_1rsrm2f1bw" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1c2", hover: "_1rsrm2f1c3", active: "_1rsrm2f1c4", selection: "_1rsrm2f1c5", focused: "_1rsrm2f1c6", focusedVisible: "_1rsrm2f1c7" }, defaultClass: "_1rsrm2f1c2" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1c8", hover: "_1rsrm2f1c9", active: "_1rsrm2f1ca", selection: "_1rsrm2f1cb", focused: "_1rsrm2f1cc", focusedVisible: "_1rsrm2f1cd" }, defaultClass: "_1rsrm2f1c8" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1ce", hover: "_1rsrm2f1cf", active: "_1rsrm2f1cg", selection: "_1rsrm2f1ch", focused: "_1rsrm2f1ci", focusedVisible: "_1rsrm2f1cj" }, defaultClass: "_1rsrm2f1ce" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1ck", hover: "_1rsrm2f1cl", active: "_1rsrm2f1cm", selection: "_1rsrm2f1cn", focused: "_1rsrm2f1co", focusedVisible: "_1rsrm2f1cp" }, defaultClass: "_1rsrm2f1ck" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1cq", hover: "_1rsrm2f1cr", active: "_1rsrm2f1cs", selection: "_1rsrm2f1ct", focused: "_1rsrm2f1cu", focusedVisible: "_1rsrm2f1cv" }, defaultClass: "_1rsrm2f1cq" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1cw", hover: "_1rsrm2f1cx", active: "_1rsrm2f1cy", selection: "_1rsrm2f1cz", focused: "_1rsrm2f1d0", focusedVisible: "_1rsrm2f1d1" }, defaultClass: "_1rsrm2f1cw" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1d2", hover: "_1rsrm2f1d3", active: "_1rsrm2f1d4", selection: "_1rsrm2f1d5", focused: "_1rsrm2f1d6", focusedVisible: "_1rsrm2f1d7" }, defaultClass: "_1rsrm2f1d2" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1d8", hover: "_1rsrm2f1d9", active: "_1rsrm2f1da", selection: "_1rsrm2f1db", focused: "_1rsrm2f1dc", focusedVisible: "_1rsrm2f1dd" }, defaultClass: "_1rsrm2f1d8" }, optionBoxBackground: { conditions: { base: "_1rsrm2f1de", hover: "_1rsrm2f1df", active: "_1rsrm2f1dg", selection: "_1rsrm2f1dh", focused: "_1rsrm2f1di", focusedVisible: "_1rsrm2f1dj" }, defaultClass: "_1rsrm2f1de" }, optionBoxBackgroundUninteractive: { conditions: { base: "_1rsrm2f1dk", hover: "_1rsrm2f1dl", active: "_1rsrm2f1dm", selection: "_1rsrm2f1dn", focused: "_1rsrm2f1do", focusedVisible: "_1rsrm2f1dp" }, defaultClass: "_1rsrm2f1dk" }, optionBoxBorderBase: { conditions: { base: "_1rsrm2f1dq", hover: "_1rsrm2f1dr", active: "_1rsrm2f1ds", selection: "_1rsrm2f1dt", focused: "_1rsrm2f1du", focusedVisible: "_1rsrm2f1dv" }, defaultClass: "_1rsrm2f1dq" }, optionBoxBorderHover: { conditions: { base: "_1rsrm2f1dw", hover: "_1rsrm2f1dx", active: "_1rsrm2f1dy", selection: "_1rsrm2f1dz", focused: "_1rsrm2f1e0", focusedVisible: "_1rsrm2f1e1" }, defaultClass: "_1rsrm2f1dw" }, optionBoxDefaultModeNotActiveBorderBase: { conditions: { base: "_1rsrm2f1e2", hover: "_1rsrm2f1e3", active: "_1rsrm2f1e4", selection: "_1rsrm2f1e5", focused: "_1rsrm2f1e6", focusedVisible: "_1rsrm2f1e7" }, defaultClass: "_1rsrm2f1e2" }, optionBoxDefaultModeNotActiveBorderHover: { conditions: { base: "_1rsrm2f1e8", hover: "_1rsrm2f1e9", active: "_1rsrm2f1ea", selection: "_1rsrm2f1eb", focused: "_1rsrm2f1ec", focusedVisible: "_1rsrm2f1ed" }, defaultClass: "_1rsrm2f1e8" }, openDropdownBackgroundColor: { conditions: { base: "_1rsrm2f1ee", hover: "_1rsrm2f1ef", active: "_1rsrm2f1eg", selection: "_1rsrm2f1eh", focused: "_1rsrm2f1ei", focusedVisible: "_1rsrm2f1ej" }, defaultClass: "_1rsrm2f1ee" }, dropdownActiveItemBackgroundBase: { conditions: { base: "_1rsrm2f1ek", hover: "_1rsrm2f1el", active: "_1rsrm2f1em", selection: "_1rsrm2f1en", focused: "_1rsrm2f1eo", focusedVisible: "_1rsrm2f1ep" }, defaultClass: "_1rsrm2f1ek" }, dropdownActiveItemBackgroundHover: { conditions: { base: "_1rsrm2f1eq", hover: "_1rsrm2f1er", active: "_1rsrm2f1es", selection: "_1rsrm2f1et", focused: "_1rsrm2f1eu", focusedVisible: "_1rsrm2f1ev" }, defaultClass: "_1rsrm2f1eq" }, dropdownActiveItemBackgroundDisabled: { conditions: { base: "_1rsrm2f1ew", hover: "_1rsrm2f1ex", active: "_1rsrm2f1ey", selection: "_1rsrm2f1ez", focused: "_1rsrm2f1f0", focusedVisible: "_1rsrm2f1f1" }, defaultClass: "_1rsrm2f1ew" }, dropdownActiveItemBorderBase: { conditions: { base: "_1rsrm2f1f2", hover: "_1rsrm2f1f3", active: "_1rsrm2f1f4", selection: "_1rsrm2f1f5", focused: "_1rsrm2f1f6", focusedVisible: "_1rsrm2f1f7" }, defaultClass: "_1rsrm2f1f2" }, dropdownActiveItemBorderHover: { conditions: { base: "_1rsrm2f1f8", hover: "_1rsrm2f1f9", active: "_1rsrm2f1fa", selection: "_1rsrm2f1fb", focused: "_1rsrm2f1fc", focusedVisible: "_1rsrm2f1fd" }, defaultClass: "_1rsrm2f1f8" }, selectedDropdownItemBackground: { conditions: { base: "_1rsrm2f1fe", hover: "_1rsrm2f1ff", active: "_1rsrm2f1fg", selection: "_1rsrm2f1fh", focused: "_1rsrm2f1fi", focusedVisible: "_1rsrm2f1fj" }, defaultClass: "_1rsrm2f1fe" }, alwaysVisibleLabelBackgroundHover: { conditions: { base: "_1rsrm2f1fk", hover: "_1rsrm2f1fl", active: "_1rsrm2f1fm", selection: "_1rsrm2f1fn", focused: "_1rsrm2f1fo", focusedVisible: "_1rsrm2f1fp" }, defaultClass: "_1rsrm2f1fk" }, selectedDropdownItemText: { conditions: { base: "_1rsrm2f1fq", hover: "_1rsrm2f1fr", active: "_1rsrm2f1fs", selection: "_1rsrm2f1ft", focused: "_1rsrm2f1fu", focusedVisible: "_1rsrm2f1fv" }, defaultClass: "_1rsrm2f1fq" }, dropdownLabelColor: { conditions: { base: "_1rsrm2f1fw", hover: "_1rsrm2f1fx", active: "_1rsrm2f1fy", selection: "_1rsrm2f1fz", focused: "_1rsrm2f1g0", focusedVisible: "_1rsrm2f1g1" }, defaultClass: "_1rsrm2f1fw" }, copyButtonBackgroundBase: { conditions: { base: "_1rsrm2f1g2", hover: "_1rsrm2f1g3", active: "_1rsrm2f1g4", selection: "_1rsrm2f1g5", focused: "_1rsrm2f1g6", focusedVisible: "_1rsrm2f1g7" }, defaultClass: "_1rsrm2f1g2" }, copyButtonBackgroundHover: { conditions: { base: "_1rsrm2f1g8", hover: "_1rsrm2f1g9", active: "_1rsrm2f1ga", selection: "_1rsrm2f1gb", focused: "_1rsrm2f1gc", focusedVisible: "_1rsrm2f1gd" }, defaultClass: "_1rsrm2f1g8" }, copyButtonBackgroundActive: { conditions: { base: "_1rsrm2f1ge", hover: "_1rsrm2f1gf", active: "_1rsrm2f1gg", selection: "_1rsrm2f1gh", focused: "_1rsrm2f1gi", focusedVisible: "_1rsrm2f1gj" }, defaultClass: "_1rsrm2f1ge" }, copyButtonBorderBase: { conditions: { base: "_1rsrm2f1gk", hover: "_1rsrm2f1gl", active: "_1rsrm2f1gm", selection: "_1rsrm2f1gn", focused: "_1rsrm2f1go", focusedVisible: "_1rsrm2f1gp" }, defaultClass: "_1rsrm2f1gk" }, copyButtonBorderHover: { conditions: { base: "_1rsrm2f1gq", hover: "_1rsrm2f1gr", active: "_1rsrm2f1gs", selection: "_1rsrm2f1gt", focused: "_1rsrm2f1gu", focusedVisible: "_1rsrm2f1gv" }, defaultClass: "_1rsrm2f1gq" }, funFeatureListBackgroundBase: { conditions: { base: "_1rsrm2f1gw", hover: "_1rsrm2f1gx", active: "_1rsrm2f1gy", selection: "_1rsrm2f1gz", focused: "_1rsrm2f1h0", focusedVisible: "_1rsrm2f1h1" }, defaultClass: "_1rsrm2f1gw" }, funFeatureListBackgroundHover: { conditions: { base: "_1rsrm2f1h2", hover: "_1rsrm2f1h3", active: "_1rsrm2f1h4", selection: "_1rsrm2f1h5", focused: "_1rsrm2f1h6", focusedVisible: "_1rsrm2f1h7" }, defaultClass: "_1rsrm2f1h2" }, funFeatureListBorderColor: { conditions: { base: "_1rsrm2f1h8", hover: "_1rsrm2f1h9", active: "_1rsrm2f1ha", selection: "_1rsrm2f1hb", focused: "_1rsrm2f1hc", focusedVisible: "_1rsrm2f1hd" }, defaultClass: "_1rsrm2f1h8" }, funFeatureListBorderColorHover: { conditions: { base: "_1rsrm2f1he", hover: "_1rsrm2f1hf", active: "_1rsrm2f1hg", selection: "_1rsrm2f1hh", focused: "_1rsrm2f1hi", focusedVisible: "_1rsrm2f1hj" }, defaultClass: "_1rsrm2f1he" }, spinnerBackground: { conditions: { base: "_1rsrm2f1hk", hover: "_1rsrm2f1hl", active: "_1rsrm2f1hm", selection: "_1rsrm2f1hn", focused: "_1rsrm2f1ho", focusedVisible: "_1rsrm2f1hp" }, defaultClass: "_1rsrm2f1hk" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1hq", hover: "_1rsrm2f1hr", active: "_1rsrm2f1hs", selection: "_1rsrm2f1ht", focused: "_1rsrm2f1hu", focusedVisible: "_1rsrm2f1hv" }, defaultClass: "_1rsrm2f1hq" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1hw", hover: "_1rsrm2f1hx", active: "_1rsrm2f1hy", selection: "_1rsrm2f1hz", focused: "_1rsrm2f1i0", focusedVisible: "_1rsrm2f1i1" }, defaultClass: "_1rsrm2f1hw" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1i2", hover: "_1rsrm2f1i3", active: "_1rsrm2f1i4", selection: "_1rsrm2f1i5", focused: "_1rsrm2f1i6", focusedVisible: "_1rsrm2f1i7" }, defaultClass: "_1rsrm2f1i2" }, txSummaryBoxBackground: { conditions: { base: "_1rsrm2f1i8", hover: "_1rsrm2f1i9", active: "_1rsrm2f1ia", selection: "_1rsrm2f1ib", focused: "_1rsrm2f1ic", focusedVisible: "_1rsrm2f1id" }, defaultClass: "_1rsrm2f1i8" }, txSummaryBoxBorder: { conditions: { base: "_1rsrm2f1ie", hover: "_1rsrm2f1if", active: "_1rsrm2f1ig", selection: "_1rsrm2f1ih", focused: "_1rsrm2f1ii", focusedVisible: "_1rsrm2f1ij" }, defaultClass: "_1rsrm2f1ie" }, counterRingColor: { conditions: { base: "_1rsrm2f1ik", hover: "_1rsrm2f1il", active: "_1rsrm2f1im", selection: "_1rsrm2f1in", focused: "_1rsrm2f1io", focusedVisible: "_1rsrm2f1ip" }, defaultClass: "_1rsrm2f1ik" }, cryptoCashToggleContainerBorderColor: { conditions: { base: "_1rsrm2f1iq", hover: "_1rsrm2f1ir", active: "_1rsrm2f1is", selection: "_1rsrm2f1it", focused: "_1rsrm2f1iu", focusedVisible: "_1rsrm2f1iv" }, defaultClass: "_1rsrm2f1iq" }, cryptoCashToggleBackground: { conditions: { base: "_1rsrm2f1iw", hover: "_1rsrm2f1ix", active: "_1rsrm2f1iy", selection: "_1rsrm2f1iz", focused: "_1rsrm2f1j0", focusedVisible: "_1rsrm2f1j1" }, defaultClass: "_1rsrm2f1iw" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2f1j2", hover: "_1rsrm2f1j3", active: "_1rsrm2f1j4", selection: "_1rsrm2f1j5", focused: "_1rsrm2f1j6", focusedVisible: "_1rsrm2f1j7" }, defaultClass: "_1rsrm2f1j2" }, accentColorForeground: { conditions: { base: "_1rsrm2f1j8", hover: "_1rsrm2f1j9", active: "_1rsrm2f1ja", selection: "_1rsrm2f1jb", focused: "_1rsrm2f1jc", focusedVisible: "_1rsrm2f1jd" }, defaultClass: "_1rsrm2f1j8" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1je", hover: "_1rsrm2f1jf", active: "_1rsrm2f1jg", selection: "_1rsrm2f1jh", focused: "_1rsrm2f1ji", focusedVisible: "_1rsrm2f1jj" }, defaultClass: "_1rsrm2f1je" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1jk", hover: "_1rsrm2f1jl", active: "_1rsrm2f1jm", selection: "_1rsrm2f1jn", focused: "_1rsrm2f1jo", focusedVisible: "_1rsrm2f1jp" }, defaultClass: "_1rsrm2f1jk" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1jq", hover: "_1rsrm2f1jr", active: "_1rsrm2f1js", selection: "_1rsrm2f1jt", focused: "_1rsrm2f1ju", focusedVisible: "_1rsrm2f1jv" }, defaultClass: "_1rsrm2f1jq" }, connectButtonText: { conditions: { base: "_1rsrm2f1jw", hover: "_1rsrm2f1jx", active: "_1rsrm2f1jy", selection: "_1rsrm2f1jz", focused: "_1rsrm2f1k0", focusedVisible: "_1rsrm2f1k1" }, defaultClass: "_1rsrm2f1jw" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1k2", hover: "_1rsrm2f1k3", active: "_1rsrm2f1k4", selection: "_1rsrm2f1k5", focused: "_1rsrm2f1k6", focusedVisible: "_1rsrm2f1k7" }, defaultClass: "_1rsrm2f1k2" }, connectionIndicator: { conditions: { base: "_1rsrm2f1k8", hover: "_1rsrm2f1k9", active: "_1rsrm2f1ka", selection: "_1rsrm2f1kb", focused: "_1rsrm2f1kc", focusedVisible: "_1rsrm2f1kd" }, defaultClass: "_1rsrm2f1k8" }, error: { conditions: { base: "_1rsrm2f1ke", hover: "_1rsrm2f1kf", active: "_1rsrm2f1kg", selection: "_1rsrm2f1kh", focused: "_1rsrm2f1ki", focusedVisible: "_1rsrm2f1kj" }, defaultClass: "_1rsrm2f1ke" }, errorBackground: { conditions: { base: "_1rsrm2f1kk", hover: "_1rsrm2f1kl", active: "_1rsrm2f1km", selection: "_1rsrm2f1kn", focused: "_1rsrm2f1ko", focusedVisible: "_1rsrm2f1kp" }, defaultClass: "_1rsrm2f1kk" }, errorBorder: { conditions: { base: "_1rsrm2f1kq", hover: "_1rsrm2f1kr", active: "_1rsrm2f1ks", selection: "_1rsrm2f1kt", focused: "_1rsrm2f1ku", focusedVisible: "_1rsrm2f1kv" }, defaultClass: "_1rsrm2f1kq" }, generalBorder: { conditions: { base: "_1rsrm2f1kw", hover: "_1rsrm2f1kx", active: "_1rsrm2f1ky", selection: "_1rsrm2f1kz", focused: "_1rsrm2f1l0", focusedVisible: "_1rsrm2f1l1" }, defaultClass: "_1rsrm2f1kw" }, generalBorderDim: { conditions: { base: "_1rsrm2f1l2", hover: "_1rsrm2f1l3", active: "_1rsrm2f1l4", selection: "_1rsrm2f1l5", focused: "_1rsrm2f1l6", focusedVisible: "_1rsrm2f1l7" }, defaultClass: "_1rsrm2f1l2" }, menuItemBackground: { conditions: { base: "_1rsrm2f1l8", hover: "_1rsrm2f1l9", active: "_1rsrm2f1la", selection: "_1rsrm2f1lb", focused: "_1rsrm2f1lc", focusedVisible: "_1rsrm2f1ld" }, defaultClass: "_1rsrm2f1l8" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1le", hover: "_1rsrm2f1lf", active: "_1rsrm2f1lg", selection: "_1rsrm2f1lh", focused: "_1rsrm2f1li", focusedVisible: "_1rsrm2f1lj" }, defaultClass: "_1rsrm2f1le" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1lk", hover: "_1rsrm2f1ll", active: "_1rsrm2f1lm", selection: "_1rsrm2f1ln", focused: "_1rsrm2f1lo", focusedVisible: "_1rsrm2f1lp" }, defaultClass: "_1rsrm2f1lk" }, standby: { conditions: { base: "_1rsrm2f1lq", hover: "_1rsrm2f1lr", active: "_1rsrm2f1ls", selection: "_1rsrm2f1lt", focused: "_1rsrm2f1lu", focusedVisible: "_1rsrm2f1lv" }, defaultClass: "_1rsrm2f1lq" }, success: { conditions: { base: "_1rsrm2f1lw", hover: "_1rsrm2f1lx", active: "_1rsrm2f1ly", selection: "_1rsrm2f1lz", focused: "_1rsrm2f1m0", focusedVisible: "_1rsrm2f1m1" }, defaultClass: "_1rsrm2f1lw" }, delayedStatusIcon: { conditions: { base: "_1rsrm2f1m2", hover: "_1rsrm2f1m3", active: "_1rsrm2f1m4", selection: "_1rsrm2f1m5", focused: "_1rsrm2f1m6", focusedVisible: "_1rsrm2f1m7" }, defaultClass: "_1rsrm2f1m2" }, chainIconBorder: { conditions: { base: "_1rsrm2f1m8", hover: "_1rsrm2f1m9", active: "_1rsrm2f1ma", selection: "_1rsrm2f1mb", focused: "_1rsrm2f1mc", focusedVisible: "_1rsrm2f1md" }, defaultClass: "_1rsrm2f1m8" }, modalBackdrop: { conditions: { base: "_1rsrm2f1me", hover: "_1rsrm2f1mf", active: "_1rsrm2f1mg", selection: "_1rsrm2f1mh", focused: "_1rsrm2f1mi", focusedVisible: "_1rsrm2f1mj" }, defaultClass: "_1rsrm2f1me" }, modalBackground: { conditions: { base: "_1rsrm2f1mk", hover: "_1rsrm2f1ml", active: "_1rsrm2f1mm", selection: "_1rsrm2f1mn", focused: "_1rsrm2f1mo", focusedVisible: "_1rsrm2f1mp" }, defaultClass: "_1rsrm2f1mk" }, modalBorder: { conditions: { base: "_1rsrm2f1mq", hover: "_1rsrm2f1mr", active: "_1rsrm2f1ms", selection: "_1rsrm2f1mt", focused: "_1rsrm2f1mu", focusedVisible: "_1rsrm2f1mv" }, defaultClass: "_1rsrm2f1mq" }, offBackground: { conditions: { base: "_1rsrm2f1mw", hover: "_1rsrm2f1mx", active: "_1rsrm2f1my", selection: "_1rsrm2f1mz", focused: "_1rsrm2f1n0", focusedVisible: "_1rsrm2f1n1" }, defaultClass: "_1rsrm2f1mw" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1n2", hover: "_1rsrm2f1n3", active: "_1rsrm2f1n4", selection: "_1rsrm2f1n5", focused: "_1rsrm2f1n6", focusedVisible: "_1rsrm2f1n7" }, defaultClass: "_1rsrm2f1n2" }, hoverState: { conditions: { base: "_1rsrm2f1n8", hover: "_1rsrm2f1n9", active: "_1rsrm2f1na", selection: "_1rsrm2f1nb", focused: "_1rsrm2f1nc", focusedVisible: "_1rsrm2f1nd" }, defaultClass: "_1rsrm2f1n8" }, lightStroke: { conditions: { base: "_1rsrm2f1ne", hover: "_1rsrm2f1nf", active: "_1rsrm2f1ng", selection: "_1rsrm2f1nh", focused: "_1rsrm2f1ni", focusedVisible: "_1rsrm2f1nj" }, defaultClass: "_1rsrm2f1ne" }, mediumStroke: { conditions: { base: "_1rsrm2f1nk", hover: "_1rsrm2f1nl", active: "_1rsrm2f1nm", selection: "_1rsrm2f1nn", focused: "_1rsrm2f1no", focusedVisible: "_1rsrm2f1np" }, defaultClass: "_1rsrm2f1nk" }, heavyStroke: { conditions: { base: "_1rsrm2f1nq", hover: "_1rsrm2f1nr", active: "_1rsrm2f1ns", selection: "_1rsrm2f1nt", focused: "_1rsrm2f1nu", focusedVisible: "_1rsrm2f1nv" }, defaultClass: "_1rsrm2f1nq" }, strokeColor: { conditions: { base: "_1rsrm2f1nw", hover: "_1rsrm2f1nx", active: "_1rsrm2f1ny", selection: "_1rsrm2f1nz", focused: "_1rsrm2f1o0", focusedVisible: "_1rsrm2f1o1" }, defaultClass: "_1rsrm2f1nw" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f1o2", hover: "_1rsrm2f1o3", active: "_1rsrm2f1o4", selection: "_1rsrm2f1o5", focused: "_1rsrm2f1o6", focusedVisible: "_1rsrm2f1o7" }, defaultClass: "_1rsrm2f1o2" }, modalTopbarIconBackground: { conditions: { base: "_1rsrm2f1o8", hover: "_1rsrm2f1o9", active: "_1rsrm2f1oa", selection: "_1rsrm2f1ob", focused: "_1rsrm2f1oc", focusedVisible: "_1rsrm2f1od" }, defaultClass: "_1rsrm2f1o8" }, modalTopbarIconBackgroundHover: { conditions: { base: "_1rsrm2f1oe", hover: "_1rsrm2f1of", active: "_1rsrm2f1og", selection: "_1rsrm2f1oh", focused: "_1rsrm2f1oi", focusedVisible: "_1rsrm2f1oj" }, defaultClass: "_1rsrm2f1oe" }, modalTopbarIconBackgroundPressed: { conditions: { base: "_1rsrm2f1ok", hover: "_1rsrm2f1ol", active: "_1rsrm2f1om", selection: "_1rsrm2f1on", focused: "_1rsrm2f1oo", focusedVisible: "_1rsrm2f1op" }, defaultClass: "_1rsrm2f1ok" }, modalTopbarIconStroke: { conditions: { base: "_1rsrm2f1oq", hover: "_1rsrm2f1or", active: "_1rsrm2f1os", selection: "_1rsrm2f1ot", focused: "_1rsrm2f1ou", focusedVisible: "_1rsrm2f1ov" }, defaultClass: "_1rsrm2f1oq" }, primaryText: { conditions: { base: "_1rsrm2f1ow", hover: "_1rsrm2f1ox", active: "_1rsrm2f1oy", selection: "_1rsrm2f1oz", focused: "_1rsrm2f1p0", focusedVisible: "_1rsrm2f1p1" }, defaultClass: "_1rsrm2f1ow" }, secondaryText: { conditions: { base: "_1rsrm2f1p2", hover: "_1rsrm2f1p3", active: "_1rsrm2f1p4", selection: "_1rsrm2f1p5", focused: "_1rsrm2f1p6", focusedVisible: "_1rsrm2f1p7" }, defaultClass: "_1rsrm2f1p2" }, tertiaryText: { conditions: { base: "_1rsrm2f1p8", hover: "_1rsrm2f1p9", active: "_1rsrm2f1pa", selection: "_1rsrm2f1pb", focused: "_1rsrm2f1pc", focusedVisible: "_1rsrm2f1pd" }, defaultClass: "_1rsrm2f1p8" }, textSelection: { conditions: { base: "_1rsrm2f1pe", hover: "_1rsrm2f1pf", active: "_1rsrm2f1pg", selection: "_1rsrm2f1ph", focused: "_1rsrm2f1pi", focusedVisible: "_1rsrm2f1pj" }, defaultClass: "_1rsrm2f1pe" }, inputLabel: { conditions: { base: "_1rsrm2f1pk", hover: "_1rsrm2f1pl", active: "_1rsrm2f1pm", selection: "_1rsrm2f1pn", focused: "_1rsrm2f1po", focusedVisible: "_1rsrm2f1pp" }, defaultClass: "_1rsrm2f1pk" }, inputBackground: { conditions: { base: "_1rsrm2f1pq", hover: "_1rsrm2f1pr", active: "_1rsrm2f1ps", selection: "_1rsrm2f1pt", focused: "_1rsrm2f1pu", focusedVisible: "_1rsrm2f1pv" }, defaultClass: "_1rsrm2f1pq" }, inputBackgroundHover: { conditions: { base: "_1rsrm2f1pw", hover: "_1rsrm2f1px", active: "_1rsrm2f1py", selection: "_1rsrm2f1pz", focused: "_1rsrm2f1q0", focusedVisible: "_1rsrm2f1q1" }, defaultClass: "_1rsrm2f1pw" }, inputBorderBase: { conditions: { base: "_1rsrm2f1q2", hover: "_1rsrm2f1q3", active: "_1rsrm2f1q4", selection: "_1rsrm2f1q5", focused: "_1rsrm2f1q6", focusedVisible: "_1rsrm2f1q7" }, defaultClass: "_1rsrm2f1q2" }, inputBorderHover: { conditions: { base: "_1rsrm2f1q8", hover: "_1rsrm2f1q9", active: "_1rsrm2f1qa", selection: "_1rsrm2f1qb", focused: "_1rsrm2f1qc", focusedVisible: "_1rsrm2f1qd" }, defaultClass: "_1rsrm2f1q8" }, activeTabBorderColor: { conditions: { base: "_1rsrm2f1qe", hover: "_1rsrm2f1qf", active: "_1rsrm2f1qg", selection: "_1rsrm2f1qh", focused: "_1rsrm2f1qi", focusedVisible: "_1rsrm2f1qj" }, defaultClass: "_1rsrm2f1qe" }, activeTabBackground: { conditions: { base: "_1rsrm2f1qk", hover: "_1rsrm2f1ql", active: "_1rsrm2f1qm", selection: "_1rsrm2f1qn", focused: "_1rsrm2f1qo", focusedVisible: "_1rsrm2f1qp" }, defaultClass: "_1rsrm2f1qk" }, actionColor: { conditions: { base: "_1rsrm2f1qq", hover: "_1rsrm2f1qr", active: "_1rsrm2f1qs", selection: "_1rsrm2f1qt", focused: "_1rsrm2f1qu", focusedVisible: "_1rsrm2f1qv" }, defaultClass: "_1rsrm2f1qq" }, actionColorHover: { conditions: { base: "_1rsrm2f1qw", hover: "_1rsrm2f1qx", active: "_1rsrm2f1qy", selection: "_1rsrm2f1qz", focused: "_1rsrm2f1r0", focusedVisible: "_1rsrm2f1r1" }, defaultClass: "_1rsrm2f1qw" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1r2", hover: "_1rsrm2f1r3", active: "_1rsrm2f1r4", selection: "_1rsrm2f1r5", focused: "_1rsrm2f1r6", focusedVisible: "_1rsrm2f1r7" }, defaultClass: "_1rsrm2f1r2" }, buttonPrimary: { conditions: { base: "_1rsrm2f1r8", hover: "_1rsrm2f1r9", active: "_1rsrm2f1ra", selection: "_1rsrm2f1rb", focused: "_1rsrm2f1rc", focusedVisible: "_1rsrm2f1rd" }, defaultClass: "_1rsrm2f1r8" }, buttonDisabled: { conditions: { base: "_1rsrm2f1re", hover: "_1rsrm2f1rf", active: "_1rsrm2f1rg", selection: "_1rsrm2f1rh", focused: "_1rsrm2f1ri", focusedVisible: "_1rsrm2f1rj" }, defaultClass: "_1rsrm2f1re" }, buttonWarning: { conditions: { base: "_1rsrm2f1rk", hover: "_1rsrm2f1rl", active: "_1rsrm2f1rm", selection: "_1rsrm2f1rn", focused: "_1rsrm2f1ro", focusedVisible: "_1rsrm2f1rp" }, defaultClass: "_1rsrm2f1rk" }, buttonSuccess: { conditions: { base: "_1rsrm2f1rq", hover: "_1rsrm2f1rr", active: "_1rsrm2f1rs", selection: "_1rsrm2f1rt", focused: "_1rsrm2f1ru", focusedVisible: "_1rsrm2f1rv" }, defaultClass: "_1rsrm2f1rq" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1rw", hover: "_1rsrm2f1rx", active: "_1rsrm2f1ry", selection: "_1rsrm2f1rz", focused: "_1rsrm2f1s0", focusedVisible: "_1rsrm2f1s1" }, defaultClass: "_1rsrm2f1rw" }, buttonTextHover: { conditions: { base: "_1rsrm2f1s2", hover: "_1rsrm2f1s3", active: "_1rsrm2f1s4", selection: "_1rsrm2f1s5", focused: "_1rsrm2f1s6", focusedVisible: "_1rsrm2f1s7" }, defaultClass: "_1rsrm2f1s2" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1s8", hover: "_1rsrm2f1s9", active: "_1rsrm2f1sa", selection: "_1rsrm2f1sb", focused: "_1rsrm2f1sc", focusedVisible: "_1rsrm2f1sd" }, defaultClass: "_1rsrm2f1s8" }, transparent: { conditions: { base: "_1rsrm2f1se", hover: "_1rsrm2f1sf", active: "_1rsrm2f1sg", selection: "_1rsrm2f1sh", focused: "_1rsrm2f1si", focusedVisible: "_1rsrm2f1sj" }, defaultClass: "_1rsrm2f1se" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1sk", hover: "_1rsrm2f1sl", active: "_1rsrm2f1sm", selection: "_1rsrm2f1sn", focused: "_1rsrm2f1so", focusedVisible: "_1rsrm2f1sp" }, defaultClass: "_1rsrm2f1sk" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1sq", hover: "_1rsrm2f1sr", active: "_1rsrm2f1ss", selection: "_1rsrm2f1st", focused: "_1rsrm2f1su", focusedVisible: "_1rsrm2f1sv" }, defaultClass: "_1rsrm2f1sq" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f1sw", hover: "_1rsrm2f1sx", active: "_1rsrm2f1sy", selection: "_1rsrm2f1sz", focused: "_1rsrm2f1t0", focusedVisible: "_1rsrm2f1t1" }, defaultClass: "_1rsrm2f1sw" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1t2", hover: "_1rsrm2f1t3", active: "_1rsrm2f1t4", selection: "_1rsrm2f1t5", focused: "_1rsrm2f1t6", focusedVisible: "_1rsrm2f1t7" }, defaultClass: "_1rsrm2f1t2" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1t8", hover: "_1rsrm2f1t9", active: "_1rsrm2f1ta", selection: "_1rsrm2f1tb", focused: "_1rsrm2f1tc", focusedVisible: "_1rsrm2f1td" }, defaultClass: "_1rsrm2f1t8" }, buttonBackground: { conditions: { base: "_1rsrm2f1te", hover: "_1rsrm2f1tf", active: "_1rsrm2f1tg", selection: "_1rsrm2f1th", focused: "_1rsrm2f1ti", focusedVisible: "_1rsrm2f1tj" }, defaultClass: "_1rsrm2f1te" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1tk", hover: "_1rsrm2f1tl", active: "_1rsrm2f1tm", selection: "_1rsrm2f1tn", focused: "_1rsrm2f1to", focusedVisible: "_1rsrm2f1tp" }, defaultClass: "_1rsrm2f1tk" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f1tq", hover: "_1rsrm2f1tr", active: "_1rsrm2f1ts", selection: "_1rsrm2f1tt", focused: "_1rsrm2f1tu", focusedVisible: "_1rsrm2f1tv" }, defaultClass: "_1rsrm2f1tq" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1tw", hover: "_1rsrm2f1tx", active: "_1rsrm2f1ty", selection: "_1rsrm2f1tz", focused: "_1rsrm2f1u0", focusedVisible: "_1rsrm2f1u1" }, defaultClass: "_1rsrm2f1tw" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1u2", hover: "_1rsrm2f1u3", active: "_1rsrm2f1u4", selection: "_1rsrm2f1u5", focused: "_1rsrm2f1u6", focusedVisible: "_1rsrm2f1u7" }, defaultClass: "_1rsrm2f1u2" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1u8", hover: "_1rsrm2f1u9", active: "_1rsrm2f1ua", selection: "_1rsrm2f1ub", focused: "_1rsrm2f1uc", focusedVisible: "_1rsrm2f1ud" }, defaultClass: "_1rsrm2f1u8" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1ue", hover: "_1rsrm2f1uf", active: "_1rsrm2f1ug", selection: "_1rsrm2f1uh", focused: "_1rsrm2f1ui", focusedVisible: "_1rsrm2f1uj" }, defaultClass: "_1rsrm2f1ue" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1uk", hover: "_1rsrm2f1ul", active: "_1rsrm2f1um", selection: "_1rsrm2f1un", focused: "_1rsrm2f1uo", focusedVisible: "_1rsrm2f1up" }, defaultClass: "_1rsrm2f1uk" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1uq", hover: "_1rsrm2f1ur", active: "_1rsrm2f1us", selection: "_1rsrm2f1ut", focused: "_1rsrm2f1uu", focusedVisible: "_1rsrm2f1uv" }, defaultClass: "_1rsrm2f1uq" }, buttonBorderTertiary: { conditions: { base: "_1rsrm2f1uw", hover: "_1rsrm2f1ux", active: "_1rsrm2f1uy", selection: "_1rsrm2f1uz", focused: "_1rsrm2f1v0", focusedVisible: "_1rsrm2f1v1" }, defaultClass: "_1rsrm2f1uw" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1v2", hover: "_1rsrm2f1v3", active: "_1rsrm2f1v4", selection: "_1rsrm2f1v5", focused: "_1rsrm2f1v6", focusedVisible: "_1rsrm2f1v7" }, defaultClass: "_1rsrm2f1v2" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1v8", hover: "_1rsrm2f1v9", active: "_1rsrm2f1va", selection: "_1rsrm2f1vb", focused: "_1rsrm2f1vc", focusedVisible: "_1rsrm2f1vd" }, defaultClass: "_1rsrm2f1v8" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f1ve", hover: "_1rsrm2f1vf", active: "_1rsrm2f1vg", selection: "_1rsrm2f1vh", focused: "_1rsrm2f1vi", focusedVisible: "_1rsrm2f1vj" }, defaultClass: "_1rsrm2f1ve" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f1vk", hover: "_1rsrm2f1vl", active: "_1rsrm2f1vm", selection: "_1rsrm2f1vn", focused: "_1rsrm2f1vo", focusedVisible: "_1rsrm2f1vp" }, defaultClass: "_1rsrm2f1vk" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f1vq", hover: "_1rsrm2f1vr", active: "_1rsrm2f1vs", selection: "_1rsrm2f1vt", focused: "_1rsrm2f1vu", focusedVisible: "_1rsrm2f1vv" }, defaultClass: "_1rsrm2f1vq" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1vw", hover: "_1rsrm2f1vx", active: "_1rsrm2f1vy", selection: "_1rsrm2f1vz", focused: "_1rsrm2f1w0", focusedVisible: "_1rsrm2f1w1" }, defaultClass: "_1rsrm2f1vw" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1w2", hover: "_1rsrm2f1w3", active: "_1rsrm2f1w4", selection: "_1rsrm2f1w5", focused: "_1rsrm2f1w6", focusedVisible: "_1rsrm2f1w7" }, defaultClass: "_1rsrm2f1w2" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1w8", hover: "_1rsrm2f1w9", active: "_1rsrm2f1wa", selection: "_1rsrm2f1wb", focused: "_1rsrm2f1wc", focusedVisible: "_1rsrm2f1wd" }, defaultClass: "_1rsrm2f1w8" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1we", hover: "_1rsrm2f1wf", active: "_1rsrm2f1wg", selection: "_1rsrm2f1wh", focused: "_1rsrm2f1wi", focusedVisible: "_1rsrm2f1wj" }, defaultClass: "_1rsrm2f1we" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1wk", hover: "_1rsrm2f1wl", active: "_1rsrm2f1wm", selection: "_1rsrm2f1wn", focused: "_1rsrm2f1wo", focusedVisible: "_1rsrm2f1wp" }, defaultClass: "_1rsrm2f1wk" }, newBadgeText: { conditions: { base: "_1rsrm2f1wq", hover: "_1rsrm2f1wr", active: "_1rsrm2f1ws", selection: "_1rsrm2f1wt", focused: "_1rsrm2f1wu", focusedVisible: "_1rsrm2f1wv" }, defaultClass: "_1rsrm2f1wq" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1ww", hover: "_1rsrm2f1wx", active: "_1rsrm2f1wy", selection: "_1rsrm2f1wz", focused: "_1rsrm2f1x0", focusedVisible: "_1rsrm2f1x1" }, defaultClass: "_1rsrm2f1ww" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1x2", hover: "_1rsrm2f1x3", active: "_1rsrm2f1x4", selection: "_1rsrm2f1x5", focused: "_1rsrm2f1x6", focusedVisible: "_1rsrm2f1x7" }, defaultClass: "_1rsrm2f1x2" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1x8", hover: "_1rsrm2f1x9", active: "_1rsrm2f1xa", selection: "_1rsrm2f1xb", focused: "_1rsrm2f1xc", focusedVisible: "_1rsrm2f1xd" }, defaultClass: "_1rsrm2f1x8" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1xe", hover: "_1rsrm2f1xf", active: "_1rsrm2f1xg", selection: "_1rsrm2f1xh", focused: "_1rsrm2f1xi", focusedVisible: "_1rsrm2f1xj" }, defaultClass: "_1rsrm2f1xe" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1xk", hover: "_1rsrm2f1xl", active: "_1rsrm2f1xm", selection: "_1rsrm2f1xn", focused: "_1rsrm2f1xo", focusedVisible: "_1rsrm2f1xp" }, defaultClass: "_1rsrm2f1xk" }, failedBadgeText: { conditions: { base: "_1rsrm2f1xq", hover: "_1rsrm2f1xr", active: "_1rsrm2f1xs", selection: "_1rsrm2f1xt", focused: "_1rsrm2f1xu", focusedVisible: "_1rsrm2f1xv" }, defaultClass: "_1rsrm2f1xq" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1xw", hover: "_1rsrm2f1xx", active: "_1rsrm2f1xy", selection: "_1rsrm2f1xz", focused: "_1rsrm2f1y0", focusedVisible: "_1rsrm2f1y1" }, defaultClass: "_1rsrm2f1xw" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1y2", hover: "_1rsrm2f1y3", active: "_1rsrm2f1y4", selection: "_1rsrm2f1y5", focused: "_1rsrm2f1y6", focusedVisible: "_1rsrm2f1y7" }, defaultClass: "_1rsrm2f1y2" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1y8", hover: "_1rsrm2f1y9", active: "_1rsrm2f1ya", selection: "_1rsrm2f1yb", focused: "_1rsrm2f1yc", focusedVisible: "_1rsrm2f1yd" }, defaultClass: "_1rsrm2f1y8" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1ye", hover: "_1rsrm2f1yf", active: "_1rsrm2f1yg", selection: "_1rsrm2f1yh", focused: "_1rsrm2f1yi", focusedVisible: "_1rsrm2f1yj" }, defaultClass: "_1rsrm2f1ye" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1yk", hover: "_1rsrm2f1yl", active: "_1rsrm2f1ym", selection: "_1rsrm2f1yn", focused: "_1rsrm2f1yo", focusedVisible: "_1rsrm2f1yp" }, defaultClass: "_1rsrm2f1yk" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1yq", hover: "_1rsrm2f1yr", active: "_1rsrm2f1ys", selection: "_1rsrm2f1yt", focused: "_1rsrm2f1yu", focusedVisible: "_1rsrm2f1yv" }, defaultClass: "_1rsrm2f1yq" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1yw", hover: "_1rsrm2f1yx", active: "_1rsrm2f1yy", selection: "_1rsrm2f1yz", focused: "_1rsrm2f1z0", focusedVisible: "_1rsrm2f1z1" }, defaultClass: "_1rsrm2f1yw" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1z2", hover: "_1rsrm2f1z3", active: "_1rsrm2f1z4", selection: "_1rsrm2f1z5", focused: "_1rsrm2f1z6", focusedVisible: "_1rsrm2f1z7" }, defaultClass: "_1rsrm2f1z2" }, inputAmountFiatDecimalsColor: { conditions: { base: "_1rsrm2f1z8", hover: "_1rsrm2f1z9", active: "_1rsrm2f1za", selection: "_1rsrm2f1zb", focused: "_1rsrm2f1zc", focusedVisible: "_1rsrm2f1zd" }, defaultClass: "_1rsrm2f1z8" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1ze", hover: "_1rsrm2f1zf", active: "_1rsrm2f1zg", selection: "_1rsrm2f1zh", focused: "_1rsrm2f1zi", focusedVisible: "_1rsrm2f1zj" }, defaultClass: "_1rsrm2f1ze" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1zk", hover: "_1rsrm2f1zl", active: "_1rsrm2f1zm", selection: "_1rsrm2f1zn", focused: "_1rsrm2f1zo", focusedVisible: "_1rsrm2f1zp" }, defaultClass: "_1rsrm2f1zk" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1zq", hover: "_1rsrm2f1zr", active: "_1rsrm2f1zs", selection: "_1rsrm2f1zt", focused: "_1rsrm2f1zu", focusedVisible: "_1rsrm2f1zv" }, defaultClass: "_1rsrm2f1zq" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1zw", hover: "_1rsrm2f1zx", active: "_1rsrm2f1zy", selection: "_1rsrm2f1zz", focused: "_1rsrm2f200", focusedVisible: "_1rsrm2f201" }, defaultClass: "_1rsrm2f1zw" }, announceGradientFrom: { conditions: { base: "_1rsrm2f202", hover: "_1rsrm2f203", active: "_1rsrm2f204", selection: "_1rsrm2f205", focused: "_1rsrm2f206", focusedVisible: "_1rsrm2f207" }, defaultClass: "_1rsrm2f202" }, announceGradientTo: { conditions: { base: "_1rsrm2f208", hover: "_1rsrm2f209", active: "_1rsrm2f20a", selection: "_1rsrm2f20b", focused: "_1rsrm2f20c", focusedVisible: "_1rsrm2f20d" }, defaultClass: "_1rsrm2f208" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f20e", hover: "_1rsrm2f20f", active: "_1rsrm2f20g", selection: "_1rsrm2f20h", focused: "_1rsrm2f20i", focusedVisible: "_1rsrm2f20j" }, defaultClass: "_1rsrm2f20e" }, modalFooterDivider: { conditions: { base: "_1rsrm2f20k", hover: "_1rsrm2f20l", active: "_1rsrm2f20m", selection: "_1rsrm2f20n", focused: "_1rsrm2f20o", focusedVisible: "_1rsrm2f20p" }, defaultClass: "_1rsrm2f20k" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f20q", hover: "_1rsrm2f20r", active: "_1rsrm2f20s", selection: "_1rsrm2f20t", focused: "_1rsrm2f20u", focusedVisible: "_1rsrm2f20v" }, defaultClass: "_1rsrm2f20q" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f20w", hover: "_1rsrm2f20x", active: "_1rsrm2f20y", selection: "_1rsrm2f20z", focused: "_1rsrm2f210", focusedVisible: "_1rsrm2f211" }, defaultClass: "_1rsrm2f20w" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f212", hover: "_1rsrm2f213", active: "_1rsrm2f214", selection: "_1rsrm2f215", focused: "_1rsrm2f216", focusedVisible: "_1rsrm2f217" }, defaultClass: "_1rsrm2f212" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f218", hover: "_1rsrm2f219", active: "_1rsrm2f21a", selection: "_1rsrm2f21b", focused: "_1rsrm2f21c", focusedVisible: "_1rsrm2f21d" }, defaultClass: "_1rsrm2f218" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f21e", hover: "_1rsrm2f21f", active: "_1rsrm2f21g", selection: "_1rsrm2f21h", focused: "_1rsrm2f21i", focusedVisible: "_1rsrm2f21j" }, defaultClass: "_1rsrm2f21e" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f21k", hover: "_1rsrm2f21l", active: "_1rsrm2f21m", selection: "_1rsrm2f21n", focused: "_1rsrm2f21o", focusedVisible: "_1rsrm2f21p" }, defaultClass: "_1rsrm2f21k" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f21q", hover: "_1rsrm2f21r", active: "_1rsrm2f21s", selection: "_1rsrm2f21t", focused: "_1rsrm2f21u", focusedVisible: "_1rsrm2f21v" }, defaultClass: "_1rsrm2f21q" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f21w", hover: "_1rsrm2f21x", active: "_1rsrm2f21y", selection: "_1rsrm2f21z", focused: "_1rsrm2f220", focusedVisible: "_1rsrm2f221" }, defaultClass: "_1rsrm2f21w" }, optionBoxBackground: { conditions: { base: "_1rsrm2f222", hover: "_1rsrm2f223", active: "_1rsrm2f224", selection: "_1rsrm2f225", focused: "_1rsrm2f226", focusedVisible: "_1rsrm2f227" }, defaultClass: "_1rsrm2f222" }, optionBoxBackgroundUninteractive: { conditions: { base: "_1rsrm2f228", hover: "_1rsrm2f229", active: "_1rsrm2f22a", selection: "_1rsrm2f22b", focused: "_1rsrm2f22c", focusedVisible: "_1rsrm2f22d" }, defaultClass: "_1rsrm2f228" }, optionBoxBorderBase: { conditions: { base: "_1rsrm2f22e", hover: "_1rsrm2f22f", active: "_1rsrm2f22g", selection: "_1rsrm2f22h", focused: "_1rsrm2f22i", focusedVisible: "_1rsrm2f22j" }, defaultClass: "_1rsrm2f22e" }, optionBoxBorderHover: { conditions: { base: "_1rsrm2f22k", hover: "_1rsrm2f22l", active: "_1rsrm2f22m", selection: "_1rsrm2f22n", focused: "_1rsrm2f22o", focusedVisible: "_1rsrm2f22p" }, defaultClass: "_1rsrm2f22k" }, optionBoxDefaultModeNotActiveBorderBase: { conditions: { base: "_1rsrm2f22q", hover: "_1rsrm2f22r", active: "_1rsrm2f22s", selection: "_1rsrm2f22t", focused: "_1rsrm2f22u", focusedVisible: "_1rsrm2f22v" }, defaultClass: "_1rsrm2f22q" }, optionBoxDefaultModeNotActiveBorderHover: { conditions: { base: "_1rsrm2f22w", hover: "_1rsrm2f22x", active: "_1rsrm2f22y", selection: "_1rsrm2f22z", focused: "_1rsrm2f230", focusedVisible: "_1rsrm2f231" }, defaultClass: "_1rsrm2f22w" }, openDropdownBackgroundColor: { conditions: { base: "_1rsrm2f232", hover: "_1rsrm2f233", active: "_1rsrm2f234", selection: "_1rsrm2f235", focused: "_1rsrm2f236", focusedVisible: "_1rsrm2f237" }, defaultClass: "_1rsrm2f232" }, dropdownActiveItemBackgroundBase: { conditions: { base: "_1rsrm2f238", hover: "_1rsrm2f239", active: "_1rsrm2f23a", selection: "_1rsrm2f23b", focused: "_1rsrm2f23c", focusedVisible: "_1rsrm2f23d" }, defaultClass: "_1rsrm2f238" }, dropdownActiveItemBackgroundHover: { conditions: { base: "_1rsrm2f23e", hover: "_1rsrm2f23f", active: "_1rsrm2f23g", selection: "_1rsrm2f23h", focused: "_1rsrm2f23i", focusedVisible: "_1rsrm2f23j" }, defaultClass: "_1rsrm2f23e" }, dropdownActiveItemBackgroundDisabled: { conditions: { base: "_1rsrm2f23k", hover: "_1rsrm2f23l", active: "_1rsrm2f23m", selection: "_1rsrm2f23n", focused: "_1rsrm2f23o", focusedVisible: "_1rsrm2f23p" }, defaultClass: "_1rsrm2f23k" }, dropdownActiveItemBorderBase: { conditions: { base: "_1rsrm2f23q", hover: "_1rsrm2f23r", active: "_1rsrm2f23s", selection: "_1rsrm2f23t", focused: "_1rsrm2f23u", focusedVisible: "_1rsrm2f23v" }, defaultClass: "_1rsrm2f23q" }, dropdownActiveItemBorderHover: { conditions: { base: "_1rsrm2f23w", hover: "_1rsrm2f23x", active: "_1rsrm2f23y", selection: "_1rsrm2f23z", focused: "_1rsrm2f240", focusedVisible: "_1rsrm2f241" }, defaultClass: "_1rsrm2f23w" }, selectedDropdownItemBackground: { conditions: { base: "_1rsrm2f242", hover: "_1rsrm2f243", active: "_1rsrm2f244", selection: "_1rsrm2f245", focused: "_1rsrm2f246", focusedVisible: "_1rsrm2f247" }, defaultClass: "_1rsrm2f242" }, alwaysVisibleLabelBackgroundHover: { conditions: { base: "_1rsrm2f248", hover: "_1rsrm2f249", active: "_1rsrm2f24a", selection: "_1rsrm2f24b", focused: "_1rsrm2f24c", focusedVisible: "_1rsrm2f24d" }, defaultClass: "_1rsrm2f248" }, selectedDropdownItemText: { conditions: { base: "_1rsrm2f24e", hover: "_1rsrm2f24f", active: "_1rsrm2f24g", selection: "_1rsrm2f24h", focused: "_1rsrm2f24i", focusedVisible: "_1rsrm2f24j" }, defaultClass: "_1rsrm2f24e" }, dropdownLabelColor: { conditions: { base: "_1rsrm2f24k", hover: "_1rsrm2f24l", active: "_1rsrm2f24m", selection: "_1rsrm2f24n", focused: "_1rsrm2f24o", focusedVisible: "_1rsrm2f24p" }, defaultClass: "_1rsrm2f24k" }, copyButtonBackgroundBase: { conditions: { base: "_1rsrm2f24q", hover: "_1rsrm2f24r", active: "_1rsrm2f24s", selection: "_1rsrm2f24t", focused: "_1rsrm2f24u", focusedVisible: "_1rsrm2f24v" }, defaultClass: "_1rsrm2f24q" }, copyButtonBackgroundHover: { conditions: { base: "_1rsrm2f24w", hover: "_1rsrm2f24x", active: "_1rsrm2f24y", selection: "_1rsrm2f24z", focused: "_1rsrm2f250", focusedVisible: "_1rsrm2f251" }, defaultClass: "_1rsrm2f24w" }, copyButtonBackgroundActive: { conditions: { base: "_1rsrm2f252", hover: "_1rsrm2f253", active: "_1rsrm2f254", selection: "_1rsrm2f255", focused: "_1rsrm2f256", focusedVisible: "_1rsrm2f257" }, defaultClass: "_1rsrm2f252" }, copyButtonBorderBase: { conditions: { base: "_1rsrm2f258", hover: "_1rsrm2f259", active: "_1rsrm2f25a", selection: "_1rsrm2f25b", focused: "_1rsrm2f25c", focusedVisible: "_1rsrm2f25d" }, defaultClass: "_1rsrm2f258" }, copyButtonBorderHover: { conditions: { base: "_1rsrm2f25e", hover: "_1rsrm2f25f", active: "_1rsrm2f25g", selection: "_1rsrm2f25h", focused: "_1rsrm2f25i", focusedVisible: "_1rsrm2f25j" }, defaultClass: "_1rsrm2f25e" }, funFeatureListBackgroundBase: { conditions: { base: "_1rsrm2f25k", hover: "_1rsrm2f25l", active: "_1rsrm2f25m", selection: "_1rsrm2f25n", focused: "_1rsrm2f25o", focusedVisible: "_1rsrm2f25p" }, defaultClass: "_1rsrm2f25k" }, funFeatureListBackgroundHover: { conditions: { base: "_1rsrm2f25q", hover: "_1rsrm2f25r", active: "_1rsrm2f25s", selection: "_1rsrm2f25t", focused: "_1rsrm2f25u", focusedVisible: "_1rsrm2f25v" }, defaultClass: "_1rsrm2f25q" }, funFeatureListBorderColor: { conditions: { base: "_1rsrm2f25w", hover: "_1rsrm2f25x", active: "_1rsrm2f25y", selection: "_1rsrm2f25z", focused: "_1rsrm2f260", focusedVisible: "_1rsrm2f261" }, defaultClass: "_1rsrm2f25w" }, funFeatureListBorderColorHover: { conditions: { base: "_1rsrm2f262", hover: "_1rsrm2f263", active: "_1rsrm2f264", selection: "_1rsrm2f265", focused: "_1rsrm2f266", focusedVisible: "_1rsrm2f267" }, defaultClass: "_1rsrm2f262" }, spinnerBackground: { conditions: { base: "_1rsrm2f268", hover: "_1rsrm2f269", active: "_1rsrm2f26a", selection: "_1rsrm2f26b", focused: "_1rsrm2f26c", focusedVisible: "_1rsrm2f26d" }, defaultClass: "_1rsrm2f268" }, spinnerIndicator: { conditions: { base: "_1rsrm2f26e", hover: "_1rsrm2f26f", active: "_1rsrm2f26g", selection: "_1rsrm2f26h", focused: "_1rsrm2f26i", focusedVisible: "_1rsrm2f26j" }, defaultClass: "_1rsrm2f26e" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f26k", hover: "_1rsrm2f26l", active: "_1rsrm2f26m", selection: "_1rsrm2f26n", focused: "_1rsrm2f26o", focusedVisible: "_1rsrm2f26p" }, defaultClass: "_1rsrm2f26k" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f26q", hover: "_1rsrm2f26r", active: "_1rsrm2f26s", selection: "_1rsrm2f26t", focused: "_1rsrm2f26u", focusedVisible: "_1rsrm2f26v" }, defaultClass: "_1rsrm2f26q" }, txSummaryBoxBackground: { conditions: { base: "_1rsrm2f26w", hover: "_1rsrm2f26x", active: "_1rsrm2f26y", selection: "_1rsrm2f26z", focused: "_1rsrm2f270", focusedVisible: "_1rsrm2f271" }, defaultClass: "_1rsrm2f26w" }, txSummaryBoxBorder: { conditions: { base: "_1rsrm2f272", hover: "_1rsrm2f273", active: "_1rsrm2f274", selection: "_1rsrm2f275", focused: "_1rsrm2f276", focusedVisible: "_1rsrm2f277" }, defaultClass: "_1rsrm2f272" }, counterRingColor: { conditions: { base: "_1rsrm2f278", hover: "_1rsrm2f279", active: "_1rsrm2f27a", selection: "_1rsrm2f27b", focused: "_1rsrm2f27c", focusedVisible: "_1rsrm2f27d" }, defaultClass: "_1rsrm2f278" }, cryptoCashToggleContainerBorderColor: { conditions: { base: "_1rsrm2f27e", hover: "_1rsrm2f27f", active: "_1rsrm2f27g", selection: "_1rsrm2f27h", focused: "_1rsrm2f27i", focusedVisible: "_1rsrm2f27j" }, defaultClass: "_1rsrm2f27e" }, cryptoCashToggleBackground: { conditions: { base: "_1rsrm2f27k", hover: "_1rsrm2f27l", active: "_1rsrm2f27m", selection: "_1rsrm2f27n", focused: "_1rsrm2f27o", focusedVisible: "_1rsrm2f27p" }, defaultClass: "_1rsrm2f27k" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f27q", hover: "_1rsrm2f27r", active: "_1rsrm2f27s", selection: "_1rsrm2f27t", focused: "_1rsrm2f27u", focusedVisible: "_1rsrm2f27v" }, defaultClass: "_1rsrm2f27q" }, dialog: { conditions: { base: "_1rsrm2f27w", hover: "_1rsrm2f27x", active: "_1rsrm2f27y", selection: "_1rsrm2f27z", focused: "_1rsrm2f280", focusedVisible: "_1rsrm2f281" }, defaultClass: "_1rsrm2f27w" }, selectedOption: { conditions: { base: "_1rsrm2f282", hover: "_1rsrm2f283", active: "_1rsrm2f284", selection: "_1rsrm2f285", focused: "_1rsrm2f286", focusedVisible: "_1rsrm2f287" }, defaultClass: "_1rsrm2f282" }, selectedWallet: { conditions: { base: "_1rsrm2f288", hover: "_1rsrm2f289", active: "_1rsrm2f28a", selection: "_1rsrm2f28b", focused: "_1rsrm2f28c", focusedVisible: "_1rsrm2f28d" }, defaultClass: "_1rsrm2f288" }, dropdown: { conditions: { base: "_1rsrm2f28e", hover: "_1rsrm2f28f", active: "_1rsrm2f28g", selection: "_1rsrm2f28h", focused: "_1rsrm2f28i", focusedVisible: "_1rsrm2f28j" }, defaultClass: "_1rsrm2f28e" }, notification: { conditions: { base: "_1rsrm2f28k", hover: "_1rsrm2f28l", active: "_1rsrm2f28m", selection: "_1rsrm2f28n", focused: "_1rsrm2f28o", focusedVisible: "_1rsrm2f28p" }, defaultClass: "_1rsrm2f28k" }, qrCode: { conditions: { base: "_1rsrm2f28q", hover: "_1rsrm2f28r", active: "_1rsrm2f28s", selection: "_1rsrm2f28t", focused: "_1rsrm2f28u", focusedVisible: "_1rsrm2f28v" }, defaultClass: "_1rsrm2f28q" }, buttonShadow: { conditions: { base: "_1rsrm2f28w", hover: "_1rsrm2f28x", active: "_1rsrm2f28y", selection: "_1rsrm2f28z", focused: "_1rsrm2f290", focusedVisible: "_1rsrm2f291" }, defaultClass: "_1rsrm2f28w" }, buttonShadowTertiary: { conditions: { base: "_1rsrm2f292", hover: "_1rsrm2f293", active: "_1rsrm2f294", selection: "_1rsrm2f295", focused: "_1rsrm2f296", focusedVisible: "_1rsrm2f297" }, defaultClass: "_1rsrm2f292" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f298", hover: "_1rsrm2f299", active: "_1rsrm2f29a", selection: "_1rsrm2f29b", focused: "_1rsrm2f29c", focusedVisible: "_1rsrm2f29d" }, defaultClass: "_1rsrm2f298" }, buttonFocusedShadowTertiary: { conditions: { base: "_1rsrm2f29e", hover: "_1rsrm2f29f", active: "_1rsrm2f29g", selection: "_1rsrm2f29h", focused: "_1rsrm2f29i", focusedVisible: "_1rsrm2f29j" }, defaultClass: "_1rsrm2f29e" }, buttonHoverShadow: { conditions: { base: "_1rsrm2f29k", hover: "_1rsrm2f29l", active: "_1rsrm2f29m", selection: "_1rsrm2f29n", focused: "_1rsrm2f29o", focusedVisible: "_1rsrm2f29p" }, defaultClass: "_1rsrm2f29k" }, buttonHoverShadowTertiary: { conditions: { base: "_1rsrm2f29q", hover: "_1rsrm2f29r", active: "_1rsrm2f29s", selection: "_1rsrm2f29t", focused: "_1rsrm2f29u", focusedVisible: "_1rsrm2f29v" }, defaultClass: "_1rsrm2f29q" }, buttonDisabledShadow: { conditions: { base: "_1rsrm2f29w", hover: "_1rsrm2f29x", active: "_1rsrm2f29y", selection: "_1rsrm2f29z", focused: "_1rsrm2f2a0", focusedVisible: "_1rsrm2f2a1" }, defaultClass: "_1rsrm2f29w" }, buttonDisabledShadowTertiary: { conditions: { base: "_1rsrm2f2a2", hover: "_1rsrm2f2a3", active: "_1rsrm2f2a4", selection: "_1rsrm2f2a5", focused: "_1rsrm2f2a6", focusedVisible: "_1rsrm2f2a7" }, defaultClass: "_1rsrm2f2a2" }, buttonInnerShadow: { conditions: { base: "_1rsrm2f2a8", hover: "_1rsrm2f2a9", active: "_1rsrm2f2aa", selection: "_1rsrm2f2ab", focused: "_1rsrm2f2ac", focusedVisible: "_1rsrm2f2ad" }, defaultClass: "_1rsrm2f2a8" }, buttonInnerShadowTertiary: { conditions: { base: "_1rsrm2f2ae", hover: "_1rsrm2f2af", active: "_1rsrm2f2ag", selection: "_1rsrm2f2ah", focused: "_1rsrm2f2ai", focusedVisible: "_1rsrm2f2aj" }, defaultClass: "_1rsrm2f2ae" }, buttonFocusedInnerShadow: { conditions: { base: "_1rsrm2f2ak", hover: "_1rsrm2f2al", active: "_1rsrm2f2am", selection: "_1rsrm2f2an", focused: "_1rsrm2f2ao", focusedVisible: "_1rsrm2f2ap" }, defaultClass: "_1rsrm2f2ak" }, buttonFocusedInnerShadowTertiary: { conditions: { base: "_1rsrm2f2aq", hover: "_1rsrm2f2ar", active: "_1rsrm2f2as", selection: "_1rsrm2f2at", focused: "_1rsrm2f2au", focusedVisible: "_1rsrm2f2av" }, defaultClass: "_1rsrm2f2aq" }, buttonHoverInnerShadow: { conditions: { base: "_1rsrm2f2aw", hover: "_1rsrm2f2ax", active: "_1rsrm2f2ay", selection: "_1rsrm2f2az", focused: "_1rsrm2f2b0", focusedVisible: "_1rsrm2f2b1" }, defaultClass: "_1rsrm2f2aw" }, buttonHoverInnerShadowTertiary: { conditions: { base: "_1rsrm2f2b2", hover: "_1rsrm2f2b3", active: "_1rsrm2f2b4", selection: "_1rsrm2f2b5", focused: "_1rsrm2f2b6", focusedVisible: "_1rsrm2f2b7" }, defaultClass: "_1rsrm2f2b2" }, buttonDisabledInnerShadow: { conditions: { base: "_1rsrm2f2b8", hover: "_1rsrm2f2b9", active: "_1rsrm2f2ba", selection: "_1rsrm2f2bb", focused: "_1rsrm2f2bc", focusedVisible: "_1rsrm2f2bd" }, defaultClass: "_1rsrm2f2b8" }, buttonDisabledInnerShadowTertiary: { conditions: { base: "_1rsrm2f2be", hover: "_1rsrm2f2bf", active: "_1rsrm2f2bg", selection: "_1rsrm2f2bh", focused: "_1rsrm2f2bi", focusedVisible: "_1rsrm2f2bj" }, defaultClass: "_1rsrm2f2be" }, selectedDropdownItem: { conditions: { base: "_1rsrm2f2bk", hover: "_1rsrm2f2bl", active: "_1rsrm2f2bm", selection: "_1rsrm2f2bn", focused: "_1rsrm2f2bo", focusedVisible: "_1rsrm2f2bp" }, defaultClass: "_1rsrm2f2bk" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f2bq", hover: "_1rsrm2f2br", active: "_1rsrm2f2bs", selection: "_1rsrm2f2bt", focused: "_1rsrm2f2bu", focusedVisible: "_1rsrm2f2bv" }, defaultClass: "_1rsrm2f2bq" }, accentColorForeground: { conditions: { base: "_1rsrm2f2bw", hover: "_1rsrm2f2bx", active: "_1rsrm2f2by", selection: "_1rsrm2f2bz", focused: "_1rsrm2f2c0", focusedVisible: "_1rsrm2f2c1" }, defaultClass: "_1rsrm2f2bw" }, actionButtonBorder: { conditions: { base: "_1rsrm2f2c2", hover: "_1rsrm2f2c3", active: "_1rsrm2f2c4", selection: "_1rsrm2f2c5", focused: "_1rsrm2f2c6", focusedVisible: "_1rsrm2f2c7" }, defaultClass: "_1rsrm2f2c2" }, connectButtonBackground: { conditions: { base: "_1rsrm2f2c8", hover: "_1rsrm2f2c9", active: "_1rsrm2f2ca", selection: "_1rsrm2f2cb", focused: "_1rsrm2f2cc", focusedVisible: "_1rsrm2f2cd" }, defaultClass: "_1rsrm2f2c8" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f2ce", hover: "_1rsrm2f2cf", active: "_1rsrm2f2cg", selection: "_1rsrm2f2ch", focused: "_1rsrm2f2ci", focusedVisible: "_1rsrm2f2cj" }, defaultClass: "_1rsrm2f2ce" }, connectButtonText: { conditions: { base: "_1rsrm2f2ck", hover: "_1rsrm2f2cl", active: "_1rsrm2f2cm", selection: "_1rsrm2f2cn", focused: "_1rsrm2f2co", focusedVisible: "_1rsrm2f2cp" }, defaultClass: "_1rsrm2f2ck" }, connectButtonTextError: { conditions: { base: "_1rsrm2f2cq", hover: "_1rsrm2f2cr", active: "_1rsrm2f2cs", selection: "_1rsrm2f2ct", focused: "_1rsrm2f2cu", focusedVisible: "_1rsrm2f2cv" }, defaultClass: "_1rsrm2f2cq" }, connectionIndicator: { conditions: { base: "_1rsrm2f2cw", hover: "_1rsrm2f2cx", active: "_1rsrm2f2cy", selection: "_1rsrm2f2cz", focused: "_1rsrm2f2d0", focusedVisible: "_1rsrm2f2d1" }, defaultClass: "_1rsrm2f2cw" }, error: { conditions: { base: "_1rsrm2f2d2", hover: "_1rsrm2f2d3", active: "_1rsrm2f2d4", selection: "_1rsrm2f2d5", focused: "_1rsrm2f2d6", focusedVisible: "_1rsrm2f2d7" }, defaultClass: "_1rsrm2f2d2" }, errorBackground: { conditions: { base: "_1rsrm2f2d8", hover: "_1rsrm2f2d9", active: "_1rsrm2f2da", selection: "_1rsrm2f2db", focused: "_1rsrm2f2dc", focusedVisible: "_1rsrm2f2dd" }, defaultClass: "_1rsrm2f2d8" }, errorBorder: { conditions: { base: "_1rsrm2f2de", hover: "_1rsrm2f2df", active: "_1rsrm2f2dg", selection: "_1rsrm2f2dh", focused: "_1rsrm2f2di", focusedVisible: "_1rsrm2f2dj" }, defaultClass: "_1rsrm2f2de" }, generalBorder: { conditions: { base: "_1rsrm2f2dk", hover: "_1rsrm2f2dl", active: "_1rsrm2f2dm", selection: "_1rsrm2f2dn", focused: "_1rsrm2f2do", focusedVisible: "_1rsrm2f2dp" }, defaultClass: "_1rsrm2f2dk" }, generalBorderDim: { conditions: { base: "_1rsrm2f2dq", hover: "_1rsrm2f2dr", active: "_1rsrm2f2ds", selection: "_1rsrm2f2dt", focused: "_1rsrm2f2du", focusedVisible: "_1rsrm2f2dv" }, defaultClass: "_1rsrm2f2dq" }, menuItemBackground: { conditions: { base: "_1rsrm2f2dw", hover: "_1rsrm2f2dx", active: "_1rsrm2f2dy", selection: "_1rsrm2f2dz", focused: "_1rsrm2f2e0", focusedVisible: "_1rsrm2f2e1" }, defaultClass: "_1rsrm2f2dw" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f2e2", hover: "_1rsrm2f2e3", active: "_1rsrm2f2e4", selection: "_1rsrm2f2e5", focused: "_1rsrm2f2e6", focusedVisible: "_1rsrm2f2e7" }, defaultClass: "_1rsrm2f2e2" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f2e8", hover: "_1rsrm2f2e9", active: "_1rsrm2f2ea", selection: "_1rsrm2f2eb", focused: "_1rsrm2f2ec", focusedVisible: "_1rsrm2f2ed" }, defaultClass: "_1rsrm2f2e8" }, standby: { conditions: { base: "_1rsrm2f2ee", hover: "_1rsrm2f2ef", active: "_1rsrm2f2eg", selection: "_1rsrm2f2eh", focused: "_1rsrm2f2ei", focusedVisible: "_1rsrm2f2ej" }, defaultClass: "_1rsrm2f2ee" }, success: { conditions: { base: "_1rsrm2f2ek", hover: "_1rsrm2f2el", active: "_1rsrm2f2em", selection: "_1rsrm2f2en", focused: "_1rsrm2f2eo", focusedVisible: "_1rsrm2f2ep" }, defaultClass: "_1rsrm2f2ek" }, delayedStatusIcon: { conditions: { base: "_1rsrm2f2eq", hover: "_1rsrm2f2er", active: "_1rsrm2f2es", selection: "_1rsrm2f2et", focused: "_1rsrm2f2eu", focusedVisible: "_1rsrm2f2ev" }, defaultClass: "_1rsrm2f2eq" }, chainIconBorder: { conditions: { base: "_1rsrm2f2ew", hover: "_1rsrm2f2ex", active: "_1rsrm2f2ey", selection: "_1rsrm2f2ez", focused: "_1rsrm2f2f0", focusedVisible: "_1rsrm2f2f1" }, defaultClass: "_1rsrm2f2ew" }, modalBackdrop: { conditions: { base: "_1rsrm2f2f2", hover: "_1rsrm2f2f3", active: "_1rsrm2f2f4", selection: "_1rsrm2f2f5", focused: "_1rsrm2f2f6", focusedVisible: "_1rsrm2f2f7" }, defaultClass: "_1rsrm2f2f2" }, modalBackground: { conditions: { base: "_1rsrm2f2f8", hover: "_1rsrm2f2f9", active: "_1rsrm2f2fa", selection: "_1rsrm2f2fb", focused: "_1rsrm2f2fc", focusedVisible: "_1rsrm2f2fd" }, defaultClass: "_1rsrm2f2f8" }, modalBorder: { conditions: { base: "_1rsrm2f2fe", hover: "_1rsrm2f2ff", active: "_1rsrm2f2fg", selection: "_1rsrm2f2fh", focused: "_1rsrm2f2fi", focusedVisible: "_1rsrm2f2fj" }, defaultClass: "_1rsrm2f2fe" }, offBackground: { conditions: { base: "_1rsrm2f2fk", hover: "_1rsrm2f2fl", active: "_1rsrm2f2fm", selection: "_1rsrm2f2fn", focused: "_1rsrm2f2fo", focusedVisible: "_1rsrm2f2fp" }, defaultClass: "_1rsrm2f2fk" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f2fq", hover: "_1rsrm2f2fr", active: "_1rsrm2f2fs", selection: "_1rsrm2f2ft", focused: "_1rsrm2f2fu", focusedVisible: "_1rsrm2f2fv" }, defaultClass: "_1rsrm2f2fq" }, hoverState: { conditions: { base: "_1rsrm2f2fw", hover: "_1rsrm2f2fx", active: "_1rsrm2f2fy", selection: "_1rsrm2f2fz", focused: "_1rsrm2f2g0", focusedVisible: "_1rsrm2f2g1" }, defaultClass: "_1rsrm2f2fw" }, lightStroke: { conditions: { base: "_1rsrm2f2g2", hover: "_1rsrm2f2g3", active: "_1rsrm2f2g4", selection: "_1rsrm2f2g5", focused: "_1rsrm2f2g6", focusedVisible: "_1rsrm2f2g7" }, defaultClass: "_1rsrm2f2g2" }, mediumStroke: { conditions: { base: "_1rsrm2f2g8", hover: "_1rsrm2f2g9", active: "_1rsrm2f2ga", selection: "_1rsrm2f2gb", focused: "_1rsrm2f2gc", focusedVisible: "_1rsrm2f2gd" }, defaultClass: "_1rsrm2f2g8" }, heavyStroke: { conditions: { base: "_1rsrm2f2ge", hover: "_1rsrm2f2gf", active: "_1rsrm2f2gg", selection: "_1rsrm2f2gh", focused: "_1rsrm2f2gi", focusedVisible: "_1rsrm2f2gj" }, defaultClass: "_1rsrm2f2ge" }, strokeColor: { conditions: { base: "_1rsrm2f2gk", hover: "_1rsrm2f2gl", active: "_1rsrm2f2gm", selection: "_1rsrm2f2gn", focused: "_1rsrm2f2go", focusedVisible: "_1rsrm2f2gp" }, defaultClass: "_1rsrm2f2gk" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f2gq", hover: "_1rsrm2f2gr", active: "_1rsrm2f2gs", selection: "_1rsrm2f2gt", focused: "_1rsrm2f2gu", focusedVisible: "_1rsrm2f2gv" }, defaultClass: "_1rsrm2f2gq" }, modalTopbarIconBackground: { conditions: { base: "_1rsrm2f2gw", hover: "_1rsrm2f2gx", active: "_1rsrm2f2gy", selection: "_1rsrm2f2gz", focused: "_1rsrm2f2h0", focusedVisible: "_1rsrm2f2h1" }, defaultClass: "_1rsrm2f2gw" }, modalTopbarIconBackgroundHover: { conditions: { base: "_1rsrm2f2h2", hover: "_1rsrm2f2h3", active: "_1rsrm2f2h4", selection: "_1rsrm2f2h5", focused: "_1rsrm2f2h6", focusedVisible: "_1rsrm2f2h7" }, defaultClass: "_1rsrm2f2h2" }, modalTopbarIconBackgroundPressed: { conditions: { base: "_1rsrm2f2h8", hover: "_1rsrm2f2h9", active: "_1rsrm2f2ha", selection: "_1rsrm2f2hb", focused: "_1rsrm2f2hc", focusedVisible: "_1rsrm2f2hd" }, defaultClass: "_1rsrm2f2h8" }, modalTopbarIconStroke: { conditions: { base: "_1rsrm2f2he", hover: "_1rsrm2f2hf", active: "_1rsrm2f2hg", selection: "_1rsrm2f2hh", focused: "_1rsrm2f2hi", focusedVisible: "_1rsrm2f2hj" }, defaultClass: "_1rsrm2f2he" }, primaryText: { conditions: { base: "_1rsrm2f2hk", hover: "_1rsrm2f2hl", active: "_1rsrm2f2hm", selection: "_1rsrm2f2hn", focused: "_1rsrm2f2ho", focusedVisible: "_1rsrm2f2hp" }, defaultClass: "_1rsrm2f2hk" }, secondaryText: { conditions: { base: "_1rsrm2f2hq", hover: "_1rsrm2f2hr", active: "_1rsrm2f2hs", selection: "_1rsrm2f2ht", focused: "_1rsrm2f2hu", focusedVisible: "_1rsrm2f2hv" }, defaultClass: "_1rsrm2f2hq" }, tertiaryText: { conditions: { base: "_1rsrm2f2hw", hover: "_1rsrm2f2hx", active: "_1rsrm2f2hy", selection: "_1rsrm2f2hz", focused: "_1rsrm2f2i0", focusedVisible: "_1rsrm2f2i1" }, defaultClass: "_1rsrm2f2hw" }, textSelection: { conditions: { base: "_1rsrm2f2i2", hover: "_1rsrm2f2i3", active: "_1rsrm2f2i4", selection: "_1rsrm2f2i5", focused: "_1rsrm2f2i6", focusedVisible: "_1rsrm2f2i7" }, defaultClass: "_1rsrm2f2i2" }, inputLabel: { conditions: { base: "_1rsrm2f2i8", hover: "_1rsrm2f2i9", active: "_1rsrm2f2ia", selection: "_1rsrm2f2ib", focused: "_1rsrm2f2ic", focusedVisible: "_1rsrm2f2id" }, defaultClass: "_1rsrm2f2i8" }, inputBackground: { conditions: { base: "_1rsrm2f2ie", hover: "_1rsrm2f2if", active: "_1rsrm2f2ig", selection: "_1rsrm2f2ih", focused: "_1rsrm2f2ii", focusedVisible: "_1rsrm2f2ij" }, defaultClass: "_1rsrm2f2ie" }, inputBackgroundHover: { conditions: { base: "_1rsrm2f2ik", hover: "_1rsrm2f2il", active: "_1rsrm2f2im", selection: "_1rsrm2f2in", focused: "_1rsrm2f2io", focusedVisible: "_1rsrm2f2ip" }, defaultClass: "_1rsrm2f2ik" }, inputBorderBase: { conditions: { base: "_1rsrm2f2iq", hover: "_1rsrm2f2ir", active: "_1rsrm2f2is", selection: "_1rsrm2f2it", focused: "_1rsrm2f2iu", focusedVisible: "_1rsrm2f2iv" }, defaultClass: "_1rsrm2f2iq" }, inputBorderHover: { conditions: { base: "_1rsrm2f2iw", hover: "_1rsrm2f2ix", active: "_1rsrm2f2iy", selection: "_1rsrm2f2iz", focused: "_1rsrm2f2j0", focusedVisible: "_1rsrm2f2j1" }, defaultClass: "_1rsrm2f2iw" }, activeTabBorderColor: { conditions: { base: "_1rsrm2f2j2", hover: "_1rsrm2f2j3", active: "_1rsrm2f2j4", selection: "_1rsrm2f2j5", focused: "_1rsrm2f2j6", focusedVisible: "_1rsrm2f2j7" }, defaultClass: "_1rsrm2f2j2" }, activeTabBackground: { conditions: { base: "_1rsrm2f2j8", hover: "_1rsrm2f2j9", active: "_1rsrm2f2ja", selection: "_1rsrm2f2jb", focused: "_1rsrm2f2jc", focusedVisible: "_1rsrm2f2jd" }, defaultClass: "_1rsrm2f2j8" }, actionColor: { conditions: { base: "_1rsrm2f2je", hover: "_1rsrm2f2jf", active: "_1rsrm2f2jg", selection: "_1rsrm2f2jh", focused: "_1rsrm2f2ji", focusedVisible: "_1rsrm2f2jj" }, defaultClass: "_1rsrm2f2je" }, actionColorHover: { conditions: { base: "_1rsrm2f2jk", hover: "_1rsrm2f2jl", active: "_1rsrm2f2jm", selection: "_1rsrm2f2jn", focused: "_1rsrm2f2jo", focusedVisible: "_1rsrm2f2jp" }, defaultClass: "_1rsrm2f2jk" }, actionColorDisabled: { conditions: { base: "_1rsrm2f2jq", hover: "_1rsrm2f2jr", active: "_1rsrm2f2js", selection: "_1rsrm2f2jt", focused: "_1rsrm2f2ju", focusedVisible: "_1rsrm2f2jv" }, defaultClass: "_1rsrm2f2jq" }, buttonPrimary: { conditions: { base: "_1rsrm2f2jw", hover: "_1rsrm2f2jx", active: "_1rsrm2f2jy", selection: "_1rsrm2f2jz", focused: "_1rsrm2f2k0", focusedVisible: "_1rsrm2f2k1" }, defaultClass: "_1rsrm2f2jw" }, buttonDisabled: { conditions: { base: "_1rsrm2f2k2", hover: "_1rsrm2f2k3", active: "_1rsrm2f2k4", selection: "_1rsrm2f2k5", focused: "_1rsrm2f2k6", focusedVisible: "_1rsrm2f2k7" }, defaultClass: "_1rsrm2f2k2" }, buttonWarning: { conditions: { base: "_1rsrm2f2k8", hover: "_1rsrm2f2k9", active: "_1rsrm2f2ka", selection: "_1rsrm2f2kb", focused: "_1rsrm2f2kc", focusedVisible: "_1rsrm2f2kd" }, defaultClass: "_1rsrm2f2k8" }, buttonSuccess: { conditions: { base: "_1rsrm2f2ke", hover: "_1rsrm2f2kf", active: "_1rsrm2f2kg", selection: "_1rsrm2f2kh", focused: "_1rsrm2f2ki", focusedVisible: "_1rsrm2f2kj" }, defaultClass: "_1rsrm2f2ke" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f2kk", hover: "_1rsrm2f2kl", active: "_1rsrm2f2km", selection: "_1rsrm2f2kn", focused: "_1rsrm2f2ko", focusedVisible: "_1rsrm2f2kp" }, defaultClass: "_1rsrm2f2kk" }, buttonTextHover: { conditions: { base: "_1rsrm2f2kq", hover: "_1rsrm2f2kr", active: "_1rsrm2f2ks", selection: "_1rsrm2f2kt", focused: "_1rsrm2f2ku", focusedVisible: "_1rsrm2f2kv" }, defaultClass: "_1rsrm2f2kq" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f2kw", hover: "_1rsrm2f2kx", active: "_1rsrm2f2ky", selection: "_1rsrm2f2kz", focused: "_1rsrm2f2l0", focusedVisible: "_1rsrm2f2l1" }, defaultClass: "_1rsrm2f2kw" }, transparent: { conditions: { base: "_1rsrm2f2l2", hover: "_1rsrm2f2l3", active: "_1rsrm2f2l4", selection: "_1rsrm2f2l5", focused: "_1rsrm2f2l6", focusedVisible: "_1rsrm2f2l7" }, defaultClass: "_1rsrm2f2l2" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f2l8", hover: "_1rsrm2f2l9", active: "_1rsrm2f2la", selection: "_1rsrm2f2lb", focused: "_1rsrm2f2lc", focusedVisible: "_1rsrm2f2ld" }, defaultClass: "_1rsrm2f2l8" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f2le", hover: "_1rsrm2f2lf", active: "_1rsrm2f2lg", selection: "_1rsrm2f2lh", focused: "_1rsrm2f2li", focusedVisible: "_1rsrm2f2lj" }, defaultClass: "_1rsrm2f2le" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f2lk", hover: "_1rsrm2f2ll", active: "_1rsrm2f2lm", selection: "_1rsrm2f2ln", focused: "_1rsrm2f2lo", focusedVisible: "_1rsrm2f2lp" }, defaultClass: "_1rsrm2f2lk" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f2lq", hover: "_1rsrm2f2lr", active: "_1rsrm2f2ls", selection: "_1rsrm2f2lt", focused: "_1rsrm2f2lu", focusedVisible: "_1rsrm2f2lv" }, defaultClass: "_1rsrm2f2lq" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f2lw", hover: "_1rsrm2f2lx", active: "_1rsrm2f2ly", selection: "_1rsrm2f2lz", focused: "_1rsrm2f2m0", focusedVisible: "_1rsrm2f2m1" }, defaultClass: "_1rsrm2f2lw" }, buttonBackground: { conditions: { base: "_1rsrm2f2m2", hover: "_1rsrm2f2m3", active: "_1rsrm2f2m4", selection: "_1rsrm2f2m5", focused: "_1rsrm2f2m6", focusedVisible: "_1rsrm2f2m7" }, defaultClass: "_1rsrm2f2m2" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f2m8", hover: "_1rsrm2f2m9", active: "_1rsrm2f2ma", selection: "_1rsrm2f2mb", focused: "_1rsrm2f2mc", focusedVisible: "_1rsrm2f2md" }, defaultClass: "_1rsrm2f2m8" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f2me", hover: "_1rsrm2f2mf", active: "_1rsrm2f2mg", selection: "_1rsrm2f2mh", focused: "_1rsrm2f2mi", focusedVisible: "_1rsrm2f2mj" }, defaultClass: "_1rsrm2f2me" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f2mk", hover: "_1rsrm2f2ml", active: "_1rsrm2f2mm", selection: "_1rsrm2f2mn", focused: "_1rsrm2f2mo", focusedVisible: "_1rsrm2f2mp" }, defaultClass: "_1rsrm2f2mk" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f2mq", hover: "_1rsrm2f2mr", active: "_1rsrm2f2ms", selection: "_1rsrm2f2mt", focused: "_1rsrm2f2mu", focusedVisible: "_1rsrm2f2mv" }, defaultClass: "_1rsrm2f2mq" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f2mw", hover: "_1rsrm2f2mx", active: "_1rsrm2f2my", selection: "_1rsrm2f2mz", focused: "_1rsrm2f2n0", focusedVisible: "_1rsrm2f2n1" }, defaultClass: "_1rsrm2f2mw" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f2n2", hover: "_1rsrm2f2n3", active: "_1rsrm2f2n4", selection: "_1rsrm2f2n5", focused: "_1rsrm2f2n6", focusedVisible: "_1rsrm2f2n7" }, defaultClass: "_1rsrm2f2n2" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f2n8", hover: "_1rsrm2f2n9", active: "_1rsrm2f2na", selection: "_1rsrm2f2nb", focused: "_1rsrm2f2nc", focusedVisible: "_1rsrm2f2nd" }, defaultClass: "_1rsrm2f2n8" }, buttonIconStroke: { conditions: { base: "_1rsrm2f2ne", hover: "_1rsrm2f2nf", active: "_1rsrm2f2ng", selection: "_1rsrm2f2nh", focused: "_1rsrm2f2ni", focusedVisible: "_1rsrm2f2nj" }, defaultClass: "_1rsrm2f2ne" }, buttonBorderTertiary: { conditions: { base: "_1rsrm2f2nk", hover: "_1rsrm2f2nl", active: "_1rsrm2f2nm", selection: "_1rsrm2f2nn", focused: "_1rsrm2f2no", focusedVisible: "_1rsrm2f2np" }, defaultClass: "_1rsrm2f2nk" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f2nq", hover: "_1rsrm2f2nr", active: "_1rsrm2f2ns", selection: "_1rsrm2f2nt", focused: "_1rsrm2f2nu", focusedVisible: "_1rsrm2f2nv" }, defaultClass: "_1rsrm2f2nq" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f2nw", hover: "_1rsrm2f2nx", active: "_1rsrm2f2ny", selection: "_1rsrm2f2nz", focused: "_1rsrm2f2o0", focusedVisible: "_1rsrm2f2o1" }, defaultClass: "_1rsrm2f2nw" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f2o2", hover: "_1rsrm2f2o3", active: "_1rsrm2f2o4", selection: "_1rsrm2f2o5", focused: "_1rsrm2f2o6", focusedVisible: "_1rsrm2f2o7" }, defaultClass: "_1rsrm2f2o2" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f2o8", hover: "_1rsrm2f2o9", active: "_1rsrm2f2oa", selection: "_1rsrm2f2ob", focused: "_1rsrm2f2oc", focusedVisible: "_1rsrm2f2od" }, defaultClass: "_1rsrm2f2o8" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f2oe", hover: "_1rsrm2f2of", active: "_1rsrm2f2og", selection: "_1rsrm2f2oh", focused: "_1rsrm2f2oi", focusedVisible: "_1rsrm2f2oj" }, defaultClass: "_1rsrm2f2oe" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f2ok", hover: "_1rsrm2f2ol", active: "_1rsrm2f2om", selection: "_1rsrm2f2on", focused: "_1rsrm2f2oo", focusedVisible: "_1rsrm2f2op" }, defaultClass: "_1rsrm2f2ok" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f2oq", hover: "_1rsrm2f2or", active: "_1rsrm2f2os", selection: "_1rsrm2f2ot", focused: "_1rsrm2f2ou", focusedVisible: "_1rsrm2f2ov" }, defaultClass: "_1rsrm2f2oq" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f2ow", hover: "_1rsrm2f2ox", active: "_1rsrm2f2oy", selection: "_1rsrm2f2oz", focused: "_1rsrm2f2p0", focusedVisible: "_1rsrm2f2p1" }, defaultClass: "_1rsrm2f2ow" }, newBadgeBackground: { conditions: { base: "_1rsrm2f2p2", hover: "_1rsrm2f2p3", active: "_1rsrm2f2p4", selection: "_1rsrm2f2p5", focused: "_1rsrm2f2p6", focusedVisible: "_1rsrm2f2p7" }, defaultClass: "_1rsrm2f2p2" }, newBadgeBorder: { conditions: { base: "_1rsrm2f2p8", hover: "_1rsrm2f2p9", active: "_1rsrm2f2pa", selection: "_1rsrm2f2pb", focused: "_1rsrm2f2pc", focusedVisible: "_1rsrm2f2pd" }, defaultClass: "_1rsrm2f2p8" }, newBadgeText: { conditions: { base: "_1rsrm2f2pe", hover: "_1rsrm2f2pf", active: "_1rsrm2f2pg", selection: "_1rsrm2f2ph", focused: "_1rsrm2f2pi", focusedVisible: "_1rsrm2f2pj" }, defaultClass: "_1rsrm2f2pe" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f2pk", hover: "_1rsrm2f2pl", active: "_1rsrm2f2pm", selection: "_1rsrm2f2pn", focused: "_1rsrm2f2po", focusedVisible: "_1rsrm2f2pp" }, defaultClass: "_1rsrm2f2pk" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f2pq", hover: "_1rsrm2f2pr", active: "_1rsrm2f2ps", selection: "_1rsrm2f2pt", focused: "_1rsrm2f2pu", focusedVisible: "_1rsrm2f2pv" }, defaultClass: "_1rsrm2f2pq" }, approvedBadgeText: { conditions: { base: "_1rsrm2f2pw", hover: "_1rsrm2f2px", active: "_1rsrm2f2py", selection: "_1rsrm2f2pz", focused: "_1rsrm2f2q0", focusedVisible: "_1rsrm2f2q1" }, defaultClass: "_1rsrm2f2pw" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f2q2", hover: "_1rsrm2f2q3", active: "_1rsrm2f2q4", selection: "_1rsrm2f2q5", focused: "_1rsrm2f2q6", focusedVisible: "_1rsrm2f2q7" }, defaultClass: "_1rsrm2f2q2" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f2q8", hover: "_1rsrm2f2q9", active: "_1rsrm2f2qa", selection: "_1rsrm2f2qb", focused: "_1rsrm2f2qc", focusedVisible: "_1rsrm2f2qd" }, defaultClass: "_1rsrm2f2q8" }, failedBadgeText: { conditions: { base: "_1rsrm2f2qe", hover: "_1rsrm2f2qf", active: "_1rsrm2f2qg", selection: "_1rsrm2f2qh", focused: "_1rsrm2f2qi", focusedVisible: "_1rsrm2f2qj" }, defaultClass: "_1rsrm2f2qe" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f2qk", hover: "_1rsrm2f2ql", active: "_1rsrm2f2qm", selection: "_1rsrm2f2qn", focused: "_1rsrm2f2qo", focusedVisible: "_1rsrm2f2qp" }, defaultClass: "_1rsrm2f2qk" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f2qq", hover: "_1rsrm2f2qr", active: "_1rsrm2f2qs", selection: "_1rsrm2f2qt", focused: "_1rsrm2f2qu", focusedVisible: "_1rsrm2f2qv" }, defaultClass: "_1rsrm2f2qq" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f2qw", hover: "_1rsrm2f2qx", active: "_1rsrm2f2qy", selection: "_1rsrm2f2qz", focused: "_1rsrm2f2r0", focusedVisible: "_1rsrm2f2r1" }, defaultClass: "_1rsrm2f2qw" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f2r2", hover: "_1rsrm2f2r3", active: "_1rsrm2f2r4", selection: "_1rsrm2f2r5", focused: "_1rsrm2f2r6", focusedVisible: "_1rsrm2f2r7" }, defaultClass: "_1rsrm2f2r2" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f2r8", hover: "_1rsrm2f2r9", active: "_1rsrm2f2ra", selection: "_1rsrm2f2rb", focused: "_1rsrm2f2rc", focusedVisible: "_1rsrm2f2rd" }, defaultClass: "_1rsrm2f2r8" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f2re", hover: "_1rsrm2f2rf", active: "_1rsrm2f2rg", selection: "_1rsrm2f2rh", focused: "_1rsrm2f2ri", focusedVisible: "_1rsrm2f2rj" }, defaultClass: "_1rsrm2f2re" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f2rk", hover: "_1rsrm2f2rl", active: "_1rsrm2f2rm", selection: "_1rsrm2f2rn", focused: "_1rsrm2f2ro", focusedVisible: "_1rsrm2f2rp" }, defaultClass: "_1rsrm2f2rk" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f2rq", hover: "_1rsrm2f2rr", active: "_1rsrm2f2rs", selection: "_1rsrm2f2rt", focused: "_1rsrm2f2ru", focusedVisible: "_1rsrm2f2rv" }, defaultClass: "_1rsrm2f2rq" }, inputAmountFiatDecimalsColor: { conditions: { base: "_1rsrm2f2rw", hover: "_1rsrm2f2rx", active: "_1rsrm2f2ry", selection: "_1rsrm2f2rz", focused: "_1rsrm2f2s0", focusedVisible: "_1rsrm2f2s1" }, defaultClass: "_1rsrm2f2rw" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f2s2", hover: "_1rsrm2f2s3", active: "_1rsrm2f2s4", selection: "_1rsrm2f2s5", focused: "_1rsrm2f2s6", focusedVisible: "_1rsrm2f2s7" }, defaultClass: "_1rsrm2f2s2" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f2s8", hover: "_1rsrm2f2s9", active: "_1rsrm2f2sa", selection: "_1rsrm2f2sb", focused: "_1rsrm2f2sc", focusedVisible: "_1rsrm2f2sd" }, defaultClass: "_1rsrm2f2s8" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f2se", hover: "_1rsrm2f2sf", active: "_1rsrm2f2sg", selection: "_1rsrm2f2sh", focused: "_1rsrm2f2si", focusedVisible: "_1rsrm2f2sj" }, defaultClass: "_1rsrm2f2se" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f2sk", hover: "_1rsrm2f2sl", active: "_1rsrm2f2sm", selection: "_1rsrm2f2sn", focused: "_1rsrm2f2so", focusedVisible: "_1rsrm2f2sp" }, defaultClass: "_1rsrm2f2sk" }, announceGradientFrom: { conditions: { base: "_1rsrm2f2sq", hover: "_1rsrm2f2sr", active: "_1rsrm2f2ss", selection: "_1rsrm2f2st", focused: "_1rsrm2f2su", focusedVisible: "_1rsrm2f2sv" }, defaultClass: "_1rsrm2f2sq" }, announceGradientTo: { conditions: { base: "_1rsrm2f2sw", hover: "_1rsrm2f2sx", active: "_1rsrm2f2sy", selection: "_1rsrm2f2sz", focused: "_1rsrm2f2t0", focusedVisible: "_1rsrm2f2t1" }, defaultClass: "_1rsrm2f2sw" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f2t2", hover: "_1rsrm2f2t3", active: "_1rsrm2f2t4", selection: "_1rsrm2f2t5", focused: "_1rsrm2f2t6", focusedVisible: "_1rsrm2f2t7" }, defaultClass: "_1rsrm2f2t2" }, modalFooterDivider: { conditions: { base: "_1rsrm2f2t8", hover: "_1rsrm2f2t9", active: "_1rsrm2f2ta", selection: "_1rsrm2f2tb", focused: "_1rsrm2f2tc", focusedVisible: "_1rsrm2f2td" }, defaultClass: "_1rsrm2f2t8" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f2te", hover: "_1rsrm2f2tf", active: "_1rsrm2f2tg", selection: "_1rsrm2f2th", focused: "_1rsrm2f2ti", focusedVisible: "_1rsrm2f2tj" }, defaultClass: "_1rsrm2f2te" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f2tk", hover: "_1rsrm2f2tl", active: "_1rsrm2f2tm", selection: "_1rsrm2f2tn", focused: "_1rsrm2f2to", focusedVisible: "_1rsrm2f2tp" }, defaultClass: "_1rsrm2f2tk" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f2tq", hover: "_1rsrm2f2tr", active: "_1rsrm2f2ts", selection: "_1rsrm2f2tt", focused: "_1rsrm2f2tu", focusedVisible: "_1rsrm2f2tv" }, defaultClass: "_1rsrm2f2tq" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f2tw", hover: "_1rsrm2f2tx", active: "_1rsrm2f2ty", selection: "_1rsrm2f2tz", focused: "_1rsrm2f2u0", focusedVisible: "_1rsrm2f2u1" }, defaultClass: "_1rsrm2f2tw" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f2u2", hover: "_1rsrm2f2u3", active: "_1rsrm2f2u4", selection: "_1rsrm2f2u5", focused: "_1rsrm2f2u6", focusedVisible: "_1rsrm2f2u7" }, defaultClass: "_1rsrm2f2u2" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f2u8", hover: "_1rsrm2f2u9", active: "_1rsrm2f2ua", selection: "_1rsrm2f2ub", focused: "_1rsrm2f2uc", focusedVisible: "_1rsrm2f2ud" }, defaultClass: "_1rsrm2f2u8" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f2ue", hover: "_1rsrm2f2uf", active: "_1rsrm2f2ug", selection: "_1rsrm2f2uh", focused: "_1rsrm2f2ui", focusedVisible: "_1rsrm2f2uj" }, defaultClass: "_1rsrm2f2ue" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f2uk", hover: "_1rsrm2f2ul", active: "_1rsrm2f2um", selection: "_1rsrm2f2un", focused: "_1rsrm2f2uo", focusedVisible: "_1rsrm2f2up" }, defaultClass: "_1rsrm2f2uk" }, optionBoxBackground: { conditions: { base: "_1rsrm2f2uq", hover: "_1rsrm2f2ur", active: "_1rsrm2f2us", selection: "_1rsrm2f2ut", focused: "_1rsrm2f2uu", focusedVisible: "_1rsrm2f2uv" }, defaultClass: "_1rsrm2f2uq" }, optionBoxBackgroundUninteractive: { conditions: { base: "_1rsrm2f2uw", hover: "_1rsrm2f2ux", active: "_1rsrm2f2uy", selection: "_1rsrm2f2uz", focused: "_1rsrm2f2v0", focusedVisible: "_1rsrm2f2v1" }, defaultClass: "_1rsrm2f2uw" }, optionBoxBorderBase: { conditions: { base: "_1rsrm2f2v2", hover: "_1rsrm2f2v3", active: "_1rsrm2f2v4", selection: "_1rsrm2f2v5", focused: "_1rsrm2f2v6", focusedVisible: "_1rsrm2f2v7" }, defaultClass: "_1rsrm2f2v2" }, optionBoxBorderHover: { conditions: { base: "_1rsrm2f2v8", hover: "_1rsrm2f2v9", active: "_1rsrm2f2va", selection: "_1rsrm2f2vb", focused: "_1rsrm2f2vc", focusedVisible: "_1rsrm2f2vd" }, defaultClass: "_1rsrm2f2v8" }, optionBoxDefaultModeNotActiveBorderBase: { conditions: { base: "_1rsrm2f2ve", hover: "_1rsrm2f2vf", active: "_1rsrm2f2vg", selection: "_1rsrm2f2vh", focused: "_1rsrm2f2vi", focusedVisible: "_1rsrm2f2vj" }, defaultClass: "_1rsrm2f2ve" }, optionBoxDefaultModeNotActiveBorderHover: { conditions: { base: "_1rsrm2f2vk", hover: "_1rsrm2f2vl", active: "_1rsrm2f2vm", selection: "_1rsrm2f2vn", focused: "_1rsrm2f2vo", focusedVisible: "_1rsrm2f2vp" }, defaultClass: "_1rsrm2f2vk" }, openDropdownBackgroundColor: { conditions: { base: "_1rsrm2f2vq", hover: "_1rsrm2f2vr", active: "_1rsrm2f2vs", selection: "_1rsrm2f2vt", focused: "_1rsrm2f2vu", focusedVisible: "_1rsrm2f2vv" }, defaultClass: "_1rsrm2f2vq" }, dropdownActiveItemBackgroundBase: { conditions: { base: "_1rsrm2f2vw", hover: "_1rsrm2f2vx", active: "_1rsrm2f2vy", selection: "_1rsrm2f2vz", focused: "_1rsrm2f2w0", focusedVisible: "_1rsrm2f2w1" }, defaultClass: "_1rsrm2f2vw" }, dropdownActiveItemBackgroundHover: { conditions: { base: "_1rsrm2f2w2", hover: "_1rsrm2f2w3", active: "_1rsrm2f2w4", selection: "_1rsrm2f2w5", focused: "_1rsrm2f2w6", focusedVisible: "_1rsrm2f2w7" }, defaultClass: "_1rsrm2f2w2" }, dropdownActiveItemBackgroundDisabled: { conditions: { base: "_1rsrm2f2w8", hover: "_1rsrm2f2w9", active: "_1rsrm2f2wa", selection: "_1rsrm2f2wb", focused: "_1rsrm2f2wc", focusedVisible: "_1rsrm2f2wd" }, defaultClass: "_1rsrm2f2w8" }, dropdownActiveItemBorderBase: { conditions: { base: "_1rsrm2f2we", hover: "_1rsrm2f2wf", active: "_1rsrm2f2wg", selection: "_1rsrm2f2wh", focused: "_1rsrm2f2wi", focusedVisible: "_1rsrm2f2wj" }, defaultClass: "_1rsrm2f2we" }, dropdownActiveItemBorderHover: { conditions: { base: "_1rsrm2f2wk", hover: "_1rsrm2f2wl", active: "_1rsrm2f2wm", selection: "_1rsrm2f2wn", focused: "_1rsrm2f2wo", focusedVisible: "_1rsrm2f2wp" }, defaultClass: "_1rsrm2f2wk" }, selectedDropdownItemBackground: { conditions: { base: "_1rsrm2f2wq", hover: "_1rsrm2f2wr", active: "_1rsrm2f2ws", selection: "_1rsrm2f2wt", focused: "_1rsrm2f2wu", focusedVisible: "_1rsrm2f2wv" }, defaultClass: "_1rsrm2f2wq" }, alwaysVisibleLabelBackgroundHover: { conditions: { base: "_1rsrm2f2ww", hover: "_1rsrm2f2wx", active: "_1rsrm2f2wy", selection: "_1rsrm2f2wz", focused: "_1rsrm2f2x0", focusedVisible: "_1rsrm2f2x1" }, defaultClass: "_1rsrm2f2ww" }, selectedDropdownItemText: { conditions: { base: "_1rsrm2f2x2", hover: "_1rsrm2f2x3", active: "_1rsrm2f2x4", selection: "_1rsrm2f2x5", focused: "_1rsrm2f2x6", focusedVisible: "_1rsrm2f2x7" }, defaultClass: "_1rsrm2f2x2" }, dropdownLabelColor: { conditions: { base: "_1rsrm2f2x8", hover: "_1rsrm2f2x9", active: "_1rsrm2f2xa", selection: "_1rsrm2f2xb", focused: "_1rsrm2f2xc", focusedVisible: "_1rsrm2f2xd" }, defaultClass: "_1rsrm2f2x8" }, copyButtonBackgroundBase: { conditions: { base: "_1rsrm2f2xe", hover: "_1rsrm2f2xf", active: "_1rsrm2f2xg", selection: "_1rsrm2f2xh", focused: "_1rsrm2f2xi", focusedVisible: "_1rsrm2f2xj" }, defaultClass: "_1rsrm2f2xe" }, copyButtonBackgroundHover: { conditions: { base: "_1rsrm2f2xk", hover: "_1rsrm2f2xl", active: "_1rsrm2f2xm", selection: "_1rsrm2f2xn", focused: "_1rsrm2f2xo", focusedVisible: "_1rsrm2f2xp" }, defaultClass: "_1rsrm2f2xk" }, copyButtonBackgroundActive: { conditions: { base: "_1rsrm2f2xq", hover: "_1rsrm2f2xr", active: "_1rsrm2f2xs", selection: "_1rsrm2f2xt", focused: "_1rsrm2f2xu", focusedVisible: "_1rsrm2f2xv" }, defaultClass: "_1rsrm2f2xq" }, copyButtonBorderBase: { conditions: { base: "_1rsrm2f2xw", hover: "_1rsrm2f2xx", active: "_1rsrm2f2xy", selection: "_1rsrm2f2xz", focused: "_1rsrm2f2y0", focusedVisible: "_1rsrm2f2y1" }, defaultClass: "_1rsrm2f2xw" }, copyButtonBorderHover: { conditions: { base: "_1rsrm2f2y2", hover: "_1rsrm2f2y3", active: "_1rsrm2f2y4", selection: "_1rsrm2f2y5", focused: "_1rsrm2f2y6", focusedVisible: "_1rsrm2f2y7" }, defaultClass: "_1rsrm2f2y2" }, funFeatureListBackgroundBase: { conditions: { base: "_1rsrm2f2y8", hover: "_1rsrm2f2y9", active: "_1rsrm2f2ya", selection: "_1rsrm2f2yb", focused: "_1rsrm2f2yc", focusedVisible: "_1rsrm2f2yd" }, defaultClass: "_1rsrm2f2y8" }, funFeatureListBackgroundHover: { conditions: { base: "_1rsrm2f2ye", hover: "_1rsrm2f2yf", active: "_1rsrm2f2yg", selection: "_1rsrm2f2yh", focused: "_1rsrm2f2yi", focusedVisible: "_1rsrm2f2yj" }, defaultClass: "_1rsrm2f2ye" }, funFeatureListBorderColor: { conditions: { base: "_1rsrm2f2yk", hover: "_1rsrm2f2yl", active: "_1rsrm2f2ym", selection: "_1rsrm2f2yn", focused: "_1rsrm2f2yo", focusedVisible: "_1rsrm2f2yp" }, defaultClass: "_1rsrm2f2yk" }, funFeatureListBorderColorHover: { conditions: { base: "_1rsrm2f2yq", hover: "_1rsrm2f2yr", active: "_1rsrm2f2ys", selection: "_1rsrm2f2yt", focused: "_1rsrm2f2yu", focusedVisible: "_1rsrm2f2yv" }, defaultClass: "_1rsrm2f2yq" }, spinnerBackground: { conditions: { base: "_1rsrm2f2yw", hover: "_1rsrm2f2yx", active: "_1rsrm2f2yy", selection: "_1rsrm2f2yz", focused: "_1rsrm2f2z0", focusedVisible: "_1rsrm2f2z1" }, defaultClass: "_1rsrm2f2yw" }, spinnerIndicator: { conditions: { base: "_1rsrm2f2z2", hover: "_1rsrm2f2z3", active: "_1rsrm2f2z4", selection: "_1rsrm2f2z5", focused: "_1rsrm2f2z6", focusedVisible: "_1rsrm2f2z7" }, defaultClass: "_1rsrm2f2z2" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f2z8", hover: "_1rsrm2f2z9", active: "_1rsrm2f2za", selection: "_1rsrm2f2zb", focused: "_1rsrm2f2zc", focusedVisible: "_1rsrm2f2zd" }, defaultClass: "_1rsrm2f2z8" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f2ze", hover: "_1rsrm2f2zf", active: "_1rsrm2f2zg", selection: "_1rsrm2f2zh", focused: "_1rsrm2f2zi", focusedVisible: "_1rsrm2f2zj" }, defaultClass: "_1rsrm2f2ze" }, txSummaryBoxBackground: { conditions: { base: "_1rsrm2f2zk", hover: "_1rsrm2f2zl", active: "_1rsrm2f2zm", selection: "_1rsrm2f2zn", focused: "_1rsrm2f2zo", focusedVisible: "_1rsrm2f2zp" }, defaultClass: "_1rsrm2f2zk" }, txSummaryBoxBorder: { conditions: { base: "_1rsrm2f2zq", hover: "_1rsrm2f2zr", active: "_1rsrm2f2zs", selection: "_1rsrm2f2zt", focused: "_1rsrm2f2zu", focusedVisible: "_1rsrm2f2zv" }, defaultClass: "_1rsrm2f2zq" }, counterRingColor: { conditions: { base: "_1rsrm2f2zw", hover: "_1rsrm2f2zx", active: "_1rsrm2f2zy", selection: "_1rsrm2f2zz", focused: "_1rsrm2f300", focusedVisible: "_1rsrm2f301" }, defaultClass: "_1rsrm2f2zw" }, cryptoCashToggleContainerBorderColor: { conditions: { base: "_1rsrm2f302", hover: "_1rsrm2f303", active: "_1rsrm2f304", selection: "_1rsrm2f305", focused: "_1rsrm2f306", focusedVisible: "_1rsrm2f307" }, defaultClass: "_1rsrm2f302" }, cryptoCashToggleBackground: { conditions: { base: "_1rsrm2f308", hover: "_1rsrm2f309", active: "_1rsrm2f30a", selection: "_1rsrm2f30b", focused: "_1rsrm2f30c", focusedVisible: "_1rsrm2f30d" }, defaultClass: "_1rsrm2f308" } } } } }, { conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 }, styles: { alignItems: { values: { "flex-start": { conditions: { smallScreen: "_1rsrm2f0", largeScreen: "_1rsrm2f1" }, defaultClass: "_1rsrm2f0" }, "flex-end": { conditions: { smallScreen: "_1rsrm2f2", largeScreen: "_1rsrm2f3" }, defaultClass: "_1rsrm2f2" }, center: { conditions: { smallScreen: "_1rsrm2f4", largeScreen: "_1rsrm2f5" }, defaultClass: "_1rsrm2f4" } } }, display: { values: { none: { conditions: { smallScreen: "_1rsrm2f6", largeScreen: "_1rsrm2f7" }, defaultClass: "_1rsrm2f6" }, block: { conditions: { smallScreen: "_1rsrm2f8", largeScreen: "_1rsrm2f9" }, defaultClass: "_1rsrm2f8" }, flex: { conditions: { smallScreen: "_1rsrm2fa", largeScreen: "_1rsrm2fb" }, defaultClass: "_1rsrm2fa" }, inline: { conditions: { smallScreen: "_1rsrm2fc", largeScreen: "_1rsrm2fd" }, defaultClass: "_1rsrm2fc" } } } } }, { conditions: void 0, styles: { margin: { mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, alignSelf: { values: { "flex-start": { defaultClass: "_1rsrm2fe" }, "flex-end": { defaultClass: "_1rsrm2ff" }, center: { defaultClass: "_1rsrm2fg" } } }, backgroundSize: { values: { cover: { defaultClass: "_1rsrm2fh" } } }, borderRadius: { values: { "1": { defaultClass: "_1rsrm2fi" }, "4": { defaultClass: "_1rsrm2fj" }, "6": { defaultClass: "_1rsrm2fk" }, "8": { defaultClass: "_1rsrm2fl" }, "10": { defaultClass: "_1rsrm2fm" }, "11": { defaultClass: "_1rsrm2fn" }, "13": { defaultClass: "_1rsrm2fo" }, "16": { defaultClass: "_1rsrm2fp" }, "24": { defaultClass: "_1rsrm2fq" }, "30": { defaultClass: "_1rsrm2fr" }, actionButton: { defaultClass: "_1rsrm2fs" }, actionButtonInner: { defaultClass: "_1rsrm2ft" }, connectButton: { defaultClass: "_1rsrm2fu" }, menuButton: { defaultClass: "_1rsrm2fv" }, modal: { defaultClass: "_1rsrm2fw" }, modalMobile: { defaultClass: "_1rsrm2fx" }, modalActionButton: { defaultClass: "_1rsrm2fy" }, modalActionButtonMobile: { defaultClass: "_1rsrm2fz" }, summaryBox: { defaultClass: "_1rsrm2f10" }, youPayYouReceive: { defaultClass: "_1rsrm2f11" }, inputAmountSwitcher: { defaultClass: "_1rsrm2f12" }, qrCode: { defaultClass: "_1rsrm2f13" }, skeleton: { defaultClass: "_1rsrm2f14" }, tooltip: { defaultClass: "_1rsrm2f15" }, dropdown: { defaultClass: "_1rsrm2f16" }, dropdownItem: { defaultClass: "_1rsrm2f17" }, dropdownList: { defaultClass: "_1rsrm2f18" }, modalTopbarIcon: { defaultClass: "_1rsrm2f19" }, withdrawalInput: { defaultClass: "_1rsrm2f1a" }, useConnected: { defaultClass: "_1rsrm2f1b" }, full: { defaultClass: "_1rsrm2f1c" }, badge: { defaultClass: "_1rsrm2f1d" }, smallBadge: { defaultClass: "_1rsrm2f1e" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1f" }, dotted: { defaultClass: "_1rsrm2f1g" }, hidden: { defaultClass: "_1rsrm2f1h" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1i" }, "1": { defaultClass: "_1rsrm2f1j" }, "2": { defaultClass: "_1rsrm2f1k" }, "3": { defaultClass: "_1rsrm2f1l" }, "4": { defaultClass: "_1rsrm2f1m" }, activeOptionBorderWidth: { defaultClass: "_1rsrm2f1n" }, buttonTertiaryBorderWidth: { defaultClass: "_1rsrm2f1o" }, cryptoCashToggleContainerBorderWidth: { defaultClass: "_1rsrm2f1p" }, txSummaryBoxBorderWidth: { defaultClass: "_1rsrm2f1q" }, "0.5": { defaultClass: "_1rsrm2f1r" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1s" }, pointer: { defaultClass: "_1rsrm2f1t" }, "not-allowed": { defaultClass: "_1rsrm2f1u" }, "default": { defaultClass: "_1rsrm2f1v" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1w" }, column: { defaultClass: "_1rsrm2f1x" } } }, fontFamily: { values: { amountValue: { defaultClass: "_1rsrm2f1y" }, body: { defaultClass: "_1rsrm2f1z" }, buttonTextPrimary: { defaultClass: "_1rsrm2f20" }, buttonTextSecondary: { defaultClass: "_1rsrm2f21" }, buttonTextTertiary: { defaultClass: "_1rsrm2f22" }, header: { defaultClass: "_1rsrm2f23" }, inputAmount: { defaultClass: "_1rsrm2f24" }, txStatusDescription: { defaultClass: "_1rsrm2f25" }, txStatusTitle: { defaultClass: "_1rsrm2f26" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f27" }, "12": { defaultClass: "_1rsrm2f28" }, "13": { defaultClass: "_1rsrm2f29" }, "14": { defaultClass: "_1rsrm2f2a" }, "16": { defaultClass: "_1rsrm2f2b" }, "18": { defaultClass: "_1rsrm2f2c" }, "20": { defaultClass: "_1rsrm2f2d" }, "21": { defaultClass: "_1rsrm2f2e" }, "40": { defaultClass: "_1rsrm2f2f" }, "57": { defaultClass: "_1rsrm2f2g" }, inherit: { defaultClass: "_1rsrm2f2h" }, body: { defaultClass: "_1rsrm2f2i" }, cryptoCashToggle: { defaultClass: "_1rsrm2f2j" }, "header-14": { defaultClass: "_1rsrm2f2k" }, "header-36": { defaultClass: "_1rsrm2f2l" }, buttonTextPrimary: { defaultClass: "_1rsrm2f2m" }, buttonTextSecondary: { defaultClass: "_1rsrm2f2n" }, buttonTextTertiary: { defaultClass: "_1rsrm2f2o" }, dollarValue: { defaultClass: "_1rsrm2f2p" }, inputAmount: { defaultClass: "_1rsrm2f2q" }, modalTopbarSubtitle: { defaultClass: "_1rsrm2f2r" }, modalTopbarTitle: { defaultClass: "_1rsrm2f2s" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f2t" }, paymentMethodItemSubtitle: { defaultClass: "_1rsrm2f2u" }, paymentMethodItemTitle: { defaultClass: "_1rsrm2f2v" }, selectAssetItemSubtitle: { defaultClass: "_1rsrm2f2w" }, selectAssetItemTitle: { defaultClass: "_1rsrm2f2x" }, txBreakdown: { defaultClass: "_1rsrm2f2y" }, txStatusDescription: { defaultClass: "_1rsrm2f2z" }, txStatusTitle: { defaultClass: "_1rsrm2f30" }, txSummaryLabel: { defaultClass: "_1rsrm2f31" }, txSummaryValue: { defaultClass: "_1rsrm2f32" }, youPayYouReceivePrimaryFontSize: { defaultClass: "_1rsrm2f33" }, youPayYouReceiveSecondaryFontSize: { defaultClass: "_1rsrm2f34" }, transferTokenLabelFontSize: { defaultClass: "_1rsrm2f35" }, depositAddressFontSize: { defaultClass: "_1rsrm2f36" }, funFeatureListItemFontSize: { defaultClass: "_1rsrm2f37" }, dropdownItemFontSize: { defaultClass: "_1rsrm2f38" }, sourceListSectionLabelFontSize: { defaultClass: "_1rsrm2f39" }, formOfPaymentsListSectionLabelFontSize: { defaultClass: "_1rsrm2f3a" }, quickOptionFontSize: { defaultClass: "_1rsrm2f3b" }, useConnectedFontSize: { defaultClass: "_1rsrm2f3c" } } }, fontWeight: { values: { inherit: { defaultClass: "_1rsrm2f3d" }, regular: { defaultClass: "_1rsrm2f3e" }, medium: { defaultClass: "_1rsrm2f3f" }, semibold: { defaultClass: "_1rsrm2f3g" }, bold: { defaultClass: "_1rsrm2f3h" }, heavy: { defaultClass: "_1rsrm2f3i" }, cryptoCashToggle: { defaultClass: "_1rsrm2f3j" }, inputAmount: { defaultClass: "_1rsrm2f3k" }, modalTopbarTitle: { defaultClass: "_1rsrm2f3l" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f3m" }, paymentMethodItemSubtitle: { defaultClass: "_1rsrm2f3n" }, paymentMethodItemTitle: { defaultClass: "_1rsrm2f3o" }, selectAssetItemSubtitle: { defaultClass: "_1rsrm2f3p" }, selectAssetItemTitle: { defaultClass: "_1rsrm2f3q" }, transferTokenLabelFontWeight: { defaultClass: "_1rsrm2f3r" }, txBreakdown: { defaultClass: "_1rsrm2f3s" }, txStatusDescription: { defaultClass: "_1rsrm2f3t" }, txStatusTitle: { defaultClass: "_1rsrm2f3u" }, txSummaryLabel: { defaultClass: "_1rsrm2f3v" }, txSummaryValue: { defaultClass: "_1rsrm2f3w" }, sourceListSectionLabelFontWeight: { defaultClass: "_1rsrm2f3x" }, formOfPaymentsListSectionLabelFontWeight: { defaultClass: "_1rsrm2f3y" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f3z" }, "1": { defaultClass: "_1rsrm2f40" }, "2": { defaultClass: "_1rsrm2f41" }, "3": { defaultClass: "_1rsrm2f42" }, "4": { defaultClass: "_1rsrm2f43" }, "5": { defaultClass: "_1rsrm2f44" }, "6": { defaultClass: "_1rsrm2f45" }, "7": { defaultClass: "_1rsrm2f46" }, "8": { defaultClass: "_1rsrm2f47" }, "9": { defaultClass: "_1rsrm2f48" }, "10": { defaultClass: "_1rsrm2f49" }, "11": { defaultClass: "_1rsrm2f4a" }, "12": { defaultClass: "_1rsrm2f4b" }, "13": { defaultClass: "_1rsrm2f4c" }, "14": { defaultClass: "_1rsrm2f4d" }, "15": { defaultClass: "_1rsrm2f4e" }, "16": { defaultClass: "_1rsrm2f4f" }, "18": { defaultClass: "_1rsrm2f4g" }, "20": { defaultClass: "_1rsrm2f4h" }, "22": { defaultClass: "_1rsrm2f4i" }, "24": { defaultClass: "_1rsrm2f4j" }, "28": { defaultClass: "_1rsrm2f4k" }, "30": { defaultClass: "_1rsrm2f4l" }, "32": { defaultClass: "_1rsrm2f4m" }, "36": { defaultClass: "_1rsrm2f4n" }, "40": { defaultClass: "_1rsrm2f4o" }, "44": { defaultClass: "_1rsrm2f4p" }, "64": { defaultClass: "_1rsrm2f4q" }, "-1": { defaultClass: "_1rsrm2f4r" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2f4s" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2f4t" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2f4u" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2f4v" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2f4w" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2f4x" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f4y" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f4z" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f50" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f51" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f52" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2f53" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2f54" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2f55" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2f56" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2f57" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2f58" }, txBreakdownMarginY: { defaultClass: "_1rsrm2f59" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2f5a" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2f5b" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2f5c" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2f5d" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2f5e" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2f5f" }, verticalSectionGap: { defaultClass: "_1rsrm2f5g" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2f5h" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2f5i" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2f5j" }, inputPaddingX: { defaultClass: "_1rsrm2f5k" }, inputPaddingY: { defaultClass: "_1rsrm2f5l" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2f5m" }, assetListDefaultGap: { defaultClass: "_1rsrm2f5n" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f5o" }, "2": { defaultClass: "_1rsrm2f5p" }, "4": { defaultClass: "_1rsrm2f5q" }, "8": { defaultClass: "_1rsrm2f5r" }, "10": { defaultClass: "_1rsrm2f5s" }, "11": { defaultClass: "_1rsrm2f5t" }, "12": { defaultClass: "_1rsrm2f5u" }, "13": { defaultClass: "_1rsrm2f5v" }, "14": { defaultClass: "_1rsrm2f5w" }, "15": { defaultClass: "_1rsrm2f5x" }, "16": { defaultClass: "_1rsrm2f5y" }, "18": { defaultClass: "_1rsrm2f5z" }, "20": { defaultClass: "_1rsrm2f60" }, "24": { defaultClass: "_1rsrm2f61" }, "28": { defaultClass: "_1rsrm2f62" }, "30": { defaultClass: "_1rsrm2f63" }, "32": { defaultClass: "_1rsrm2f64" }, "34": { defaultClass: "_1rsrm2f65" }, "36": { defaultClass: "_1rsrm2f66" }, "40": { defaultClass: "_1rsrm2f67" }, "44": { defaultClass: "_1rsrm2f68" }, "48": { defaultClass: "_1rsrm2f69" }, "50": { defaultClass: "_1rsrm2f6a" }, "54": { defaultClass: "_1rsrm2f6b" }, "57": { defaultClass: "_1rsrm2f6c" }, "60": { defaultClass: "_1rsrm2f6d" }, "72": { defaultClass: "_1rsrm2f6e" }, "76": { defaultClass: "_1rsrm2f6f" }, "93": { defaultClass: "_1rsrm2f6g" }, "96": { defaultClass: "_1rsrm2f6h" }, "100": { defaultClass: "_1rsrm2f6i" }, "108": { defaultClass: "_1rsrm2f6j" }, "120": { defaultClass: "_1rsrm2f6k" }, "160": { defaultClass: "_1rsrm2f6l" }, "180": { defaultClass: "_1rsrm2f6m" }, "200": { defaultClass: "_1rsrm2f6n" }, "240": { defaultClass: "_1rsrm2f6o" }, "300": { defaultClass: "_1rsrm2f6p" }, half: { defaultClass: "_1rsrm2f6q" }, full: { defaultClass: "_1rsrm2f6r" }, max: { defaultClass: "_1rsrm2f6s" }, connectExchangeIconSize: { defaultClass: "_1rsrm2f6t" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2f6u" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2f6v" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2f6w" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2f6x" }, inputAmountMinHeight: { defaultClass: "_1rsrm2f6y" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f6z" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2f70" }, modalTopBarHeight: { defaultClass: "_1rsrm2f71" }, modalTopbarIconSize: { defaultClass: "_1rsrm2f72" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2f73" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2f74" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2f75" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2f76" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2f77" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2f78" }, sourceListGap: { defaultClass: "_1rsrm2f79" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2f7a" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2f7b" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2f7c" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f7d" }, "flex-end": { defaultClass: "_1rsrm2f7e" }, center: { defaultClass: "_1rsrm2f7f" }, "space-between": { defaultClass: "_1rsrm2f7g" }, "space-around": { defaultClass: "_1rsrm2f7h" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f7i" }, center: { defaultClass: "_1rsrm2f7j" }, right: { defaultClass: "_1rsrm2f7k" }, inherit: { defaultClass: "_1rsrm2f7l" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f7m" }, "1": { defaultClass: "_1rsrm2f7n" }, "2": { defaultClass: "_1rsrm2f7o" }, "3": { defaultClass: "_1rsrm2f7p" }, "4": { defaultClass: "_1rsrm2f7q" }, "5": { defaultClass: "_1rsrm2f7r" }, "6": { defaultClass: "_1rsrm2f7s" }, "7": { defaultClass: "_1rsrm2f7t" }, "8": { defaultClass: "_1rsrm2f7u" }, "9": { defaultClass: "_1rsrm2f7v" }, "10": { defaultClass: "_1rsrm2f7w" }, "11": { defaultClass: "_1rsrm2f7x" }, "12": { defaultClass: "_1rsrm2f7y" }, "13": { defaultClass: "_1rsrm2f7z" }, "14": { defaultClass: "_1rsrm2f80" }, "15": { defaultClass: "_1rsrm2f81" }, "16": { defaultClass: "_1rsrm2f82" }, "18": { defaultClass: "_1rsrm2f83" }, "20": { defaultClass: "_1rsrm2f84" }, "22": { defaultClass: "_1rsrm2f85" }, "24": { defaultClass: "_1rsrm2f86" }, "28": { defaultClass: "_1rsrm2f87" }, "30": { defaultClass: "_1rsrm2f88" }, "32": { defaultClass: "_1rsrm2f89" }, "36": { defaultClass: "_1rsrm2f8a" }, "40": { defaultClass: "_1rsrm2f8b" }, "44": { defaultClass: "_1rsrm2f8c" }, "64": { defaultClass: "_1rsrm2f8d" }, auto: { defaultClass: "_1rsrm2f8e" }, "-18": { defaultClass: "_1rsrm2f8f" }, "-12": { defaultClass: "_1rsrm2f8g" }, "-1": { defaultClass: "_1rsrm2f8h" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2f8i" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2f8j" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2f8k" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2f8l" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2f8m" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2f8n" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f8o" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f8p" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f8q" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f8r" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f8s" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2f8t" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2f8u" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2f8v" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2f8w" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2f8x" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2f8y" }, txBreakdownMarginY: { defaultClass: "_1rsrm2f8z" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2f90" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2f91" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2f92" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2f93" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2f94" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2f95" }, verticalSectionGap: { defaultClass: "_1rsrm2f96" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2f97" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2f98" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2f99" }, inputPaddingX: { defaultClass: "_1rsrm2f9a" }, inputPaddingY: { defaultClass: "_1rsrm2f9b" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2f9c" }, assetListDefaultGap: { defaultClass: "_1rsrm2f9d" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f9e" }, "1": { defaultClass: "_1rsrm2f9f" }, "2": { defaultClass: "_1rsrm2f9g" }, "3": { defaultClass: "_1rsrm2f9h" }, "4": { defaultClass: "_1rsrm2f9i" }, "5": { defaultClass: "_1rsrm2f9j" }, "6": { defaultClass: "_1rsrm2f9k" }, "7": { defaultClass: "_1rsrm2f9l" }, "8": { defaultClass: "_1rsrm2f9m" }, "9": { defaultClass: "_1rsrm2f9n" }, "10": { defaultClass: "_1rsrm2f9o" }, "11": { defaultClass: "_1rsrm2f9p" }, "12": { defaultClass: "_1rsrm2f9q" }, "13": { defaultClass: "_1rsrm2f9r" }, "14": { defaultClass: "_1rsrm2f9s" }, "15": { defaultClass: "_1rsrm2f9t" }, "16": { defaultClass: "_1rsrm2f9u" }, "18": { defaultClass: "_1rsrm2f9v" }, "20": { defaultClass: "_1rsrm2f9w" }, "22": { defaultClass: "_1rsrm2f9x" }, "24": { defaultClass: "_1rsrm2f9y" }, "28": { defaultClass: "_1rsrm2f9z" }, "30": { defaultClass: "_1rsrm2fa0" }, "32": { defaultClass: "_1rsrm2fa1" }, "36": { defaultClass: "_1rsrm2fa2" }, "40": { defaultClass: "_1rsrm2fa3" }, "44": { defaultClass: "_1rsrm2fa4" }, "64": { defaultClass: "_1rsrm2fa5" }, auto: { defaultClass: "_1rsrm2fa6" }, "-18": { defaultClass: "_1rsrm2fa7" }, "-12": { defaultClass: "_1rsrm2fa8" }, "-1": { defaultClass: "_1rsrm2fa9" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2faa" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fab" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fac" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fad" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fae" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2faf" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fag" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fah" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fai" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2faj" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fak" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fal" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fam" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fan" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fao" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fap" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2faq" }, txBreakdownMarginY: { defaultClass: "_1rsrm2far" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fas" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fat" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fau" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fav" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2faw" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fax" }, verticalSectionGap: { defaultClass: "_1rsrm2fay" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2faz" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fb0" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fb1" }, inputPaddingX: { defaultClass: "_1rsrm2fb2" }, inputPaddingY: { defaultClass: "_1rsrm2fb3" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fb4" }, assetListDefaultGap: { defaultClass: "_1rsrm2fb5" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2fb6" }, "1": { defaultClass: "_1rsrm2fb7" }, "2": { defaultClass: "_1rsrm2fb8" }, "3": { defaultClass: "_1rsrm2fb9" }, "4": { defaultClass: "_1rsrm2fba" }, "5": { defaultClass: "_1rsrm2fbb" }, "6": { defaultClass: "_1rsrm2fbc" }, "7": { defaultClass: "_1rsrm2fbd" }, "8": { defaultClass: "_1rsrm2fbe" }, "9": { defaultClass: "_1rsrm2fbf" }, "10": { defaultClass: "_1rsrm2fbg" }, "11": { defaultClass: "_1rsrm2fbh" }, "12": { defaultClass: "_1rsrm2fbi" }, "13": { defaultClass: "_1rsrm2fbj" }, "14": { defaultClass: "_1rsrm2fbk" }, "15": { defaultClass: "_1rsrm2fbl" }, "16": { defaultClass: "_1rsrm2fbm" }, "18": { defaultClass: "_1rsrm2fbn" }, "20": { defaultClass: "_1rsrm2fbo" }, "22": { defaultClass: "_1rsrm2fbp" }, "24": { defaultClass: "_1rsrm2fbq" }, "28": { defaultClass: "_1rsrm2fbr" }, "30": { defaultClass: "_1rsrm2fbs" }, "32": { defaultClass: "_1rsrm2fbt" }, "36": { defaultClass: "_1rsrm2fbu" }, "40": { defaultClass: "_1rsrm2fbv" }, "44": { defaultClass: "_1rsrm2fbw" }, "64": { defaultClass: "_1rsrm2fbx" }, auto: { defaultClass: "_1rsrm2fby" }, "-18": { defaultClass: "_1rsrm2fbz" }, "-12": { defaultClass: "_1rsrm2fc0" }, "-1": { defaultClass: "_1rsrm2fc1" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fc2" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fc3" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fc4" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fc5" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fc6" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fc7" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fc8" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fc9" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fca" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fcb" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fcc" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fcd" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fce" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fcf" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fcg" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fch" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fci" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fcj" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fck" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fcl" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fcm" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fcn" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fco" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fcp" }, verticalSectionGap: { defaultClass: "_1rsrm2fcq" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fcr" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fcs" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fct" }, inputPaddingX: { defaultClass: "_1rsrm2fcu" }, inputPaddingY: { defaultClass: "_1rsrm2fcv" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fcw" }, assetListDefaultGap: { defaultClass: "_1rsrm2fcx" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2fcy" }, "1": { defaultClass: "_1rsrm2fcz" }, "2": { defaultClass: "_1rsrm2fd0" }, "3": { defaultClass: "_1rsrm2fd1" }, "4": { defaultClass: "_1rsrm2fd2" }, "5": { defaultClass: "_1rsrm2fd3" }, "6": { defaultClass: "_1rsrm2fd4" }, "7": { defaultClass: "_1rsrm2fd5" }, "8": { defaultClass: "_1rsrm2fd6" }, "9": { defaultClass: "_1rsrm2fd7" }, "10": { defaultClass: "_1rsrm2fd8" }, "11": { defaultClass: "_1rsrm2fd9" }, "12": { defaultClass: "_1rsrm2fda" }, "13": { defaultClass: "_1rsrm2fdb" }, "14": { defaultClass: "_1rsrm2fdc" }, "15": { defaultClass: "_1rsrm2fdd" }, "16": { defaultClass: "_1rsrm2fde" }, "18": { defaultClass: "_1rsrm2fdf" }, "20": { defaultClass: "_1rsrm2fdg" }, "22": { defaultClass: "_1rsrm2fdh" }, "24": { defaultClass: "_1rsrm2fdi" }, "28": { defaultClass: "_1rsrm2fdj" }, "30": { defaultClass: "_1rsrm2fdk" }, "32": { defaultClass: "_1rsrm2fdl" }, "36": { defaultClass: "_1rsrm2fdm" }, "40": { defaultClass: "_1rsrm2fdn" }, "44": { defaultClass: "_1rsrm2fdo" }, "64": { defaultClass: "_1rsrm2fdp" }, auto: { defaultClass: "_1rsrm2fdq" }, "-18": { defaultClass: "_1rsrm2fdr" }, "-12": { defaultClass: "_1rsrm2fds" }, "-1": { defaultClass: "_1rsrm2fdt" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fdu" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fdv" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fdw" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fdx" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fdy" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fdz" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fe0" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fe1" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fe2" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fe3" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fe4" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fe5" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fe6" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fe7" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fe8" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fe9" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fea" }, txBreakdownMarginY: { defaultClass: "_1rsrm2feb" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fec" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fed" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fee" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fef" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2feg" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2feh" }, verticalSectionGap: { defaultClass: "_1rsrm2fei" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fej" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fek" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fel" }, inputPaddingX: { defaultClass: "_1rsrm2fem" }, inputPaddingY: { defaultClass: "_1rsrm2fen" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2feo" }, assetListDefaultGap: { defaultClass: "_1rsrm2fep" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2feq" }, "2": { defaultClass: "_1rsrm2fer" }, "4": { defaultClass: "_1rsrm2fes" }, "8": { defaultClass: "_1rsrm2fet" }, "10": { defaultClass: "_1rsrm2feu" }, "11": { defaultClass: "_1rsrm2fev" }, "12": { defaultClass: "_1rsrm2few" }, "13": { defaultClass: "_1rsrm2fex" }, "14": { defaultClass: "_1rsrm2fey" }, "15": { defaultClass: "_1rsrm2fez" }, "16": { defaultClass: "_1rsrm2ff0" }, "18": { defaultClass: "_1rsrm2ff1" }, "20": { defaultClass: "_1rsrm2ff2" }, "24": { defaultClass: "_1rsrm2ff3" }, "28": { defaultClass: "_1rsrm2ff4" }, "30": { defaultClass: "_1rsrm2ff5" }, "32": { defaultClass: "_1rsrm2ff6" }, "34": { defaultClass: "_1rsrm2ff7" }, "36": { defaultClass: "_1rsrm2ff8" }, "40": { defaultClass: "_1rsrm2ff9" }, "44": { defaultClass: "_1rsrm2ffa" }, "48": { defaultClass: "_1rsrm2ffb" }, "50": { defaultClass: "_1rsrm2ffc" }, "54": { defaultClass: "_1rsrm2ffd" }, "57": { defaultClass: "_1rsrm2ffe" }, "60": { defaultClass: "_1rsrm2fff" }, "72": { defaultClass: "_1rsrm2ffg" }, "76": { defaultClass: "_1rsrm2ffh" }, "93": { defaultClass: "_1rsrm2ffi" }, "96": { defaultClass: "_1rsrm2ffj" }, "100": { defaultClass: "_1rsrm2ffk" }, "108": { defaultClass: "_1rsrm2ffl" }, "120": { defaultClass: "_1rsrm2ffm" }, "160": { defaultClass: "_1rsrm2ffn" }, "180": { defaultClass: "_1rsrm2ffo" }, "200": { defaultClass: "_1rsrm2ffp" }, "240": { defaultClass: "_1rsrm2ffq" }, "300": { defaultClass: "_1rsrm2ffr" }, half: { defaultClass: "_1rsrm2ffs" }, full: { defaultClass: "_1rsrm2fft" }, max: { defaultClass: "_1rsrm2ffu" }, connectExchangeIconSize: { defaultClass: "_1rsrm2ffv" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2ffw" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2ffx" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2ffy" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2ffz" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fg0" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fg1" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fg2" }, modalTopBarHeight: { defaultClass: "_1rsrm2fg3" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fg4" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fg5" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fg6" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fg7" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fg8" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fg9" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fga" }, sourceListGap: { defaultClass: "_1rsrm2fgb" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fgc" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fgd" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fge" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2fgf" }, "2": { defaultClass: "_1rsrm2fgg" }, "4": { defaultClass: "_1rsrm2fgh" }, "8": { defaultClass: "_1rsrm2fgi" }, "10": { defaultClass: "_1rsrm2fgj" }, "11": { defaultClass: "_1rsrm2fgk" }, "12": { defaultClass: "_1rsrm2fgl" }, "13": { defaultClass: "_1rsrm2fgm" }, "14": { defaultClass: "_1rsrm2fgn" }, "15": { defaultClass: "_1rsrm2fgo" }, "16": { defaultClass: "_1rsrm2fgp" }, "18": { defaultClass: "_1rsrm2fgq" }, "20": { defaultClass: "_1rsrm2fgr" }, "24": { defaultClass: "_1rsrm2fgs" }, "28": { defaultClass: "_1rsrm2fgt" }, "30": { defaultClass: "_1rsrm2fgu" }, "32": { defaultClass: "_1rsrm2fgv" }, "34": { defaultClass: "_1rsrm2fgw" }, "36": { defaultClass: "_1rsrm2fgx" }, "40": { defaultClass: "_1rsrm2fgy" }, "44": { defaultClass: "_1rsrm2fgz" }, "48": { defaultClass: "_1rsrm2fh0" }, "50": { defaultClass: "_1rsrm2fh1" }, "54": { defaultClass: "_1rsrm2fh2" }, "57": { defaultClass: "_1rsrm2fh3" }, "60": { defaultClass: "_1rsrm2fh4" }, "72": { defaultClass: "_1rsrm2fh5" }, "76": { defaultClass: "_1rsrm2fh6" }, "93": { defaultClass: "_1rsrm2fh7" }, "96": { defaultClass: "_1rsrm2fh8" }, "100": { defaultClass: "_1rsrm2fh9" }, "108": { defaultClass: "_1rsrm2fha" }, "120": { defaultClass: "_1rsrm2fhb" }, "160": { defaultClass: "_1rsrm2fhc" }, "180": { defaultClass: "_1rsrm2fhd" }, "200": { defaultClass: "_1rsrm2fhe" }, "240": { defaultClass: "_1rsrm2fhf" }, "300": { defaultClass: "_1rsrm2fhg" }, half: { defaultClass: "_1rsrm2fhh" }, full: { defaultClass: "_1rsrm2fhi" }, max: { defaultClass: "_1rsrm2fhj" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fhk" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fhl" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fhm" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fhn" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fho" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fhp" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fhq" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fhr" }, modalTopBarHeight: { defaultClass: "_1rsrm2fhs" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fht" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fhu" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fhv" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fhw" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fhx" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fhy" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fhz" }, sourceListGap: { defaultClass: "_1rsrm2fi0" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fi1" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fi2" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fi3" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2fi4" }, "2": { defaultClass: "_1rsrm2fi5" }, "4": { defaultClass: "_1rsrm2fi6" }, "8": { defaultClass: "_1rsrm2fi7" }, "10": { defaultClass: "_1rsrm2fi8" }, "11": { defaultClass: "_1rsrm2fi9" }, "12": { defaultClass: "_1rsrm2fia" }, "13": { defaultClass: "_1rsrm2fib" }, "14": { defaultClass: "_1rsrm2fic" }, "15": { defaultClass: "_1rsrm2fid" }, "16": { defaultClass: "_1rsrm2fie" }, "18": { defaultClass: "_1rsrm2fif" }, "20": { defaultClass: "_1rsrm2fig" }, "24": { defaultClass: "_1rsrm2fih" }, "28": { defaultClass: "_1rsrm2fii" }, "30": { defaultClass: "_1rsrm2fij" }, "32": { defaultClass: "_1rsrm2fik" }, "34": { defaultClass: "_1rsrm2fil" }, "36": { defaultClass: "_1rsrm2fim" }, "40": { defaultClass: "_1rsrm2fin" }, "44": { defaultClass: "_1rsrm2fio" }, "48": { defaultClass: "_1rsrm2fip" }, "50": { defaultClass: "_1rsrm2fiq" }, "54": { defaultClass: "_1rsrm2fir" }, "57": { defaultClass: "_1rsrm2fis" }, "60": { defaultClass: "_1rsrm2fit" }, "72": { defaultClass: "_1rsrm2fiu" }, "76": { defaultClass: "_1rsrm2fiv" }, "93": { defaultClass: "_1rsrm2fiw" }, "96": { defaultClass: "_1rsrm2fix" }, "100": { defaultClass: "_1rsrm2fiy" }, "108": { defaultClass: "_1rsrm2fiz" }, "120": { defaultClass: "_1rsrm2fj0" }, "160": { defaultClass: "_1rsrm2fj1" }, "180": { defaultClass: "_1rsrm2fj2" }, "200": { defaultClass: "_1rsrm2fj3" }, "240": { defaultClass: "_1rsrm2fj4" }, "300": { defaultClass: "_1rsrm2fj5" }, half: { defaultClass: "_1rsrm2fj6" }, full: { defaultClass: "_1rsrm2fj7" }, max: { defaultClass: "_1rsrm2fj8" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fj9" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fja" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fjb" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fjc" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fjd" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fje" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fjf" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fjg" }, modalTopBarHeight: { defaultClass: "_1rsrm2fjh" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fji" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fjj" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fjk" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fjl" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fjm" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fjn" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fjo" }, sourceListGap: { defaultClass: "_1rsrm2fjp" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fjq" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fjr" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fjs" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fjt" }, "2": { defaultClass: "_1rsrm2fju" }, "4": { defaultClass: "_1rsrm2fjv" }, "8": { defaultClass: "_1rsrm2fjw" }, "10": { defaultClass: "_1rsrm2fjx" }, "11": { defaultClass: "_1rsrm2fjy" }, "12": { defaultClass: "_1rsrm2fjz" }, "13": { defaultClass: "_1rsrm2fk0" }, "14": { defaultClass: "_1rsrm2fk1" }, "15": { defaultClass: "_1rsrm2fk2" }, "16": { defaultClass: "_1rsrm2fk3" }, "18": { defaultClass: "_1rsrm2fk4" }, "20": { defaultClass: "_1rsrm2fk5" }, "24": { defaultClass: "_1rsrm2fk6" }, "28": { defaultClass: "_1rsrm2fk7" }, "30": { defaultClass: "_1rsrm2fk8" }, "32": { defaultClass: "_1rsrm2fk9" }, "34": { defaultClass: "_1rsrm2fka" }, "36": { defaultClass: "_1rsrm2fkb" }, "40": { defaultClass: "_1rsrm2fkc" }, "44": { defaultClass: "_1rsrm2fkd" }, "48": { defaultClass: "_1rsrm2fke" }, "50": { defaultClass: "_1rsrm2fkf" }, "54": { defaultClass: "_1rsrm2fkg" }, "57": { defaultClass: "_1rsrm2fkh" }, "60": { defaultClass: "_1rsrm2fki" }, "72": { defaultClass: "_1rsrm2fkj" }, "76": { defaultClass: "_1rsrm2fkk" }, "93": { defaultClass: "_1rsrm2fkl" }, "96": { defaultClass: "_1rsrm2fkm" }, "100": { defaultClass: "_1rsrm2fkn" }, "108": { defaultClass: "_1rsrm2fko" }, "120": { defaultClass: "_1rsrm2fkp" }, "160": { defaultClass: "_1rsrm2fkq" }, "180": { defaultClass: "_1rsrm2fkr" }, "200": { defaultClass: "_1rsrm2fks" }, "240": { defaultClass: "_1rsrm2fkt" }, "300": { defaultClass: "_1rsrm2fku" }, half: { defaultClass: "_1rsrm2fkv" }, full: { defaultClass: "_1rsrm2fkw" }, max: { defaultClass: "_1rsrm2fkx" }, connectExchangeIconSize: { defaultClass: "_1rsrm2fky" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2fkz" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2fl0" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2fl1" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2fl2" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fl3" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fl4" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fl5" }, modalTopBarHeight: { defaultClass: "_1rsrm2fl6" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fl7" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fl8" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fl9" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fla" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2flb" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2flc" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fld" }, sourceListGap: { defaultClass: "_1rsrm2fle" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2flf" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2flg" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2flh" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fli" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2flj" }, "1": { defaultClass: "_1rsrm2flk" }, "2": { defaultClass: "_1rsrm2fll" }, "3": { defaultClass: "_1rsrm2flm" }, "4": { defaultClass: "_1rsrm2fln" }, "5": { defaultClass: "_1rsrm2flo" }, "6": { defaultClass: "_1rsrm2flp" }, "7": { defaultClass: "_1rsrm2flq" }, "8": { defaultClass: "_1rsrm2flr" }, "9": { defaultClass: "_1rsrm2fls" }, "10": { defaultClass: "_1rsrm2flt" }, "11": { defaultClass: "_1rsrm2flu" }, "12": { defaultClass: "_1rsrm2flv" }, "13": { defaultClass: "_1rsrm2flw" }, "14": { defaultClass: "_1rsrm2flx" }, "15": { defaultClass: "_1rsrm2fly" }, "16": { defaultClass: "_1rsrm2flz" }, "18": { defaultClass: "_1rsrm2fm0" }, "20": { defaultClass: "_1rsrm2fm1" }, "22": { defaultClass: "_1rsrm2fm2" }, "24": { defaultClass: "_1rsrm2fm3" }, "28": { defaultClass: "_1rsrm2fm4" }, "30": { defaultClass: "_1rsrm2fm5" }, "32": { defaultClass: "_1rsrm2fm6" }, "36": { defaultClass: "_1rsrm2fm7" }, "40": { defaultClass: "_1rsrm2fm8" }, "44": { defaultClass: "_1rsrm2fm9" }, "64": { defaultClass: "_1rsrm2fma" }, "-1": { defaultClass: "_1rsrm2fmb" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fmc" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fmd" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fme" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fmf" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fmg" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fmh" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fmi" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fmj" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fmk" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fml" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fmm" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fmn" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fmo" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fmp" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fmq" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fmr" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fms" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fmt" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fmu" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fmv" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fmw" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fmx" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fmy" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fmz" }, verticalSectionGap: { defaultClass: "_1rsrm2fn0" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fn1" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fn2" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fn3" }, inputPaddingX: { defaultClass: "_1rsrm2fn4" }, inputPaddingY: { defaultClass: "_1rsrm2fn5" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fn6" }, assetListDefaultGap: { defaultClass: "_1rsrm2fn7" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fn8" }, "1": { defaultClass: "_1rsrm2fn9" }, "2": { defaultClass: "_1rsrm2fna" }, "3": { defaultClass: "_1rsrm2fnb" }, "4": { defaultClass: "_1rsrm2fnc" }, "5": { defaultClass: "_1rsrm2fnd" }, "6": { defaultClass: "_1rsrm2fne" }, "7": { defaultClass: "_1rsrm2fnf" }, "8": { defaultClass: "_1rsrm2fng" }, "9": { defaultClass: "_1rsrm2fnh" }, "10": { defaultClass: "_1rsrm2fni" }, "11": { defaultClass: "_1rsrm2fnj" }, "12": { defaultClass: "_1rsrm2fnk" }, "13": { defaultClass: "_1rsrm2fnl" }, "14": { defaultClass: "_1rsrm2fnm" }, "15": { defaultClass: "_1rsrm2fnn" }, "16": { defaultClass: "_1rsrm2fno" }, "18": { defaultClass: "_1rsrm2fnp" }, "20": { defaultClass: "_1rsrm2fnq" }, "22": { defaultClass: "_1rsrm2fnr" }, "24": { defaultClass: "_1rsrm2fns" }, "28": { defaultClass: "_1rsrm2fnt" }, "30": { defaultClass: "_1rsrm2fnu" }, "32": { defaultClass: "_1rsrm2fnv" }, "36": { defaultClass: "_1rsrm2fnw" }, "40": { defaultClass: "_1rsrm2fnx" }, "44": { defaultClass: "_1rsrm2fny" }, "64": { defaultClass: "_1rsrm2fnz" }, "-1": { defaultClass: "_1rsrm2fo0" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fo1" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fo2" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fo3" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fo4" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fo5" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fo6" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fo7" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fo8" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fo9" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2foa" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fob" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2foc" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fod" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2foe" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fof" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fog" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2foh" }, txBreakdownMarginY: { defaultClass: "_1rsrm2foi" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2foj" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fok" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fol" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fom" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fon" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2foo" }, verticalSectionGap: { defaultClass: "_1rsrm2fop" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2foq" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2for" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fos" }, inputPaddingX: { defaultClass: "_1rsrm2fot" }, inputPaddingY: { defaultClass: "_1rsrm2fou" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fov" }, assetListDefaultGap: { defaultClass: "_1rsrm2fow" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fox" }, "1": { defaultClass: "_1rsrm2foy" }, "2": { defaultClass: "_1rsrm2foz" }, "3": { defaultClass: "_1rsrm2fp0" }, "4": { defaultClass: "_1rsrm2fp1" }, "5": { defaultClass: "_1rsrm2fp2" }, "6": { defaultClass: "_1rsrm2fp3" }, "7": { defaultClass: "_1rsrm2fp4" }, "8": { defaultClass: "_1rsrm2fp5" }, "9": { defaultClass: "_1rsrm2fp6" }, "10": { defaultClass: "_1rsrm2fp7" }, "11": { defaultClass: "_1rsrm2fp8" }, "12": { defaultClass: "_1rsrm2fp9" }, "13": { defaultClass: "_1rsrm2fpa" }, "14": { defaultClass: "_1rsrm2fpb" }, "15": { defaultClass: "_1rsrm2fpc" }, "16": { defaultClass: "_1rsrm2fpd" }, "18": { defaultClass: "_1rsrm2fpe" }, "20": { defaultClass: "_1rsrm2fpf" }, "22": { defaultClass: "_1rsrm2fpg" }, "24": { defaultClass: "_1rsrm2fph" }, "28": { defaultClass: "_1rsrm2fpi" }, "30": { defaultClass: "_1rsrm2fpj" }, "32": { defaultClass: "_1rsrm2fpk" }, "36": { defaultClass: "_1rsrm2fpl" }, "40": { defaultClass: "_1rsrm2fpm" }, "44": { defaultClass: "_1rsrm2fpn" }, "64": { defaultClass: "_1rsrm2fpo" }, "-1": { defaultClass: "_1rsrm2fpp" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2fpq" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2fpr" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2fps" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fpt" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2fpu" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2fpv" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fpw" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fpx" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fpy" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fpz" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fq0" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2fq1" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2fq2" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2fq3" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2fq4" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fq5" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2fq6" }, txBreakdownMarginY: { defaultClass: "_1rsrm2fq7" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2fq8" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fq9" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2fqa" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fqb" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fqc" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fqd" }, verticalSectionGap: { defaultClass: "_1rsrm2fqe" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fqf" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fqg" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fqh" }, inputPaddingX: { defaultClass: "_1rsrm2fqi" }, inputPaddingY: { defaultClass: "_1rsrm2fqj" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fqk" }, assetListDefaultGap: { defaultClass: "_1rsrm2fql" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fqm" }, "1": { defaultClass: "_1rsrm2fqn" }, "2": { defaultClass: "_1rsrm2fqo" }, "3": { defaultClass: "_1rsrm2fqp" }, "4": { defaultClass: "_1rsrm2fqq" }, "5": { defaultClass: "_1rsrm2fqr" }, "6": { defaultClass: "_1rsrm2fqs" }, "7": { defaultClass: "_1rsrm2fqt" }, "8": { defaultClass: "_1rsrm2fqu" }, "9": { defaultClass: "_1rsrm2fqv" }, "10": { defaultClass: "_1rsrm2fqw" }, "11": { defaultClass: "_1rsrm2fqx" }, "12": { defaultClass: "_1rsrm2fqy" }, "13": { defaultClass: "_1rsrm2fqz" }, "14": { defaultClass: "_1rsrm2fr0" }, "15": { defaultClass: "_1rsrm2fr1" }, "16": { defaultClass: "_1rsrm2fr2" }, "18": { defaultClass: "_1rsrm2fr3" }, "20": { defaultClass: "_1rsrm2fr4" }, "22": { defaultClass: "_1rsrm2fr5" }, "24": { defaultClass: "_1rsrm2fr6" }, "28": { defaultClass: "_1rsrm2fr7" }, "30": { defaultClass: "_1rsrm2fr8" }, "32": { defaultClass: "_1rsrm2fr9" }, "36": { defaultClass: "_1rsrm2fra" }, "40": { defaultClass: "_1rsrm2frb" }, "44": { defaultClass: "_1rsrm2frc" }, "64": { defaultClass: "_1rsrm2frd" }, "-1": { defaultClass: "_1rsrm2fre" }, confirmationStepMarginTop: { defaultClass: "_1rsrm2frf" }, confirmationStepVerticalGap: { defaultClass: "_1rsrm2frg" }, cryptoCashToggleContainerPadding: { defaultClass: "_1rsrm2frh" }, cryptoCashToggleMarginBottom: { defaultClass: "_1rsrm2fri" }, cryptoCashToggleMarginTop: { defaultClass: "_1rsrm2frj" }, cryptoCashToggleTabPaddingY: { defaultClass: "_1rsrm2frk" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2frl" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2frm" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2frn" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fro" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2frp" }, modalBottomBarButtonPaddingY: { defaultClass: "_1rsrm2frq" }, selectAssetItemPaddingX: { defaultClass: "_1rsrm2frr" }, selectAssetItemPaddingY: { defaultClass: "_1rsrm2frs" }, selectAssetItemTextGap: { defaultClass: "_1rsrm2frt" }, selectBrokerageItemPaddingX: { defaultClass: "_1rsrm2fru" }, selectBrokerageItemPaddingY: { defaultClass: "_1rsrm2frv" }, txBreakdownMarginY: { defaultClass: "_1rsrm2frw" }, txBreakdownPaddingX: { defaultClass: "_1rsrm2frx" }, txSummaryBoxPaddingX: { defaultClass: "_1rsrm2fry" }, txSummaryBoxPaddingY: { defaultClass: "_1rsrm2frz" }, txSummaryLineItemPadding: { defaultClass: "_1rsrm2fs0" }, txSummaryDividerMarginX: { defaultClass: "_1rsrm2fs1" }, txSummaryDividerMarginY: { defaultClass: "_1rsrm2fs2" }, verticalSectionGap: { defaultClass: "_1rsrm2fs3" }, youPayYouReceivePaddingLeft: { defaultClass: "_1rsrm2fs4" }, youPayYouReceivePaddingRight: { defaultClass: "_1rsrm2fs5" }, youPayYouReceivePaddingY: { defaultClass: "_1rsrm2fs6" }, inputPaddingX: { defaultClass: "_1rsrm2fs7" }, inputPaddingY: { defaultClass: "_1rsrm2fs8" }, dropdownActiveItemRegularSizePaddingY: { defaultClass: "_1rsrm2fs9" }, assetListDefaultGap: { defaultClass: "_1rsrm2fsa" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fsb" }, fixed: { defaultClass: "_1rsrm2fsc" }, relative: { defaultClass: "_1rsrm2fsd" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fse" } } }, textTransform: { values: { none: { defaultClass: "_1rsrm2fsf" }, uppercase: { defaultClass: "_1rsrm2fsg" }, lowercase: { defaultClass: "_1rsrm2fsh" }, capitalize: { defaultClass: "_1rsrm2fsi" }, inputAmountQuickOptionButton: { defaultClass: "_1rsrm2fsj" }, txStatusTitle: { defaultClass: "_1rsrm2fsk" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fsl" }, transform: { defaultClass: "_1rsrm2fsm" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fsn" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fso" }, "2": { defaultClass: "_1rsrm2fsp" }, "4": { defaultClass: "_1rsrm2fsq" }, "8": { defaultClass: "_1rsrm2fsr" }, "10": { defaultClass: "_1rsrm2fss" }, "11": { defaultClass: "_1rsrm2fst" }, "12": { defaultClass: "_1rsrm2fsu" }, "13": { defaultClass: "_1rsrm2fsv" }, "14": { defaultClass: "_1rsrm2fsw" }, "15": { defaultClass: "_1rsrm2fsx" }, "16": { defaultClass: "_1rsrm2fsy" }, "18": { defaultClass: "_1rsrm2fsz" }, "20": { defaultClass: "_1rsrm2ft0" }, "24": { defaultClass: "_1rsrm2ft1" }, "28": { defaultClass: "_1rsrm2ft2" }, "30": { defaultClass: "_1rsrm2ft3" }, "32": { defaultClass: "_1rsrm2ft4" }, "34": { defaultClass: "_1rsrm2ft5" }, "36": { defaultClass: "_1rsrm2ft6" }, "40": { defaultClass: "_1rsrm2ft7" }, "44": { defaultClass: "_1rsrm2ft8" }, "48": { defaultClass: "_1rsrm2ft9" }, "50": { defaultClass: "_1rsrm2fta" }, "54": { defaultClass: "_1rsrm2ftb" }, "57": { defaultClass: "_1rsrm2ftc" }, "60": { defaultClass: "_1rsrm2ftd" }, "72": { defaultClass: "_1rsrm2fte" }, "76": { defaultClass: "_1rsrm2ftf" }, "93": { defaultClass: "_1rsrm2ftg" }, "96": { defaultClass: "_1rsrm2fth" }, "100": { defaultClass: "_1rsrm2fti" }, "108": { defaultClass: "_1rsrm2ftj" }, "120": { defaultClass: "_1rsrm2ftk" }, "160": { defaultClass: "_1rsrm2ftl" }, "180": { defaultClass: "_1rsrm2ftm" }, "200": { defaultClass: "_1rsrm2ftn" }, "240": { defaultClass: "_1rsrm2fto" }, "300": { defaultClass: "_1rsrm2ftp" }, half: { defaultClass: "_1rsrm2ftq" }, full: { defaultClass: "_1rsrm2ftr" }, max: { defaultClass: "_1rsrm2fts" }, connectExchangeIconSize: { defaultClass: "_1rsrm2ftt" }, cryptoCashToggleIconSize: { defaultClass: "_1rsrm2ftu" }, dollarValueSkeletonHeight: { defaultClass: "_1rsrm2ftv" }, dollarValueSkeletonWidth: { defaultClass: "_1rsrm2ftw" }, inputAmountQuickOptionButtonHeight: { defaultClass: "_1rsrm2ftx" }, inputAmountMinHeight: { defaultClass: "_1rsrm2fty" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2ftz" }, modalBottomBarCloseButtonHeight: { defaultClass: "_1rsrm2fu0" }, modalTopBarHeight: { defaultClass: "_1rsrm2fu1" }, modalTopbarIconSize: { defaultClass: "_1rsrm2fu2" }, modalTopbarIconWrapperSize: { defaultClass: "_1rsrm2fu3" }, paymentAmountSkeletonBlockHeight: { defaultClass: "_1rsrm2fu4" }, paymentAmountSkeletonBlockWidth: { defaultClass: "_1rsrm2fu5" }, paymentAmountSkeletonCircleSize: { defaultClass: "_1rsrm2fu6" }, paymentMethodItemIconSize: { defaultClass: "_1rsrm2fu7" }, selectAssetItemIconSize: { defaultClass: "_1rsrm2fu8" }, sourceListGap: { defaultClass: "_1rsrm2fu9" }, txBreakdownSkeletonWidth: { defaultClass: "_1rsrm2fua" }, txSummaryLineSkeletonHeight: { defaultClass: "_1rsrm2fub" }, txSummaryLineSkeletonWidth: { defaultClass: "_1rsrm2fuc" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fud" } } } } });
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)", inputLabel: "var(--rk-colors-inputLabel)", inputBackground: "var(--rk-colors-inputBackground)", inputBackgroundHover: "var(--rk-colors-inputBackgroundHover)", inputBorderBase: "var(--rk-colors-inputBorderBase)", inputBorderHover: "var(--rk-colors-inputBorderHover)", activeTabBorderColor: "var(--rk-colors-activeTabBorderColor)", activeTabBackground: "var(--rk-colors-activeTabBackground)", actionColor: "var(--rk-colors-actionColor)", actionColorHover: "var(--rk-colors-actionColorHover)", actionColorDisabled: "var(--rk-colors-actionColorDisabled)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonSuccess: "var(--rk-colors-buttonSuccess)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextHover: "var(--rk-colors-buttonTextHover)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", buttonBackgroundDisabledTertiary: "var(--rk-colors-buttonBackgroundDisabledTertiary)", buttonTextTertiary: "var(--rk-colors-buttonTextTertiary)", buttonTextDisabledTertiary: "var(--rk-colors-buttonTextDisabledTertiary)", buttonBackground: "var(--rk-colors-buttonBackground)", buttonBackgroundHover: "var(--rk-colors-buttonBackgroundHover)", buttonBackgroundPressed: "var(--rk-colors-buttonBackgroundPressed)", buttonBackgroundDisabled: "var(--rk-colors-buttonBackgroundDisabled)", buttonTextSecondaryDisabled: "var(--rk-colors-buttonTextSecondaryDisabled)", buttonTextSecondary: "var(--rk-colors-buttonTextSecondary)", buttonIconBackgroundHover: "var(--rk-colors-buttonIconBackgroundHover)", buttonIconBackgroundPressed: "var(--rk-colors-buttonIconBackgroundPressed)", buttonIconStroke: "var(--rk-colors-buttonIconStroke)", buttonBorderTertiary: "var(--rk-colors-buttonBorderTertiary)", buttonBorderFocusedTertiary: "var(--rk-colors-buttonBorderFocusedTertiary)", buttonFocusedOutline: "var(--rk-colors-buttonFocusedOutline)", buttonBorderGradient: "var(--rk-colors-buttonBorderGradient)", buttonHoverBorderGradient: "var(--rk-colors-buttonHoverBorderGradient)", buttonDisabledBorderGradient: "var(--rk-colors-buttonDisabledBorderGradient)", badgeBackgroundSuccess: "var(--rk-colors-badgeBackgroundSuccess)", badgeBorderSuccess: "var(--rk-colors-badgeBorderSuccess)", badgeTextSuccess: "var(--rk-colors-badgeTextSuccess)", newBadgeBackground: "var(--rk-colors-newBadgeBackground)", newBadgeBorder: "var(--rk-colors-newBadgeBorder)", newBadgeText: "var(--rk-colors-newBadgeText)", approvedBadgeBackground: "var(--rk-colors-approvedBadgeBackground)", approvedBadgeBorder: "var(--rk-colors-approvedBadgeBorder)", approvedBadgeText: "var(--rk-colors-approvedBadgeText)", failedBadgeBackground: "var(--rk-colors-failedBadgeBackground)", failedBadgeBorder: "var(--rk-colors-failedBadgeBorder)", failedBadgeText: "var(--rk-colors-failedBadgeText)", inputAmountQuickOptionBaseBackground: "var(--rk-colors-inputAmountQuickOptionBaseBackground)", inputAmountQuickOptionHoverBackground: "var(--rk-colors-inputAmountQuickOptionHoverBackground)", inputAmountQuickOptionActiveBackground: "var(--rk-colors-inputAmountQuickOptionActiveBackground)", inputAmountQuickOptionDisabledBackground: "var(--rk-colors-inputAmountQuickOptionDisabledBackground)", inputAmountQuickOptionBaseBorder: "var(--rk-colors-inputAmountQuickOptionBaseBorder)", inputAmountQuickOptionHoverBorder: "var(--rk-colors-inputAmountQuickOptionHoverBorder)", inputAmountQuickOptionActiveBorder: "var(--rk-colors-inputAmountQuickOptionActiveBorder)", inputAmountQuickOptionFocusedBorder: "var(--rk-colors-inputAmountQuickOptionFocusedBorder)", inputAmountFiatDecimalsColor: "var(--rk-colors-inputAmountFiatDecimalsColor)", youPayYouReceiveBackground: "var(--rk-colors-youPayYouReceiveBackground)", youPayYouReceiveBorder: "var(--rk-colors-youPayYouReceiveBorder)", youPayYouReceivePrimaryText: "var(--rk-colors-youPayYouReceivePrimaryText)", youPayYouReceiveSecondaryText: "var(--rk-colors-youPayYouReceiveSecondaryText)", announceGradientFrom: "var(--rk-colors-announceGradientFrom)", announceGradientTo: "var(--rk-colors-announceGradientTo)", modalHeaderDivider: "var(--rk-colors-modalHeaderDivider)", modalFooterDivider: "var(--rk-colors-modalFooterDivider)", fiatPendingGradientFrom: "var(--rk-colors-fiatPendingGradientFrom)", fiatPendingGradientTo: "var(--rk-colors-fiatPendingGradientTo)", fiatSuccessBackgroundFill: "var(--rk-colors-fiatSuccessBackgroundFill)", fiatFailedBackgroundFill: "var(--rk-colors-fiatFailedBackgroundFill)", fiatStatusIconBorder: "var(--rk-colors-fiatStatusIconBorder)", fiatAccountIconFill: "var(--rk-colors-fiatAccountIconFill)", fiatAccountGradientFrom: "var(--rk-colors-fiatAccountGradientFrom)", fiatAccountGradientTo: "var(--rk-colors-fiatAccountGradientTo)", optionBoxBackground: "var(--rk-colors-optionBoxBackground)", optionBoxBackgroundUninteractive: "var(--rk-colors-optionBoxBackgroundUninteractive)", optionBoxBorderBase: "var(--rk-colors-optionBoxBorderBase)", optionBoxBorderHover: "var(--rk-colors-optionBoxBorderHover)", optionBoxDefaultModeNotActiveBorderBase: "var(--rk-colors-optionBoxDefaultModeNotActiveBorderBase)", optionBoxDefaultModeNotActiveBorderHover: "var(--rk-colors-optionBoxDefaultModeNotActiveBorderHover)", openDropdownBackgroundColor: "var(--rk-colors-openDropdownBackgroundColor)", dropdownActiveItemBackgroundBase: "var(--rk-colors-dropdownActiveItemBackgroundBase)", dropdownActiveItemBackgroundHover: "var(--rk-colors-dropdownActiveItemBackgroundHover)", dropdownActiveItemBackgroundDisabled: "var(--rk-colors-dropdownActiveItemBackgroundDisabled)", dropdownActiveItemBorderBase: "var(--rk-colors-dropdownActiveItemBorderBase)", dropdownActiveItemBorderHover: "var(--rk-colors-dropdownActiveItemBorderHover)", selectedDropdownItemBackground: "var(--rk-colors-selectedDropdownItemBackground)", alwaysVisibleLabelBackgroundHover: "var(--rk-colors-alwaysVisibleLabelBackgroundHover)", selectedDropdownItemText: "var(--rk-colors-selectedDropdownItemText)", dropdownLabelColor: "var(--rk-colors-dropdownLabelColor)", copyButtonBackgroundBase: "var(--rk-colors-copyButtonBackgroundBase)", copyButtonBackgroundHover: "var(--rk-colors-copyButtonBackgroundHover)", copyButtonBackgroundActive: "var(--rk-colors-copyButtonBackgroundActive)", copyButtonBorderBase: "var(--rk-colors-copyButtonBorderBase)", copyButtonBorderHover: "var(--rk-colors-copyButtonBorderHover)", funFeatureListBackgroundBase: "var(--rk-colors-funFeatureListBackgroundBase)", funFeatureListBackgroundHover: "var(--rk-colors-funFeatureListBackgroundHover)", funFeatureListBorderColor: "var(--rk-colors-funFeatureListBorderColor)", funFeatureListBorderColorHover: "var(--rk-colors-funFeatureListBorderColorHover)", spinnerBackground: "var(--rk-colors-spinnerBackground)", spinnerIndicator: "var(--rk-colors-spinnerIndicator)", spinnerBackgroundVerifyAccount: "var(--rk-colors-spinnerBackgroundVerifyAccount)", spinnerIndicatorVerifyAccount: "var(--rk-colors-spinnerIndicatorVerifyAccount)", txSummaryBoxBackground: "var(--rk-colors-txSummaryBoxBackground)", txSummaryBoxBorder: "var(--rk-colors-txSummaryBoxBorder)", counterRingColor: "var(--rk-colors-counterRingColor)", cryptoCashToggleContainerBorderColor: "var(--rk-colors-cryptoCashToggleContainerBorderColor)", cryptoCashToggleBackground: "var(--rk-colors-cryptoCashToggleBackground)" }, dimensions: { connectExchangeIconSize: "var(--rk-dimensions-connectExchangeIconSize)", cryptoCashToggleIconSize: "var(--rk-dimensions-cryptoCashToggleIconSize)", dollarValueSkeletonHeight: "var(--rk-dimensions-dollarValueSkeletonHeight)", dollarValueSkeletonWidth: "var(--rk-dimensions-dollarValueSkeletonWidth)", inputAmountQuickOptionButtonHeight: "var(--rk-dimensions-inputAmountQuickOptionButtonHeight)", inputAmountMinHeight: "var(--rk-dimensions-inputAmountMinHeight)", modalBottomBarButtonHeight: "var(--rk-dimensions-modalBottomBarButtonHeight)", modalBottomBarCloseButtonHeight: "var(--rk-dimensions-modalBottomBarCloseButtonHeight)", modalTopBarHeight: "var(--rk-dimensions-modalTopBarHeight)", modalTopbarIconSize: "var(--rk-dimensions-modalTopbarIconSize)", modalTopbarIconWrapperSize: "var(--rk-dimensions-modalTopbarIconWrapperSize)", paymentAmountSkeletonBlockHeight: "var(--rk-dimensions-paymentAmountSkeletonBlockHeight)", paymentAmountSkeletonBlockWidth: "var(--rk-dimensions-paymentAmountSkeletonBlockWidth)", paymentAmountSkeletonCircleSize: "var(--rk-dimensions-paymentAmountSkeletonCircleSize)", paymentMethodItemIconSize: "var(--rk-dimensions-paymentMethodItemIconSize)", selectAssetItemIconSize: "var(--rk-dimensions-selectAssetItemIconSize)", sourceListGap: "var(--rk-dimensions-sourceListGap)", txBreakdownSkeletonWidth: "var(--rk-dimensions-txBreakdownSkeletonWidth)", txSummaryLineSkeletonHeight: "var(--rk-dimensions-txSummaryLineSkeletonHeight)", txSummaryLineSkeletonWidth: "var(--rk-dimensions-txSummaryLineSkeletonWidth)" }, fonts: { amountValue: "var(--rk-fonts-amountValue)", body: "var(--rk-fonts-body)", buttonTextPrimary: "var(--rk-fonts-buttonTextPrimary)", buttonTextSecondary: "var(--rk-fonts-buttonTextSecondary)", buttonTextTertiary: "var(--rk-fonts-buttonTextTertiary)", 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)" }, quickOptionFontSize: { fontSize: "var(--rk-fontSize-quickOptionFontSize-fontSize)", lineHeight: "var(--rk-fontSize-quickOptionFontSize-lineHeight)" }, useConnectedFontSize: { fontSize: "var(--rk-fontSize-useConnectedFontSize-fontSize)", lineHeight: "var(--rk-fontSize-useConnectedFontSize-lineHeight)" } }, radii: { actionButton: "var(--rk-radii-actionButton)", actionButtonInner: "var(--rk-radii-actionButtonInner)", connectButton: "var(--rk-radii-connectButton)", menuButton: "var(--rk-radii-menuButton)", modal: "var(--rk-radii-modal)", modalMobile: "var(--rk-radii-modalMobile)", modalActionButton: "var(--rk-radii-modalActionButton)", modalActionButtonMobile: "var(--rk-radii-modalActionButtonMobile)", summaryBox: "var(--rk-radii-summaryBox)", youPayYouReceive: "var(--rk-radii-youPayYouReceive)", inputAmountSwitcher: "var(--rk-radii-inputAmountSwitcher)", qrCode: "var(--rk-radii-qrCode)", skeleton: "var(--rk-radii-skeleton)", tooltip: "var(--rk-radii-tooltip)", dropdown: "var(--rk-radii-dropdown)", dropdownItem: "var(--rk-radii-dropdownItem)", dropdownList: "var(--rk-radii-dropdownList)", modalTopbarIcon: "var(--rk-radii-modalTopbarIcon)", withdrawalInput: "var(--rk-radii-withdrawalInput)", useConnected: "var(--rk-radii-useConnected)" }, borderWidths: { activeOptionBorderWidth: "var(--rk-borderWidths-activeOptionBorderWidth)", buttonTertiaryBorderWidth: "var(--rk-borderWidths-buttonTertiaryBorderWidth)", cryptoCashToggleContainerBorderWidth: "var(--rk-borderWidths-cryptoCashToggleContainerBorderWidth)", 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)", inputPaddingX: "var(--rk-spacing-inputPaddingX)", inputPaddingY: "var(--rk-spacing-inputPaddingY)", dropdownActiveItemRegularSizePaddingY: "var(--rk-spacing-dropdownActiveItemRegularSizePaddingY)", assetListDefaultGap: "var(--rk-spacing-assetListDefaultGap)" }, 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 }) => {
@@ -451,9 +451,9 @@ import React272, { useEffect as useEffect65, useState as useState82 } from "reac
451
451
 
452
452
  // src/css/touchableStyles.css.ts
453
453
  var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
454
- var base2 = "_7rkubb3 _1rsrm2fr5";
454
+ var base2 = "_7rkubb3 _1rsrm2fsd";
455
455
  var hover = { grow: "_7rkubb6", growLg: "_7rkubb7" };
456
- var primaryBase = "_7rkubb5 _1rsrm2fr5";
456
+ var primaryBase = "_7rkubb5 _1rsrm2fsd";
457
457
 
458
458
  // src/css/touchableStyles.ts
459
459
  function touchableStyles({ active: active2, hover: hover2 }) {
@@ -1380,7 +1380,7 @@ import {
1380
1380
  import { isNotNullish as isNotNullish8, isTokenAddressEquivalent as isTokenAddressEquivalent3 } from "@funkit/utils";
1381
1381
  import React270, {
1382
1382
  createContext as createContext20,
1383
- useCallback as useCallback54,
1383
+ useCallback as useCallback52,
1384
1384
  useContext as useContext20,
1385
1385
  useEffect as useEffect64,
1386
1386
  useState as useState81
@@ -2190,6 +2190,9 @@ var default_configs_default = {
2190
2190
  enablemeldpayment: {
2191
2191
  value: false
2192
2192
  },
2193
+ enablesourcegrouplabels: {
2194
+ value: true
2195
+ },
2193
2196
  enableswappeddeposit: {
2194
2197
  value: false
2195
2198
  },
@@ -2212,6 +2215,40 @@ var default_configs_default = {
2212
2215
  value: true
2213
2216
  },
2214
2217
  foppriority: {
2218
+ variants: [
2219
+ {
2220
+ condition: {
2221
+ type: "country",
2222
+ countryCodes: ["BR"]
2223
+ },
2224
+ value: [
2225
+ "PIX",
2226
+ "CARDS",
2227
+ "APPLE_PAY",
2228
+ "GOOGLE_PAY",
2229
+ "REVOLUT_PAY",
2230
+ "PAYPAL",
2231
+ "BANK_TRANSFER",
2232
+ "SKRILL"
2233
+ ]
2234
+ },
2235
+ {
2236
+ condition: {
2237
+ type: "country",
2238
+ countryCodes: ["IN"]
2239
+ },
2240
+ value: [
2241
+ "GOOGLE_PAY",
2242
+ "APPLE_PAY",
2243
+ "REVOLUT_PAY",
2244
+ "PAYPAL",
2245
+ "BANK_TRANSFER",
2246
+ "PIX",
2247
+ "SKRILL",
2248
+ "CARDS"
2249
+ ]
2250
+ }
2251
+ ],
2215
2252
  value: [
2216
2253
  "CARDS",
2217
2254
  "APPLE_PAY",
@@ -2334,13 +2371,45 @@ var default_configs_default = {
2334
2371
  },
2335
2372
  tokentransferchaingroups: {
2336
2373
  value: {
2337
- popular: [1151111081099710, 1, 728126428]
2374
+ popular: []
2375
+ }
2376
+ },
2377
+ tokentransfertest: {
2378
+ value: {
2379
+ chains: {
2380
+ "1": [
2381
+ "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",
2382
+ "0x6b175474e89094c44da98b954eedeac495271d0f",
2383
+ "0xdac17f958d2ee523a2206206994597c13d831ec7",
2384
+ "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee"
2385
+ ],
2386
+ "137": [
2387
+ "0x3c499c542cef5e3811e1192ce70d8cc03d5c3359",
2388
+ "0x2791bca1f2de4661ed88a30c99a7a9449aa84174"
2389
+ ],
2390
+ "1151111081099710": [
2391
+ "So11111111111111111111111111111111111111112",
2392
+ "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v"
2393
+ ]
2394
+ },
2395
+ defaultChainId: 137,
2396
+ defaultTokens: [],
2397
+ badges: {},
2398
+ chainSortOrder: [
2399
+ "1",
2400
+ "1151111081099710",
2401
+ "56",
2402
+ "8453",
2403
+ "137",
2404
+ "42161",
2405
+ "10"
2406
+ ]
2338
2407
  }
2339
2408
  },
2340
2409
  tokentransfertokengroups: {
2341
2410
  value: {
2342
2411
  popular: [],
2343
- stablecoins: ["BUSD", "DAI", "USDC", "USDC.e", "USDe", "USDT"]
2412
+ stablecoins: []
2344
2413
  }
2345
2414
  },
2346
2415
  uda_params: {
@@ -2437,7 +2506,7 @@ function setFunkitConnectVersion({ version }) {
2437
2506
  localStorage.setItem(storageKey, version);
2438
2507
  }
2439
2508
  function getCurrentSdkVersion() {
2440
- return "9.2.1";
2509
+ return "9.3.0";
2441
2510
  }
2442
2511
  function useFingerprint() {
2443
2512
  const fingerprint = useCallback3(() => {
@@ -4513,7 +4582,7 @@ var useFunkitPostCheckoutInternal = (checkoutId) => {
4513
4582
  // src/providers/ModalContext.tsx
4514
4583
  import React269, {
4515
4584
  createContext as createContext19,
4516
- useCallback as useCallback53,
4585
+ useCallback as useCallback51,
4517
4586
  useContext as useContext19,
4518
4587
  useEffect as useEffect63,
4519
4588
  useMemo as useMemo55,
@@ -4523,15 +4592,15 @@ import React269, {
4523
4592
  // src/components/Dialog/Dialog.css.ts
4524
4593
  var DialogAnimationTimeIn = 0.25;
4525
4594
  var DialogAnimationTimeOut = 0.12;
4526
- var content = "_1r8f573 _1rsrm2fa _1rsrm2f1w _1rsrm2fr5";
4595
+ var content = "_1r8f573 _1rsrm2fa _1rsrm2f1x _1rsrm2fsd";
4527
4596
  var easing = [0.3, 0, 0.06, 1];
4528
4597
  var itemsAlignCenter = "_1r8f57a";
4529
4598
  var itemsAlignEnd = "_1r8f57b";
4530
- var overlay = "_1r8f571 _1rsrm2ft4 _1rsrm2fwh _1rsrm2fa _1rsrm2f77 _1rsrm2fr4";
4599
+ var overlay = "_1r8f571 _1rsrm2fud _1rsrm2fxq _1rsrm2fa _1rsrm2f7f _1rsrm2fsc";
4531
4600
  var titleContainer = "_1r8f574";
4532
- var topbarFadeBackground = "_1r8f579 _1rsrm2fwn _1rsrm2fr3";
4601
+ var topbarFadeBackground = "_1r8f579 _1rsrm2fxw _1rsrm2fsb";
4533
4602
  var topbarFadeWrapper = "_1r8f577";
4534
- var topbarOverflowContent = "_1r8f576 _1rsrm2fmt _1rsrm2foe";
4603
+ var topbarOverflowContent = "_1r8f576 _1rsrm2fnp _1rsrm2fpe";
4535
4604
 
4536
4605
  // src/modals/WithdrwalModal/WithdrawalModal.tsx
4537
4606
  import React129, { useCallback as useCallback23, useState as useState38 } from "react";
@@ -4661,16 +4730,17 @@ var Text = React20.forwardRef(
4661
4730
  Text.displayName = "Text";
4662
4731
 
4663
4732
  // src/components/FunButton/FunButton.css.ts
4664
- var accentLinkStyle = "_1tyx5nu3 _1rsrm2f2ch";
4665
- var funButtonClickableStyle = "_1tyx5nu6";
4666
- var funButtonDisabledStyle = "_1tyx5nu8";
4667
- var funButtonNonClickableStyle = "_1tyx5nu7";
4668
- var funButtonPrimaryGroup = "_1tyx5nu9";
4669
- var gradientBorder = "_1tyx5nub";
4733
+ var accentLinkStyle = "_1tyx5nu3 _1rsrm2f2jw";
4734
+ var funButtonClickableStyle = "_1tyx5nu8";
4735
+ var funButtonDisabledStyle = "_1tyx5nua";
4736
+ var funButtonNonClickableStyle = "_1tyx5nu9";
4737
+ var funButtonPrimaryGroup = "_1tyx5nub";
4738
+ var gradientBorder = "_1tyx5nud";
4739
+ var labelLinkStyle = "_1tyx5nu7 _1rsrm2f2x8";
4670
4740
  var pressedStyles = "_1tyx5nu1";
4671
- var textHoverTarget = "_1tyx5nua";
4741
+ var textHoverTarget = "_1tyx5nuc";
4672
4742
  var transitionStyles = "_1tyx5nu0";
4673
- var underlineLinkStyle = "_1tyx5nu5 _1rsrm2f2ab";
4743
+ var underlineLinkStyle = "_1tyx5nu5 _1rsrm2f2hk";
4674
4744
 
4675
4745
  // src/components/FunButton/FunLinkButton.tsx
4676
4746
  function FunLinkButton({
@@ -4690,7 +4760,8 @@ function FunLinkButton({
4690
4760
  as: isLink ? "a" : "button",
4691
4761
  className: clsx3(
4692
4762
  variant === "accent" && accentLinkStyle,
4693
- variant === "underline" && underlineLinkStyle
4763
+ variant === "underline" && underlineLinkStyle,
4764
+ variant === "labelLink" && labelLinkStyle
4694
4765
  ),
4695
4766
  href,
4696
4767
  onClick,
@@ -4702,7 +4773,7 @@ function FunLinkButton({
4702
4773
  Text,
4703
4774
  {
4704
4775
  as: inline ? "span" : "div",
4705
- color: variant === "accent" ? "buttonPrimary" : "primaryText",
4776
+ color: variant === "accent" ? "buttonPrimary" : variant === "labelLink" ? "dropdownLabelColor" : "primaryText",
4706
4777
  size,
4707
4778
  weight: weight ?? (isLink ? void 0 : "bold")
4708
4779
  },
@@ -4741,7 +4812,7 @@ import React22, {
4741
4812
  } from "react";
4742
4813
 
4743
4814
  // src/components/Icons/StatusIcons.css.ts
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" };
4815
+ var slots = { container: "_1rsrm2f4 _1rsrm2f1c _1rsrm2fa _1rsrm2f7f _1rsrm2fsd", icon: { secondary: "q7yway3 _1rsrm2f1c _1rsrm2f2eq _1rsrm2fsd", success: "q7yway5 _1rsrm2f1c _1rsrm2f2ek _1rsrm2fsd" }, background: { secondary: "q7yway7 _1rsrm2fxe _1rsrm2f1c _1rsrm2f6r _1rsrm2fsb _1rsrm2ftr", success: "q7yway9 _1rsrm2fx8 _1rsrm2f1c _1rsrm2f6r _1rsrm2fsb _1rsrm2ftr" }, innerShadow: "q7ywayb _1rsrm2f1c _1rsrm2fsb" };
4745
4816
 
4746
4817
  // src/components/Icons/StatusIcons.tsx
4747
4818
  function CompletedStatusIcon(props) {
@@ -5780,7 +5851,7 @@ var FunkitThemeProvider = ({
5780
5851
  };
5781
5852
 
5782
5853
  // src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts
5783
- var animateSkeletonClass = "dj0x602 _1rsrm2f105";
5854
+ var animateSkeletonClass = "dj0x602 _1rsrm2f11k";
5784
5855
  var circleSkeletonClass = "dj0x603";
5785
5856
 
5786
5857
  // src/components/FunSkeletonLoader/FunSkeletonBlock.tsx
@@ -15070,7 +15141,7 @@ function FunPoweredTagline({
15070
15141
  }
15071
15142
 
15072
15143
  // src/components/FunBottomBar/FunBottomBar.css.ts
15073
- var topSectionDynamicPadding = "_1rsrm2fqj";
15144
+ var topSectionDynamicPadding = "_1rsrm2frn";
15074
15145
 
15075
15146
  // src/components/FunBottomBar/FunBottomBar.tsx
15076
15147
  var FunBottomBar = ({
@@ -15315,7 +15386,7 @@ var InfoIcon = ({ filled = false, size = 12 }) => {
15315
15386
  };
15316
15387
 
15317
15388
  // src/components/FunTooltip/FunTooltip.css.ts
15318
- var tooltipContent = "z1l38i7 _1rsrm2fmk _1rsrm2fo5 _1rsrm2fpo _1rsrm2fkx _1rsrm2f15 _1rsrm2fwn _1rsrm2f1jb _1rsrm2f1e _1rsrm2f1i";
15389
+ var tooltipContent = "z1l38i7 _1rsrm2fng _1rsrm2fp5 _1rsrm2fqs _1rsrm2flp _1rsrm2f15 _1rsrm2fxw _1rsrm2f1nk _1rsrm2f1f _1rsrm2f1j";
15319
15390
  var tooltipTrigger = "z1l38i5";
15320
15391
 
15321
15392
  // src/components/FunTooltip/FunTooltip.tsx
@@ -16301,7 +16372,7 @@ import React86 from "react";
16301
16372
  // src/components/FunPayments/FunPaymentMethods.tsx
16302
16373
  import {
16303
16374
  BridgeCustomerStatus as BridgeCustomerStatus3,
16304
- FormOfPaymentType
16375
+ FormOfPaymentType as FormOfPaymentType2
16305
16376
  } from "@funkit/api-base";
16306
16377
  import { FlagKey as FlagKey3, formatCurrencyAndStringify as formatCurrencyAndStringify2 } from "@funkit/utils";
16307
16378
  import React74, { useEffect as useEffect25 } from "react";
@@ -16852,6 +16923,9 @@ var useWalletLabel = () => {
16852
16923
  };
16853
16924
 
16854
16925
  // src/utils/swapped.ts
16926
+ import {
16927
+ FormOfPaymentType
16928
+ } from "@funkit/api-base";
16855
16929
  var SWAPPED_CARD_BRANDS = {
16856
16930
  visa: {
16857
16931
  displayName: "Visa",
@@ -16861,11 +16935,27 @@ var SWAPPED_CARD_BRANDS = {
16861
16935
  displayName: "Mastercard",
16862
16936
  iconImageUrl: "https://sdk-cdn.fun.xyz/images/swapped/mastercard.svg"
16863
16937
  },
16864
- american_express: {
16865
- displayName: "Amex",
16866
- iconImageUrl: "https://sdk-cdn.fun.xyz/images/swapped/amex.svg"
16938
+ cartes_bancaires: {
16939
+ displayName: "Cartes Bancaires",
16940
+ iconImageUrl: "https://sdk-cdn.fun.xyz/images/swapped/cartes_bancaires.svg"
16941
+ },
16942
+ jcb: {
16943
+ displayName: "JCB",
16944
+ iconImageUrl: "https://sdk-cdn.fun.xyz/images/swapped/jcb.svg"
16945
+ },
16946
+ unionpay: {
16947
+ displayName: "UnionPay",
16948
+ iconImageUrl: "https://sdk-cdn.fun.xyz/images/swapped/unionpay.svg"
16867
16949
  }
16868
16950
  };
16951
+ var FUN_ICON_OVERRIDES = {
16952
+ [FormOfPaymentType.CARDS]: "https://sdk-cdn.fun.xyz/images/swapped/card-payment.svg",
16953
+ [FormOfPaymentType.BANK_TRANSFER]: "https://sdk-cdn.fun.xyz/images/swapped/bank-transfer.svg",
16954
+ [FormOfPaymentType.REVOLUT_PAY]: "https://sdk-cdn.fun.xyz/images/swapped/revolut-pay.svg",
16955
+ [FormOfPaymentType.APPLE_PAY]: "https://sdk-cdn.fun.xyz/images/swapped/apple-pay.svg",
16956
+ [FormOfPaymentType.GOOGLE_PAY]: "https://sdk-cdn.fun.xyz/images/swapped/google-pay.svg",
16957
+ [FormOfPaymentType.PAYPAL]: "https://sdk-cdn.fun.xyz/images/swapped/paypal.svg"
16958
+ };
16869
16959
  var isSavedFormOfPaymentType = (fop) => "cardBrand" in fop && "cardLastFour" in fop;
16870
16960
  var getSavedFormOfPaymentDisplayName = (fop) => {
16871
16961
  const cardBrand = fop.cardBrand.replace(/ /g, "_").toLowerCase();
@@ -16876,7 +16966,22 @@ var getSavedFormOfPaymentDisplayName = (fop) => {
16876
16966
  var getSavedFormOfPaymentIcon = (fop) => {
16877
16967
  const cardBrand = fop.cardBrand.replace(/ /g, "_").toLowerCase();
16878
16968
  const cardBrandInfo = SWAPPED_CARD_BRANDS[cardBrand];
16879
- return cardBrandInfo?.iconImageUrl ?? fop.iconImageUrl;
16969
+ return cardBrandInfo?.iconImageUrl;
16970
+ };
16971
+ var getSwappedIcon = (fop, isDarkMode) => {
16972
+ const iconUrl = fop.iconImageUrl;
16973
+ const funIcon = FUN_ICON_OVERRIDES[fop.fopType];
16974
+ if (isSavedFormOfPaymentType(fop)) {
16975
+ const savedPaymentIcon = getSavedFormOfPaymentIcon(fop);
16976
+ if (savedPaymentIcon) {
16977
+ return savedPaymentIcon;
16978
+ }
16979
+ }
16980
+ if (funIcon) {
16981
+ return isDarkMode ? funIcon.replace(".svg", "-light.svg") : funIcon;
16982
+ }
16983
+ const swappedIcon = iconUrl.replace("/assets/", "/assets/fun/");
16984
+ return isDarkMode ? swappedIcon.replace(".svg", "light.svg") : swappedIcon;
16880
16985
  };
16881
16986
  function getSwappedOrigin(url) {
16882
16987
  try {
@@ -16931,9 +17036,10 @@ function resolveObjectCssVars(obj) {
16931
17036
  }
16932
17037
  return result;
16933
17038
  }
16934
- function buildSwappedTheme(theme) {
17039
+ function buildSwappedTheme(theme, themeColorScheme) {
16935
17040
  const { customFontFamily } = theme;
16936
17041
  const toFontSlug = (name) => name.toLowerCase().replace(/ /g, "-");
17042
+ const isLightMode = themeColorScheme === "light";
16937
17043
  const swappedTheme = {
16938
17044
  colors: {
16939
17045
  ...theme.colors,
@@ -16956,6 +17062,7 @@ function buildSwappedTheme(theme) {
16956
17062
  calculatorInput: theme.radii.actionButton,
16957
17063
  amountPill: theme.radii.actionButton
16958
17064
  },
17065
+ paymentMethodLightLogos: isLightMode,
16959
17066
  headerHeight: theme.dimensions.modalTopBarHeight,
16960
17067
  headerFontWeight: theme.fontWeight.modalTopbarTitle,
16961
17068
  topbarIconColor: theme.colors.modalTopbarIcon,
@@ -17167,7 +17274,7 @@ import clsx10 from "clsx";
17167
17274
  import React69, { useRef as useRef13 } from "react";
17168
17275
 
17169
17276
  // src/components/FunOptionBox/FunOptionBox.css.ts
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" };
17277
+ var funOptionBoxStyle = { baseStyle: "_1rfcluh0", compactListStyle: "_1rfcluh1", defaultBorder: "_1rsrm2f22e _1rsrm2f22l _1rsrm2f1lp", defaultModeNotActiveBorder: "_1rsrm2f22q _1rsrm2f22x _1rsrm2f1lp _1rsrm2f1n", activeBorder: "_1rsrm2f1lk", disabledOptionBorder: "_1rsrm2f1ne", defaultBackground: "_1rsrm2f1de _1rsrm2fy9", activeBackground: "_1rsrm2f1de _1rsrm2f13r _1rsrm2f13s", uninteractiveBackground: "_1rsrm2f1dk" };
17171
17278
 
17172
17279
  // src/components/FunOptionBox/FunOptionBox.tsx
17173
17280
  function FunOptionBox({
@@ -17216,7 +17323,7 @@ function FunOptionBox({
17216
17323
  isCompactList && funOptionBoxStyle.compactListStyle,
17217
17324
  isActive ? funOptionBoxStyle.activeBorder : (
17218
17325
  // Render a transparent border when the in DEFAULT mode and is not active, to prevent the pixels from shifting around when a border is applied on selection
17219
- type === "default" ? funOptionBoxStyle.transparentBorder : funOptionBoxStyle.defaultBorder
17326
+ type === "default" ? funOptionBoxStyle.defaultModeNotActiveBorder : funOptionBoxStyle.defaultBorder
17220
17327
  ),
17221
17328
  disabled && funOptionBoxStyle.disabledOptionBorder,
17222
17329
  isClickable ? isActive ? funOptionBoxStyle.activeBackground : funOptionBoxStyle.defaultBackground : funOptionBoxStyle.uninteractiveBackground
@@ -17932,25 +18039,27 @@ function FopPaymentMethodItem({
17932
18039
  }) {
17933
18040
  const { geoblocked: isQrCodeGeoblocked } = useIsQRCodeTransferEnabled();
17934
18041
  const isDisabled = isQrCodeGeoblocked || !fop.embeddedFlowUrl;
18042
+ const { activeTheme, darkTheme: darkTheme2 } = useActiveTheme();
17935
18043
  const { t } = useFunkitTranslation();
17936
- const isBankTransfer = fop.fopType === FormOfPaymentType.BANK_TRANSFER;
18044
+ const isDarkMode = activeTheme === darkTheme2;
18045
+ const isBankTransfer = fop.fopType === FormOfPaymentType2.BANK_TRANSFER;
17937
18046
  const labelText = isSavedFormOfPaymentType(fop) ? getSavedFormOfPaymentDisplayName(fop) : fop.name;
17938
- const iconImageUrl = isSavedFormOfPaymentType(fop) ? getSavedFormOfPaymentIcon(fop) : fop.iconImageUrl;
18047
+ const keyIcon = /* @__PURE__ */ React74.createElement(
18048
+ AsyncImage,
18049
+ {
18050
+ src: getSwappedIcon(fop, isDarkMode),
18051
+ alt: labelText,
18052
+ width: 20,
18053
+ height: 20,
18054
+ borderRadius: "4"
18055
+ }
18056
+ );
17939
18057
  return /* @__PURE__ */ React74.createElement(
17940
18058
  FunPaymentMethodItem,
17941
18059
  {
17942
18060
  isActive,
17943
18061
  isDisabled,
17944
- keyIcon: /* @__PURE__ */ React74.createElement(
17945
- AsyncImage,
17946
- {
17947
- src: iconImageUrl,
17948
- alt: labelText,
17949
- width: 20,
17950
- height: 20,
17951
- borderRadius: "4"
17952
- }
17953
- ),
18062
+ keyIcon,
17954
18063
  keyText: labelText,
17955
18064
  onClick,
17956
18065
  disclaimerText: t("payment.disclaimerTextWithLimit", {
@@ -18582,7 +18691,7 @@ function getCheckoutCompletionTime(checkout) {
18582
18691
  // src/components/ReceiveAmount/ReceiveAmount.tsx
18583
18692
  import React90 from "react";
18584
18693
  var ReceiveAmount = ({ config, icon, quote }) => {
18585
- const iconSrc = config.stakingToken?.iconSrc ?? config.iconSrc ?? FALLBACK_ASSET;
18694
+ const iconSrc = config.finalizedToken?.iconSrc ?? config.iconSrc ?? FALLBACK_ASSET;
18586
18695
  return /* @__PURE__ */ React90.createElement(Box, { display: "flex", gap: "5", alignItems: "center" }, icon ?? /* @__PURE__ */ React90.createElement(
18587
18696
  AsyncImage,
18588
18697
  {
@@ -18913,7 +19022,7 @@ function FunDirectExecutionHistoryDetail({
18913
19022
  );
18914
19023
  const isWithdrawal = directExecution?.clientMetadata?.isWithdrawal;
18915
19024
  const buttonProps = useMemo23(() => {
18916
- if (!isLoaded) {
19025
+ if (!directExecution) {
18917
19026
  return void 0;
18918
19027
  }
18919
19028
  if (isFanatics) {
@@ -18936,7 +19045,6 @@ function FunDirectExecutionHistoryDetail({
18936
19045
  directExecution,
18937
19046
  handleNewCheckout,
18938
19047
  isActiveCheckout,
18939
- isLoaded,
18940
19048
  onClose,
18941
19049
  t
18942
19050
  ]);
@@ -18985,7 +19093,7 @@ function FunDirectExecutionHistoryDetail({
18985
19093
  {
18986
19094
  isProcessing,
18987
19095
  isLoaded,
18988
- onClose: isFanatics ? () => handleNewCheckout(directExecution) : onClose,
19096
+ onClose: isFanatics && directExecution ? () => handleNewCheckout(directExecution) : onClose,
18989
19097
  onCloseLabel: isFanatics ? t("checkoutHistory.newDeposit") : void 0,
18990
19098
  actionButtonProps: buttonProps
18991
19099
  }
@@ -19007,27 +19115,27 @@ function DirectExecutionSummaryHistory({
19007
19115
  });
19008
19116
  const receiveAmountLabel = useReceiveAmountLabel({
19009
19117
  directExecutionType: directExecution?.type,
19010
- isSameToken: isTokenEquivalent({
19011
- firstTokenAddress: directExecution?.fromTokenAddress,
19012
- firstTokenChainId: directExecution?.fromChainId,
19013
- secondTokenAddress: directExecution?.toTokenAddress,
19014
- secondTokenChainId: directExecution?.toChainId
19015
- })
19118
+ isSameToken: directExecution ? isTokenEquivalent({
19119
+ firstTokenAddress: directExecution.fromTokenAddress,
19120
+ firstTokenChainId: directExecution.fromChainId,
19121
+ secondTokenAddress: directExecution.toTokenAddress,
19122
+ secondTokenChainId: directExecution.toChainId
19123
+ }) : false
19016
19124
  });
19017
19125
  const customDestinationConfig = uiCustomizations.confirmationScreen.destinationConfig;
19018
19126
  const clientMetadata = isLoaded && directExecution?.clientMetadata;
19019
19127
  const isAccountPayment = clientMetadata && clientMetadata.selectedPaymentMethodInfo?.paymentMethod === "balance" /* ACCOUNT_BALANCE */;
19020
19128
  const sourceRedirectAddress = isAccountPayment ? directExecution?.sourceOfFund?.split("|")?.[2] : null;
19021
- const isWithdrawal = !!directExecution.clientMetadata.isWithdrawal;
19129
+ const isWithdrawal = !!directExecution?.clientMetadata?.isWithdrawal;
19022
19130
  const sourceRedirectChain = sourceRedirectAddress && clientMetadata && !clientMetadata.initSettings.config.customRecipient && // is same as destination
19023
- uiCustomizations.confirmationScreen.preferDestinationWhenSame ? directExecution.toChainId : directExecution.fromChainId;
19131
+ uiCustomizations.confirmationScreen.preferDestinationWhenSame ? directExecution?.toChainId : directExecution?.fromChainId;
19024
19132
  const { youReceive: YouReceiveIconComponent } = uiCustomizations.customIcons;
19025
- const routeSummaryItem = clientMetadata ? /* @__PURE__ */ React96.createElement(
19133
+ const routeSummaryItem = clientMetadata && directExecution ? /* @__PURE__ */ React96.createElement(
19026
19134
  PaymentRouteSummary,
19027
19135
  {
19028
19136
  paymentMethodInfo: clientMetadata.selectedPaymentMethodInfo,
19029
19137
  customRecipient: clientMetadata.initSettings.config.customRecipient,
19030
- sourceRedirect: sourceRedirectAddress ? /* @__PURE__ */ React96.createElement(
19138
+ sourceRedirect: sourceRedirectAddress && sourceRedirectChain ? /* @__PURE__ */ React96.createElement(
19031
19139
  AddressRedirectButton,
19032
19140
  {
19033
19141
  chainId: sourceRedirectChain,
@@ -19058,7 +19166,7 @@ function DirectExecutionSummaryHistory({
19058
19166
  config: clientMetadata.initSettings.config,
19059
19167
  quote: clientMetadata.latestQuote
19060
19168
  }))) : /* @__PURE__ */ React96.createElement(Box, { display: "flex", gap: "5", alignItems: "center" }, /* @__PURE__ */ React96.createElement(FunSkeletonCircle, { size: "15" }), /* @__PURE__ */ React96.createElement(FunSkeletonBlock, { height: "10", width: "93" })));
19061
- const totalTimeItem = isCompleted && /* @__PURE__ */ React96.createElement(
19169
+ const totalTimeItem = isCompleted && directExecution && /* @__PURE__ */ React96.createElement(
19062
19170
  TotalTimeItem,
19063
19171
  {
19064
19172
  label: t("directExecution.totalTime"),
@@ -19084,7 +19192,7 @@ function DirectExecutionSummaryHistory({
19084
19192
  }
19085
19193
  );
19086
19194
  }
19087
- const fillStatusItem = /* @__PURE__ */ React96.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React96.createElement(FunTxSummaryLineItemKeyText, { text: t("directExecution.fillStatus") }), isLoaded ? /* @__PURE__ */ React96.createElement(
19195
+ const fillStatusItem = /* @__PURE__ */ React96.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React96.createElement(FunTxSummaryLineItemKeyText, { text: t("directExecution.fillStatus") }), isLoaded && directExecution ? /* @__PURE__ */ React96.createElement(
19088
19196
  FunDirectExecutionStatusTagLoaded,
19089
19197
  {
19090
19198
  directExecution,
@@ -19131,7 +19239,7 @@ function DirectExecutionOrderDetail({
19131
19239
  },
19132
19240
  /* @__PURE__ */ React96.createElement(Text, { size: "txBreakdown", weight: "txBreakdown", color: "tertiaryText" }, t("directExecution.moreDetails")),
19133
19241
  /* @__PURE__ */ React96.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center" }, isLoaded ? /* @__PURE__ */ React96.createElement(ArrowIcon, { direction: isExpanded ? "down" : "right" }) : /* @__PURE__ */ React96.createElement(FunSkeletonCircle, { size: "16" }))
19134
- ), isLoaded && /* @__PURE__ */ React96.createElement(
19242
+ ), isLoaded && directExecution && /* @__PURE__ */ React96.createElement(
19135
19243
  Box,
19136
19244
  {
19137
19245
  className: isExpanded ? contentExpanded : contentCollapsed,
@@ -19492,12 +19600,12 @@ var SearchIcon = () => {
19492
19600
  // src/components/FunInput/FunInput.css.ts
19493
19601
  var baseWrapperStyles = "zue0i60";
19494
19602
  var baseWrapperStylesNoTransition = "zue0i61";
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";
19603
+ var inputClass = "zue0i64 _1rsrm2f2hk _1rsrm2fot _1rsrm2fqi _1rsrm2fs8 _1rsrm2fn5";
19604
+ var inputClassDisabled = "zue0i68 _1rsrm2f2jq _1rsrm2fot _1rsrm2fqi _1rsrm2fs8 _1rsrm2fn5";
19605
+ var inputClassDisabledNoTransition = "zue0i6a _1rsrm2f2jq _1rsrm2fot _1rsrm2fqi _1rsrm2fs8 _1rsrm2fn5";
19606
+ var inputClassError = "zue0i6c _1rsrm2f2hk _1rsrm2fot _1rsrm2fqi _1rsrm2fs8 _1rsrm2fn5";
19607
+ var inputClassErrorNoTransition = "zue0i6e _1rsrm2f2hk _1rsrm2fot _1rsrm2fqi _1rsrm2fs8 _1rsrm2fn5";
19608
+ var inputClassNoTransition = "zue0i66 _1rsrm2f2hk _1rsrm2fot _1rsrm2fqi _1rsrm2fs8 _1rsrm2fn5";
19501
19609
  var numberInputResetStyle = "zue0i62";
19502
19610
 
19503
19611
  // src/components/FunInput/FunInput.tsx
@@ -19715,7 +19823,7 @@ var FunInput = forwardRef3(function FunInputWithRef({
19715
19823
  className: ignoreBaseTransitions ? baseWrapperStylesNoTransition : baseWrapperStyles,
19716
19824
  background: overrideBackground || {
19717
19825
  base: "inputBackground",
19718
- hover: "offBackground"
19826
+ hover: "inputBackgroundHover"
19719
19827
  }
19720
19828
  },
19721
19829
  prefix && /* @__PURE__ */ React100.createElement(Box, { paddingLeft: "12", height: "max" }, prefix),
@@ -19742,7 +19850,11 @@ var FunInput = forwardRef3(function FunInputWithRef({
19742
19850
  {
19743
19851
  paddingLeft: "4",
19744
19852
  paddingRight: "10",
19745
- ...allowMultiline ? { paddingTop: "9" } : {}
19853
+ ...allowMultiline ? {
19854
+ style: {
19855
+ paddingTop: `calc(${themeVars.spacing.inputPaddingY} - 3px)`
19856
+ }
19857
+ } : {}
19746
19858
  },
19747
19859
  suffix
19748
19860
  )
@@ -20049,11 +20161,14 @@ function BaseActiveDropdownItem({
20049
20161
  base: "dropdownActiveItemBackgroundBase",
20050
20162
  hover: "dropdownActiveItemBackgroundHover"
20051
20163
  },
20052
- borderColor: "mediumStroke",
20164
+ borderColor: {
20165
+ base: "dropdownActiveItemBorderBase",
20166
+ hover: "dropdownActiveItemBorderHover"
20167
+ },
20053
20168
  borderWidth: size === "compact" ? "0" : "1",
20054
20169
  borderRadius: BORDER_RADIUS,
20055
20170
  borderStyle: "solid",
20056
- paddingY: size === "compact" ? "2" : size === "large" ? "10" : "8",
20171
+ paddingY: size === "compact" ? "2" : size === "large" ? "10" : "dropdownActiveItemRegularSizePaddingY",
20057
20172
  paddingX: size === "compact" ? "4" : size === "large" ? "8" : HORIZONTAL_OUTER_PADDING_X,
20058
20173
  className: baseStyles
20059
20174
  },
@@ -20074,6 +20189,10 @@ function BaseActiveDropdownItem({
20074
20189
  alignItems: "center",
20075
20190
  justifyContent: "space-between",
20076
20191
  gap: horizontalIconGap,
20192
+ background: {
20193
+ base: "transparent",
20194
+ hover: "alwaysVisibleLabelBackgroundHover"
20195
+ },
20077
20196
  ...alwaysVisibleLabel ? {} : { style: { flex: 1 } }
20078
20197
  },
20079
20198
  /* @__PURE__ */ React106.createElement(
@@ -20681,6 +20800,7 @@ var TokenAndChainDropdown = ({
20681
20800
  {
20682
20801
  size: "transferTokenLabelFontSize",
20683
20802
  weight: "transferTokenLabelFontWeight",
20803
+ color: "dropdownLabelColor",
20684
20804
  testId: "token-selector-label"
20685
20805
  },
20686
20806
  finalTokenLabel
@@ -20712,6 +20832,7 @@ var TokenAndChainDropdown = ({
20712
20832
  {
20713
20833
  size: "transferTokenLabelFontSize",
20714
20834
  weight: "transferTokenLabelFontWeight",
20835
+ color: "dropdownLabelColor",
20715
20836
  testId: "chain-selector-label"
20716
20837
  },
20717
20838
  finalChainLabel
@@ -20774,7 +20895,7 @@ import React112 from "react";
20774
20895
 
20775
20896
  // src/components/FunInfoBanner/InfoBanner.css.ts
20776
20897
  var anchorStyle = "vyedix0";
20777
- var iconWrapperStyle = "vyedix2 _1rsrm2frs _1rsrm2f5t";
20898
+ var iconWrapperStyle = "vyedix2 _1rsrm2ft0 _1rsrm2f60";
20778
20899
 
20779
20900
  // src/components/FunInfoBanner/InfoBanner.tsx
20780
20901
  var InfoBanner = ({
@@ -21067,12 +21188,9 @@ import { motion as motion8, useAnimationControls } from "motion/react";
21067
21188
  import { mainnet as mainnet6 } from "viem/chains";
21068
21189
 
21069
21190
  // src/domains/relay.ts
21070
- function extractRelayFeeInfo({
21071
- relayQuote = {},
21072
- feeBreakdown
21073
- } = {}) {
21074
- if (feeBreakdown) {
21075
- const feeBreakdownV2 = feeBreakdown;
21191
+ function extractRelayFeeInfo(quoteV2) {
21192
+ if (quoteV2?.feeBreakdown) {
21193
+ const feeBreakdownV2 = quoteV2.feeBreakdown;
21076
21194
  return {
21077
21195
  gasUsd: feeBreakdownV2.gasUsd ?? 0,
21078
21196
  fillCostUsd: feeBreakdownV2.fillCostUsd ?? 0,
@@ -21089,10 +21207,9 @@ function extractRelayFeeInfo({
21089
21207
  appFeeLabel: feeBreakdownV2.appFeeLabel
21090
21208
  };
21091
21209
  }
21092
- logger.error("extractFeeInfo: Fee breakdown data is missing.", {
21093
- relayQuote,
21094
- feeBreakdown
21095
- });
21210
+ if (quoteV2) {
21211
+ logger.error("extractFeeInfo: Fee breakdown data is missing.", quoteV2);
21212
+ }
21096
21213
  return {
21097
21214
  gasUsd: 0,
21098
21215
  fillCostUsd: 0,
@@ -21210,7 +21327,7 @@ var RelayIcon = ({ size = 24 }) => {
21210
21327
  };
21211
21328
 
21212
21329
  // src/components/FunTransactionSummary/PaymentFeesSummary.css.ts
21213
- var baseStyles2 = "_1rsrm2f2an";
21330
+ var baseStyles2 = "_1rsrm2f2hw";
21214
21331
  var expandableStyles = "vkwve32";
21215
21332
  var feeLineHideStyles = "vkwve34";
21216
21333
  var feeLineShowStyles = "vkwve33";
@@ -21294,15 +21411,15 @@ function translateAppFeeLabel(appFeeLabel, t) {
21294
21411
  };
21295
21412
  return feeLabelMap[appFeeLabel] ?? t("fees.funxyzFee");
21296
21413
  }
21297
- function computeDigest(relayQuoteMetadata, uiCustomizations, totalPriceImpactPercent, gasUsd, checkoutConfig, hasStakingToken) {
21414
+ function computeDigest(relayQuoteMetadata, uiCustomizations, totalPriceImpactPercent, gasUsd, checkoutConfig, hasFinalizedToken) {
21298
21415
  const showTransactionDigest = uiCustomizations.confirmationScreen.showTransactionDigest;
21299
21416
  const details = relayQuoteMetadata.relayQuote.details;
21300
- if (checkoutConfig && hasStakingToken) {
21301
- const { stakingTokenAmount, stakingTokenSymbol } = computeDisplayDestinationToken(checkoutConfig, 1);
21302
- const amount = formatCryptoAndStringify(stakingTokenAmount);
21417
+ if (checkoutConfig && hasFinalizedToken) {
21418
+ const { finalizedTokenAmount, finalizedTokenSymbol } = computeDisplayDestinationToken(checkoutConfig, 1);
21419
+ const amount = formatCryptoAndStringify(finalizedTokenAmount);
21303
21420
  return {
21304
21421
  isMainnet: false,
21305
- value: `1 ${checkoutConfig.targetAssetTicker} = ${amount} ${stakingTokenSymbol}`
21422
+ value: `1 ${checkoutConfig.targetAssetTicker} = ${amount} ${finalizedTokenSymbol}`
21306
21423
  };
21307
21424
  }
21308
21425
  if (showTransactionDigest === "none") {
@@ -21342,7 +21459,7 @@ function renderRelayFee({
21342
21459
  const totalPriceImpact = swapImpactUsd + appFeeUsd;
21343
21460
  const totalPriceImpactPercent = swapImpact + appFeePercent;
21344
21461
  const details = relayQuoteMetadata.relayQuote.details;
21345
- const hasStakingToken = Boolean(checkoutConfig?.stakingToken);
21462
+ const hasFinalizedToken = Boolean(checkoutConfig?.finalizedToken);
21346
21463
  const isVaultDeposit = checkoutConfig && isVaultDepositCheckout(checkoutConfig, {
21347
21464
  tokenAddress: details?.currencyIn?.currency?.address || "0x",
21348
21465
  chainId: String(details?.currencyIn?.currency?.chainId || "")
@@ -21387,9 +21504,9 @@ function renderRelayFee({
21387
21504
  totalPriceImpactPercent,
21388
21505
  totalNetworkCostUsd,
21389
21506
  checkoutConfig,
21390
- hasStakingToken
21507
+ hasFinalizedToken
21391
21508
  );
21392
- const { stakingTokenAmount } = computeDisplayDestinationToken(
21509
+ const { finalizedTokenAmount } = computeDisplayDestinationToken(
21393
21510
  checkoutConfig,
21394
21511
  checkoutConfig?.targetAssetAmount || 0
21395
21512
  );
@@ -21409,14 +21526,14 @@ function renderRelayFee({
21409
21526
  value: selectedRoute.label
21410
21527
  }
21411
21528
  ] : [],
21412
- ...checkoutConfig?.stakingToken && !isVaultDeposit ? [
21529
+ ...checkoutConfig?.finalizedToken && !isVaultDeposit ? [
21413
21530
  {
21414
21531
  label: t("fees.receiveAtLeast"),
21415
21532
  testId: "receive-at-least",
21416
- value: `${formatCryptoAndStringify(stakingTokenAmount)} ${checkoutConfig.stakingToken.tokenSymbol}`
21533
+ value: `${formatCryptoAndStringify(finalizedTokenAmount)} ${checkoutConfig.finalizedToken.tokenSymbol}`
21417
21534
  }
21418
21535
  ] : [],
21419
- ...hasStakingToken ? [
21536
+ ...hasFinalizedToken ? [
21420
21537
  {
21421
21538
  label: t("fees.exchangeRate"),
21422
21539
  testId: "exchange-rate",
@@ -21519,7 +21636,7 @@ function renderRelayFee({
21519
21636
  value: t("fees.autoSlippageValue", {
21520
21637
  value: formatPercent(maxSlippage)
21521
21638
  }),
21522
- tooltipText: hasStakingToken ? t("fees.slippageTooltip") : t("fees.slippageTooltipWithMin", {
21639
+ tooltipText: hasFinalizedToken ? t("fees.slippageTooltip") : t("fees.slippageTooltipWithMin", {
21523
21640
  minReceived: formatCurrencyAndStringify3(minReceived)
21524
21641
  })
21525
21642
  },
@@ -23265,7 +23382,7 @@ function WithdrawRecipientAddress({
23265
23382
  }
23266
23383
  };
23267
23384
  const showAddressError = addressInputTouched && hasAddressError;
23268
- return /* @__PURE__ */ React121.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React121.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React121.createElement(Text, { size: "12", weight: "medium" }, t("withdrawal.recipientAddress")), /* @__PURE__ */ React121.createElement(
23385
+ return /* @__PURE__ */ React121.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React121.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React121.createElement(Text, { size: "12", weight: "medium", color: "inputLabel" }, t("withdrawal.recipientAddress")), /* @__PURE__ */ React121.createElement(
23269
23386
  FunInput,
23270
23387
  {
23271
23388
  allowMultiline: true,
@@ -23288,7 +23405,7 @@ function WithdrawRecipientAddress({
23288
23405
  paddingY: "4",
23289
23406
  paddingRight: "6",
23290
23407
  paddingLeft: "4",
23291
- borderRadius: "8",
23408
+ borderRadius: "useConnected",
23292
23409
  background: "mediumStroke",
23293
23410
  onClick: handleUseConnectedClick
23294
23411
  },
@@ -23305,7 +23422,7 @@ function WithdrawRecipientAddress({
23305
23422
  /* @__PURE__ */ React121.createElement(
23306
23423
  Text,
23307
23424
  {
23308
- size: "12",
23425
+ size: "useConnectedFontSize",
23309
23426
  weight: "medium",
23310
23427
  style: { whiteSpace: "nowrap" }
23311
23428
  },
@@ -23351,7 +23468,7 @@ function WithdrawAmountInput({
23351
23468
  updateWithdrawalSourceAssetAmount(sourceTokenBalance);
23352
23469
  };
23353
23470
  const showAmountError = amountInputTouched && withdrawalUSD !== "" && !isWithdrawAmountValid;
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(
23471
+ return /* @__PURE__ */ React121.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React121.createElement(Text, { size: "12", weight: "medium", color: "inputLabel" }, t("withdrawal.amount")), /* @__PURE__ */ React121.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React121.createElement(
23355
23472
  FunInput,
23356
23473
  {
23357
23474
  borderRadius: "withdrawalInput",
@@ -23941,7 +24058,7 @@ function FunCheckoutHistoryContent({
23941
24058
  initDirectExecution: directExecutionInfo
23942
24059
  });
23943
24060
  const isDirectExecutionRecord = isCheckoutHistoryDirectExecution(depositAddress);
23944
- if (isDirectExecutionRecord && directExecution) {
24061
+ if (isDirectExecutionRecord) {
23945
24062
  return /* @__PURE__ */ React127.createElement(
23946
24063
  FunDirectExecutionHistoryDetail,
23947
24064
  {
@@ -24203,16 +24320,16 @@ var useActivityTraversal = () => {
24203
24320
  };
24204
24321
 
24205
24322
  // src/modals/ProfileDetails/ProfileDetails.tsx
24206
- import React246, { useCallback as useCallback48, useState as useState73 } from "react";
24323
+ import React246, { useCallback as useCallback47, useState as useState73 } from "react";
24207
24324
 
24208
24325
  // src/components/ModalHeightAnimationLayer/FunCheckoutModalHeightAnimationWrapper.tsx
24209
24326
  import React233 from "react";
24210
24327
 
24211
24328
  // src/modals/CheckoutModal/stepTransition.ts
24212
24329
  import {
24213
- useCallback as useCallback46,
24330
+ useCallback as useCallback45,
24214
24331
  useEffect as useEffect56,
24215
- useRef as useRef33,
24332
+ useRef as useRef32,
24216
24333
  useState as useState70
24217
24334
  } from "react";
24218
24335
 
@@ -26944,7 +27061,7 @@ import clsx17 from "clsx";
26944
27061
  import React165, { useMemo as useMemo34 } from "react";
26945
27062
 
26946
27063
  // src/components/FunAssetAvatar/FunAssetAvatar.css.ts
26947
- var chainContainerStyle = "uwrdc22 _1rsrm2f1b _1rsrm2fa _1rsrm2f4 _1rsrm2f77";
27064
+ var chainContainerStyle = "uwrdc22 _1rsrm2f1c _1rsrm2fa _1rsrm2f4 _1rsrm2f7f";
26948
27065
  var containerStyle = "uwrdc20";
26949
27066
 
26950
27067
  // src/components/FunAssetAvatar/FunAssetAvatar.tsx
@@ -27073,7 +27190,7 @@ function PaymentAmountSummary({
27073
27190
  const sourceTokenAmount = quote?.finalPaymentTokenAmount ? Number.parseFloat(quote.finalPaymentTokenAmount) : void 0;
27074
27191
  const paymentTokenUsdAmount = quote ? formatCurrencyAndStringify5(quote.baseQuote.estTotalUsd) : void 0;
27075
27192
  const targetTokenAmount = checkoutConfig?.targetAssetAmount ?? 0;
27076
- const { stakingTokenAmount, stakingTokenSymbol, stakingTokenIcon } = computeDisplayDestinationToken(checkoutConfig, targetTokenAmount);
27193
+ const { finalizedTokenAmount, finalizedTokenSymbol, finalizedTokenIcon } = computeDisplayDestinationToken(checkoutConfig, targetTokenAmount);
27077
27194
  const targetItemName = checkoutConfig?.targetAssetTicker || checkoutConfig?.checkoutItemTitle;
27078
27195
  const sourceChainId = sourceAssetInfo?.chainId;
27079
27196
  const areSameChains = sourceChainId === targetChainId;
@@ -27083,10 +27200,10 @@ function PaymentAmountSummary({
27083
27200
  secondTokenAddress: targetTokenAddress
27084
27201
  });
27085
27202
  const isExactSameToken = areSameChains && isSameTokenAddress;
27086
- const hasStakingToken = Boolean(
27087
- checkoutItem?.initSettings.config.stakingToken
27203
+ const hasFinalizedToken = Boolean(
27204
+ checkoutItem?.initSettings.config.finalizedToken
27088
27205
  );
27089
- const showYouWillPaySummary = !isExactSameToken && !isCardPayment || hasStakingToken;
27206
+ const showYouWillPaySummary = !isExactSameToken && !isCardPayment || hasFinalizedToken;
27090
27207
  const swapImpactPct = (() => {
27091
27208
  if (isAcrossRoute(quote?.baseQuote.metadata)) {
27092
27209
  return 0;
@@ -27124,7 +27241,7 @@ function PaymentAmountSummary({
27124
27241
  isLoading,
27125
27242
  testId: "payment-you-send"
27126
27243
  }
27127
- ), /* @__PURE__ */ React166.createElement(FunTxSummaryDivider, null)), !hasStakingToken && /* @__PURE__ */ React166.createElement(
27244
+ ), /* @__PURE__ */ React166.createElement(FunTxSummaryDivider, null)), !hasFinalizedToken && /* @__PURE__ */ React166.createElement(
27128
27245
  PaymentAmountSummaryItem,
27129
27246
  {
27130
27247
  labelIcon: uiCustomizations.customIcons.youReceive,
@@ -27146,18 +27263,18 @@ function PaymentAmountSummary({
27146
27263
  isLoading: uiCustomizations.confirmationScreen.showReceiveAmountUsd ? isLoading : false,
27147
27264
  testId: "payment-you-receive"
27148
27265
  }
27149
- ), hasStakingToken && /* @__PURE__ */ React166.createElement(
27266
+ ), hasFinalizedToken && /* @__PURE__ */ React166.createElement(
27150
27267
  PaymentAmountSummaryItem,
27151
27268
  {
27152
27269
  label: receiveAmountLabel,
27153
- paymentTokenAmount: stakingTokenAmount * (1 + swapImpactPct / 100),
27154
- valueSymbol: stakingTokenSymbol ?? "",
27270
+ paymentTokenAmount: finalizedTokenAmount * (1 + swapImpactPct / 100),
27271
+ valueSymbol: finalizedTokenSymbol ?? "",
27155
27272
  icon: /* @__PURE__ */ React166.createElement(
27156
27273
  FunAssetAvatar,
27157
27274
  {
27158
27275
  largeChainIcon: true,
27159
27276
  assetIconSize: "16",
27160
- assetSrc: stakingTokenIcon ?? void 0,
27277
+ assetSrc: finalizedTokenIcon ?? void 0,
27161
27278
  chainId: areSameChains ? void 0 : targetChainId,
27162
27279
  prioritizeDefaults: false,
27163
27280
  assetName: "checkout-asset"
@@ -27433,7 +27550,7 @@ function CheckoutPrimaryInfo({
27433
27550
  }) {
27434
27551
  const { t } = useFunkitTranslation();
27435
27552
  const checkoutValue = isStablecoin(config.targetAssetTicker) ? config.targetAssetAmount : usdAmount;
27436
- const { stakingTokenAmount } = computeDisplayDestinationToken(
27553
+ const { finalizedTokenAmount } = computeDisplayDestinationToken(
27437
27554
  config,
27438
27555
  config.targetAssetAmount || 0
27439
27556
  );
@@ -27446,7 +27563,7 @@ function CheckoutPrimaryInfo({
27446
27563
  alignItems: showLeftAlignedDollarValueWithLabel ? "flex-start" : "center",
27447
27564
  justifyContent: "center"
27448
27565
  },
27449
- isLoading ? /* @__PURE__ */ React171.createElement(DollarValueSkeleton, null) : config.stakingToken ? /* @__PURE__ */ React171.createElement(
27566
+ isLoading ? /* @__PURE__ */ React171.createElement(DollarValueSkeleton, null) : config.finalizedToken ? /* @__PURE__ */ React171.createElement(
27450
27567
  Text,
27451
27568
  {
27452
27569
  font: "inputAmount",
@@ -27491,7 +27608,7 @@ function CheckoutPrimaryInfo({
27491
27608
  }
27492
27609
  ) : null, /* @__PURE__ */ React171.createElement(Text, { color: "tertiaryText", size: "14", weight: "medium" }, getCheckoutItemDisplay({
27493
27610
  checkoutConfig: config,
27494
- overrideAmount: stakingTokenAmount
27611
+ overrideAmount: finalizedTokenAmount
27495
27612
  })))
27496
27613
  );
27497
27614
  }
@@ -28012,8 +28129,8 @@ import { noop as noop8 } from "@funkit/utils";
28012
28129
  import React174, { useCallback as useCallback32, useEffect as useEffect42, useState as useState50 } from "react";
28013
28130
 
28014
28131
  // src/components/FunCountdown/FunCountdown.css.ts
28015
- var backgroundRing = "_1t0bc111 _1rsrm2f26b";
28016
- var counterRing = "_1t0bc113 _1rsrm2f2pn";
28132
+ var backgroundRing = "_1t0bc111 _1rsrm2f2dk";
28133
+ var counterRing = "_1t0bc113 _1rsrm2f2zw";
28017
28134
 
28018
28135
  // src/components/FunCountdown/FunCountdown.tsx
28019
28136
  var FunCountdown = ({
@@ -28472,13 +28589,13 @@ function ConfirmationStep({
28472
28589
  const isStepLoading = isInitialQuoting || isContinuing || isRefreshing;
28473
28590
  const customRecipient = checkoutItem?.initSettings.config.customRecipient;
28474
28591
  const checkoutConfig = checkoutItem?.initSettings.config;
28475
- const hasStakingToken = Boolean(checkoutConfig?.stakingToken);
28592
+ const hasFinalizedToken = Boolean(checkoutConfig?.finalizedToken);
28476
28593
  const isVaultDeposit = checkoutConfig && isVaultDepositCheckout(checkoutConfig, {
28477
28594
  chainId: checkoutItem.selectedSourceAssetInfo.chainId,
28478
28595
  tokenAddress: checkoutItem.selectedSourceAssetInfo.address || "0x"
28479
28596
  });
28480
- const hidePrimaryInfo = hasStakingToken && !isVaultDeposit;
28481
- const hasStaticPrimaryInfoValue = !!checkoutConfig?.targetAssetAmount && (hasStakingToken || isStablecoin(checkoutConfig.targetAssetTicker));
28597
+ const hidePrimaryInfo = hasFinalizedToken && !isVaultDeposit;
28598
+ const hasStaticPrimaryInfoValue = !!checkoutConfig?.targetAssetAmount && (hasFinalizedToken || isStablecoin(checkoutConfig.targetAssetTicker));
28482
28599
  const checkoutId = checkoutItem?.id;
28483
28600
  const isReady = !!checkoutItem?.finalDollarValue && !isQuoteLoading;
28484
28601
  useEffect44(() => {
@@ -30020,7 +30137,7 @@ var QuickOptions = ({
30020
30137
  {
30021
30138
  borderRadius: "actionButton",
30022
30139
  fontFamily: "amountValue",
30023
- fontSize: "14",
30140
+ fontSize: "quickOptionFontSize",
30024
30141
  fontWeight: "medium",
30025
30142
  color: "primaryText",
30026
30143
  icon: null,
@@ -30176,8 +30293,8 @@ function initializeState({
30176
30293
  defaultIsInputInFiat
30177
30294
  }) {
30178
30295
  const { targetAssetAmount, targetChain, targetAssetTicker } = checkoutConfig;
30179
- const isVaultDeposit = !!checkoutConfig.stakingToken;
30180
- const isInputInFiat = defaultIsInputInFiat ?? (!isVaultDeposit || paymentMethodInfo.paymentMethod === "card" /* CARD */);
30296
+ const hasFinalizedToken = !!checkoutConfig.finalizedToken;
30297
+ const isInputInFiat = defaultIsInputInFiat ?? (!hasFinalizedToken || paymentMethodInfo.paymentMethod === "card" /* CARD */);
30181
30298
  const unitPrice = isStablecoin(targetAssetTicker) ? 1 : realUnitPrice;
30182
30299
  const usdAvailableAmount = getUsdAvailableAmount(
30183
30300
  targetChain,
@@ -30224,7 +30341,7 @@ function initializeState({
30224
30341
  usdMaxAmount,
30225
30342
  usdMinAmount,
30226
30343
  meldEnabled,
30227
- isVaultDeposit: !!isVaultDeposit
30344
+ isVaultDeposit: !!hasFinalizedToken
30228
30345
  };
30229
30346
  }
30230
30347
  function reduceState(state, action) {
@@ -31497,10 +31614,10 @@ function useAmountInputUI({
31497
31614
  });
31498
31615
  return () => cancelAnimationFrame(id);
31499
31616
  }, []);
31500
- const { targetAssetTicker, stakingToken } = checkoutConfig;
31617
+ const { targetAssetTicker, finalizedToken } = checkoutConfig;
31501
31618
  const handleIsAmountInAbsoluteToggle = () => {
31502
31619
  setIsLayoutAnimating(true);
31503
- if (!stakingToken) {
31620
+ if (!finalizedToken) {
31504
31621
  toggleInputInFiat();
31505
31622
  }
31506
31623
  };
@@ -31516,7 +31633,7 @@ function useAmountInputUI({
31516
31633
  (isStablecoin(targetAssetTicker) ? fiatAmount : assetAmount) ?? 0,
31517
31634
  ASSET_DECIMALS
31518
31635
  );
31519
- const { stakingTokenAmount, stakingTokenSymbol } = computeDisplayDestinationToken(checkoutConfig, displayAssetAmount);
31636
+ const { finalizedTokenAmount, finalizedTokenSymbol } = computeDisplayDestinationToken(checkoutConfig, displayAssetAmount);
31520
31637
  const isConvertedAmountShown = targetAssetTicker && (!isInputInFiat || meldEnabled && fiatCurrency === "USD" || !meldEnabled);
31521
31638
  const affixElement = inputAffix.content && /* needs whitespace for padding*/
31522
31639
  /* @__PURE__ */ React189.createElement(
@@ -31670,14 +31787,14 @@ function useAmountInputUI({
31670
31787
  );
31671
31788
  const innerSwitch = (() => {
31672
31789
  let innerText = "";
31673
- if (stakingToken) {
31674
- innerText = `${formatCryptoAndStringify5(stakingTokenAmount, stakingTokenSymbol)} \u2022 ${formatCurrencyAndStringify8(
31790
+ if (finalizedToken) {
31791
+ innerText = `${formatCryptoAndStringify5(finalizedTokenAmount, finalizedTokenSymbol)} \u2022 ${formatCurrencyAndStringify8(
31675
31792
  fiatAmount ?? 0
31676
31793
  )}`;
31677
31794
  } else if (isInputInFiat) {
31678
31795
  innerText = formatCryptoAndStringify5(
31679
- stakingTokenAmount,
31680
- stakingTokenSymbol
31796
+ finalizedTokenAmount,
31797
+ finalizedTokenSymbol
31681
31798
  );
31682
31799
  } else {
31683
31800
  innerText = formatCurrencyAndStringify8(fiatAmount ?? 0);
@@ -31692,7 +31809,7 @@ function useAmountInputUI({
31692
31809
  alignItems: "center",
31693
31810
  paddingX: "8"
31694
31811
  },
31695
- stakingToken ? innerSwitch : /* @__PURE__ */ React189.createElement(
31812
+ finalizedToken ? innerSwitch : /* @__PURE__ */ React189.createElement(
31696
31813
  FunIconButton,
31697
31814
  {
31698
31815
  icon: !meldEnabled && /* @__PURE__ */ React189.createElement(
@@ -31722,9 +31839,9 @@ function useAmountInputUI({
31722
31839
  layoutId: "asset",
31723
31840
  ...motionProps.switch
31724
31841
  },
31725
- formatCryptoAndStringify5(stakingTokenAmount),
31842
+ formatCryptoAndStringify5(finalizedTokenAmount),
31726
31843
  /* @__PURE__ */ React189.createElement(Backdrop, null)
31727
- ), isInputInFiat && /* @__PURE__ */ React189.createElement(motion11.div, { key: "symbol", ...motionProps.symbol }, "\xA0", stakingTokenSymbol)))
31844
+ ), isInputInFiat && /* @__PURE__ */ React189.createElement(motion11.div, { key: "symbol", ...motionProps.symbol }, "\xA0", finalizedTokenSymbol)))
31728
31845
  )
31729
31846
  );
31730
31847
  return {
@@ -31742,7 +31859,7 @@ function YouPayYouReceiveWrapper({
31742
31859
  targetAssetTicker,
31743
31860
  targetAsset: targetAssetAddress,
31744
31861
  iconSrc: targetIconSrc,
31745
- stakingToken
31862
+ finalizedToken
31746
31863
  } = checkoutConfig;
31747
31864
  const { checkoutItem } = useCheckoutContext();
31748
31865
  const sourceAssetInfo = checkoutItem?.selectedSourceAssetInfo;
@@ -31769,9 +31886,9 @@ function YouPayYouReceiveWrapper({
31769
31886
  payTokenSymbol: sourceAssetSymbol ?? "",
31770
31887
  payTokenIconSrc: sourceAssetIconSrc ?? "",
31771
31888
  payTokenChainId: sourceAssetChainId,
31772
- receiveTokenSymbol: stakingToken?.tokenSymbol ?? targetAssetTicker,
31773
- receiveTokenIconSrc: stakingToken?.iconSrc ?? targetIconSrc ?? "",
31774
- receiveTokenChainId: stakingToken?.tokenChainId ?? targetChainId,
31889
+ receiveTokenSymbol: finalizedToken?.tokenSymbol ?? targetAssetTicker,
31890
+ receiveTokenIconSrc: finalizedToken?.iconSrc ?? targetIconSrc ?? "",
31891
+ receiveTokenChainId: finalizedToken?.tokenChainId ?? targetChainId,
31775
31892
  prioritizeDefaults: false,
31776
31893
  isYouPayChainIconHidden: isChainIconHidden
31777
31894
  }
@@ -32466,7 +32583,7 @@ import { motion as motion12 } from "motion/react";
32466
32583
  import React197 from "react";
32467
32584
 
32468
32585
  // src/components/Tabs/tabs.css.ts
32469
- var activeTabStyle = "eghi2t9 _1rsrm2fwn _1rsrm2ft";
32586
+ var activeTabStyle = "eghi2t9 _1rsrm2fxw _1rsrm2ft";
32470
32587
  var tabSlideContentIn = "eghi2t4";
32471
32588
  var tabSlideContentInReverse = "eghi2t6";
32472
32589
  var tabSlideContentOut = "eghi2t5";
@@ -32610,13 +32727,15 @@ var CryptoCashToggle = ({
32610
32727
  // src/modals/CheckoutModal/SourceChange/sourceChange.css.ts
32611
32728
  var WITH_EMPTY_STATE_DATA_ATTRIBUTE = "data-with-empty-state";
32612
32729
  var emptyStateStyles = "_14kf6rb0";
32613
- var fullWidthContentDivider = "_14kf6rb7";
32614
- var paymentMethodScrollArea = "_14kf6rb5";
32615
- var paymentMethodScrollbarHidden = "_14kf6rb6";
32616
- var paymentMethodStaticArea = "_14kf6rb4";
32617
- var removeBottomPaddingFromSurroundingDialog = "_14kf6rb3";
32730
+ var fullWidthContentDivider = "_14kf6rb9";
32731
+ var paymentMethodScrollArea = "_14kf6rb7";
32732
+ var paymentMethodScrollbarHidden = "_14kf6rb8";
32733
+ var paymentMethodStaticArea = "_14kf6rb6";
32734
+ var removeBottomPaddingFromSurroundingDialog = "_14kf6rb5";
32618
32735
  var sourceListBoxStyles = "_14kf6rb1";
32619
- var sourceListCompactBoxStyles = "_14kf6rb2";
32736
+ var sourceListCompactBoxStyles = "_14kf6rb4";
32737
+ var sourceListGroupContainerNoLabelsStyles = "_14kf6rb3";
32738
+ var sourceListGroupContainerStyles = "_14kf6rb2";
32620
32739
 
32621
32740
  // src/modals/CheckoutModal/SourceChange/SourceChangeLoading.tsx
32622
32741
  function SourceChangeLoading({
@@ -33337,7 +33456,7 @@ var SelectAssetList = ({
33337
33456
  {
33338
33457
  display: "flex",
33339
33458
  flexDirection: "column",
33340
- gap: uiCustomizations.enableCompactList ? "0" : "4"
33459
+ gap: uiCustomizations.enableCompactList ? "0" : "assetListDefaultGap"
33341
33460
  },
33342
33461
  assetOptions.map(({ asset, isDisabled, badgeText, minUsdRequired }) => {
33343
33462
  const isAssetItemActive = !navigateOnAssetClick && selectedChainTokenSymbol === asset.chainSymbolKey;
@@ -33844,7 +33963,7 @@ import {
33844
33963
  import { LIGHTER_CHAIN_ID as LIGHTER_CHAIN_ID3 } from "@funkit/chains";
33845
33964
  import { noop as noop9 } from "@funkit/utils";
33846
33965
  import clsx20 from "clsx";
33847
- import React215, { useEffect as useEffect52, useRef as useRef30, useState as useState62 } from "react";
33966
+ import React215, { useEffect as useEffect52, useRef as useRef29, useState as useState62 } from "react";
33848
33967
  import { createPortal as createPortal18 } from "react-dom";
33849
33968
 
33850
33969
  // src/components/Dropdown/ReceiveTokenDropdown.tsx
@@ -33946,7 +34065,8 @@ var ReceiveTokenDropdown = ({
33946
34065
 
33947
34066
  // src/hooks/queries/useFops.ts
33948
34067
  import {
33949
- FormOfPaymentType as FormOfPaymentType2,
34068
+ FormOfPaymentType as FormOfPaymentType3,
34069
+ PaymentGroup,
33950
34070
  getFops
33951
34071
  } from "@funkit/api-base";
33952
34072
  import { solanaChain as solanaChain6 } from "@funkit/chains";
@@ -34033,14 +34153,16 @@ var useSwappedDefaultCurrency = () => {
34033
34153
  // src/hooks/queries/useFops.ts
34034
34154
  function validateFormOfPayments(res) {
34035
34155
  const isValid = (data) => {
34036
- if (!data.iconImageUrl || !isValidUrl(data.embeddedFlowUrl)) {
34156
+ if (!data.iconImageUrl || !isValidUrl(data.embeddedFlowUrl) || !PaymentGroup[data.fopType]) {
34037
34157
  logger.warn("useFops:invalidFormOfPayment", {
34038
34158
  message: "Excluding from payment method list. Invalid form of payment.",
34039
34159
  // avoid logging the entire data object - PCI/PII protection
34040
34160
  data: {
34041
34161
  name: "cardBrand" in data ? data.cardBrand : data.name,
34042
34162
  iconImageUrl: data.iconImageUrl,
34043
- embeddedFlowUrl: data.embeddedFlowUrl
34163
+ embeddedFlowUrl: data.embeddedFlowUrl,
34164
+ fopType: data.fopType,
34165
+ paymentGroup: PaymentGroup[data.fopType] || "Invalid payment group"
34044
34166
  }
34045
34167
  });
34046
34168
  return false;
@@ -34164,7 +34286,7 @@ var useFops = () => {
34164
34286
  var placeholderFops = {
34165
34287
  genericFormsOfPayments: [
34166
34288
  {
34167
- fopType: FormOfPaymentType2.CARDS,
34289
+ fopType: FormOfPaymentType3.CARDS,
34168
34290
  name: "Card",
34169
34291
  embeddedFlowUrl: "",
34170
34292
  iconImageUrl: "https://widget.swapped.com/assets/payment/creditcard.svg",
@@ -34182,7 +34304,7 @@ var placeholderFops = {
34182
34304
  }
34183
34305
  },
34184
34306
  {
34185
- fopType: FormOfPaymentType2.APPLE_PAY,
34307
+ fopType: FormOfPaymentType3.APPLE_PAY,
34186
34308
  name: "Apple Pay",
34187
34309
  embeddedFlowUrl: "",
34188
34310
  iconImageUrl: "https://widget.swapped.com/assets/payment/apple-pay.svg",
@@ -34200,7 +34322,7 @@ var placeholderFops = {
34200
34322
  }
34201
34323
  },
34202
34324
  {
34203
- fopType: FormOfPaymentType2.GOOGLE_PAY,
34325
+ fopType: FormOfPaymentType3.GOOGLE_PAY,
34204
34326
  name: "Google Pay",
34205
34327
  embeddedFlowUrl: "",
34206
34328
  iconImageUrl: "https://widget.swapped.com/assets/payment/google-pay.svg",
@@ -34218,7 +34340,7 @@ var placeholderFops = {
34218
34340
  }
34219
34341
  },
34220
34342
  {
34221
- fopType: FormOfPaymentType2.BANK_TRANSFER,
34343
+ fopType: FormOfPaymentType3.BANK_TRANSFER,
34222
34344
  name: "Bank Transfer",
34223
34345
  embeddedFlowUrl: "",
34224
34346
  iconImageUrl: "https://widget.swapped.com/assets/payment/bank-transfer.svg",
@@ -34456,155 +34578,52 @@ function FormOfPaymentsList({
34456
34578
  }
34457
34579
 
34458
34580
  // src/providers/SwappedProvider.tsx
34581
+ import { PaymentGroup as PaymentGroup2 } from "@funkit/api-base";
34459
34582
  import React211, {
34460
34583
  createContext as createContext18,
34461
- useCallback as useCallback41,
34584
+ useCallback as useCallback40,
34462
34585
  useContext as useContext18,
34463
34586
  useEffect as useEffect50,
34464
34587
  useMemo as useMemo49,
34465
- useRef as useRef29
34588
+ useRef as useRef28,
34589
+ useState as useState61
34466
34590
  } from "react";
34467
-
34468
- // src/hooks/useIframePool.ts
34469
- import { useCallback as useCallback40, useRef as useRef28, useState as useState61 } from "react";
34470
- var DEFAULT_MAX_SIZE = 6;
34471
- function useIframePool({
34472
- maxSize = DEFAULT_MAX_SIZE
34473
- } = {}) {
34474
- const [urls, setUrls] = useState61([]);
34475
- const [activeUrl, setActiveUrl] = useState61(null);
34476
- const [loadedUrls, setLoadedUrls] = useState61([]);
34477
- const iframeElementRefs = useRef28(/* @__PURE__ */ new Map());
34478
- const activeUrlRef = useRef28(null);
34479
- const loadedUrlsRef = useRef28([]);
34480
- const evict = useCallback40(
34481
- (list, protectedUrl) => {
34482
- if (list.length <= maxSize) {
34483
- return list;
34484
- }
34485
- const toRemove = list.length - maxSize;
34486
- const evictedSet = /* @__PURE__ */ new Set();
34487
- for (let i = list.length - 1; i >= 0 && evictedSet.size < toRemove; i--) {
34488
- const url = list[i];
34489
- if (url !== void 0 && url !== protectedUrl) {
34490
- evictedSet.add(url);
34491
- }
34492
- }
34493
- const result = list.filter((u) => !evictedSet.has(u));
34494
- const next = loadedUrlsRef.current.filter((u) => !evictedSet.has(u));
34495
- if (next.length !== loadedUrlsRef.current.length) {
34496
- loadedUrlsRef.current = next;
34497
- setLoadedUrls(next);
34498
- }
34499
- return result;
34500
- },
34501
- [maxSize]
34502
- );
34503
- const activate = useCallback40(
34504
- (url) => {
34505
- activeUrlRef.current = url;
34506
- setActiveUrl(url);
34507
- setUrls((prev) => {
34508
- if (prev.includes(url)) {
34509
- return prev;
34510
- }
34511
- return evict([url, ...prev], url);
34512
- });
34513
- },
34514
- [evict]
34515
- );
34516
- const deactivate = useCallback40(() => {
34517
- activeUrlRef.current = null;
34518
- setActiveUrl(null);
34519
- }, []);
34520
- const setPreloadUrls = useCallback40(
34521
- (incoming) => {
34522
- setUrls((prev) => {
34523
- const extra = prev.filter((u) => !incoming.includes(u));
34524
- const merged = [...incoming, ...extra];
34525
- const next = evict(merged, activeUrlRef.current);
34526
- if (prev.length !== next.length || prev.some((u, i) => u !== next[i])) {
34527
- return next;
34528
- }
34529
- return prev;
34530
- });
34531
- },
34532
- [evict]
34533
- );
34534
- const setLoaded = useCallback40((url) => {
34535
- if (loadedUrlsRef.current.includes(url)) {
34536
- return;
34537
- }
34538
- const next = [...loadedUrlsRef.current, url];
34539
- loadedUrlsRef.current = next;
34540
- setLoadedUrls(next);
34541
- }, []);
34542
- const clear = useCallback40(() => {
34543
- loadedUrlsRef.current = [];
34544
- setLoadedUrls([]);
34545
- iframeElementRefs.current.clear();
34546
- activeUrlRef.current = null;
34547
- setActiveUrl(null);
34548
- setUrls([]);
34549
- }, []);
34550
- const setRef = useCallback40((url, el) => {
34551
- if (el) {
34552
- iframeElementRefs.current.set(url, el);
34553
- } else {
34554
- iframeElementRefs.current.delete(url);
34555
- }
34556
- }, []);
34557
- const getRef = useCallback40(
34558
- (url) => iframeElementRefs.current.get(url) ?? null,
34559
- []
34560
- );
34561
- return {
34562
- urls,
34563
- activeUrl,
34564
- loadedUrls,
34565
- loadedUrlsRef,
34566
- setPreloadUrls,
34567
- activate,
34568
- deactivate,
34569
- setLoaded,
34570
- clear,
34571
- setRef,
34572
- getRef,
34573
- activeUrlRef
34574
- };
34575
- }
34576
-
34577
- // src/providers/SwappedProvider.tsx
34578
34591
  var SwappedContext = createContext18(null);
34579
- var LOADING_DELAY = 300;
34580
34592
  function SwappedProvider({ children }) {
34581
- const { activeTheme } = useActiveTheme();
34593
+ const { activeTheme, themeColorScheme } = useActiveTheme();
34582
34594
  const { uiCustomizations } = useFunkitConfig();
34583
- const pool = useIframePool();
34584
- const activeCallbacksRef = useRef29(null);
34585
- const loadDelayTimeoutRef = useRef29(void 0);
34586
- const swappedTheme = useMemo49(
34587
- () => buildSwappedTheme({
34588
- ...activeTheme,
34589
- customFontFamily: uiCustomizations.customFontFamily
34590
- }),
34591
- [activeTheme, uiCustomizations.customFontFamily]
34592
- );
34593
- const setActiveCallbacks = useCallback41(
34595
+ const [iframeUrl, setIframeUrl] = useState61(null);
34596
+ const [isActive, setIsActive] = useState61(false);
34597
+ const [isSwappedReady, setIsSwappedReady] = useState61(false);
34598
+ const iframeRef = useRef28(null);
34599
+ const activeFopTypeRef = useRef28(null);
34600
+ const activeCallbacksRef = useRef28(null);
34601
+ const swappedTheme = useMemo49(() => {
34602
+ const customFontFamily = uiCustomizations.customFontFamily;
34603
+ const theme = { ...activeTheme, customFontFamily };
34604
+ return buildSwappedTheme(theme, themeColorScheme);
34605
+ }, [activeTheme, themeColorScheme, uiCustomizations.customFontFamily]);
34606
+ const setActiveCallbacks = useCallback40(
34594
34607
  (cb) => {
34595
34608
  activeCallbacksRef.current = cb;
34596
34609
  },
34597
34610
  []
34598
34611
  );
34599
- const isActiveIframeSource = useCallback41(
34600
- (source) => {
34601
- const url = pool.activeUrlRef.current;
34602
- if (!url || !source) {
34603
- return false;
34612
+ const setIframeRef = useCallback40((el) => {
34613
+ iframeRef.current = el;
34614
+ }, []);
34615
+ const sendSwappedPaymentMethod = useEffectEvent(
34616
+ (fopType) => {
34617
+ const contentWindow = iframeRef.current?.contentWindow;
34618
+ const targetOrigin = getSwappedOrigin(iframeUrl || "");
34619
+ if (!contentWindow || !targetOrigin) {
34620
+ return;
34604
34621
  }
34605
- return pool.getRef(url)?.contentWindow === source;
34606
- },
34607
- [pool.activeUrlRef, pool.getRef]
34622
+ const method = PaymentGroup2[fopType];
34623
+ const msg = { type: "SWAPPED_METHOD", method };
34624
+ contentWindow.postMessage(msg, targetOrigin);
34625
+ logger.info("swapped-provider:sendMethod", { postMessage: msg });
34626
+ }
34608
34627
  );
34609
34628
  const sendThemeToWindow = useEffectEvent(
34610
34629
  (contentWindow, targetOrigin) => {
@@ -34613,83 +34632,60 @@ function SwappedProvider({ children }) {
34613
34632
  logger.info("swapped-provider:sendTheme", { postMessage: msg });
34614
34633
  }
34615
34634
  );
34616
- const onIframeReady = useEffectEvent((source) => {
34617
- const url = pool.urls.find((u) => pool.getRef(u)?.contentWindow === source);
34618
- if (url) {
34619
- if (pool.activeUrlRef.current === url) {
34620
- clearTimeout(loadDelayTimeoutRef.current);
34621
- loadDelayTimeoutRef.current = setTimeout(() => {
34622
- pool.setLoaded(url);
34623
- }, LOADING_DELAY);
34624
- } else {
34625
- pool.setLoaded(url);
34626
- }
34627
- }
34628
- });
34629
- const handleIframeElementLoaded = useCallback41(
34630
- (url) => {
34631
- const targetOrigin = getSwappedOrigin(url);
34632
- const contentWindow = pool.getRef(url)?.contentWindow;
34633
- if (contentWindow && targetOrigin) {
34634
- sendThemeToWindow(contentWindow, targetOrigin);
34635
- }
34635
+ const activateIframe = useCallback40(
34636
+ (fopType) => {
34637
+ setIsActive(true);
34638
+ activeFopTypeRef.current = fopType;
34639
+ sendSwappedPaymentMethod(fopType);
34636
34640
  },
34637
- [pool.getRef, sendThemeToWindow]
34641
+ [sendSwappedPaymentMethod]
34638
34642
  );
34639
- useEffect50(() => {
34640
- return () => clearTimeout(loadDelayTimeoutRef.current);
34643
+ const deactivateIframe = useCallback40(() => {
34644
+ setIsActive(false);
34645
+ }, []);
34646
+ const resetIframe = useCallback40(() => {
34647
+ setIsSwappedReady(false);
34648
+ setIsActive(false);
34649
+ setIframeUrl(null);
34650
+ activeFopTypeRef.current = null;
34641
34651
  }, []);
34642
- useEffect50(() => {
34643
- for (const url of pool.urls) {
34644
- const targetOrigin = getSwappedOrigin(url);
34645
- const contentWindow = pool.getRef(url)?.contentWindow;
34646
- const isLoaded = pool.loadedUrlsRef.current.includes(url);
34647
- if (contentWindow && targetOrigin && isLoaded) {
34648
- contentWindow.postMessage(
34649
- { type: "SWAPPED_THEME", data: swappedTheme },
34650
- targetOrigin
34651
- );
34652
- }
34653
- }
34654
- }, [swappedTheme, pool.urls, pool.getRef, pool.loadedUrlsRef]);
34655
34652
  useEffect50(() => {
34656
34653
  function handleMessage(event) {
34657
34654
  if (!isSwappedOrigin(event.origin)) {
34658
34655
  return;
34659
34656
  }
34660
- const messageType = event.data?.type;
34661
- if (typeof messageType !== "string" || !messageType.startsWith("SWAPPED_")) {
34662
- return;
34663
- }
34664
- if (messageType === "SWAPPED_READY") {
34665
- if (event.source && "postMessage" in event.source) {
34666
- sendThemeToWindow(event.source, event.origin);
34667
- onIframeReady(event.source);
34668
- }
34669
- }
34670
- if (!isActiveIframeSource(event.source) || !activeCallbacksRef.current) {
34671
- return;
34672
- }
34673
- switch (messageType) {
34657
+ switch (event.data?.type) {
34658
+ case "SWAPPED_READY":
34659
+ logger.log("swapped-provider:swapped_ready_preload", {
34660
+ message: `Preloaded iframe ready for payment method: ${activeFopTypeRef.current}`
34661
+ });
34662
+ if (event.source) {
34663
+ sendThemeToWindow(event.source, event.origin);
34664
+ }
34665
+ if (activeFopTypeRef.current) {
34666
+ sendSwappedPaymentMethod(activeFopTypeRef.current);
34667
+ }
34668
+ setIsSwappedReady(true);
34669
+ break;
34674
34670
  case "SWAPPED_COMPLETE":
34675
- activeCallbacksRef.current.onComplete();
34671
+ activeCallbacksRef.current?.onComplete();
34676
34672
  break;
34677
34673
  case "SWAPPED_GO_BACK":
34678
- activeCallbacksRef.current.onBack();
34674
+ activeCallbacksRef.current?.onBack();
34679
34675
  break;
34680
34676
  case "SWAPPED_CLOSE":
34681
- activeCallbacksRef.current.onExit();
34677
+ activeCallbacksRef.current?.onExit();
34682
34678
  break;
34683
34679
  case "SWAPPED_NEW_DEPOSIT":
34684
- activeCallbacksRef.current.onNewDeposit();
34680
+ activeCallbacksRef.current?.onNewDeposit();
34685
34681
  break;
34686
34682
  case "SWAPPED_ERROR":
34687
- activeCallbacksRef.current.onError(
34683
+ activeCallbacksRef.current?.onError(
34688
34684
  event.data.data?.message || "Unknown error"
34689
34685
  );
34690
34686
  break;
34691
34687
  case "SWAPPED_NAVIGATION":
34692
- activeCallbacksRef.current.onNavigation(
34688
+ activeCallbacksRef.current?.onNavigation(
34693
34689
  event.data.data?.step || "unknown"
34694
34690
  );
34695
34691
  break;
@@ -34697,31 +34693,28 @@ function SwappedProvider({ children }) {
34697
34693
  }
34698
34694
  window.addEventListener("message", handleMessage);
34699
34695
  return () => window.removeEventListener("message", handleMessage);
34700
- }, [isActiveIframeSource, sendThemeToWindow, onIframeReady]);
34696
+ }, [sendThemeToWindow, sendSwappedPaymentMethod]);
34701
34697
  const value = useMemo49(
34702
34698
  () => ({
34703
- poolUrls: pool.urls,
34704
- loadedIframeUrls: pool.loadedUrls,
34705
- setPreloadUrls: pool.setPreloadUrls,
34706
- activeUrl: pool.activeUrl,
34707
- activateIframe: pool.activate,
34708
- deactivateIframe: pool.deactivate,
34709
- onIframeElementLoaded: handleIframeElementLoaded,
34710
- clearIframePool: pool.clear,
34711
- setIframeRef: pool.setRef,
34699
+ iframeUrl,
34700
+ isSwappedReady,
34701
+ isActive,
34702
+ setIframeUrl,
34703
+ activateIframe,
34704
+ deactivateIframe,
34705
+ resetIframe,
34706
+ setIframeRef,
34712
34707
  setActiveCallbacks,
34713
34708
  swappedTheme
34714
34709
  }),
34715
34710
  [
34716
- pool.urls,
34717
- pool.loadedUrls,
34718
- pool.setPreloadUrls,
34719
- pool.activeUrl,
34720
- pool.activate,
34721
- pool.deactivate,
34722
- handleIframeElementLoaded,
34723
- pool.clear,
34724
- pool.setRef,
34711
+ iframeUrl,
34712
+ isSwappedReady,
34713
+ isActive,
34714
+ activateIframe,
34715
+ deactivateIframe,
34716
+ resetIframe,
34717
+ setIframeRef,
34725
34718
  setActiveCallbacks,
34726
34719
  swappedTheme
34727
34720
  ]
@@ -34738,11 +34731,11 @@ function useSwappedContext() {
34738
34731
 
34739
34732
  // src/hooks/useSwappedPreload.ts
34740
34733
  function useSwappedPreload(fopsData) {
34741
- const { setPreloadUrls } = useSwappedContext();
34742
34734
  const fopPriority = useDynamicConfig("foppriority");
34735
+ const { setIframeUrl } = useSwappedContext();
34743
34736
  useEffect51(() => {
34744
34737
  if (!fopsData) {
34745
- setPreloadUrls([]);
34738
+ setIframeUrl(null);
34746
34739
  return;
34747
34740
  }
34748
34741
  const { primary, secondary } = getFormOfPaymentSections(
@@ -34750,8 +34743,8 @@ function useSwappedPreload(fopsData) {
34750
34743
  fopPriority
34751
34744
  );
34752
34745
  const urls = [...primary.items, ...secondary.items].map((fop) => fop.embeddedFlowUrl).filter((url) => !!url);
34753
- setPreloadUrls(urls);
34754
- }, [fopsData, setPreloadUrls, fopPriority]);
34746
+ setIframeUrl(urls[0] ?? null);
34747
+ }, [fopsData, setIframeUrl, fopPriority]);
34755
34748
  }
34756
34749
 
34757
34750
  // src/modals/CheckoutModal/SourceChange/ConnectedSource.tsx
@@ -34806,7 +34799,7 @@ import React214 from "react";
34806
34799
 
34807
34800
  // src/modals/CheckoutModal/SourceChange/PayPal.tsx
34808
34801
  import { MeldServiceProvider as MeldServiceProvider3 } from "@funkit/api-base";
34809
- import React213, { useCallback as useCallback42 } from "react";
34802
+ import React213, { useCallback as useCallback41 } from "react";
34810
34803
  function PayPal() {
34811
34804
  const { apiKey } = useFunkitConfig();
34812
34805
  const { data: defaultCurrency } = useMeldDefaultCurrency("card" /* CARD */);
@@ -34818,7 +34811,7 @@ function PayPal() {
34818
34811
  const isMeldEnabled = useIsMeldEnabled();
34819
34812
  const { checkoutItem } = useCheckoutContext();
34820
34813
  const isPaypalReady = false;
34821
- const onClick = useCallback42(() => {
34814
+ const onClick = useCallback41(() => {
34822
34815
  if (isMeldEnabled && isPaypalReady) {
34823
34816
  openMeldPopup(() => mutateAsync(MeldServiceProvider3.PAYPAL));
34824
34817
  } else {
@@ -34856,6 +34849,7 @@ function SourceList({
34856
34849
  const { uiCustomizations } = useFunkitConfig();
34857
34850
  const { t } = useFunkitTranslation();
34858
34851
  const { isSwappedEnabled } = usePaymentMethodEnablement();
34852
+ const enableSourceGroupLabels = useDynamicConfig("enablesourcegrouplabels");
34859
34853
  const hasMoreSources = moreSources.length > 0 || unavailable.length > 0;
34860
34854
  const boxClassName = uiCustomizations.enableCompactList ? sourceListCompactBoxStyles : sourceListBoxStyles;
34861
34855
  if (isSwappedEnabled) {
@@ -34866,23 +34860,32 @@ function SourceList({
34866
34860
  flexDirection: "column",
34867
34861
  ...{ [WITH_EMPTY_STATE_DATA_ATTRIBUTE]: true }
34868
34862
  },
34869
- /* @__PURE__ */ React214.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, preferred.length > 0 && /* @__PURE__ */ React214.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React214.createElement(
34870
- Text,
34871
- {
34872
- color: "secondaryText",
34873
- size: "sourceListSectionLabelFontSize",
34874
- weight: "sourceListSectionLabelFontWeight"
34875
- },
34876
- isFallback ? t("sourceChange.mostPopular") : t("sourceChange.connected")
34877
- ), /* @__PURE__ */ React214.createElement(Box, { className: boxClassName }, preferred.map(renderSource))), hasMoreSources && /* @__PURE__ */ React214.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, preferred.length > 0 && /* @__PURE__ */ React214.createElement(
34878
- Text,
34863
+ /* @__PURE__ */ React214.createElement(
34864
+ Box,
34879
34865
  {
34880
- color: "secondaryText",
34881
- size: "sourceListSectionLabelFontSize",
34882
- weight: "sourceListSectionLabelFontWeight"
34866
+ display: "flex",
34867
+ flexDirection: "column",
34868
+ className: enableSourceGroupLabels ? sourceListGroupContainerStyles : sourceListGroupContainerNoLabelsStyles
34883
34869
  },
34884
- t("sourceChange.otherOptions")
34885
- ), /* @__PURE__ */ React214.createElement(Box, { className: boxClassName }, moreSources.map(renderSource), unavailable.map(renderUnavailable))))
34870
+ preferred.length > 0 && /* @__PURE__ */ React214.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, enableSourceGroupLabels && /* @__PURE__ */ React214.createElement(
34871
+ Text,
34872
+ {
34873
+ color: "secondaryText",
34874
+ size: "sourceListSectionLabelFontSize",
34875
+ weight: "sourceListSectionLabelFontWeight"
34876
+ },
34877
+ isFallback ? t("sourceChange.mostPopular") : t("sourceChange.connected")
34878
+ ), /* @__PURE__ */ React214.createElement(Box, { className: boxClassName }, preferred.map(renderSource))),
34879
+ hasMoreSources && /* @__PURE__ */ React214.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, preferred.length > 0 && enableSourceGroupLabels && /* @__PURE__ */ React214.createElement(
34880
+ Text,
34881
+ {
34882
+ color: "secondaryText",
34883
+ size: "sourceListSectionLabelFontSize",
34884
+ weight: "sourceListSectionLabelFontWeight"
34885
+ },
34886
+ t("sourceChange.otherOptions")
34887
+ ), /* @__PURE__ */ React214.createElement(Box, { className: boxClassName }, moreSources.map(renderSource), unavailable.map(renderUnavailable)))
34888
+ )
34886
34889
  );
34887
34890
  }
34888
34891
  return /* @__PURE__ */ React214.createElement(
@@ -34890,7 +34893,7 @@ function SourceList({
34890
34893
  {
34891
34894
  display: "flex",
34892
34895
  flexDirection: "column",
34893
- gap: "4",
34896
+ className: boxClassName,
34894
34897
  ...{ [WITH_EMPTY_STATE_DATA_ATTRIBUTE]: true }
34895
34898
  },
34896
34899
  preferred.map(renderSource),
@@ -35112,7 +35115,7 @@ function SourceChange({
35112
35115
  setModalState((state) => ({ ...state, showWalletOptions: true }));
35113
35116
  }
35114
35117
  };
35115
- const lastObservedTabRef = useRef30(void 0);
35118
+ const lastObservedTabRef = useRef29(void 0);
35116
35119
  const sendPaymentMethodTabEvent = useEffectEvent((tab) => {
35117
35120
  if (lastObservedTabRef.current === tab) {
35118
35121
  return;
@@ -35416,12 +35419,12 @@ function trackEventForTabChange(checkoutItem, tab) {
35416
35419
  };
35417
35420
  }
35418
35421
 
35419
- // src/modals/CheckoutModal/SwappedIframe/SwappedIframe.tsx
35422
+ // src/modals/CheckoutModal/SwappedIframe/SwappedIframeContainer.tsx
35420
35423
  import { useQueryClient as useQueryClient3 } from "@tanstack/react-query";
35421
- import React216, { useEffect as useEffect53, useRef as useRef31, useState as useState63 } from "react";
35424
+ import React216, { useEffect as useEffect53, useRef as useRef30, useState as useState63 } from "react";
35422
35425
  import { Trans as Trans14 } from "react-i18next";
35423
35426
  var SwappedIframeInfo = {
35424
- Component: SwappedIframe,
35427
+ Component: SwappedIframeContainer,
35425
35428
  onBack: (state, prevState) => {
35426
35429
  return {
35427
35430
  ...prevState,
@@ -35442,7 +35445,7 @@ var SwappedIframeInfo = {
35442
35445
  hideClose: () => true,
35443
35446
  hideTopbar: () => true
35444
35447
  };
35445
- function SwappedIframe({
35448
+ function SwappedIframeContainer({
35446
35449
  modalState,
35447
35450
  onNext,
35448
35451
  onBack,
@@ -35453,19 +35456,17 @@ function SwappedIframe({
35453
35456
  const { t } = useFunkitTranslation();
35454
35457
  const queryClient = useQueryClient3();
35455
35458
  const [error, setError] = useState63(null);
35456
- const timeoutRef = useRef31(void 0);
35459
+ const timeoutRef = useRef30(void 0);
35457
35460
  const { checkoutItem } = useCheckoutContext();
35458
35461
  const {
35459
35462
  activateIframe,
35460
35463
  deactivateIframe,
35461
- loadedIframeUrls,
35462
- clearIframePool,
35464
+ isSwappedReady,
35465
+ resetIframe,
35463
35466
  setActiveCallbacks,
35464
35467
  swappedTheme
35465
35468
  } = useSwappedContext();
35466
35469
  const { selectedPaymentOption } = modalState;
35467
- const iframeUrl = selectedPaymentOption.embeddedFlowUrl || "";
35468
- const loaded = loadedIframeUrls.includes(iframeUrl);
35469
35470
  const getTrackEvent = useEffectEvent(
35470
35471
  (event, extras) => trackEventForFormOfPayment(
35471
35472
  selectedPaymentOption,
@@ -35478,12 +35479,12 @@ function SwappedIframe({
35478
35479
  startMeasuredEvent("fc::ready::swapped_iframe" /* READY_SWAPPED_IFRAME */);
35479
35480
  }, [startMeasuredEvent]);
35480
35481
  useEffect53(() => {
35481
- if (loaded) {
35482
+ if (isSwappedReady) {
35482
35483
  const event = getTrackEvent("fc::ready::swapped_iframe" /* READY_SWAPPED_IFRAME */);
35483
35484
  logger.info("swapped-iframe:ready", event.metadata);
35484
35485
  logMeasuredEvent(event);
35485
35486
  }
35486
- }, [getTrackEvent, loaded, logMeasuredEvent]);
35487
+ }, [getTrackEvent, isSwappedReady, logMeasuredEvent]);
35487
35488
  useEffect53(() => {
35488
35489
  setActiveCallbacks({
35489
35490
  onComplete: () => {
@@ -35622,11 +35623,11 @@ function SwappedIframe({
35622
35623
  queryClient
35623
35624
  ]);
35624
35625
  useEffect53(() => {
35625
- activateIframe(iframeUrl);
35626
+ activateIframe(selectedPaymentOption.fopType);
35626
35627
  return () => deactivateIframe();
35627
- }, [iframeUrl, activateIframe, deactivateIframe]);
35628
+ }, [selectedPaymentOption.fopType, activateIframe, deactivateIframe]);
35628
35629
  useEffect53(() => {
35629
- if (loaded) {
35630
+ if (isSwappedReady) {
35630
35631
  clearTimeout(timeoutRef.current);
35631
35632
  return;
35632
35633
  }
@@ -35648,7 +35649,7 @@ function SwappedIframe({
35648
35649
  });
35649
35650
  }, TIMEOUT_ERROR);
35650
35651
  return () => clearTimeout(timeoutRef.current);
35651
- }, [loaded, t]);
35652
+ }, [isSwappedReady, t]);
35652
35653
  if (error) {
35653
35654
  return /* @__PURE__ */ React216.createElement(React216.Fragment, null, /* @__PURE__ */ React216.createElement(Dialog.Content, null, /* @__PURE__ */ React216.createElement(
35654
35655
  Box,
@@ -35673,15 +35674,16 @@ function SwappedIframe({
35673
35674
  actionButtonProps: {
35674
35675
  title: t("common.tryAgain"),
35675
35676
  onClick: () => {
35676
- clearIframePool();
35677
+ resetIframe();
35677
35678
  setError(null);
35679
+ queryClient.invalidateQueries({ queryKey: ["fops"] });
35678
35680
  onBack();
35679
35681
  }
35680
35682
  }
35681
35683
  }
35682
35684
  ));
35683
35685
  }
35684
- if (!loaded) {
35686
+ if (!isSwappedReady) {
35685
35687
  return /* @__PURE__ */ React216.createElement(
35686
35688
  Box,
35687
35689
  {
@@ -35799,18 +35801,18 @@ function trackEventForFormOfPayment(fop, checkoutItem, eventName, extras) {
35799
35801
 
35800
35802
  // src/modals/CheckoutModal/TransferToken/TransferToken.tsx
35801
35803
  import { motion as motion14, useAnimationControls as useAnimationControls3 } from "motion/react";
35802
- import React226, { useRef as useRef32, useState as useState67 } from "react";
35804
+ import React226, { useRef as useRef31, useState as useState67 } from "react";
35803
35805
  import { createPortal as createPortal19 } from "react-dom";
35804
35806
 
35805
35807
  // src/components/CopyAddress/CopyInputDisplayedAddress.tsx
35806
35808
  import { truncateMiddleOfAddress } from "@funkit/utils";
35807
- import React217, { useCallback as useCallback44, useState as useState65 } from "react";
35809
+ import React217, { useCallback as useCallback43, useState as useState65 } from "react";
35808
35810
 
35809
35811
  // src/hooks/useCopyToClipboard.ts
35810
- import { useCallback as useCallback43, useEffect as useEffect54, useState as useState64 } from "react";
35812
+ import { useCallback as useCallback42, useEffect as useEffect54, useState as useState64 } from "react";
35811
35813
  var useCopyToClipboard = (text, delay = 1500) => {
35812
35814
  const [isCopied, setCopied] = useState64(false);
35813
- const handleCopy = useCallback43(() => {
35815
+ const handleCopy = useCallback42(() => {
35814
35816
  if (!text) {
35815
35817
  return;
35816
35818
  }
@@ -35828,15 +35830,15 @@ var useCopyToClipboard = (text, delay = 1500) => {
35828
35830
  };
35829
35831
 
35830
35832
  // src/components/CopyAddress/CopyInputDisplayedAddress.css.ts
35831
- var copyButton = "_1kbzei93 _1rsrm2fmo _1rsrm2fo9 _1rsrm2fpq _1rsrm2fkz _1rsrm2fsj _1rsrm2f2ab _1rsrm2fwz _1rsrm2fxc _1rsrm2f107";
35833
+ var copyButton = "_1kbzei93 _1rsrm2fnk _1rsrm2fp9 _1rsrm2fqu _1rsrm2flr _1rsrm2ftr _1rsrm2f2hk _1rsrm2f1g2 _1rsrm2f1g9 _1rsrm2f1gg";
35832
35834
  var copyButtonIcon = "_1kbzei94";
35833
35835
  var copyButtonIconActive = "_1kbzei96 _1kbzei94";
35834
35836
  var copyButtonIconBase = "_1kbzei95";
35835
- var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4 _1rsrm2f1w _1rsrm2f1jb _1rsrm2f1i _1rsrm2fu _1rsrm2f1e";
35837
+ var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4 _1rsrm2f1x _1rsrm2f258 _1rsrm2f25f _1rsrm2f1j _1rsrm2fu _1rsrm2f1f";
35836
35838
  var copyInputText = "_1kbzei9a";
35837
35839
  var copyInputTextActive = "_1kbzei9d _1kbzei9c";
35838
- var copyInputTextBox = "_1kbzei98 _1rsrm2fa _1rsrm2f4 _1rsrm2f77 _1rsrm2f40";
35839
- var copyInputTextBoxActive = "_1kbzei99 _1kbzei98 _1rsrm2fa _1rsrm2f4 _1rsrm2f77 _1rsrm2f40";
35840
+ var copyInputTextBox = "_1kbzei98 _1rsrm2fa _1rsrm2f4 _1rsrm2f7f _1rsrm2f43";
35841
+ var copyInputTextBoxActive = "_1kbzei99 _1kbzei98 _1rsrm2fa _1rsrm2f4 _1rsrm2f7f _1rsrm2f43";
35840
35842
  var copyInputTextDefault = "_1kbzei9c";
35841
35843
  var copyInputTextWrapper = "_1kbzei9b";
35842
35844
  var textIn = "_1kbzei9f";
@@ -35850,7 +35852,7 @@ function CopyInputDisplayedAddressEN({
35850
35852
  const { handleCopy } = useCopyToClipboard(address);
35851
35853
  const [isActive, setIsActive] = useState65(null);
35852
35854
  const displayAddress = truncateAddress ? truncateMiddleOfAddress(address, 40, 24, 8) : address;
35853
- const handleClick = useCallback44(() => {
35855
+ const handleClick = useCallback43(() => {
35854
35856
  if (isActive) {
35855
35857
  return;
35856
35858
  }
@@ -35903,7 +35905,7 @@ function CopyInputDisplayedAddressI18n({
35903
35905
  const { handleCopy } = useCopyToClipboard(address);
35904
35906
  const [isActive, setIsActive] = useState65(null);
35905
35907
  const displayAddress = truncateAddress ? truncateMiddleOfAddress(address, 40, 24, 8) : address;
35906
- const handleClick = useCallback44(() => {
35908
+ const handleClick = useCallback43(() => {
35907
35909
  if (isActive) {
35908
35910
  return;
35909
35911
  }
@@ -36173,7 +36175,7 @@ import { motion as motion13, useAnimationControls as useAnimationControls2 } fro
36173
36175
  import React223, { useState as useState66 } from "react";
36174
36176
 
36175
36177
  // src/components/FunFeatureList/FunFeatureList.css.ts
36176
- var detailsButton = "_1045qr71 _1rsrm2fmo _1rsrm2fo9 _1rsrm2fpq _1rsrm2fkz _1rsrm2fsj _1rsrm2fa _1rsrm2f4 _1rsrm2f78 _1rsrm2fu";
36178
+ var detailsButton = "_1045qr71 _1rsrm2fnk _1rsrm2fp9 _1rsrm2fqu _1rsrm2flr _1rsrm2ftr _1rsrm2fa _1rsrm2f4 _1rsrm2f7g _1rsrm2fu";
36177
36179
 
36178
36180
  // src/components/FunFeatureList/FunFeatureListItem.tsx
36179
36181
  import React222 from "react";
@@ -36270,8 +36272,14 @@ var FunFeatureList = ({
36270
36272
  {
36271
36273
  ...withBackgroundContainer && {
36272
36274
  borderRadius: "connectButton",
36273
- background: "offBackground",
36274
- marginBottom: "1"
36275
+ background: "funFeatureListBackgroundBase",
36276
+ marginBottom: "1",
36277
+ borderColor: {
36278
+ base: "funFeatureListBorderColor",
36279
+ hover: "funFeatureListBorderColorHover"
36280
+ },
36281
+ borderWidth: "1",
36282
+ borderStyle: "solid"
36275
36283
  },
36276
36284
  display: "flex",
36277
36285
  flexDirection: "column"
@@ -36283,8 +36291,8 @@ var FunFeatureList = ({
36283
36291
  ...!isExpanded && {
36284
36292
  // TODO: these colors may need to be updated based on the design, the colors in the design don't match the theme
36285
36293
  background: {
36286
- base: "offBackground",
36287
- hover: "hoverState",
36294
+ base: "funFeatureListBackgroundBase",
36295
+ hover: "funFeatureListBackgroundHover",
36288
36296
  active: "inputBorderHover"
36289
36297
  }
36290
36298
  },
@@ -36345,7 +36353,7 @@ var FunFeatureList = ({
36345
36353
  paddingX: "12",
36346
36354
  paddingY: "8",
36347
36355
  borderRadius: "connectButton",
36348
- background: "offBackground"
36356
+ background: "funFeatureListBackgroundBase"
36349
36357
  }
36350
36358
  },
36351
36359
  /* @__PURE__ */ React223.createElement(FunFeatureListItem, { ...item })
@@ -36382,7 +36390,7 @@ var PercentageIcon = () => {
36382
36390
  var FunLinkButtonComponent3 = ({
36383
36391
  children,
36384
36392
  href,
36385
- size
36393
+ size = "funFeatureListItemFontSize"
36386
36394
  }) => {
36387
36395
  return /* @__PURE__ */ React225.createElement(FunLinkButton, { href, inline: true, text: children, size });
36388
36396
  };
@@ -36473,13 +36481,7 @@ var TransferTokenDetails = ({
36473
36481
  t,
36474
36482
  i18nKey: "common.haveQuestionsGetHelp",
36475
36483
  components: {
36476
- GetHelpLink: /* @__PURE__ */ React225.createElement(
36477
- FunLinkButtonComponent3,
36478
- {
36479
- href: "https://intercom.help/funxyz/en/articles/10003876-transfer-crypto-guide-faqs",
36480
- size: "12"
36481
- }
36482
- )
36484
+ GetHelpLink: /* @__PURE__ */ React225.createElement(FunLinkButtonComponent3, { href: "https://intercom.help/funxyz/en/articles/10003876-transfer-crypto-guide-faqs" })
36483
36485
  }
36484
36486
  }
36485
36487
  ),
@@ -36518,7 +36520,7 @@ function TransferToken({
36518
36520
  const { checkoutItem } = useCheckoutContext();
36519
36521
  const checkoutConfig = checkoutItem?.initSettings.config;
36520
36522
  const { transferToken } = modalState;
36521
- const disclaimerTextWrapperRef = useRef32(null);
36523
+ const disclaimerTextWrapperRef = useRef31(null);
36522
36524
  const { transferInit } = useCheckoutTransferInit();
36523
36525
  const {
36524
36526
  assets,
@@ -36768,7 +36770,8 @@ function TransferToken({
36768
36770
  Text,
36769
36771
  {
36770
36772
  size: "transferTokenLabelFontSize",
36771
- weight: "transferTokenLabelFontWeight"
36773
+ weight: "transferTokenLabelFontWeight",
36774
+ color: "dropdownLabelColor"
36772
36775
  },
36773
36776
  t("transferToken.yourDepositAddress")
36774
36777
  ), /* @__PURE__ */ React226.createElement(
@@ -36784,7 +36787,8 @@ function TransferToken({
36784
36787
  {
36785
36788
  text: t("transferToken.termsApply"),
36786
36789
  href: FUN_TERMS_URL,
36787
- size: "transferTokenLabelFontSize"
36790
+ size: "transferTokenLabelFontSize",
36791
+ variant: "labelLink"
36788
36792
  }
36789
36793
  )
36790
36794
  ), isLoadingDepositAddress ? /* @__PURE__ */ React226.createElement(FunSkeletonBlock, { height: "66px", width: "full" }) : /* @__PURE__ */ React226.createElement(CopyInputDisplayedAddress, { address: depositAddress })), /* @__PURE__ */ React226.createElement(ChainInfoBanners, { chainId: selectedChainId }), /* @__PURE__ */ React226.createElement(FunInfoBanner, null), /* @__PURE__ */ React226.createElement(
@@ -37140,9 +37144,9 @@ var FiatAccountDetail = {
37140
37144
 
37141
37145
  // src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
37142
37146
  import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
37143
- import React232, { useCallback as useCallback45, useEffect as useEffect55, useMemo as useMemo51, useState as useState69 } from "react";
37147
+ import React232, { useCallback as useCallback44, useEffect as useEffect55, useMemo as useMemo51, useState as useState69 } from "react";
37144
37148
  function useIframeListener(listeners, expectedOrigin) {
37145
- const handleMessage = useCallback45(
37149
+ const handleMessage = useCallback44(
37146
37150
  (event) => {
37147
37151
  if (!expectedOrigin || event.origin !== expectedOrigin) {
37148
37152
  return;
@@ -37367,7 +37371,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
37367
37371
  useEffect56(() => {
37368
37372
  ensureLoadingAccountScreen();
37369
37373
  }, [ensureLoadingAccountScreen]);
37370
- const trackNextState = useCallback46(
37374
+ const trackNextState = useCallback45(
37371
37375
  (nextState) => {
37372
37376
  const trackEvent = trackEventFromNextState(nextState);
37373
37377
  logEvent(trackEvent);
@@ -37381,7 +37385,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
37381
37385
  const { clearCheckoutQuoteMessages } = useCheckoutQuoteNotification();
37382
37386
  const { getCheckoutProgress } = useCheckoutContext();
37383
37387
  const { softHide } = useSoftHiddenCheckout();
37384
- const onCloseWrapper = useCallback46(
37388
+ const onCloseWrapper = useCallback45(
37385
37389
  (options) => {
37386
37390
  const normalizedIsNewDeposit = !!options?.isNewDeposit;
37387
37391
  const metadata = {
@@ -37423,9 +37427,9 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
37423
37427
  );
37424
37428
  const { animation, animate } = useAnimatedNavigation(void 0);
37425
37429
  const [stateHistory, setHistory] = useState70([]);
37426
- const prevStep = useRef33(null);
37430
+ const prevStep = useRef32(null);
37427
37431
  const hasHistoryEntry = stateHistory.length > 1;
37428
- const onNext = useCallback46(
37432
+ const onNext = useCallback45(
37429
37433
  (payload) => {
37430
37434
  if (prevStep.current === modalState.step) {
37431
37435
  return;
@@ -37469,7 +37473,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
37469
37473
  ensureStepQueries
37470
37474
  ]
37471
37475
  );
37472
- const onStepChange = useCallback46(
37476
+ const onStepChange = useCallback45(
37473
37477
  (nextState) => {
37474
37478
  if (prevStep.current === modalState.step) {
37475
37479
  return;
@@ -37484,7 +37488,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
37484
37488
  },
37485
37489
  [modalState, animate, trackNextState, ensureStepQueries]
37486
37490
  );
37487
- const onBack = useCallback46(() => {
37491
+ const onBack = useCallback45(() => {
37488
37492
  clearCheckoutQuoteMessages();
37489
37493
  const backStepOverride = checkoutBackMap[modalState.step];
37490
37494
  const prevState = [...stateHistory].reverse().find((s) => s.step === backStepOverride) ?? stateHistory[stateHistory.length - 1];
@@ -37594,7 +37598,7 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
37594
37598
  import { IN_PROGRESS_CHECKOUT_STATES as IN_PROGRESS_CHECKOUT_STATES2 } from "@funkit/api-base";
37595
37599
  import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
37596
37600
  import clsx22 from "clsx";
37597
- import React242, { useEffect as useEffect57, useMemo as useMemo52, useRef as useRef34, useState as useState72 } from "react";
37601
+ import React242, { useEffect as useEffect57, useMemo as useMemo52, useRef as useRef33, useState as useState72 } from "react";
37598
37602
  import { Virtuoso } from "react-virtuoso";
37599
37603
 
37600
37604
  // src/components/Icons/GreenRoundCheckmark.tsx
@@ -37669,7 +37673,7 @@ var RedRoundErrorCross = ({ size = 15 }) => {
37669
37673
 
37670
37674
  // src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts
37671
37675
  var baseStyles4 = "ukct4t4";
37672
- var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2f1nz _1rsrm2f1jg", defaultBackground: "_1rsrm2f12b _1rsrm2fxd", hoverBackground: "_1rsrm2fx0" };
37676
+ var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2f1se _1rsrm2f1np", defaultBackground: "_1rsrm2f13q _1rsrm2fym", hoverBackground: "_1rsrm2fy9" };
37673
37677
 
37674
37678
  // src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
37675
37679
  var TEXT_SIZE_MEDIUM2 = "13";
@@ -37968,7 +37972,7 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
37968
37972
 
37969
37973
  // src/modals/ProfileDetails/FunProfileViews/Home/ProfileTitleSection.tsx
37970
37974
  import React241 from "react";
37971
- import { useCallback as useCallback47, useState as useState71 } from "react";
37975
+ import { useCallback as useCallback46, useState as useState71 } from "react";
37972
37976
 
37973
37977
  // src/components/Icons/LogoutIcon.tsx
37974
37978
  import React239 from "react";
@@ -38036,7 +38040,7 @@ var ProfileTitleSection = ({
38036
38040
  }) => {
38037
38041
  const { t } = useFunkitTranslation();
38038
38042
  const [isDisconnectExpanded, setIsDisconnectExpanded] = useState71(false);
38039
- const collapseDisconnect = useCallback47(
38043
+ const collapseDisconnect = useCallback46(
38040
38044
  () => setIsDisconnectExpanded(false),
38041
38045
  []
38042
38046
  );
@@ -38127,8 +38131,8 @@ function Home({
38127
38131
  }) {
38128
38132
  const { t } = useFunkitTranslation();
38129
38133
  const [selectedView, setSelectedView] = useState72(defaultHomeTab);
38130
- const checkoutsListRef = useRef34(null);
38131
- const virtuosoParentRef = useRef34(null);
38134
+ const checkoutsListRef = useRef33(null);
38135
+ const virtuosoParentRef = useRef33(null);
38132
38136
  const account = useAccount();
38133
38137
  useCheckoutHistoryListener();
38134
38138
  const { userInfo, handleLogout } = useGeneralWallet();
@@ -38436,13 +38440,13 @@ function ProfileDetails({ onClose, defaultTab }) {
38436
38440
  const [singleActivityPage, setSingleActivityPage] = useState73(
38437
38441
  selectedPurchaseInitView ?? "detail" /* DETAIL */
38438
38442
  );
38439
- const resetView = useCallback48(() => {
38443
+ const resetView = useCallback47(() => {
38440
38444
  setView(returnView ?? 0 /* HOME */);
38441
38445
  setSelectedHomeTab("checkouts" /* CHECKOUTS */);
38442
38446
  resetActivityTraversal();
38443
38447
  }, [resetActivityTraversal, returnView]);
38444
38448
  const { animation, animate } = useAnimatedNavigation(void 0);
38445
- const onSelectActivityWrapper = useCallback48(
38449
+ const onSelectActivityWrapper = useCallback47(
38446
38450
  (activity) => {
38447
38451
  onSelectActivity({
38448
38452
  ...activity,
@@ -38479,7 +38483,7 @@ function ProfileDetails({ onClose, defaultTab }) {
38479
38483
  const isHelpPage = singleActivityPage === "help" /* HELP */;
38480
38484
  const isCheckoutDetailView = isSingleActivityView && singleActivityPage === "detail" /* DETAIL */;
38481
38485
  const withDivider = isSingleActivityView ? isHelpPage ? "scroll" : "always" : void 0;
38482
- const handleHelp = useCallback48(() => {
38486
+ const handleHelp = useCallback47(() => {
38483
38487
  animate(() => setSingleActivityPage("help" /* HELP */));
38484
38488
  }, [animate]);
38485
38489
  const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
@@ -38886,10 +38890,10 @@ function ChainModal({ onClose, open }) {
38886
38890
  // src/modals/CheckoutModal/FunCheckoutModal.tsx
38887
38891
  import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2 } from "@funkit/chains";
38888
38892
  import { LogLevel as LogLevel2, initializeRelayClient } from "@funkit/fun-relay";
38889
- import React267, { useRef as useRef36 } from "react";
38893
+ import React267, { useRef as useRef35 } from "react";
38890
38894
 
38891
38895
  // src/components/FunConnectOptions/FunConnectOptions.tsx
38892
- import React258, { useCallback as useCallback49, useMemo as useMemo53, useState as useState76 } from "react";
38896
+ import React258, { useCallback as useCallback48, useMemo as useMemo53, useState as useState76 } from "react";
38893
38897
 
38894
38898
  // src/components/FunConnectOptions/FunConnectResultStep.tsx
38895
38899
  import React253, { useEffect as useEffect58 } from "react";
@@ -39257,7 +39261,7 @@ function FunConnectOptions({
39257
39261
  const [step, setStep] = useState76(INITIAL_STEP);
39258
39262
  const [selectedWallet, setSelectedWallet] = useState76();
39259
39263
  const [qrCodeUri, setQrCodeUri] = useState76("");
39260
- const changeStep = useCallback49((newStep) => {
39264
+ const changeStep = useCallback48((newStep) => {
39261
39265
  setStep(newStep);
39262
39266
  if (isSignIn(newStep)) {
39263
39267
  setSelectedWallet(void 0);
@@ -39268,7 +39272,7 @@ function FunConnectOptions({
39268
39272
  navigateTo(0 /* SIGNIN_PRIMARY */, { reverse: true });
39269
39273
  };
39270
39274
  const walletConnectors = usePreparedWalletConnectors();
39271
- const onRegenerateQrCode = useCallback49(
39275
+ const onRegenerateQrCode = useCallback48(
39272
39276
  async (wallet) => {
39273
39277
  const sWallet = walletConnectors.find((w) => wallet.id === w.id);
39274
39278
  const uri = await sWallet?.getQrCodeUri?.();
@@ -39276,7 +39280,7 @@ function FunConnectOptions({
39276
39280
  },
39277
39281
  [walletConnectors]
39278
39282
  );
39279
- const connectToWallet = useCallback49(
39283
+ const connectToWallet = useCallback48(
39280
39284
  async (wallet) => {
39281
39285
  if (!wallet.ready) {
39282
39286
  return;
@@ -39295,7 +39299,7 @@ function FunConnectOptions({
39295
39299
  },
39296
39300
  [changeStep, onRegenerateQrCode]
39297
39301
  );
39298
- const handleRetry = useCallback49(() => {
39302
+ const handleRetry = useCallback48(() => {
39299
39303
  if (selectedWallet) {
39300
39304
  changeStep(1 /* PENDING_WALLET */);
39301
39305
  connectToWallet(selectedWallet);
@@ -39427,59 +39431,12 @@ var FunCheckoutBlocked = ({ reason }) => {
39427
39431
  ));
39428
39432
  };
39429
39433
 
39430
- // src/modals/CheckoutModal/SwappedIframe/SwappedIframePool.tsx
39431
- import React260, { useCallback as useCallback50, useEffect as useEffect59, useState as useState77 } from "react";
39432
- var OFFSCREEN_STYLE = {
39433
- position: "absolute",
39434
- left: "-9999px",
39435
- width: "0",
39436
- height: "0",
39437
- border: "none"
39438
- };
39439
- var ACTIVE_STYLE = {
39440
- position: "absolute",
39441
- inset: 0,
39442
- width: "100%",
39443
- height: "100%",
39444
- minHeight: "500px",
39445
- border: "none",
39446
- borderRadius: "0px"
39447
- };
39448
- var PooledIframe = React260.memo(function PooledIframe2({
39449
- url,
39450
- isActive,
39451
- setIframeRef,
39452
- onIframeElementLoaded
39453
- }) {
39454
- const ref = useCallback50(
39455
- (el) => setIframeRef(url, el),
39456
- [url, setIframeRef]
39457
- );
39458
- return /* @__PURE__ */ React260.createElement(
39459
- "iframe",
39460
- {
39461
- ref,
39462
- src: url,
39463
- title: "Swapped",
39464
- onLoad: () => onIframeElementLoaded(url),
39465
- style: isActive ? ACTIVE_STYLE : OFFSCREEN_STYLE,
39466
- allow: "payment; camera; clipboard-read; clipboard-write",
39467
- sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox",
39468
- "aria-hidden": !isActive,
39469
- tabIndex: isActive ? 0 : -1
39470
- }
39471
- );
39472
- });
39473
- function SwappedIframePool() {
39474
- const {
39475
- poolUrls,
39476
- loadedIframeUrls,
39477
- activeUrl,
39478
- onIframeElementLoaded,
39479
- setIframeRef
39480
- } = useSwappedContext();
39434
+ // src/modals/CheckoutModal/SwappedIframe/SwappedIframe.tsx
39435
+ import React260, { useEffect as useEffect59, useState as useState77 } from "react";
39436
+ var SwappedIframe = () => {
39437
+ const { iframeUrl, isSwappedReady, isActive, setIframeRef } = useSwappedContext();
39481
39438
  const [visible, setVisible] = useState77(false);
39482
- const shouldShow = activeUrl !== null && loadedIframeUrls.includes(activeUrl);
39439
+ const shouldShow = isActive && isSwappedReady;
39483
39440
  useEffect59(() => {
39484
39441
  if (shouldShow) {
39485
39442
  const frame = requestAnimationFrame(() => setVisible(true));
@@ -39487,7 +39444,7 @@ function SwappedIframePool() {
39487
39444
  }
39488
39445
  setVisible(false);
39489
39446
  }, [shouldShow]);
39490
- if (poolUrls.length === 0) {
39447
+ if (!iframeUrl) {
39491
39448
  return null;
39492
39449
  }
39493
39450
  return /* @__PURE__ */ React260.createElement(
@@ -39496,35 +39453,45 @@ function SwappedIframePool() {
39496
39453
  background: "modalBackground",
39497
39454
  style: {
39498
39455
  position: "absolute",
39499
- inset: shouldShow ? 0 : void 0,
39500
- left: shouldShow ? void 0 : "-9999px",
39501
- width: shouldShow ? "100%" : 0,
39502
- height: shouldShow ? "100%" : 0,
39503
- overflow: shouldShow ? "visible" : "hidden",
39504
- zIndex: shouldShow ? 1 : void 0,
39456
+ inset: 0,
39457
+ width: "100%",
39458
+ height: "100%",
39459
+ zIndex: shouldShow ? 1 : -1,
39460
+ pointerEvents: shouldShow ? "auto" : "none",
39505
39461
  opacity: shouldShow && visible ? 1 : 0,
39506
39462
  transform: shouldShow && visible ? "translateX(0)" : "translateX(24px)",
39507
39463
  transition: visible ? `opacity ${ANIMATION_DELAY}ms ease-in, transform ${ANIMATION_DELAY}ms cubic-bezier(0.3, 0, 0.06, 1)` : "none"
39508
39464
  },
39509
39465
  "aria-hidden": !shouldShow
39510
39466
  },
39511
- poolUrls.map((url) => /* @__PURE__ */ React260.createElement(
39512
- PooledIframe,
39467
+ /* @__PURE__ */ React260.createElement(
39468
+ "iframe",
39513
39469
  {
39514
- key: url,
39515
- url,
39516
- isActive: url === activeUrl,
39517
- setIframeRef,
39518
- onIframeElementLoaded
39470
+ ref: setIframeRef,
39471
+ src: iframeUrl,
39472
+ title: "Swapped",
39473
+ style: {
39474
+ position: "absolute",
39475
+ inset: 0,
39476
+ width: "100%",
39477
+ height: "100%",
39478
+ minHeight: "500px",
39479
+ border: "none",
39480
+ borderRadius: "0px"
39481
+ },
39482
+ allow: "payment; camera; clipboard-read; clipboard-write",
39483
+ sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox",
39484
+ "aria-hidden": !shouldShow,
39485
+ tabIndex: shouldShow ? 0 : -1
39519
39486
  }
39520
- ))
39487
+ )
39521
39488
  );
39522
- }
39523
- var SwappedIframePool_default = React260.memo(SwappedIframePool);
39489
+ };
39490
+ var SwappedIframe_default = React260.memo(SwappedIframe);
39524
39491
 
39525
39492
  // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
39526
39493
  import clsx25 from "clsx";
39527
- import React266, { useCallback as useCallback52, useEffect as useEffect62, useMemo as useMemo54, useState as useState79 } from "react";
39494
+ import React266, { useCallback as useCallback50, useEffect as useEffect62, useMemo as useMemo54, useState as useState79 } from "react";
39528
39495
 
39529
39496
  // src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
39530
39497
  import React261 from "react";
@@ -39625,19 +39592,19 @@ import React263, { useState as useState78 } from "react";
39625
39592
  import clsx24 from "clsx";
39626
39593
 
39627
39594
  // src/components/FunNotificationBanner/FunNotificationBanner.css.ts
39628
- var notificationBannerStyle = "_1rsrm2fr5 _1rsrm2fp _1rsrm2fwn _1rsrm2f21b";
39629
- var showMoreButtonStyle = "_4yitd93 _1rsrm2f1gn _1rsrm2f1h _1rsrm2f1e _1rsrm2fwn _1rsrm2fx0 _1rsrm2fsj";
39595
+ var notificationBannerStyle = "_1rsrm2fsd _1rsrm2fp _1rsrm2fxw _1rsrm2f28k";
39596
+ var showMoreButtonStyle = "_4yitd93 _1rsrm2f1kw _1rsrm2f1i _1rsrm2f1f _1rsrm2fxw _1rsrm2fy9 _1rsrm2ftr";
39630
39597
 
39631
39598
  // src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
39632
39599
  import clsx23 from "clsx";
39633
39600
  import { motion as motion15, useAnimate as useAnimate3 } from "motion/react";
39634
- import React262, { useCallback as useCallback51, useEffect as useEffect61, useRef as useRef35 } from "react";
39601
+ import React262, { useCallback as useCallback49, useEffect as useEffect61, useRef as useRef34 } from "react";
39635
39602
 
39636
39603
  // src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
39637
39604
  var STATUS_SPINNER_BOTTOM_POSITION = -5;
39638
39605
  var shadowStyle = "_1i8t3xj0";
39639
39606
  var statusIcon = "_1i8t3xj3 _1i8t3xj0";
39640
- var statusIconWrapper = "_1i8t3xj2 _1rsrm2fwn _1rsrm2f1b";
39607
+ var statusIconWrapper = "_1i8t3xj2 _1rsrm2fxw _1rsrm2f1c";
39641
39608
  var statusSpinner = "_1i8t3xj4 qe221a3";
39642
39609
 
39643
39610
  // src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
@@ -39880,7 +39847,7 @@ var FunNotificationBannerIcon = ({
39880
39847
  fallbackIconUrl = FALLBACK_ASSET
39881
39848
  }) => {
39882
39849
  const [animationScope, animate] = useAnimate3();
39883
- const triggerAnimationProcessingToCompleted = useCallback51(async () => {
39850
+ const triggerAnimationProcessingToCompleted = useCallback49(async () => {
39884
39851
  const completedIconPath = document.querySelector(
39885
39852
  `.${generateAnimationPrefixClassName("icon-wrapper-completed")} path`
39886
39853
  );
@@ -39987,7 +39954,7 @@ var FunNotificationBannerIcon = ({
39987
39954
  )
39988
39955
  ]);
39989
39956
  }, [animate]);
39990
- const triggerAnimationDelayedToFailed = useCallback51(async () => {
39957
+ const triggerAnimationDelayedToFailed = useCallback49(async () => {
39991
39958
  await Promise.all([
39992
39959
  animate(
39993
39960
  `.${generateAnimationPrefixClassName("icon-wrapper")}`,
@@ -40080,7 +40047,7 @@ var FunNotificationBannerIcon = ({
40080
40047
  )
40081
40048
  ]);
40082
40049
  }, [animate]);
40083
- const statusRef = useRef35(status);
40050
+ const statusRef = useRef34(status);
40084
40051
  useEffect61(() => {
40085
40052
  if (statusRef.current !== status) {
40086
40053
  if (statusRef.current === "processing" && status === "completed") {
@@ -40742,7 +40709,7 @@ var CheckoutNotifications = ({
40742
40709
  }, [isExpanded, combinedNotifications]);
40743
40710
  const handleNotificationClose = (id) => setClosedNotifications((prev) => [...prev, id]);
40744
40711
  const { logEvent } = useTrack();
40745
- const handleNewNotification = useCallback52(
40712
+ const handleNewNotification = useCallback50(
40746
40713
  (item) => {
40747
40714
  const trackEvent = trackEventFromNotification(item);
40748
40715
  logEvent(trackEvent);
@@ -40868,8 +40835,8 @@ function FunCheckoutModalInner({
40868
40835
  depositAddress
40869
40836
  });
40870
40837
  };
40871
- const animationCallbackRef = useRef36(null);
40872
- const tooltipAnchorRef = useRef36(null);
40838
+ const animationCallbackRef = useRef35(null);
40839
+ const tooltipAnchorRef = useRef35(null);
40873
40840
  const handleAnimationCompleteRegister = (cb) => {
40874
40841
  animationCallbackRef.current = cb;
40875
40842
  };
@@ -40994,7 +40961,7 @@ function FunCheckoutModalInner({
40994
40961
  variant: modalState.step === "transfer_token" /* TRANSFER_TOKEN */ ? "token_transfer" : void 0
40995
40962
  }
40996
40963
  )
40997
- ), /* @__PURE__ */ React267.createElement(SwappedIframePool_default, null)))
40964
+ ), /* @__PURE__ */ React267.createElement(SwappedIframe_default, null)))
40998
40965
  );
40999
40966
  }
41000
40967
  function FunCheckoutModal({
@@ -41057,16 +41024,16 @@ function ConnectModal({ onClose, open }) {
41057
41024
  function useModalStateValue() {
41058
41025
  const [isModalOpen, setModalOpen] = useState80(false);
41059
41026
  return {
41060
- closeModal: useCallback53(() => setModalOpen(false), []),
41027
+ closeModal: useCallback51(() => setModalOpen(false), []),
41061
41028
  isModalOpen,
41062
- openModal: useCallback53(() => setModalOpen(true), [])
41029
+ openModal: useCallback51(() => setModalOpen(true), [])
41063
41030
  };
41064
41031
  }
41065
41032
  function useModalStateValueWithProp() {
41066
41033
  const [isModalOpen, setModalOpen] = useState80(false);
41067
41034
  const [prop, setProp] = useState80(null);
41068
41035
  return {
41069
- closeModal: useCallback53(() => {
41036
+ closeModal: useCallback51(() => {
41070
41037
  setTimeout(
41071
41038
  () => {
41072
41039
  setProp(null);
@@ -41077,7 +41044,7 @@ function useModalStateValueWithProp() {
41077
41044
  }, []),
41078
41045
  isModalOpen,
41079
41046
  prop,
41080
- openModal: useCallback53((prop2) => {
41047
+ openModal: useCallback51((prop2) => {
41081
41048
  if (prop2 != null) {
41082
41049
  setProp(prop2);
41083
41050
  }
@@ -41122,19 +41089,19 @@ function ModalProvider({ children }) {
41122
41089
  prop: funCheckoutModalId
41123
41090
  } = useModalStateValueWithProp();
41124
41091
  const [softHiddenCheckoutId, setSoftHiddenCheckoutId] = useState80(null);
41125
- const softHideFunCheckoutModal = useCallback53(() => {
41092
+ const softHideFunCheckoutModal = useCallback51(() => {
41126
41093
  if (funCheckoutModalId) {
41127
41094
  setSoftHiddenCheckoutId(funCheckoutModalId);
41128
41095
  }
41129
41096
  closeFunCheckoutModal();
41130
41097
  }, [funCheckoutModalId, closeFunCheckoutModal]);
41131
- const resumeSoftHiddenCheckout = useCallback53(() => {
41098
+ const resumeSoftHiddenCheckout = useCallback51(() => {
41132
41099
  if (softHiddenCheckoutId) {
41133
41100
  openFunCheckoutModal(softHiddenCheckoutId);
41134
41101
  setSoftHiddenCheckoutId(null);
41135
41102
  }
41136
41103
  }, [softHiddenCheckoutId, openFunCheckoutModal]);
41137
- const discardSoftHiddenCheckout = useCallback53(() => {
41104
+ const discardSoftHiddenCheckout = useCallback51(() => {
41138
41105
  setSoftHiddenCheckoutId(null);
41139
41106
  }, []);
41140
41107
  const {
@@ -41348,13 +41315,13 @@ function FunkitCheckoutProvider({ children }) {
41348
41315
  activeCheckout?.initSettings.config?.dynamicRoutingId
41349
41316
  );
41350
41317
  const [checkoutsProgress, setCheckoutsProgress] = useState81({});
41351
- const getCheckoutProgress = useCallback54(
41318
+ const getCheckoutProgress = useCallback52(
41352
41319
  (checkoutId) => {
41353
41320
  return checkoutsProgress[checkoutId];
41354
41321
  },
41355
41322
  [checkoutsProgress]
41356
41323
  );
41357
- const setCheckoutProgress = useCallback54(
41324
+ const setCheckoutProgress = useCallback52(
41358
41325
  (checkoutId, progress) => {
41359
41326
  setCheckoutsProgress((data) => ({ ...data, [checkoutId]: progress }));
41360
41327
  },
@@ -41376,7 +41343,7 @@ function FunkitCheckoutProvider({ children }) {
41376
41343
  });
41377
41344
  }
41378
41345
  );
41379
- const initNewWithdrawal = useCallback54(
41346
+ const initNewWithdrawal = useCallback52(
41380
41347
  (props, checkoutConfig) => {
41381
41348
  const { onWithdrawalConfirmation, onWithdrawalError, config } = props;
41382
41349
  const newWithdrawalId = uuid2();
@@ -41424,7 +41391,7 @@ function FunkitCheckoutProvider({ children }) {
41424
41391
  },
41425
41392
  [logEvent, startMeasuredEvent]
41426
41393
  );
41427
- const initNewCheckout = useCallback54(
41394
+ const initNewCheckout = useCallback52(
41428
41395
  ({ config, ...initSettings }) => {
41429
41396
  const newCheckoutId = uuid2();
41430
41397
  const newActiveCheckoutItem = {
@@ -41509,7 +41476,7 @@ function FunkitCheckoutProvider({ children }) {
41509
41476
  });
41510
41477
  }
41511
41478
  );
41512
- const startDirectExecutionCheckout = useCallback54(
41479
+ const startDirectExecutionCheckout = useCallback52(
41513
41480
  async ({
41514
41481
  stepMessageSetter,
41515
41482
  latestQuote,
@@ -41655,7 +41622,7 @@ function FunkitCheckoutProvider({ children }) {
41655
41622
  udaParams
41656
41623
  ]
41657
41624
  );
41658
- const startRegularCheckout = useCallback54(
41625
+ const startRegularCheckout = useCallback52(
41659
41626
  async ({
41660
41627
  stepMessageSetter,
41661
41628
  latestQuote,
@@ -41928,14 +41895,14 @@ function useFunkitCheckout(props) {
41928
41895
  resume: resumeSoftHiddenCheckout,
41929
41896
  discard: discardSoftHiddenCheckout
41930
41897
  } = useSoftHiddenCheckout();
41931
- const onErrorWrapper = useCallback54(
41898
+ const onErrorWrapper = useCallback52(
41932
41899
  (payload) => {
41933
41900
  logger.warn(payload.message, payload);
41934
41901
  onError?.(payload);
41935
41902
  },
41936
41903
  [onError]
41937
41904
  );
41938
- const onOpenWrapper = useCallback54(
41905
+ const onOpenWrapper = useCallback52(
41939
41906
  (newId) => {
41940
41907
  props?.onOpen?.();
41941
41908
  openFunCheckoutModal?.(newId);
@@ -42208,15 +42175,15 @@ function getCheckoutReceivedAmountFormatted({
42208
42175
  quote
42209
42176
  }) {
42210
42177
  const targetTokenAmount = getCheckoutReceivedAmount({ config, quote });
42211
- const { stakingTokenAmount } = computeDisplayDestinationToken(
42178
+ const { finalizedTokenAmount } = computeDisplayDestinationToken(
42212
42179
  config,
42213
42180
  targetTokenAmount
42214
42181
  );
42215
42182
  const feeBreakdown = quote?.baseQuote.metadata?.feeBreakdown;
42216
42183
  const isAcross = isAcrossRoute(quote?.baseQuote.metadata);
42217
- const swapImpactPct = (config?.generateActionsParams || config?.stakingToken) && !isAcross ? feeBreakdown?.swapImpact || 0 : 0;
42184
+ const swapImpactPct = (config?.generateActionsParams || config?.finalizedToken) && !isAcross ? feeBreakdown?.swapImpact || 0 : 0;
42218
42185
  return formatCryptoAndStringify9(
42219
- stakingTokenAmount * (1 + swapImpactPct / 100)
42186
+ finalizedTokenAmount * (1 + swapImpactPct / 100)
42220
42187
  );
42221
42188
  }
42222
42189
  function getCheckoutSentAmount({
@@ -42352,7 +42319,7 @@ function toMergedCheckoutHistoryItem(item) {
42352
42319
  }
42353
42320
  function isVaultDepositCheckout(checkoutConfig, sourceHolding) {
42354
42321
  return Boolean(
42355
- checkoutConfig.stakingToken && sourceHolding && checkoutConfig.generateActionsParams && isTokenEquivalent7({
42322
+ checkoutConfig.finalizedToken && sourceHolding && checkoutConfig.generateActionsParams && isTokenEquivalent7({
42356
42323
  firstTokenChainId: checkoutConfig.targetChain,
42357
42324
  firstTokenAddress: checkoutConfig.targetAsset,
42358
42325
  secondTokenChainId: sourceHolding.chainId,
@@ -42363,12 +42330,12 @@ function isVaultDepositCheckout(checkoutConfig, sourceHolding) {
42363
42330
  function computeDisplayDestinationToken(checkoutConfig, displayAssetAmount) {
42364
42331
  if (!checkoutConfig) {
42365
42332
  return {
42366
- stakingTokenAmount: displayAssetAmount,
42367
- stakingTokenSymbol: "",
42368
- stakingTokenIcon: ""
42333
+ finalizedTokenAmount: displayAssetAmount,
42334
+ finalizedTokenSymbol: "",
42335
+ finalizedTokenIcon: ""
42369
42336
  };
42370
42337
  }
42371
- const { stakingToken, targetAssetTicker } = checkoutConfig;
42338
+ const { finalizedToken, targetAssetTicker } = checkoutConfig;
42372
42339
  const targetToken = checkoutConfig.dynamicTargetAssetCandidates?.find(
42373
42340
  (cand) => isTokenEquivalent7({
42374
42341
  firstTokenChainId: cand.tokenChainId,
@@ -42377,13 +42344,13 @@ function computeDisplayDestinationToken(checkoutConfig, displayAssetAmount) {
42377
42344
  secondTokenAddress: checkoutConfig.targetAsset
42378
42345
  })
42379
42346
  );
42380
- const stakingTokenAmount = (targetToken?.stakingTokenRate ?? 1) * displayAssetAmount;
42381
- const stakingTokenSymbol = stakingToken?.tokenSymbol ?? targetAssetTicker;
42382
- const stakingTokenIcon = stakingToken?.iconSrc ?? targetToken?.iconSrc ?? checkoutConfig.iconSrc ?? "";
42347
+ const finalizedTokenAmount = (targetToken?.finalizedTokenRate ?? 1) * displayAssetAmount;
42348
+ const finalizedTokenSymbol = finalizedToken?.tokenSymbol ?? targetAssetTicker;
42349
+ const finalizedTokenIcon = finalizedToken?.iconSrc ?? targetToken?.iconSrc ?? checkoutConfig.iconSrc ?? "";
42383
42350
  return {
42384
- stakingTokenAmount,
42385
- stakingTokenSymbol,
42386
- stakingTokenIcon
42351
+ finalizedTokenAmount,
42352
+ finalizedTokenSymbol,
42353
+ finalizedTokenIcon
42387
42354
  };
42388
42355
  }
42389
42356
 
@@ -42458,12 +42425,12 @@ var isAssetUsableToPayForCheckout = ({
42458
42425
  return false;
42459
42426
  }
42460
42427
  if (isCheckoutPostActionRequired(config)) {
42461
- const vaultToken = config.stakingToken;
42462
- return vaultToken && isTokenEquivalent8({
42428
+ const finalizedToken = config.finalizedToken;
42429
+ return finalizedToken && isTokenEquivalent8({
42463
42430
  firstTokenChainId: targetChainId,
42464
42431
  firstTokenAddress: targetTokenAddress,
42465
- secondTokenChainId: vaultToken.tokenChainId,
42466
- secondTokenAddress: vaultToken.tokenAddress
42432
+ secondTokenChainId: finalizedToken.tokenChainId,
42433
+ secondTokenAddress: finalizedToken.tokenAddress
42467
42434
  });
42468
42435
  }
42469
42436
  return paymentMethod === "balance" /* ACCOUNT_BALANCE */ && finalCheckoutRecipient.toLowerCase() === payerAddress.toLowerCase() && isTokenEquivalent8({