@funkit/connect 6.5.0 → 6.6.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 (47) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/{chunk-IR3HFYKM.js → chunk-AYGZMDTC.js} +3 -0
  3. package/dist/{chunk-Z3KNAO7N.js → chunk-UOY5XFCR.js} +3 -0
  4. package/dist/components/Box/Box.d.ts +13 -13
  5. package/dist/components/Dropdown/BaseDropdownItem.d.ts +2 -1
  6. package/dist/components/Dropdown/ChainDropdown.d.ts +1 -6
  7. package/dist/components/Dropdown/TokenDropdown.d.ts +1 -6
  8. package/dist/components/FunInput/FunInput.d.ts +4 -4
  9. package/dist/components/Icons/SpinnerIconWithBackground.d.ts +1 -1
  10. package/dist/components/MeldQuoteItem/MeldQuoteItem.d.ts +2 -1
  11. package/dist/components/SourceMeldQuoteItem/SourceMeldQuoteItem.d.ts +4 -2
  12. package/dist/consts/customers.d.ts +1 -0
  13. package/dist/css/sprinkles.css.d.ts +19 -13
  14. package/dist/domains/meld.d.ts +2 -0
  15. package/dist/hooks/useTextMeasurer.d.ts +3 -0
  16. package/dist/index.css +872 -809
  17. package/dist/index.js +1084 -672
  18. package/dist/modals/CheckoutModal/InputAmount/InputAmountLoaded.d.ts +2 -2
  19. package/dist/modals/CheckoutModal/InputAmount/state.d.ts +8 -1
  20. package/dist/modals/CheckoutModal/InputAmount/useAmountInput.d.ts +4 -1
  21. package/dist/modals/CheckoutModal/InputAmount/utils.d.ts +27 -0
  22. package/dist/modals/CheckoutModal/MeldQuotes/MeldQuotes.d.ts +1 -1
  23. package/dist/providers/FunkitCheckoutContext.d.ts +2 -8
  24. package/dist/providers/FunkitConfigContext.d.ts +0 -7
  25. package/dist/providers/FunkitThemeProvider.d.ts +9 -0
  26. package/dist/themes/darkTheme.js +1 -1
  27. package/dist/themes/lightTheme.js +1 -1
  28. package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
  29. package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
  30. package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
  31. package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
  32. package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
  33. package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
  34. package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
  35. package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
  36. package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
  37. package/dist/wallets/walletConnectors/index.js +63 -63
  38. package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
  39. package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
  40. package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
  41. package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
  42. package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
  43. package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
  44. package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
  45. package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
  46. package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
  47. package/package.json +6 -6
package/dist/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  darkTheme
4
- } from "./chunk-Z3KNAO7N.js";
4
+ } from "./chunk-UOY5XFCR.js";
5
5
  import {
6
6
  lightTheme
7
- } from "./chunk-IR3HFYKM.js";
7
+ } from "./chunk-AYGZMDTC.js";
8
8
  import {
9
9
  systemFontStack
10
10
  } from "./chunk-7HKC2KCK.js";
@@ -45,8 +45,8 @@ import { createNormalizeValueFn as _a49f6 } from "@vanilla-extract/sprinkles/cre
45
45
  import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
46
46
  var mapResponsiveValue = _51c72({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
47
47
  var normalizeResponsiveValue = _a49f6({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
48
- var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fie", hover: "_1rsrm2fif", active: "_1rsrm2fig", selection: "_1rsrm2fih", focused: "_1rsrm2fii", focusedVisible: "_1rsrm2fij" }, defaultClass: "_1rsrm2fie" }, accentColorForeground: { conditions: { base: "_1rsrm2fik", hover: "_1rsrm2fil", active: "_1rsrm2fim", selection: "_1rsrm2fin", focused: "_1rsrm2fio", focusedVisible: "_1rsrm2fip" }, defaultClass: "_1rsrm2fik" }, actionButtonBorder: { conditions: { base: "_1rsrm2fiq", hover: "_1rsrm2fir", active: "_1rsrm2fis", selection: "_1rsrm2fit", focused: "_1rsrm2fiu", focusedVisible: "_1rsrm2fiv" }, defaultClass: "_1rsrm2fiq" }, connectButtonBackground: { conditions: { base: "_1rsrm2fiw", hover: "_1rsrm2fix", active: "_1rsrm2fiy", selection: "_1rsrm2fiz", focused: "_1rsrm2fj0", focusedVisible: "_1rsrm2fj1" }, defaultClass: "_1rsrm2fiw" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fj2", hover: "_1rsrm2fj3", active: "_1rsrm2fj4", selection: "_1rsrm2fj5", focused: "_1rsrm2fj6", focusedVisible: "_1rsrm2fj7" }, defaultClass: "_1rsrm2fj2" }, connectButtonText: { conditions: { base: "_1rsrm2fj8", hover: "_1rsrm2fj9", active: "_1rsrm2fja", selection: "_1rsrm2fjb", focused: "_1rsrm2fjc", focusedVisible: "_1rsrm2fjd" }, defaultClass: "_1rsrm2fj8" }, connectButtonTextError: { conditions: { base: "_1rsrm2fje", hover: "_1rsrm2fjf", active: "_1rsrm2fjg", selection: "_1rsrm2fjh", focused: "_1rsrm2fji", focusedVisible: "_1rsrm2fjj" }, defaultClass: "_1rsrm2fje" }, connectionIndicator: { conditions: { base: "_1rsrm2fjk", hover: "_1rsrm2fjl", active: "_1rsrm2fjm", selection: "_1rsrm2fjn", focused: "_1rsrm2fjo", focusedVisible: "_1rsrm2fjp" }, defaultClass: "_1rsrm2fjk" }, error: { conditions: { base: "_1rsrm2fjq", hover: "_1rsrm2fjr", active: "_1rsrm2fjs", selection: "_1rsrm2fjt", focused: "_1rsrm2fju", focusedVisible: "_1rsrm2fjv" }, defaultClass: "_1rsrm2fjq" }, errorBackground: { conditions: { base: "_1rsrm2fjw", hover: "_1rsrm2fjx", active: "_1rsrm2fjy", selection: "_1rsrm2fjz", focused: "_1rsrm2fk0", focusedVisible: "_1rsrm2fk1" }, defaultClass: "_1rsrm2fjw" }, errorBorder: { conditions: { base: "_1rsrm2fk2", hover: "_1rsrm2fk3", active: "_1rsrm2fk4", selection: "_1rsrm2fk5", focused: "_1rsrm2fk6", focusedVisible: "_1rsrm2fk7" }, defaultClass: "_1rsrm2fk2" }, generalBorder: { conditions: { base: "_1rsrm2fk8", hover: "_1rsrm2fk9", active: "_1rsrm2fka", selection: "_1rsrm2fkb", focused: "_1rsrm2fkc", focusedVisible: "_1rsrm2fkd" }, defaultClass: "_1rsrm2fk8" }, generalBorderDim: { conditions: { base: "_1rsrm2fke", hover: "_1rsrm2fkf", active: "_1rsrm2fkg", selection: "_1rsrm2fkh", focused: "_1rsrm2fki", focusedVisible: "_1rsrm2fkj" }, defaultClass: "_1rsrm2fke" }, menuItemBackground: { conditions: { base: "_1rsrm2fkk", hover: "_1rsrm2fkl", active: "_1rsrm2fkm", selection: "_1rsrm2fkn", focused: "_1rsrm2fko", focusedVisible: "_1rsrm2fkp" }, defaultClass: "_1rsrm2fkk" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fkq", hover: "_1rsrm2fkr", active: "_1rsrm2fks", selection: "_1rsrm2fkt", focused: "_1rsrm2fku", focusedVisible: "_1rsrm2fkv" }, defaultClass: "_1rsrm2fkq" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fkw", hover: "_1rsrm2fkx", active: "_1rsrm2fky", selection: "_1rsrm2fkz", focused: "_1rsrm2fl0", focusedVisible: "_1rsrm2fl1" }, defaultClass: "_1rsrm2fkw" }, standby: { conditions: { base: "_1rsrm2fl2", hover: "_1rsrm2fl3", active: "_1rsrm2fl4", selection: "_1rsrm2fl5", focused: "_1rsrm2fl6", focusedVisible: "_1rsrm2fl7" }, defaultClass: "_1rsrm2fl2" }, success: { conditions: { base: "_1rsrm2fl8", hover: "_1rsrm2fl9", active: "_1rsrm2fla", selection: "_1rsrm2flb", focused: "_1rsrm2flc", focusedVisible: "_1rsrm2fld" }, defaultClass: "_1rsrm2fl8" }, chainIconBorder: { conditions: { base: "_1rsrm2fle", hover: "_1rsrm2flf", active: "_1rsrm2flg", selection: "_1rsrm2flh", focused: "_1rsrm2fli", focusedVisible: "_1rsrm2flj" }, defaultClass: "_1rsrm2fle" }, modalBackdrop: { conditions: { base: "_1rsrm2flk", hover: "_1rsrm2fll", active: "_1rsrm2flm", selection: "_1rsrm2fln", focused: "_1rsrm2flo", focusedVisible: "_1rsrm2flp" }, defaultClass: "_1rsrm2flk" }, modalBackground: { conditions: { base: "_1rsrm2flq", hover: "_1rsrm2flr", active: "_1rsrm2fls", selection: "_1rsrm2flt", focused: "_1rsrm2flu", focusedVisible: "_1rsrm2flv" }, defaultClass: "_1rsrm2flq" }, modalBorder: { conditions: { base: "_1rsrm2flw", hover: "_1rsrm2flx", active: "_1rsrm2fly", selection: "_1rsrm2flz", focused: "_1rsrm2fm0", focusedVisible: "_1rsrm2fm1" }, defaultClass: "_1rsrm2flw" }, offBackground: { conditions: { base: "_1rsrm2fm2", hover: "_1rsrm2fm3", active: "_1rsrm2fm4", selection: "_1rsrm2fm5", focused: "_1rsrm2fm6", focusedVisible: "_1rsrm2fm7" }, defaultClass: "_1rsrm2fm2" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fm8", hover: "_1rsrm2fm9", active: "_1rsrm2fma", selection: "_1rsrm2fmb", focused: "_1rsrm2fmc", focusedVisible: "_1rsrm2fmd" }, defaultClass: "_1rsrm2fm8" }, hoverState: { conditions: { base: "_1rsrm2fme", hover: "_1rsrm2fmf", active: "_1rsrm2fmg", selection: "_1rsrm2fmh", focused: "_1rsrm2fmi", focusedVisible: "_1rsrm2fmj" }, defaultClass: "_1rsrm2fme" }, lightStroke: { conditions: { base: "_1rsrm2fmk", hover: "_1rsrm2fml", active: "_1rsrm2fmm", selection: "_1rsrm2fmn", focused: "_1rsrm2fmo", focusedVisible: "_1rsrm2fmp" }, defaultClass: "_1rsrm2fmk" }, mediumStroke: { conditions: { base: "_1rsrm2fmq", hover: "_1rsrm2fmr", active: "_1rsrm2fms", selection: "_1rsrm2fmt", focused: "_1rsrm2fmu", focusedVisible: "_1rsrm2fmv" }, defaultClass: "_1rsrm2fmq" }, heavyStroke: { conditions: { base: "_1rsrm2fmw", hover: "_1rsrm2fmx", active: "_1rsrm2fmy", selection: "_1rsrm2fmz", focused: "_1rsrm2fn0", focusedVisible: "_1rsrm2fn1" }, defaultClass: "_1rsrm2fmw" }, strokeColor: { conditions: { base: "_1rsrm2fn2", hover: "_1rsrm2fn3", active: "_1rsrm2fn4", selection: "_1rsrm2fn5", focused: "_1rsrm2fn6", focusedVisible: "_1rsrm2fn7" }, defaultClass: "_1rsrm2fn2" }, primaryText: { conditions: { base: "_1rsrm2fn8", hover: "_1rsrm2fn9", active: "_1rsrm2fna", selection: "_1rsrm2fnb", focused: "_1rsrm2fnc", focusedVisible: "_1rsrm2fnd" }, defaultClass: "_1rsrm2fn8" }, secondaryText: { conditions: { base: "_1rsrm2fne", hover: "_1rsrm2fnf", active: "_1rsrm2fng", selection: "_1rsrm2fnh", focused: "_1rsrm2fni", focusedVisible: "_1rsrm2fnj" }, defaultClass: "_1rsrm2fne" }, tertiaryText: { conditions: { base: "_1rsrm2fnk", hover: "_1rsrm2fnl", active: "_1rsrm2fnm", selection: "_1rsrm2fnn", focused: "_1rsrm2fno", focusedVisible: "_1rsrm2fnp" }, defaultClass: "_1rsrm2fnk" }, textSelection: { conditions: { base: "_1rsrm2fnq", hover: "_1rsrm2fnr", active: "_1rsrm2fns", selection: "_1rsrm2fnt", focused: "_1rsrm2fnu", focusedVisible: "_1rsrm2fnv" }, defaultClass: "_1rsrm2fnq" }, inputBackground: { conditions: { base: "_1rsrm2fnw", hover: "_1rsrm2fnx", active: "_1rsrm2fny", selection: "_1rsrm2fnz", focused: "_1rsrm2fo0", focusedVisible: "_1rsrm2fo1" }, defaultClass: "_1rsrm2fnw" }, inputBorderBase: { conditions: { base: "_1rsrm2fo2", hover: "_1rsrm2fo3", active: "_1rsrm2fo4", selection: "_1rsrm2fo5", focused: "_1rsrm2fo6", focusedVisible: "_1rsrm2fo7" }, defaultClass: "_1rsrm2fo2" }, inputBorderHover: { conditions: { base: "_1rsrm2fo8", hover: "_1rsrm2fo9", active: "_1rsrm2foa", selection: "_1rsrm2fob", focused: "_1rsrm2foc", focusedVisible: "_1rsrm2fod" }, defaultClass: "_1rsrm2fo8" }, actionColor: { conditions: { base: "_1rsrm2foe", hover: "_1rsrm2fof", active: "_1rsrm2fog", selection: "_1rsrm2foh", focused: "_1rsrm2foi", focusedVisible: "_1rsrm2foj" }, defaultClass: "_1rsrm2foe" }, actionColorHover: { conditions: { base: "_1rsrm2fok", hover: "_1rsrm2fol", active: "_1rsrm2fom", selection: "_1rsrm2fon", focused: "_1rsrm2foo", focusedVisible: "_1rsrm2fop" }, defaultClass: "_1rsrm2fok" }, actionColorDisabled: { conditions: { base: "_1rsrm2foq", hover: "_1rsrm2for", active: "_1rsrm2fos", selection: "_1rsrm2fot", focused: "_1rsrm2fou", focusedVisible: "_1rsrm2fov" }, defaultClass: "_1rsrm2foq" }, buttonPrimary: { conditions: { base: "_1rsrm2fow", hover: "_1rsrm2fox", active: "_1rsrm2foy", selection: "_1rsrm2foz", focused: "_1rsrm2fp0", focusedVisible: "_1rsrm2fp1" }, defaultClass: "_1rsrm2fow" }, buttonDisabled: { conditions: { base: "_1rsrm2fp2", hover: "_1rsrm2fp3", active: "_1rsrm2fp4", selection: "_1rsrm2fp5", focused: "_1rsrm2fp6", focusedVisible: "_1rsrm2fp7" }, defaultClass: "_1rsrm2fp2" }, buttonWarning: { conditions: { base: "_1rsrm2fp8", hover: "_1rsrm2fp9", active: "_1rsrm2fpa", selection: "_1rsrm2fpb", focused: "_1rsrm2fpc", focusedVisible: "_1rsrm2fpd" }, defaultClass: "_1rsrm2fp8" }, buttonSuccess: { conditions: { base: "_1rsrm2fpe", hover: "_1rsrm2fpf", active: "_1rsrm2fpg", selection: "_1rsrm2fph", focused: "_1rsrm2fpi", focusedVisible: "_1rsrm2fpj" }, defaultClass: "_1rsrm2fpe" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fpk", hover: "_1rsrm2fpl", active: "_1rsrm2fpm", selection: "_1rsrm2fpn", focused: "_1rsrm2fpo", focusedVisible: "_1rsrm2fpp" }, defaultClass: "_1rsrm2fpk" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fpq", hover: "_1rsrm2fpr", active: "_1rsrm2fps", selection: "_1rsrm2fpt", focused: "_1rsrm2fpu", focusedVisible: "_1rsrm2fpv" }, defaultClass: "_1rsrm2fpq" }, transparent: { conditions: { base: "_1rsrm2fpw", hover: "_1rsrm2fpx", active: "_1rsrm2fpy", selection: "_1rsrm2fpz", focused: "_1rsrm2fq0", focusedVisible: "_1rsrm2fq1" }, defaultClass: "_1rsrm2fpw" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fq2", hover: "_1rsrm2fq3", active: "_1rsrm2fq4", selection: "_1rsrm2fq5", focused: "_1rsrm2fq6", focusedVisible: "_1rsrm2fq7" }, defaultClass: "_1rsrm2fq2" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fq8", hover: "_1rsrm2fq9", active: "_1rsrm2fqa", selection: "_1rsrm2fqb", focused: "_1rsrm2fqc", focusedVisible: "_1rsrm2fqd" }, defaultClass: "_1rsrm2fq8" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fqe", hover: "_1rsrm2fqf", active: "_1rsrm2fqg", selection: "_1rsrm2fqh", focused: "_1rsrm2fqi", focusedVisible: "_1rsrm2fqj" }, defaultClass: "_1rsrm2fqe" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fqk", hover: "_1rsrm2fql", active: "_1rsrm2fqm", selection: "_1rsrm2fqn", focused: "_1rsrm2fqo", focusedVisible: "_1rsrm2fqp" }, defaultClass: "_1rsrm2fqk" }, buttonBackground: { conditions: { base: "_1rsrm2fqq", hover: "_1rsrm2fqr", active: "_1rsrm2fqs", selection: "_1rsrm2fqt", focused: "_1rsrm2fqu", focusedVisible: "_1rsrm2fqv" }, defaultClass: "_1rsrm2fqq" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2fqw", hover: "_1rsrm2fqx", active: "_1rsrm2fqy", selection: "_1rsrm2fqz", focused: "_1rsrm2fr0", focusedVisible: "_1rsrm2fr1" }, defaultClass: "_1rsrm2fqw" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2fr2", hover: "_1rsrm2fr3", active: "_1rsrm2fr4", selection: "_1rsrm2fr5", focused: "_1rsrm2fr6", focusedVisible: "_1rsrm2fr7" }, defaultClass: "_1rsrm2fr2" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2fr8", hover: "_1rsrm2fr9", active: "_1rsrm2fra", selection: "_1rsrm2frb", focused: "_1rsrm2frc", focusedVisible: "_1rsrm2frd" }, defaultClass: "_1rsrm2fr8" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fre", hover: "_1rsrm2frf", active: "_1rsrm2frg", selection: "_1rsrm2frh", focused: "_1rsrm2fri", focusedVisible: "_1rsrm2frj" }, defaultClass: "_1rsrm2fre" }, buttonTextSecondary: { conditions: { base: "_1rsrm2frk", hover: "_1rsrm2frl", active: "_1rsrm2frm", selection: "_1rsrm2frn", focused: "_1rsrm2fro", focusedVisible: "_1rsrm2frp" }, defaultClass: "_1rsrm2frk" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2frq", hover: "_1rsrm2frr", active: "_1rsrm2frs", selection: "_1rsrm2frt", focused: "_1rsrm2fru", focusedVisible: "_1rsrm2frv" }, defaultClass: "_1rsrm2frq" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2frw", hover: "_1rsrm2frx", active: "_1rsrm2fry", selection: "_1rsrm2frz", focused: "_1rsrm2fs0", focusedVisible: "_1rsrm2fs1" }, defaultClass: "_1rsrm2frw" }, buttonIconStroke: { conditions: { base: "_1rsrm2fs2", hover: "_1rsrm2fs3", active: "_1rsrm2fs4", selection: "_1rsrm2fs5", focused: "_1rsrm2fs6", focusedVisible: "_1rsrm2fs7" }, defaultClass: "_1rsrm2fs2" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fs8", hover: "_1rsrm2fs9", active: "_1rsrm2fsa", selection: "_1rsrm2fsb", focused: "_1rsrm2fsc", focusedVisible: "_1rsrm2fsd" }, defaultClass: "_1rsrm2fs8" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fse", hover: "_1rsrm2fsf", active: "_1rsrm2fsg", selection: "_1rsrm2fsh", focused: "_1rsrm2fsi", focusedVisible: "_1rsrm2fsj" }, defaultClass: "_1rsrm2fse" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2fsk", hover: "_1rsrm2fsl", active: "_1rsrm2fsm", selection: "_1rsrm2fsn", focused: "_1rsrm2fso", focusedVisible: "_1rsrm2fsp" }, defaultClass: "_1rsrm2fsk" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fsq", hover: "_1rsrm2fsr", active: "_1rsrm2fss", selection: "_1rsrm2fst", focused: "_1rsrm2fsu", focusedVisible: "_1rsrm2fsv" }, defaultClass: "_1rsrm2fsq" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fsw", hover: "_1rsrm2fsx", active: "_1rsrm2fsy", selection: "_1rsrm2fsz", focused: "_1rsrm2ft0", focusedVisible: "_1rsrm2ft1" }, defaultClass: "_1rsrm2fsw" }, newBadgeBackground: { conditions: { base: "_1rsrm2ft2", hover: "_1rsrm2ft3", active: "_1rsrm2ft4", selection: "_1rsrm2ft5", focused: "_1rsrm2ft6", focusedVisible: "_1rsrm2ft7" }, defaultClass: "_1rsrm2ft2" }, newBadgeBorder: { conditions: { base: "_1rsrm2ft8", hover: "_1rsrm2ft9", active: "_1rsrm2fta", selection: "_1rsrm2ftb", focused: "_1rsrm2ftc", focusedVisible: "_1rsrm2ftd" }, defaultClass: "_1rsrm2ft8" }, newBadgeText: { conditions: { base: "_1rsrm2fte", hover: "_1rsrm2ftf", active: "_1rsrm2ftg", selection: "_1rsrm2fth", focused: "_1rsrm2fti", focusedVisible: "_1rsrm2ftj" }, defaultClass: "_1rsrm2fte" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2ftk", hover: "_1rsrm2ftl", active: "_1rsrm2ftm", selection: "_1rsrm2ftn", focused: "_1rsrm2fto", focusedVisible: "_1rsrm2ftp" }, defaultClass: "_1rsrm2ftk" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2ftq", hover: "_1rsrm2ftr", active: "_1rsrm2fts", selection: "_1rsrm2ftt", focused: "_1rsrm2ftu", focusedVisible: "_1rsrm2ftv" }, defaultClass: "_1rsrm2ftq" }, approvedBadgeText: { conditions: { base: "_1rsrm2ftw", hover: "_1rsrm2ftx", active: "_1rsrm2fty", selection: "_1rsrm2ftz", focused: "_1rsrm2fu0", focusedVisible: "_1rsrm2fu1" }, defaultClass: "_1rsrm2ftw" }, failedBadgeBackground: { conditions: { base: "_1rsrm2fu2", hover: "_1rsrm2fu3", active: "_1rsrm2fu4", selection: "_1rsrm2fu5", focused: "_1rsrm2fu6", focusedVisible: "_1rsrm2fu7" }, defaultClass: "_1rsrm2fu2" }, failedBadgeBorder: { conditions: { base: "_1rsrm2fu8", hover: "_1rsrm2fu9", active: "_1rsrm2fua", selection: "_1rsrm2fub", focused: "_1rsrm2fuc", focusedVisible: "_1rsrm2fud" }, defaultClass: "_1rsrm2fu8" }, failedBadgeText: { conditions: { base: "_1rsrm2fue", hover: "_1rsrm2fuf", active: "_1rsrm2fug", selection: "_1rsrm2fuh", focused: "_1rsrm2fui", focusedVisible: "_1rsrm2fuj" }, defaultClass: "_1rsrm2fue" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fuk", hover: "_1rsrm2ful", active: "_1rsrm2fum", selection: "_1rsrm2fun", focused: "_1rsrm2fuo", focusedVisible: "_1rsrm2fup" }, defaultClass: "_1rsrm2fuk" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2fuq", hover: "_1rsrm2fur", active: "_1rsrm2fus", selection: "_1rsrm2fut", focused: "_1rsrm2fuu", focusedVisible: "_1rsrm2fuv" }, defaultClass: "_1rsrm2fuq" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2fuw", hover: "_1rsrm2fux", active: "_1rsrm2fuy", selection: "_1rsrm2fuz", focused: "_1rsrm2fv0", focusedVisible: "_1rsrm2fv1" }, defaultClass: "_1rsrm2fuw" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2fv2", hover: "_1rsrm2fv3", active: "_1rsrm2fv4", selection: "_1rsrm2fv5", focused: "_1rsrm2fv6", focusedVisible: "_1rsrm2fv7" }, defaultClass: "_1rsrm2fv2" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2fv8", hover: "_1rsrm2fv9", active: "_1rsrm2fva", selection: "_1rsrm2fvb", focused: "_1rsrm2fvc", focusedVisible: "_1rsrm2fvd" }, defaultClass: "_1rsrm2fv8" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2fve", hover: "_1rsrm2fvf", active: "_1rsrm2fvg", selection: "_1rsrm2fvh", focused: "_1rsrm2fvi", focusedVisible: "_1rsrm2fvj" }, defaultClass: "_1rsrm2fve" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2fvk", hover: "_1rsrm2fvl", active: "_1rsrm2fvm", selection: "_1rsrm2fvn", focused: "_1rsrm2fvo", focusedVisible: "_1rsrm2fvp" }, defaultClass: "_1rsrm2fvk" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2fvq", hover: "_1rsrm2fvr", active: "_1rsrm2fvs", selection: "_1rsrm2fvt", focused: "_1rsrm2fvu", focusedVisible: "_1rsrm2fvv" }, defaultClass: "_1rsrm2fvq" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2fvw", hover: "_1rsrm2fvx", active: "_1rsrm2fvy", selection: "_1rsrm2fvz", focused: "_1rsrm2fw0", focusedVisible: "_1rsrm2fw1" }, defaultClass: "_1rsrm2fvw" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2fw2", hover: "_1rsrm2fw3", active: "_1rsrm2fw4", selection: "_1rsrm2fw5", focused: "_1rsrm2fw6", focusedVisible: "_1rsrm2fw7" }, defaultClass: "_1rsrm2fw2" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2fw8", hover: "_1rsrm2fw9", active: "_1rsrm2fwa", selection: "_1rsrm2fwb", focused: "_1rsrm2fwc", focusedVisible: "_1rsrm2fwd" }, defaultClass: "_1rsrm2fw8" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2fwe", hover: "_1rsrm2fwf", active: "_1rsrm2fwg", selection: "_1rsrm2fwh", focused: "_1rsrm2fwi", focusedVisible: "_1rsrm2fwj" }, defaultClass: "_1rsrm2fwe" }, announceGradientFrom: { conditions: { base: "_1rsrm2fwk", hover: "_1rsrm2fwl", active: "_1rsrm2fwm", selection: "_1rsrm2fwn", focused: "_1rsrm2fwo", focusedVisible: "_1rsrm2fwp" }, defaultClass: "_1rsrm2fwk" }, announceGradientTo: { conditions: { base: "_1rsrm2fwq", hover: "_1rsrm2fwr", active: "_1rsrm2fws", selection: "_1rsrm2fwt", focused: "_1rsrm2fwu", focusedVisible: "_1rsrm2fwv" }, defaultClass: "_1rsrm2fwq" }, modalHeaderDivider: { conditions: { base: "_1rsrm2fww", hover: "_1rsrm2fwx", active: "_1rsrm2fwy", selection: "_1rsrm2fwz", focused: "_1rsrm2fx0", focusedVisible: "_1rsrm2fx1" }, defaultClass: "_1rsrm2fww" }, modalFooterDivider: { conditions: { base: "_1rsrm2fx2", hover: "_1rsrm2fx3", active: "_1rsrm2fx4", selection: "_1rsrm2fx5", focused: "_1rsrm2fx6", focusedVisible: "_1rsrm2fx7" }, defaultClass: "_1rsrm2fx2" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2fx8", hover: "_1rsrm2fx9", active: "_1rsrm2fxa", selection: "_1rsrm2fxb", focused: "_1rsrm2fxc", focusedVisible: "_1rsrm2fxd" }, defaultClass: "_1rsrm2fx8" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2fxe", hover: "_1rsrm2fxf", active: "_1rsrm2fxg", selection: "_1rsrm2fxh", focused: "_1rsrm2fxi", focusedVisible: "_1rsrm2fxj" }, defaultClass: "_1rsrm2fxe" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2fxk", hover: "_1rsrm2fxl", active: "_1rsrm2fxm", selection: "_1rsrm2fxn", focused: "_1rsrm2fxo", focusedVisible: "_1rsrm2fxp" }, defaultClass: "_1rsrm2fxk" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2fxq", hover: "_1rsrm2fxr", active: "_1rsrm2fxs", selection: "_1rsrm2fxt", focused: "_1rsrm2fxu", focusedVisible: "_1rsrm2fxv" }, defaultClass: "_1rsrm2fxq" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2fxw", hover: "_1rsrm2fxx", active: "_1rsrm2fxy", selection: "_1rsrm2fxz", focused: "_1rsrm2fy0", focusedVisible: "_1rsrm2fy1" }, defaultClass: "_1rsrm2fxw" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2fy2", hover: "_1rsrm2fy3", active: "_1rsrm2fy4", selection: "_1rsrm2fy5", focused: "_1rsrm2fy6", focusedVisible: "_1rsrm2fy7" }, defaultClass: "_1rsrm2fy2" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2fy8", hover: "_1rsrm2fy9", active: "_1rsrm2fya", selection: "_1rsrm2fyb", focused: "_1rsrm2fyc", focusedVisible: "_1rsrm2fyd" }, defaultClass: "_1rsrm2fy8" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2fye", hover: "_1rsrm2fyf", active: "_1rsrm2fyg", selection: "_1rsrm2fyh", focused: "_1rsrm2fyi", focusedVisible: "_1rsrm2fyj" }, defaultClass: "_1rsrm2fye" }, spinnerBackground: { conditions: { base: "_1rsrm2fyk", hover: "_1rsrm2fyl", active: "_1rsrm2fym", selection: "_1rsrm2fyn", focused: "_1rsrm2fyo", focusedVisible: "_1rsrm2fyp" }, defaultClass: "_1rsrm2fyk" }, spinnerIndicator: { conditions: { base: "_1rsrm2fyq", hover: "_1rsrm2fyr", active: "_1rsrm2fys", selection: "_1rsrm2fyt", focused: "_1rsrm2fyu", focusedVisible: "_1rsrm2fyv" }, defaultClass: "_1rsrm2fyq" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2fyw", hover: "_1rsrm2fyx", active: "_1rsrm2fyy", selection: "_1rsrm2fyz", focused: "_1rsrm2fz0", focusedVisible: "_1rsrm2fz1" }, defaultClass: "_1rsrm2fyw" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2fz2", hover: "_1rsrm2fz3", active: "_1rsrm2fz4", selection: "_1rsrm2fz5", focused: "_1rsrm2fz6", focusedVisible: "_1rsrm2fz7" }, defaultClass: "_1rsrm2fz2" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fz8", hover: "_1rsrm2fz9", active: "_1rsrm2fza", selection: "_1rsrm2fzb", focused: "_1rsrm2fzc", focusedVisible: "_1rsrm2fzd" }, defaultClass: "_1rsrm2fz8" }, accentColorForeground: { conditions: { base: "_1rsrm2fze", hover: "_1rsrm2fzf", active: "_1rsrm2fzg", selection: "_1rsrm2fzh", focused: "_1rsrm2fzi", focusedVisible: "_1rsrm2fzj" }, defaultClass: "_1rsrm2fze" }, actionButtonBorder: { conditions: { base: "_1rsrm2fzk", hover: "_1rsrm2fzl", active: "_1rsrm2fzm", selection: "_1rsrm2fzn", focused: "_1rsrm2fzo", focusedVisible: "_1rsrm2fzp" }, defaultClass: "_1rsrm2fzk" }, connectButtonBackground: { conditions: { base: "_1rsrm2fzq", hover: "_1rsrm2fzr", active: "_1rsrm2fzs", selection: "_1rsrm2fzt", focused: "_1rsrm2fzu", focusedVisible: "_1rsrm2fzv" }, defaultClass: "_1rsrm2fzq" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fzw", hover: "_1rsrm2fzx", active: "_1rsrm2fzy", selection: "_1rsrm2fzz", focused: "_1rsrm2f100", focusedVisible: "_1rsrm2f101" }, defaultClass: "_1rsrm2fzw" }, connectButtonText: { conditions: { base: "_1rsrm2f102", hover: "_1rsrm2f103", active: "_1rsrm2f104", selection: "_1rsrm2f105", focused: "_1rsrm2f106", focusedVisible: "_1rsrm2f107" }, defaultClass: "_1rsrm2f102" }, connectButtonTextError: { conditions: { base: "_1rsrm2f108", hover: "_1rsrm2f109", active: "_1rsrm2f10a", selection: "_1rsrm2f10b", focused: "_1rsrm2f10c", focusedVisible: "_1rsrm2f10d" }, defaultClass: "_1rsrm2f108" }, connectionIndicator: { conditions: { base: "_1rsrm2f10e", hover: "_1rsrm2f10f", active: "_1rsrm2f10g", selection: "_1rsrm2f10h", focused: "_1rsrm2f10i", focusedVisible: "_1rsrm2f10j" }, defaultClass: "_1rsrm2f10e" }, error: { conditions: { base: "_1rsrm2f10k", hover: "_1rsrm2f10l", active: "_1rsrm2f10m", selection: "_1rsrm2f10n", focused: "_1rsrm2f10o", focusedVisible: "_1rsrm2f10p" }, defaultClass: "_1rsrm2f10k" }, errorBackground: { conditions: { base: "_1rsrm2f10q", hover: "_1rsrm2f10r", active: "_1rsrm2f10s", selection: "_1rsrm2f10t", focused: "_1rsrm2f10u", focusedVisible: "_1rsrm2f10v" }, defaultClass: "_1rsrm2f10q" }, errorBorder: { conditions: { base: "_1rsrm2f10w", hover: "_1rsrm2f10x", active: "_1rsrm2f10y", selection: "_1rsrm2f10z", focused: "_1rsrm2f110", focusedVisible: "_1rsrm2f111" }, defaultClass: "_1rsrm2f10w" }, generalBorder: { conditions: { base: "_1rsrm2f112", hover: "_1rsrm2f113", active: "_1rsrm2f114", selection: "_1rsrm2f115", focused: "_1rsrm2f116", focusedVisible: "_1rsrm2f117" }, defaultClass: "_1rsrm2f112" }, generalBorderDim: { conditions: { base: "_1rsrm2f118", hover: "_1rsrm2f119", active: "_1rsrm2f11a", selection: "_1rsrm2f11b", focused: "_1rsrm2f11c", focusedVisible: "_1rsrm2f11d" }, defaultClass: "_1rsrm2f118" }, menuItemBackground: { conditions: { base: "_1rsrm2f11e", hover: "_1rsrm2f11f", active: "_1rsrm2f11g", selection: "_1rsrm2f11h", focused: "_1rsrm2f11i", focusedVisible: "_1rsrm2f11j" }, defaultClass: "_1rsrm2f11e" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f11k", hover: "_1rsrm2f11l", active: "_1rsrm2f11m", selection: "_1rsrm2f11n", focused: "_1rsrm2f11o", focusedVisible: "_1rsrm2f11p" }, defaultClass: "_1rsrm2f11k" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f11q", hover: "_1rsrm2f11r", active: "_1rsrm2f11s", selection: "_1rsrm2f11t", focused: "_1rsrm2f11u", focusedVisible: "_1rsrm2f11v" }, defaultClass: "_1rsrm2f11q" }, standby: { conditions: { base: "_1rsrm2f11w", hover: "_1rsrm2f11x", active: "_1rsrm2f11y", selection: "_1rsrm2f11z", focused: "_1rsrm2f120", focusedVisible: "_1rsrm2f121" }, defaultClass: "_1rsrm2f11w" }, success: { conditions: { base: "_1rsrm2f122", hover: "_1rsrm2f123", active: "_1rsrm2f124", selection: "_1rsrm2f125", focused: "_1rsrm2f126", focusedVisible: "_1rsrm2f127" }, defaultClass: "_1rsrm2f122" }, chainIconBorder: { conditions: { base: "_1rsrm2f128", hover: "_1rsrm2f129", active: "_1rsrm2f12a", selection: "_1rsrm2f12b", focused: "_1rsrm2f12c", focusedVisible: "_1rsrm2f12d" }, defaultClass: "_1rsrm2f128" }, modalBackdrop: { conditions: { base: "_1rsrm2f12e", hover: "_1rsrm2f12f", active: "_1rsrm2f12g", selection: "_1rsrm2f12h", focused: "_1rsrm2f12i", focusedVisible: "_1rsrm2f12j" }, defaultClass: "_1rsrm2f12e" }, modalBackground: { conditions: { base: "_1rsrm2f12k", hover: "_1rsrm2f12l", active: "_1rsrm2f12m", selection: "_1rsrm2f12n", focused: "_1rsrm2f12o", focusedVisible: "_1rsrm2f12p" }, defaultClass: "_1rsrm2f12k" }, modalBorder: { conditions: { base: "_1rsrm2f12q", hover: "_1rsrm2f12r", active: "_1rsrm2f12s", selection: "_1rsrm2f12t", focused: "_1rsrm2f12u", focusedVisible: "_1rsrm2f12v" }, defaultClass: "_1rsrm2f12q" }, offBackground: { conditions: { base: "_1rsrm2f12w", hover: "_1rsrm2f12x", active: "_1rsrm2f12y", selection: "_1rsrm2f12z", focused: "_1rsrm2f130", focusedVisible: "_1rsrm2f131" }, defaultClass: "_1rsrm2f12w" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f132", hover: "_1rsrm2f133", active: "_1rsrm2f134", selection: "_1rsrm2f135", focused: "_1rsrm2f136", focusedVisible: "_1rsrm2f137" }, defaultClass: "_1rsrm2f132" }, hoverState: { conditions: { base: "_1rsrm2f138", hover: "_1rsrm2f139", active: "_1rsrm2f13a", selection: "_1rsrm2f13b", focused: "_1rsrm2f13c", focusedVisible: "_1rsrm2f13d" }, defaultClass: "_1rsrm2f138" }, lightStroke: { conditions: { base: "_1rsrm2f13e", hover: "_1rsrm2f13f", active: "_1rsrm2f13g", selection: "_1rsrm2f13h", focused: "_1rsrm2f13i", focusedVisible: "_1rsrm2f13j" }, defaultClass: "_1rsrm2f13e" }, mediumStroke: { conditions: { base: "_1rsrm2f13k", hover: "_1rsrm2f13l", active: "_1rsrm2f13m", selection: "_1rsrm2f13n", focused: "_1rsrm2f13o", focusedVisible: "_1rsrm2f13p" }, defaultClass: "_1rsrm2f13k" }, heavyStroke: { conditions: { base: "_1rsrm2f13q", hover: "_1rsrm2f13r", active: "_1rsrm2f13s", selection: "_1rsrm2f13t", focused: "_1rsrm2f13u", focusedVisible: "_1rsrm2f13v" }, defaultClass: "_1rsrm2f13q" }, strokeColor: { conditions: { base: "_1rsrm2f13w", hover: "_1rsrm2f13x", active: "_1rsrm2f13y", selection: "_1rsrm2f13z", focused: "_1rsrm2f140", focusedVisible: "_1rsrm2f141" }, defaultClass: "_1rsrm2f13w" }, primaryText: { conditions: { base: "_1rsrm2f142", hover: "_1rsrm2f143", active: "_1rsrm2f144", selection: "_1rsrm2f145", focused: "_1rsrm2f146", focusedVisible: "_1rsrm2f147" }, defaultClass: "_1rsrm2f142" }, secondaryText: { conditions: { base: "_1rsrm2f148", hover: "_1rsrm2f149", active: "_1rsrm2f14a", selection: "_1rsrm2f14b", focused: "_1rsrm2f14c", focusedVisible: "_1rsrm2f14d" }, defaultClass: "_1rsrm2f148" }, tertiaryText: { conditions: { base: "_1rsrm2f14e", hover: "_1rsrm2f14f", active: "_1rsrm2f14g", selection: "_1rsrm2f14h", focused: "_1rsrm2f14i", focusedVisible: "_1rsrm2f14j" }, defaultClass: "_1rsrm2f14e" }, textSelection: { conditions: { base: "_1rsrm2f14k", hover: "_1rsrm2f14l", active: "_1rsrm2f14m", selection: "_1rsrm2f14n", focused: "_1rsrm2f14o", focusedVisible: "_1rsrm2f14p" }, defaultClass: "_1rsrm2f14k" }, inputBackground: { conditions: { base: "_1rsrm2f14q", hover: "_1rsrm2f14r", active: "_1rsrm2f14s", selection: "_1rsrm2f14t", focused: "_1rsrm2f14u", focusedVisible: "_1rsrm2f14v" }, defaultClass: "_1rsrm2f14q" }, inputBorderBase: { conditions: { base: "_1rsrm2f14w", hover: "_1rsrm2f14x", active: "_1rsrm2f14y", selection: "_1rsrm2f14z", focused: "_1rsrm2f150", focusedVisible: "_1rsrm2f151" }, defaultClass: "_1rsrm2f14w" }, inputBorderHover: { conditions: { base: "_1rsrm2f152", hover: "_1rsrm2f153", active: "_1rsrm2f154", selection: "_1rsrm2f155", focused: "_1rsrm2f156", focusedVisible: "_1rsrm2f157" }, defaultClass: "_1rsrm2f152" }, actionColor: { conditions: { base: "_1rsrm2f158", hover: "_1rsrm2f159", active: "_1rsrm2f15a", selection: "_1rsrm2f15b", focused: "_1rsrm2f15c", focusedVisible: "_1rsrm2f15d" }, defaultClass: "_1rsrm2f158" }, actionColorHover: { conditions: { base: "_1rsrm2f15e", hover: "_1rsrm2f15f", active: "_1rsrm2f15g", selection: "_1rsrm2f15h", focused: "_1rsrm2f15i", focusedVisible: "_1rsrm2f15j" }, defaultClass: "_1rsrm2f15e" }, actionColorDisabled: { conditions: { base: "_1rsrm2f15k", hover: "_1rsrm2f15l", active: "_1rsrm2f15m", selection: "_1rsrm2f15n", focused: "_1rsrm2f15o", focusedVisible: "_1rsrm2f15p" }, defaultClass: "_1rsrm2f15k" }, buttonPrimary: { conditions: { base: "_1rsrm2f15q", hover: "_1rsrm2f15r", active: "_1rsrm2f15s", selection: "_1rsrm2f15t", focused: "_1rsrm2f15u", focusedVisible: "_1rsrm2f15v" }, defaultClass: "_1rsrm2f15q" }, buttonDisabled: { conditions: { base: "_1rsrm2f15w", hover: "_1rsrm2f15x", active: "_1rsrm2f15y", selection: "_1rsrm2f15z", focused: "_1rsrm2f160", focusedVisible: "_1rsrm2f161" }, defaultClass: "_1rsrm2f15w" }, buttonWarning: { conditions: { base: "_1rsrm2f162", hover: "_1rsrm2f163", active: "_1rsrm2f164", selection: "_1rsrm2f165", focused: "_1rsrm2f166", focusedVisible: "_1rsrm2f167" }, defaultClass: "_1rsrm2f162" }, buttonSuccess: { conditions: { base: "_1rsrm2f168", hover: "_1rsrm2f169", active: "_1rsrm2f16a", selection: "_1rsrm2f16b", focused: "_1rsrm2f16c", focusedVisible: "_1rsrm2f16d" }, defaultClass: "_1rsrm2f168" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f16e", hover: "_1rsrm2f16f", active: "_1rsrm2f16g", selection: "_1rsrm2f16h", focused: "_1rsrm2f16i", focusedVisible: "_1rsrm2f16j" }, defaultClass: "_1rsrm2f16e" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f16k", hover: "_1rsrm2f16l", active: "_1rsrm2f16m", selection: "_1rsrm2f16n", focused: "_1rsrm2f16o", focusedVisible: "_1rsrm2f16p" }, defaultClass: "_1rsrm2f16k" }, transparent: { conditions: { base: "_1rsrm2f16q", hover: "_1rsrm2f16r", active: "_1rsrm2f16s", selection: "_1rsrm2f16t", focused: "_1rsrm2f16u", focusedVisible: "_1rsrm2f16v" }, defaultClass: "_1rsrm2f16q" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f16w", hover: "_1rsrm2f16x", active: "_1rsrm2f16y", selection: "_1rsrm2f16z", focused: "_1rsrm2f170", focusedVisible: "_1rsrm2f171" }, defaultClass: "_1rsrm2f16w" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f172", hover: "_1rsrm2f173", active: "_1rsrm2f174", selection: "_1rsrm2f175", focused: "_1rsrm2f176", focusedVisible: "_1rsrm2f177" }, defaultClass: "_1rsrm2f172" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f178", hover: "_1rsrm2f179", active: "_1rsrm2f17a", selection: "_1rsrm2f17b", focused: "_1rsrm2f17c", focusedVisible: "_1rsrm2f17d" }, defaultClass: "_1rsrm2f178" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f17e", hover: "_1rsrm2f17f", active: "_1rsrm2f17g", selection: "_1rsrm2f17h", focused: "_1rsrm2f17i", focusedVisible: "_1rsrm2f17j" }, defaultClass: "_1rsrm2f17e" }, buttonBackground: { conditions: { base: "_1rsrm2f17k", hover: "_1rsrm2f17l", active: "_1rsrm2f17m", selection: "_1rsrm2f17n", focused: "_1rsrm2f17o", focusedVisible: "_1rsrm2f17p" }, defaultClass: "_1rsrm2f17k" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f17q", hover: "_1rsrm2f17r", active: "_1rsrm2f17s", selection: "_1rsrm2f17t", focused: "_1rsrm2f17u", focusedVisible: "_1rsrm2f17v" }, defaultClass: "_1rsrm2f17q" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f17w", hover: "_1rsrm2f17x", active: "_1rsrm2f17y", selection: "_1rsrm2f17z", focused: "_1rsrm2f180", focusedVisible: "_1rsrm2f181" }, defaultClass: "_1rsrm2f17w" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f182", hover: "_1rsrm2f183", active: "_1rsrm2f184", selection: "_1rsrm2f185", focused: "_1rsrm2f186", focusedVisible: "_1rsrm2f187" }, defaultClass: "_1rsrm2f182" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f188", hover: "_1rsrm2f189", active: "_1rsrm2f18a", selection: "_1rsrm2f18b", focused: "_1rsrm2f18c", focusedVisible: "_1rsrm2f18d" }, defaultClass: "_1rsrm2f188" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f18e", hover: "_1rsrm2f18f", active: "_1rsrm2f18g", selection: "_1rsrm2f18h", focused: "_1rsrm2f18i", focusedVisible: "_1rsrm2f18j" }, defaultClass: "_1rsrm2f18e" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f18k", hover: "_1rsrm2f18l", active: "_1rsrm2f18m", selection: "_1rsrm2f18n", focused: "_1rsrm2f18o", focusedVisible: "_1rsrm2f18p" }, defaultClass: "_1rsrm2f18k" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f18q", hover: "_1rsrm2f18r", active: "_1rsrm2f18s", selection: "_1rsrm2f18t", focused: "_1rsrm2f18u", focusedVisible: "_1rsrm2f18v" }, defaultClass: "_1rsrm2f18q" }, buttonIconStroke: { conditions: { base: "_1rsrm2f18w", hover: "_1rsrm2f18x", active: "_1rsrm2f18y", selection: "_1rsrm2f18z", focused: "_1rsrm2f190", focusedVisible: "_1rsrm2f191" }, defaultClass: "_1rsrm2f18w" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f192", hover: "_1rsrm2f193", active: "_1rsrm2f194", selection: "_1rsrm2f195", focused: "_1rsrm2f196", focusedVisible: "_1rsrm2f197" }, defaultClass: "_1rsrm2f192" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f198", hover: "_1rsrm2f199", active: "_1rsrm2f19a", selection: "_1rsrm2f19b", focused: "_1rsrm2f19c", focusedVisible: "_1rsrm2f19d" }, defaultClass: "_1rsrm2f198" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f19e", hover: "_1rsrm2f19f", active: "_1rsrm2f19g", selection: "_1rsrm2f19h", focused: "_1rsrm2f19i", focusedVisible: "_1rsrm2f19j" }, defaultClass: "_1rsrm2f19e" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f19k", hover: "_1rsrm2f19l", active: "_1rsrm2f19m", selection: "_1rsrm2f19n", focused: "_1rsrm2f19o", focusedVisible: "_1rsrm2f19p" }, defaultClass: "_1rsrm2f19k" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f19q", hover: "_1rsrm2f19r", active: "_1rsrm2f19s", selection: "_1rsrm2f19t", focused: "_1rsrm2f19u", focusedVisible: "_1rsrm2f19v" }, defaultClass: "_1rsrm2f19q" }, newBadgeBackground: { conditions: { base: "_1rsrm2f19w", hover: "_1rsrm2f19x", active: "_1rsrm2f19y", selection: "_1rsrm2f19z", focused: "_1rsrm2f1a0", focusedVisible: "_1rsrm2f1a1" }, defaultClass: "_1rsrm2f19w" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1a2", hover: "_1rsrm2f1a3", active: "_1rsrm2f1a4", selection: "_1rsrm2f1a5", focused: "_1rsrm2f1a6", focusedVisible: "_1rsrm2f1a7" }, defaultClass: "_1rsrm2f1a2" }, newBadgeText: { conditions: { base: "_1rsrm2f1a8", hover: "_1rsrm2f1a9", active: "_1rsrm2f1aa", selection: "_1rsrm2f1ab", focused: "_1rsrm2f1ac", focusedVisible: "_1rsrm2f1ad" }, defaultClass: "_1rsrm2f1a8" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1ae", hover: "_1rsrm2f1af", active: "_1rsrm2f1ag", selection: "_1rsrm2f1ah", focused: "_1rsrm2f1ai", focusedVisible: "_1rsrm2f1aj" }, defaultClass: "_1rsrm2f1ae" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1ak", hover: "_1rsrm2f1al", active: "_1rsrm2f1am", selection: "_1rsrm2f1an", focused: "_1rsrm2f1ao", focusedVisible: "_1rsrm2f1ap" }, defaultClass: "_1rsrm2f1ak" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1aq", hover: "_1rsrm2f1ar", active: "_1rsrm2f1as", selection: "_1rsrm2f1at", focused: "_1rsrm2f1au", focusedVisible: "_1rsrm2f1av" }, defaultClass: "_1rsrm2f1aq" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1aw", hover: "_1rsrm2f1ax", active: "_1rsrm2f1ay", selection: "_1rsrm2f1az", focused: "_1rsrm2f1b0", focusedVisible: "_1rsrm2f1b1" }, defaultClass: "_1rsrm2f1aw" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1b2", hover: "_1rsrm2f1b3", active: "_1rsrm2f1b4", selection: "_1rsrm2f1b5", focused: "_1rsrm2f1b6", focusedVisible: "_1rsrm2f1b7" }, defaultClass: "_1rsrm2f1b2" }, failedBadgeText: { conditions: { base: "_1rsrm2f1b8", hover: "_1rsrm2f1b9", active: "_1rsrm2f1ba", selection: "_1rsrm2f1bb", focused: "_1rsrm2f1bc", focusedVisible: "_1rsrm2f1bd" }, defaultClass: "_1rsrm2f1b8" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1be", hover: "_1rsrm2f1bf", active: "_1rsrm2f1bg", selection: "_1rsrm2f1bh", focused: "_1rsrm2f1bi", focusedVisible: "_1rsrm2f1bj" }, defaultClass: "_1rsrm2f1be" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1bk", hover: "_1rsrm2f1bl", active: "_1rsrm2f1bm", selection: "_1rsrm2f1bn", focused: "_1rsrm2f1bo", focusedVisible: "_1rsrm2f1bp" }, defaultClass: "_1rsrm2f1bk" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1bq", hover: "_1rsrm2f1br", active: "_1rsrm2f1bs", selection: "_1rsrm2f1bt", focused: "_1rsrm2f1bu", focusedVisible: "_1rsrm2f1bv" }, defaultClass: "_1rsrm2f1bq" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1bw", hover: "_1rsrm2f1bx", active: "_1rsrm2f1by", selection: "_1rsrm2f1bz", focused: "_1rsrm2f1c0", focusedVisible: "_1rsrm2f1c1" }, defaultClass: "_1rsrm2f1bw" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1c2", hover: "_1rsrm2f1c3", active: "_1rsrm2f1c4", selection: "_1rsrm2f1c5", focused: "_1rsrm2f1c6", focusedVisible: "_1rsrm2f1c7" }, defaultClass: "_1rsrm2f1c2" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1c8", hover: "_1rsrm2f1c9", active: "_1rsrm2f1ca", selection: "_1rsrm2f1cb", focused: "_1rsrm2f1cc", focusedVisible: "_1rsrm2f1cd" }, defaultClass: "_1rsrm2f1c8" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1ce", hover: "_1rsrm2f1cf", active: "_1rsrm2f1cg", selection: "_1rsrm2f1ch", focused: "_1rsrm2f1ci", focusedVisible: "_1rsrm2f1cj" }, defaultClass: "_1rsrm2f1ce" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1ck", hover: "_1rsrm2f1cl", active: "_1rsrm2f1cm", selection: "_1rsrm2f1cn", focused: "_1rsrm2f1co", focusedVisible: "_1rsrm2f1cp" }, defaultClass: "_1rsrm2f1ck" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1cq", hover: "_1rsrm2f1cr", active: "_1rsrm2f1cs", selection: "_1rsrm2f1ct", focused: "_1rsrm2f1cu", focusedVisible: "_1rsrm2f1cv" }, defaultClass: "_1rsrm2f1cq" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1cw", hover: "_1rsrm2f1cx", active: "_1rsrm2f1cy", selection: "_1rsrm2f1cz", focused: "_1rsrm2f1d0", focusedVisible: "_1rsrm2f1d1" }, defaultClass: "_1rsrm2f1cw" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1d2", hover: "_1rsrm2f1d3", active: "_1rsrm2f1d4", selection: "_1rsrm2f1d5", focused: "_1rsrm2f1d6", focusedVisible: "_1rsrm2f1d7" }, defaultClass: "_1rsrm2f1d2" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1d8", hover: "_1rsrm2f1d9", active: "_1rsrm2f1da", selection: "_1rsrm2f1db", focused: "_1rsrm2f1dc", focusedVisible: "_1rsrm2f1dd" }, defaultClass: "_1rsrm2f1d8" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1de", hover: "_1rsrm2f1df", active: "_1rsrm2f1dg", selection: "_1rsrm2f1dh", focused: "_1rsrm2f1di", focusedVisible: "_1rsrm2f1dj" }, defaultClass: "_1rsrm2f1de" }, announceGradientTo: { conditions: { base: "_1rsrm2f1dk", hover: "_1rsrm2f1dl", active: "_1rsrm2f1dm", selection: "_1rsrm2f1dn", focused: "_1rsrm2f1do", focusedVisible: "_1rsrm2f1dp" }, defaultClass: "_1rsrm2f1dk" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1dq", hover: "_1rsrm2f1dr", active: "_1rsrm2f1ds", selection: "_1rsrm2f1dt", focused: "_1rsrm2f1du", focusedVisible: "_1rsrm2f1dv" }, defaultClass: "_1rsrm2f1dq" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1dw", hover: "_1rsrm2f1dx", active: "_1rsrm2f1dy", selection: "_1rsrm2f1dz", focused: "_1rsrm2f1e0", focusedVisible: "_1rsrm2f1e1" }, defaultClass: "_1rsrm2f1dw" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1e2", hover: "_1rsrm2f1e3", active: "_1rsrm2f1e4", selection: "_1rsrm2f1e5", focused: "_1rsrm2f1e6", focusedVisible: "_1rsrm2f1e7" }, defaultClass: "_1rsrm2f1e2" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1e8", hover: "_1rsrm2f1e9", active: "_1rsrm2f1ea", selection: "_1rsrm2f1eb", focused: "_1rsrm2f1ec", focusedVisible: "_1rsrm2f1ed" }, defaultClass: "_1rsrm2f1e8" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1ee", hover: "_1rsrm2f1ef", active: "_1rsrm2f1eg", selection: "_1rsrm2f1eh", focused: "_1rsrm2f1ei", focusedVisible: "_1rsrm2f1ej" }, defaultClass: "_1rsrm2f1ee" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1ek", hover: "_1rsrm2f1el", active: "_1rsrm2f1em", selection: "_1rsrm2f1en", focused: "_1rsrm2f1eo", focusedVisible: "_1rsrm2f1ep" }, defaultClass: "_1rsrm2f1ek" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1eq", hover: "_1rsrm2f1er", active: "_1rsrm2f1es", selection: "_1rsrm2f1et", focused: "_1rsrm2f1eu", focusedVisible: "_1rsrm2f1ev" }, defaultClass: "_1rsrm2f1eq" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1ew", hover: "_1rsrm2f1ex", active: "_1rsrm2f1ey", selection: "_1rsrm2f1ez", focused: "_1rsrm2f1f0", focusedVisible: "_1rsrm2f1f1" }, defaultClass: "_1rsrm2f1ew" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1f2", hover: "_1rsrm2f1f3", active: "_1rsrm2f1f4", selection: "_1rsrm2f1f5", focused: "_1rsrm2f1f6", focusedVisible: "_1rsrm2f1f7" }, defaultClass: "_1rsrm2f1f2" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1f8", hover: "_1rsrm2f1f9", active: "_1rsrm2f1fa", selection: "_1rsrm2f1fb", focused: "_1rsrm2f1fc", focusedVisible: "_1rsrm2f1fd" }, defaultClass: "_1rsrm2f1f8" }, spinnerBackground: { conditions: { base: "_1rsrm2f1fe", hover: "_1rsrm2f1ff", active: "_1rsrm2f1fg", selection: "_1rsrm2f1fh", focused: "_1rsrm2f1fi", focusedVisible: "_1rsrm2f1fj" }, defaultClass: "_1rsrm2f1fe" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1fk", hover: "_1rsrm2f1fl", active: "_1rsrm2f1fm", selection: "_1rsrm2f1fn", focused: "_1rsrm2f1fo", focusedVisible: "_1rsrm2f1fp" }, defaultClass: "_1rsrm2f1fk" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1fq", hover: "_1rsrm2f1fr", active: "_1rsrm2f1fs", selection: "_1rsrm2f1ft", focused: "_1rsrm2f1fu", focusedVisible: "_1rsrm2f1fv" }, defaultClass: "_1rsrm2f1fq" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1fw", hover: "_1rsrm2f1fx", active: "_1rsrm2f1fy", selection: "_1rsrm2f1fz", focused: "_1rsrm2f1g0", focusedVisible: "_1rsrm2f1g1" }, defaultClass: "_1rsrm2f1fw" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f1g2", hover: "_1rsrm2f1g3", active: "_1rsrm2f1g4", selection: "_1rsrm2f1g5", focused: "_1rsrm2f1g6", focusedVisible: "_1rsrm2f1g7" }, defaultClass: "_1rsrm2f1g2" }, dialog: { conditions: { base: "_1rsrm2f1g8", hover: "_1rsrm2f1g9", active: "_1rsrm2f1ga", selection: "_1rsrm2f1gb", focused: "_1rsrm2f1gc", focusedVisible: "_1rsrm2f1gd" }, defaultClass: "_1rsrm2f1g8" }, selectedOption: { conditions: { base: "_1rsrm2f1ge", hover: "_1rsrm2f1gf", active: "_1rsrm2f1gg", selection: "_1rsrm2f1gh", focused: "_1rsrm2f1gi", focusedVisible: "_1rsrm2f1gj" }, defaultClass: "_1rsrm2f1ge" }, selectedWallet: { conditions: { base: "_1rsrm2f1gk", hover: "_1rsrm2f1gl", active: "_1rsrm2f1gm", selection: "_1rsrm2f1gn", focused: "_1rsrm2f1go", focusedVisible: "_1rsrm2f1gp" }, defaultClass: "_1rsrm2f1gk" }, dropdown: { conditions: { base: "_1rsrm2f1gq", hover: "_1rsrm2f1gr", active: "_1rsrm2f1gs", selection: "_1rsrm2f1gt", focused: "_1rsrm2f1gu", focusedVisible: "_1rsrm2f1gv" }, defaultClass: "_1rsrm2f1gq" }, notification: { conditions: { base: "_1rsrm2f1gw", hover: "_1rsrm2f1gx", active: "_1rsrm2f1gy", selection: "_1rsrm2f1gz", focused: "_1rsrm2f1h0", focusedVisible: "_1rsrm2f1h1" }, defaultClass: "_1rsrm2f1gw" }, qrCode: { conditions: { base: "_1rsrm2f1h2", hover: "_1rsrm2f1h3", active: "_1rsrm2f1h4", selection: "_1rsrm2f1h5", focused: "_1rsrm2f1h6", focusedVisible: "_1rsrm2f1h7" }, defaultClass: "_1rsrm2f1h2" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f1h8", hover: "_1rsrm2f1h9", active: "_1rsrm2f1ha", selection: "_1rsrm2f1hb", focused: "_1rsrm2f1hc", focusedVisible: "_1rsrm2f1hd" }, defaultClass: "_1rsrm2f1h8" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f1he", hover: "_1rsrm2f1hf", active: "_1rsrm2f1hg", selection: "_1rsrm2f1hh", focused: "_1rsrm2f1hi", focusedVisible: "_1rsrm2f1hj" }, defaultClass: "_1rsrm2f1he" }, accentColorForeground: { conditions: { base: "_1rsrm2f1hk", hover: "_1rsrm2f1hl", active: "_1rsrm2f1hm", selection: "_1rsrm2f1hn", focused: "_1rsrm2f1ho", focusedVisible: "_1rsrm2f1hp" }, defaultClass: "_1rsrm2f1hk" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1hq", hover: "_1rsrm2f1hr", active: "_1rsrm2f1hs", selection: "_1rsrm2f1ht", focused: "_1rsrm2f1hu", focusedVisible: "_1rsrm2f1hv" }, defaultClass: "_1rsrm2f1hq" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1hw", hover: "_1rsrm2f1hx", active: "_1rsrm2f1hy", selection: "_1rsrm2f1hz", focused: "_1rsrm2f1i0", focusedVisible: "_1rsrm2f1i1" }, defaultClass: "_1rsrm2f1hw" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1i2", hover: "_1rsrm2f1i3", active: "_1rsrm2f1i4", selection: "_1rsrm2f1i5", focused: "_1rsrm2f1i6", focusedVisible: "_1rsrm2f1i7" }, defaultClass: "_1rsrm2f1i2" }, connectButtonText: { conditions: { base: "_1rsrm2f1i8", hover: "_1rsrm2f1i9", active: "_1rsrm2f1ia", selection: "_1rsrm2f1ib", focused: "_1rsrm2f1ic", focusedVisible: "_1rsrm2f1id" }, defaultClass: "_1rsrm2f1i8" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1ie", hover: "_1rsrm2f1if", active: "_1rsrm2f1ig", selection: "_1rsrm2f1ih", focused: "_1rsrm2f1ii", focusedVisible: "_1rsrm2f1ij" }, defaultClass: "_1rsrm2f1ie" }, connectionIndicator: { conditions: { base: "_1rsrm2f1ik", hover: "_1rsrm2f1il", active: "_1rsrm2f1im", selection: "_1rsrm2f1in", focused: "_1rsrm2f1io", focusedVisible: "_1rsrm2f1ip" }, defaultClass: "_1rsrm2f1ik" }, error: { conditions: { base: "_1rsrm2f1iq", hover: "_1rsrm2f1ir", active: "_1rsrm2f1is", selection: "_1rsrm2f1it", focused: "_1rsrm2f1iu", focusedVisible: "_1rsrm2f1iv" }, defaultClass: "_1rsrm2f1iq" }, errorBackground: { conditions: { base: "_1rsrm2f1iw", hover: "_1rsrm2f1ix", active: "_1rsrm2f1iy", selection: "_1rsrm2f1iz", focused: "_1rsrm2f1j0", focusedVisible: "_1rsrm2f1j1" }, defaultClass: "_1rsrm2f1iw" }, errorBorder: { conditions: { base: "_1rsrm2f1j2", hover: "_1rsrm2f1j3", active: "_1rsrm2f1j4", selection: "_1rsrm2f1j5", focused: "_1rsrm2f1j6", focusedVisible: "_1rsrm2f1j7" }, defaultClass: "_1rsrm2f1j2" }, generalBorder: { conditions: { base: "_1rsrm2f1j8", hover: "_1rsrm2f1j9", active: "_1rsrm2f1ja", selection: "_1rsrm2f1jb", focused: "_1rsrm2f1jc", focusedVisible: "_1rsrm2f1jd" }, defaultClass: "_1rsrm2f1j8" }, generalBorderDim: { conditions: { base: "_1rsrm2f1je", hover: "_1rsrm2f1jf", active: "_1rsrm2f1jg", selection: "_1rsrm2f1jh", focused: "_1rsrm2f1ji", focusedVisible: "_1rsrm2f1jj" }, defaultClass: "_1rsrm2f1je" }, menuItemBackground: { conditions: { base: "_1rsrm2f1jk", hover: "_1rsrm2f1jl", active: "_1rsrm2f1jm", selection: "_1rsrm2f1jn", focused: "_1rsrm2f1jo", focusedVisible: "_1rsrm2f1jp" }, defaultClass: "_1rsrm2f1jk" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1jq", hover: "_1rsrm2f1jr", active: "_1rsrm2f1js", selection: "_1rsrm2f1jt", focused: "_1rsrm2f1ju", focusedVisible: "_1rsrm2f1jv" }, defaultClass: "_1rsrm2f1jq" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1jw", hover: "_1rsrm2f1jx", active: "_1rsrm2f1jy", selection: "_1rsrm2f1jz", focused: "_1rsrm2f1k0", focusedVisible: "_1rsrm2f1k1" }, defaultClass: "_1rsrm2f1jw" }, standby: { conditions: { base: "_1rsrm2f1k2", hover: "_1rsrm2f1k3", active: "_1rsrm2f1k4", selection: "_1rsrm2f1k5", focused: "_1rsrm2f1k6", focusedVisible: "_1rsrm2f1k7" }, defaultClass: "_1rsrm2f1k2" }, success: { conditions: { base: "_1rsrm2f1k8", hover: "_1rsrm2f1k9", active: "_1rsrm2f1ka", selection: "_1rsrm2f1kb", focused: "_1rsrm2f1kc", focusedVisible: "_1rsrm2f1kd" }, defaultClass: "_1rsrm2f1k8" }, chainIconBorder: { conditions: { base: "_1rsrm2f1ke", hover: "_1rsrm2f1kf", active: "_1rsrm2f1kg", selection: "_1rsrm2f1kh", focused: "_1rsrm2f1ki", focusedVisible: "_1rsrm2f1kj" }, defaultClass: "_1rsrm2f1ke" }, modalBackdrop: { conditions: { base: "_1rsrm2f1kk", hover: "_1rsrm2f1kl", active: "_1rsrm2f1km", selection: "_1rsrm2f1kn", focused: "_1rsrm2f1ko", focusedVisible: "_1rsrm2f1kp" }, defaultClass: "_1rsrm2f1kk" }, modalBackground: { conditions: { base: "_1rsrm2f1kq", hover: "_1rsrm2f1kr", active: "_1rsrm2f1ks", selection: "_1rsrm2f1kt", focused: "_1rsrm2f1ku", focusedVisible: "_1rsrm2f1kv" }, defaultClass: "_1rsrm2f1kq" }, modalBorder: { conditions: { base: "_1rsrm2f1kw", hover: "_1rsrm2f1kx", active: "_1rsrm2f1ky", selection: "_1rsrm2f1kz", focused: "_1rsrm2f1l0", focusedVisible: "_1rsrm2f1l1" }, defaultClass: "_1rsrm2f1kw" }, offBackground: { conditions: { base: "_1rsrm2f1l2", hover: "_1rsrm2f1l3", active: "_1rsrm2f1l4", selection: "_1rsrm2f1l5", focused: "_1rsrm2f1l6", focusedVisible: "_1rsrm2f1l7" }, defaultClass: "_1rsrm2f1l2" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1l8", hover: "_1rsrm2f1l9", active: "_1rsrm2f1la", selection: "_1rsrm2f1lb", focused: "_1rsrm2f1lc", focusedVisible: "_1rsrm2f1ld" }, defaultClass: "_1rsrm2f1l8" }, hoverState: { conditions: { base: "_1rsrm2f1le", hover: "_1rsrm2f1lf", active: "_1rsrm2f1lg", selection: "_1rsrm2f1lh", focused: "_1rsrm2f1li", focusedVisible: "_1rsrm2f1lj" }, defaultClass: "_1rsrm2f1le" }, lightStroke: { conditions: { base: "_1rsrm2f1lk", hover: "_1rsrm2f1ll", active: "_1rsrm2f1lm", selection: "_1rsrm2f1ln", focused: "_1rsrm2f1lo", focusedVisible: "_1rsrm2f1lp" }, defaultClass: "_1rsrm2f1lk" }, mediumStroke: { conditions: { base: "_1rsrm2f1lq", hover: "_1rsrm2f1lr", active: "_1rsrm2f1ls", selection: "_1rsrm2f1lt", focused: "_1rsrm2f1lu", focusedVisible: "_1rsrm2f1lv" }, defaultClass: "_1rsrm2f1lq" }, heavyStroke: { conditions: { base: "_1rsrm2f1lw", hover: "_1rsrm2f1lx", active: "_1rsrm2f1ly", selection: "_1rsrm2f1lz", focused: "_1rsrm2f1m0", focusedVisible: "_1rsrm2f1m1" }, defaultClass: "_1rsrm2f1lw" }, strokeColor: { conditions: { base: "_1rsrm2f1m2", hover: "_1rsrm2f1m3", active: "_1rsrm2f1m4", selection: "_1rsrm2f1m5", focused: "_1rsrm2f1m6", focusedVisible: "_1rsrm2f1m7" }, defaultClass: "_1rsrm2f1m2" }, primaryText: { conditions: { base: "_1rsrm2f1m8", hover: "_1rsrm2f1m9", active: "_1rsrm2f1ma", selection: "_1rsrm2f1mb", focused: "_1rsrm2f1mc", focusedVisible: "_1rsrm2f1md" }, defaultClass: "_1rsrm2f1m8" }, secondaryText: { conditions: { base: "_1rsrm2f1me", hover: "_1rsrm2f1mf", active: "_1rsrm2f1mg", selection: "_1rsrm2f1mh", focused: "_1rsrm2f1mi", focusedVisible: "_1rsrm2f1mj" }, defaultClass: "_1rsrm2f1me" }, tertiaryText: { conditions: { base: "_1rsrm2f1mk", hover: "_1rsrm2f1ml", active: "_1rsrm2f1mm", selection: "_1rsrm2f1mn", focused: "_1rsrm2f1mo", focusedVisible: "_1rsrm2f1mp" }, defaultClass: "_1rsrm2f1mk" }, textSelection: { conditions: { base: "_1rsrm2f1mq", hover: "_1rsrm2f1mr", active: "_1rsrm2f1ms", selection: "_1rsrm2f1mt", focused: "_1rsrm2f1mu", focusedVisible: "_1rsrm2f1mv" }, defaultClass: "_1rsrm2f1mq" }, inputBackground: { conditions: { base: "_1rsrm2f1mw", hover: "_1rsrm2f1mx", active: "_1rsrm2f1my", selection: "_1rsrm2f1mz", focused: "_1rsrm2f1n0", focusedVisible: "_1rsrm2f1n1" }, defaultClass: "_1rsrm2f1mw" }, inputBorderBase: { conditions: { base: "_1rsrm2f1n2", hover: "_1rsrm2f1n3", active: "_1rsrm2f1n4", selection: "_1rsrm2f1n5", focused: "_1rsrm2f1n6", focusedVisible: "_1rsrm2f1n7" }, defaultClass: "_1rsrm2f1n2" }, inputBorderHover: { conditions: { base: "_1rsrm2f1n8", hover: "_1rsrm2f1n9", active: "_1rsrm2f1na", selection: "_1rsrm2f1nb", focused: "_1rsrm2f1nc", focusedVisible: "_1rsrm2f1nd" }, defaultClass: "_1rsrm2f1n8" }, actionColor: { conditions: { base: "_1rsrm2f1ne", hover: "_1rsrm2f1nf", active: "_1rsrm2f1ng", selection: "_1rsrm2f1nh", focused: "_1rsrm2f1ni", focusedVisible: "_1rsrm2f1nj" }, defaultClass: "_1rsrm2f1ne" }, actionColorHover: { conditions: { base: "_1rsrm2f1nk", hover: "_1rsrm2f1nl", active: "_1rsrm2f1nm", selection: "_1rsrm2f1nn", focused: "_1rsrm2f1no", focusedVisible: "_1rsrm2f1np" }, defaultClass: "_1rsrm2f1nk" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1nq", hover: "_1rsrm2f1nr", active: "_1rsrm2f1ns", selection: "_1rsrm2f1nt", focused: "_1rsrm2f1nu", focusedVisible: "_1rsrm2f1nv" }, defaultClass: "_1rsrm2f1nq" }, buttonPrimary: { conditions: { base: "_1rsrm2f1nw", hover: "_1rsrm2f1nx", active: "_1rsrm2f1ny", selection: "_1rsrm2f1nz", focused: "_1rsrm2f1o0", focusedVisible: "_1rsrm2f1o1" }, defaultClass: "_1rsrm2f1nw" }, buttonDisabled: { conditions: { base: "_1rsrm2f1o2", hover: "_1rsrm2f1o3", active: "_1rsrm2f1o4", selection: "_1rsrm2f1o5", focused: "_1rsrm2f1o6", focusedVisible: "_1rsrm2f1o7" }, defaultClass: "_1rsrm2f1o2" }, buttonWarning: { conditions: { base: "_1rsrm2f1o8", hover: "_1rsrm2f1o9", active: "_1rsrm2f1oa", selection: "_1rsrm2f1ob", focused: "_1rsrm2f1oc", focusedVisible: "_1rsrm2f1od" }, defaultClass: "_1rsrm2f1o8" }, buttonSuccess: { conditions: { base: "_1rsrm2f1oe", hover: "_1rsrm2f1of", active: "_1rsrm2f1og", selection: "_1rsrm2f1oh", focused: "_1rsrm2f1oi", focusedVisible: "_1rsrm2f1oj" }, defaultClass: "_1rsrm2f1oe" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1ok", hover: "_1rsrm2f1ol", active: "_1rsrm2f1om", selection: "_1rsrm2f1on", focused: "_1rsrm2f1oo", focusedVisible: "_1rsrm2f1op" }, defaultClass: "_1rsrm2f1ok" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1oq", hover: "_1rsrm2f1or", active: "_1rsrm2f1os", selection: "_1rsrm2f1ot", focused: "_1rsrm2f1ou", focusedVisible: "_1rsrm2f1ov" }, defaultClass: "_1rsrm2f1oq" }, transparent: { conditions: { base: "_1rsrm2f1ow", hover: "_1rsrm2f1ox", active: "_1rsrm2f1oy", selection: "_1rsrm2f1oz", focused: "_1rsrm2f1p0", focusedVisible: "_1rsrm2f1p1" }, defaultClass: "_1rsrm2f1ow" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1p2", hover: "_1rsrm2f1p3", active: "_1rsrm2f1p4", selection: "_1rsrm2f1p5", focused: "_1rsrm2f1p6", focusedVisible: "_1rsrm2f1p7" }, defaultClass: "_1rsrm2f1p2" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1p8", hover: "_1rsrm2f1p9", active: "_1rsrm2f1pa", selection: "_1rsrm2f1pb", focused: "_1rsrm2f1pc", focusedVisible: "_1rsrm2f1pd" }, defaultClass: "_1rsrm2f1p8" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1pe", hover: "_1rsrm2f1pf", active: "_1rsrm2f1pg", selection: "_1rsrm2f1ph", focused: "_1rsrm2f1pi", focusedVisible: "_1rsrm2f1pj" }, defaultClass: "_1rsrm2f1pe" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1pk", hover: "_1rsrm2f1pl", active: "_1rsrm2f1pm", selection: "_1rsrm2f1pn", focused: "_1rsrm2f1po", focusedVisible: "_1rsrm2f1pp" }, defaultClass: "_1rsrm2f1pk" }, buttonBackground: { conditions: { base: "_1rsrm2f1pq", hover: "_1rsrm2f1pr", active: "_1rsrm2f1ps", selection: "_1rsrm2f1pt", focused: "_1rsrm2f1pu", focusedVisible: "_1rsrm2f1pv" }, defaultClass: "_1rsrm2f1pq" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1pw", hover: "_1rsrm2f1px", active: "_1rsrm2f1py", selection: "_1rsrm2f1pz", focused: "_1rsrm2f1q0", focusedVisible: "_1rsrm2f1q1" }, defaultClass: "_1rsrm2f1pw" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f1q2", hover: "_1rsrm2f1q3", active: "_1rsrm2f1q4", selection: "_1rsrm2f1q5", focused: "_1rsrm2f1q6", focusedVisible: "_1rsrm2f1q7" }, defaultClass: "_1rsrm2f1q2" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1q8", hover: "_1rsrm2f1q9", active: "_1rsrm2f1qa", selection: "_1rsrm2f1qb", focused: "_1rsrm2f1qc", focusedVisible: "_1rsrm2f1qd" }, defaultClass: "_1rsrm2f1q8" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1qe", hover: "_1rsrm2f1qf", active: "_1rsrm2f1qg", selection: "_1rsrm2f1qh", focused: "_1rsrm2f1qi", focusedVisible: "_1rsrm2f1qj" }, defaultClass: "_1rsrm2f1qe" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1qk", hover: "_1rsrm2f1ql", active: "_1rsrm2f1qm", selection: "_1rsrm2f1qn", focused: "_1rsrm2f1qo", focusedVisible: "_1rsrm2f1qp" }, defaultClass: "_1rsrm2f1qk" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1qq", hover: "_1rsrm2f1qr", active: "_1rsrm2f1qs", selection: "_1rsrm2f1qt", focused: "_1rsrm2f1qu", focusedVisible: "_1rsrm2f1qv" }, defaultClass: "_1rsrm2f1qq" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1qw", hover: "_1rsrm2f1qx", active: "_1rsrm2f1qy", selection: "_1rsrm2f1qz", focused: "_1rsrm2f1r0", focusedVisible: "_1rsrm2f1r1" }, defaultClass: "_1rsrm2f1qw" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1r2", hover: "_1rsrm2f1r3", active: "_1rsrm2f1r4", selection: "_1rsrm2f1r5", focused: "_1rsrm2f1r6", focusedVisible: "_1rsrm2f1r7" }, defaultClass: "_1rsrm2f1r2" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1r8", hover: "_1rsrm2f1r9", active: "_1rsrm2f1ra", selection: "_1rsrm2f1rb", focused: "_1rsrm2f1rc", focusedVisible: "_1rsrm2f1rd" }, defaultClass: "_1rsrm2f1r8" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1re", hover: "_1rsrm2f1rf", active: "_1rsrm2f1rg", selection: "_1rsrm2f1rh", focused: "_1rsrm2f1ri", focusedVisible: "_1rsrm2f1rj" }, defaultClass: "_1rsrm2f1re" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1rk", hover: "_1rsrm2f1rl", active: "_1rsrm2f1rm", selection: "_1rsrm2f1rn", focused: "_1rsrm2f1ro", focusedVisible: "_1rsrm2f1rp" }, defaultClass: "_1rsrm2f1rk" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1rq", hover: "_1rsrm2f1rr", active: "_1rsrm2f1rs", selection: "_1rsrm2f1rt", focused: "_1rsrm2f1ru", focusedVisible: "_1rsrm2f1rv" }, defaultClass: "_1rsrm2f1rq" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1rw", hover: "_1rsrm2f1rx", active: "_1rsrm2f1ry", selection: "_1rsrm2f1rz", focused: "_1rsrm2f1s0", focusedVisible: "_1rsrm2f1s1" }, defaultClass: "_1rsrm2f1rw" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1s2", hover: "_1rsrm2f1s3", active: "_1rsrm2f1s4", selection: "_1rsrm2f1s5", focused: "_1rsrm2f1s6", focusedVisible: "_1rsrm2f1s7" }, defaultClass: "_1rsrm2f1s2" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1s8", hover: "_1rsrm2f1s9", active: "_1rsrm2f1sa", selection: "_1rsrm2f1sb", focused: "_1rsrm2f1sc", focusedVisible: "_1rsrm2f1sd" }, defaultClass: "_1rsrm2f1s8" }, newBadgeText: { conditions: { base: "_1rsrm2f1se", hover: "_1rsrm2f1sf", active: "_1rsrm2f1sg", selection: "_1rsrm2f1sh", focused: "_1rsrm2f1si", focusedVisible: "_1rsrm2f1sj" }, defaultClass: "_1rsrm2f1se" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1sk", hover: "_1rsrm2f1sl", active: "_1rsrm2f1sm", selection: "_1rsrm2f1sn", focused: "_1rsrm2f1so", focusedVisible: "_1rsrm2f1sp" }, defaultClass: "_1rsrm2f1sk" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1sq", hover: "_1rsrm2f1sr", active: "_1rsrm2f1ss", selection: "_1rsrm2f1st", focused: "_1rsrm2f1su", focusedVisible: "_1rsrm2f1sv" }, defaultClass: "_1rsrm2f1sq" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1sw", hover: "_1rsrm2f1sx", active: "_1rsrm2f1sy", selection: "_1rsrm2f1sz", focused: "_1rsrm2f1t0", focusedVisible: "_1rsrm2f1t1" }, defaultClass: "_1rsrm2f1sw" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1t2", hover: "_1rsrm2f1t3", active: "_1rsrm2f1t4", selection: "_1rsrm2f1t5", focused: "_1rsrm2f1t6", focusedVisible: "_1rsrm2f1t7" }, defaultClass: "_1rsrm2f1t2" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1t8", hover: "_1rsrm2f1t9", active: "_1rsrm2f1ta", selection: "_1rsrm2f1tb", focused: "_1rsrm2f1tc", focusedVisible: "_1rsrm2f1td" }, defaultClass: "_1rsrm2f1t8" }, failedBadgeText: { conditions: { base: "_1rsrm2f1te", hover: "_1rsrm2f1tf", active: "_1rsrm2f1tg", selection: "_1rsrm2f1th", focused: "_1rsrm2f1ti", focusedVisible: "_1rsrm2f1tj" }, defaultClass: "_1rsrm2f1te" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1tk", hover: "_1rsrm2f1tl", active: "_1rsrm2f1tm", selection: "_1rsrm2f1tn", focused: "_1rsrm2f1to", focusedVisible: "_1rsrm2f1tp" }, defaultClass: "_1rsrm2f1tk" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1tq", hover: "_1rsrm2f1tr", active: "_1rsrm2f1ts", selection: "_1rsrm2f1tt", focused: "_1rsrm2f1tu", focusedVisible: "_1rsrm2f1tv" }, defaultClass: "_1rsrm2f1tq" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1tw", hover: "_1rsrm2f1tx", active: "_1rsrm2f1ty", selection: "_1rsrm2f1tz", focused: "_1rsrm2f1u0", focusedVisible: "_1rsrm2f1u1" }, defaultClass: "_1rsrm2f1tw" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1u2", hover: "_1rsrm2f1u3", active: "_1rsrm2f1u4", selection: "_1rsrm2f1u5", focused: "_1rsrm2f1u6", focusedVisible: "_1rsrm2f1u7" }, defaultClass: "_1rsrm2f1u2" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1u8", hover: "_1rsrm2f1u9", active: "_1rsrm2f1ua", selection: "_1rsrm2f1ub", focused: "_1rsrm2f1uc", focusedVisible: "_1rsrm2f1ud" }, defaultClass: "_1rsrm2f1u8" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1ue", hover: "_1rsrm2f1uf", active: "_1rsrm2f1ug", selection: "_1rsrm2f1uh", focused: "_1rsrm2f1ui", focusedVisible: "_1rsrm2f1uj" }, defaultClass: "_1rsrm2f1ue" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1uk", hover: "_1rsrm2f1ul", active: "_1rsrm2f1um", selection: "_1rsrm2f1un", focused: "_1rsrm2f1uo", focusedVisible: "_1rsrm2f1up" }, defaultClass: "_1rsrm2f1uk" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1uq", hover: "_1rsrm2f1ur", active: "_1rsrm2f1us", selection: "_1rsrm2f1ut", focused: "_1rsrm2f1uu", focusedVisible: "_1rsrm2f1uv" }, defaultClass: "_1rsrm2f1uq" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1uw", hover: "_1rsrm2f1ux", active: "_1rsrm2f1uy", selection: "_1rsrm2f1uz", focused: "_1rsrm2f1v0", focusedVisible: "_1rsrm2f1v1" }, defaultClass: "_1rsrm2f1uw" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1v2", hover: "_1rsrm2f1v3", active: "_1rsrm2f1v4", selection: "_1rsrm2f1v5", focused: "_1rsrm2f1v6", focusedVisible: "_1rsrm2f1v7" }, defaultClass: "_1rsrm2f1v2" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1v8", hover: "_1rsrm2f1v9", active: "_1rsrm2f1va", selection: "_1rsrm2f1vb", focused: "_1rsrm2f1vc", focusedVisible: "_1rsrm2f1vd" }, defaultClass: "_1rsrm2f1v8" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1ve", hover: "_1rsrm2f1vf", active: "_1rsrm2f1vg", selection: "_1rsrm2f1vh", focused: "_1rsrm2f1vi", focusedVisible: "_1rsrm2f1vj" }, defaultClass: "_1rsrm2f1ve" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1vk", hover: "_1rsrm2f1vl", active: "_1rsrm2f1vm", selection: "_1rsrm2f1vn", focused: "_1rsrm2f1vo", focusedVisible: "_1rsrm2f1vp" }, defaultClass: "_1rsrm2f1vk" }, announceGradientTo: { conditions: { base: "_1rsrm2f1vq", hover: "_1rsrm2f1vr", active: "_1rsrm2f1vs", selection: "_1rsrm2f1vt", focused: "_1rsrm2f1vu", focusedVisible: "_1rsrm2f1vv" }, defaultClass: "_1rsrm2f1vq" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1vw", hover: "_1rsrm2f1vx", active: "_1rsrm2f1vy", selection: "_1rsrm2f1vz", focused: "_1rsrm2f1w0", focusedVisible: "_1rsrm2f1w1" }, defaultClass: "_1rsrm2f1vw" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1w2", hover: "_1rsrm2f1w3", active: "_1rsrm2f1w4", selection: "_1rsrm2f1w5", focused: "_1rsrm2f1w6", focusedVisible: "_1rsrm2f1w7" }, defaultClass: "_1rsrm2f1w2" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1w8", hover: "_1rsrm2f1w9", active: "_1rsrm2f1wa", selection: "_1rsrm2f1wb", focused: "_1rsrm2f1wc", focusedVisible: "_1rsrm2f1wd" }, defaultClass: "_1rsrm2f1w8" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1we", hover: "_1rsrm2f1wf", active: "_1rsrm2f1wg", selection: "_1rsrm2f1wh", focused: "_1rsrm2f1wi", focusedVisible: "_1rsrm2f1wj" }, defaultClass: "_1rsrm2f1we" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1wk", hover: "_1rsrm2f1wl", active: "_1rsrm2f1wm", selection: "_1rsrm2f1wn", focused: "_1rsrm2f1wo", focusedVisible: "_1rsrm2f1wp" }, defaultClass: "_1rsrm2f1wk" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1wq", hover: "_1rsrm2f1wr", active: "_1rsrm2f1ws", selection: "_1rsrm2f1wt", focused: "_1rsrm2f1wu", focusedVisible: "_1rsrm2f1wv" }, defaultClass: "_1rsrm2f1wq" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1ww", hover: "_1rsrm2f1wx", active: "_1rsrm2f1wy", selection: "_1rsrm2f1wz", focused: "_1rsrm2f1x0", focusedVisible: "_1rsrm2f1x1" }, defaultClass: "_1rsrm2f1ww" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1x2", hover: "_1rsrm2f1x3", active: "_1rsrm2f1x4", selection: "_1rsrm2f1x5", focused: "_1rsrm2f1x6", focusedVisible: "_1rsrm2f1x7" }, defaultClass: "_1rsrm2f1x2" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1x8", hover: "_1rsrm2f1x9", active: "_1rsrm2f1xa", selection: "_1rsrm2f1xb", focused: "_1rsrm2f1xc", focusedVisible: "_1rsrm2f1xd" }, defaultClass: "_1rsrm2f1x8" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1xe", hover: "_1rsrm2f1xf", active: "_1rsrm2f1xg", selection: "_1rsrm2f1xh", focused: "_1rsrm2f1xi", focusedVisible: "_1rsrm2f1xj" }, defaultClass: "_1rsrm2f1xe" }, spinnerBackground: { conditions: { base: "_1rsrm2f1xk", hover: "_1rsrm2f1xl", active: "_1rsrm2f1xm", selection: "_1rsrm2f1xn", focused: "_1rsrm2f1xo", focusedVisible: "_1rsrm2f1xp" }, defaultClass: "_1rsrm2f1xk" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1xq", hover: "_1rsrm2f1xr", active: "_1rsrm2f1xs", selection: "_1rsrm2f1xt", focused: "_1rsrm2f1xu", focusedVisible: "_1rsrm2f1xv" }, defaultClass: "_1rsrm2f1xq" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1xw", hover: "_1rsrm2f1xx", active: "_1rsrm2f1xy", selection: "_1rsrm2f1xz", focused: "_1rsrm2f1y0", focusedVisible: "_1rsrm2f1y1" }, defaultClass: "_1rsrm2f1xw" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1y2", hover: "_1rsrm2f1y3", active: "_1rsrm2f1y4", selection: "_1rsrm2f1y5", focused: "_1rsrm2f1y6", focusedVisible: "_1rsrm2f1y7" }, defaultClass: "_1rsrm2f1y2" } } } } }, { 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" }, full: { defaultClass: "_1rsrm2f18" }, badge: { defaultClass: "_1rsrm2f19" }, smallBadge: { defaultClass: "_1rsrm2f1a" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1b" }, dotted: { defaultClass: "_1rsrm2f1c" }, hidden: { defaultClass: "_1rsrm2f1d" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1e" }, "1": { defaultClass: "_1rsrm2f1f" }, "2": { defaultClass: "_1rsrm2f1g" }, "3": { defaultClass: "_1rsrm2f1h" }, "4": { defaultClass: "_1rsrm2f1i" }, "0.5": { defaultClass: "_1rsrm2f1j" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1k" }, pointer: { defaultClass: "_1rsrm2f1l" }, "not-allowed": { defaultClass: "_1rsrm2f1m" }, "default": { defaultClass: "_1rsrm2f1n" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1o" }, column: { defaultClass: "_1rsrm2f1p" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1q" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1r" }, "12": { defaultClass: "_1rsrm2f1s" }, "13": { defaultClass: "_1rsrm2f1t" }, "14": { defaultClass: "_1rsrm2f1u" }, "16": { defaultClass: "_1rsrm2f1v" }, "18": { defaultClass: "_1rsrm2f1w" }, "20": { defaultClass: "_1rsrm2f1x" }, "21": { defaultClass: "_1rsrm2f1y" }, "40": { defaultClass: "_1rsrm2f1z" }, "57": { defaultClass: "_1rsrm2f20" }, modalTopbarSubtitle: { defaultClass: "_1rsrm2f21" }, modalTopbarTitle: { defaultClass: "_1rsrm2f22" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f23" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f24" }, medium: { defaultClass: "_1rsrm2f25" }, semibold: { defaultClass: "_1rsrm2f26" }, bold: { defaultClass: "_1rsrm2f27" }, heavy: { defaultClass: "_1rsrm2f28" }, modalTopbarTitle: { defaultClass: "_1rsrm2f29" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f2a" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f2b" }, "1": { defaultClass: "_1rsrm2f2c" }, "2": { defaultClass: "_1rsrm2f2d" }, "3": { defaultClass: "_1rsrm2f2e" }, "4": { defaultClass: "_1rsrm2f2f" }, "5": { defaultClass: "_1rsrm2f2g" }, "6": { defaultClass: "_1rsrm2f2h" }, "7": { defaultClass: "_1rsrm2f2i" }, "8": { defaultClass: "_1rsrm2f2j" }, "9": { defaultClass: "_1rsrm2f2k" }, "10": { defaultClass: "_1rsrm2f2l" }, "11": { defaultClass: "_1rsrm2f2m" }, "12": { defaultClass: "_1rsrm2f2n" }, "13": { defaultClass: "_1rsrm2f2o" }, "14": { defaultClass: "_1rsrm2f2p" }, "15": { defaultClass: "_1rsrm2f2q" }, "16": { defaultClass: "_1rsrm2f2r" }, "18": { defaultClass: "_1rsrm2f2s" }, "20": { defaultClass: "_1rsrm2f2t" }, "24": { defaultClass: "_1rsrm2f2u" }, "28": { defaultClass: "_1rsrm2f2v" }, "30": { defaultClass: "_1rsrm2f2w" }, "32": { defaultClass: "_1rsrm2f2x" }, "36": { defaultClass: "_1rsrm2f2y" }, "40": { defaultClass: "_1rsrm2f2z" }, "44": { defaultClass: "_1rsrm2f30" }, "64": { defaultClass: "_1rsrm2f31" }, "-1": { defaultClass: "_1rsrm2f32" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f33" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f34" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f35" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f36" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f37" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f38" }, "2": { defaultClass: "_1rsrm2f39" }, "4": { defaultClass: "_1rsrm2f3a" }, "8": { defaultClass: "_1rsrm2f3b" }, "10": { defaultClass: "_1rsrm2f3c" }, "11": { defaultClass: "_1rsrm2f3d" }, "12": { defaultClass: "_1rsrm2f3e" }, "13": { defaultClass: "_1rsrm2f3f" }, "14": { defaultClass: "_1rsrm2f3g" }, "15": { defaultClass: "_1rsrm2f3h" }, "16": { defaultClass: "_1rsrm2f3i" }, "18": { defaultClass: "_1rsrm2f3j" }, "20": { defaultClass: "_1rsrm2f3k" }, "24": { defaultClass: "_1rsrm2f3l" }, "28": { defaultClass: "_1rsrm2f3m" }, "30": { defaultClass: "_1rsrm2f3n" }, "32": { defaultClass: "_1rsrm2f3o" }, "34": { defaultClass: "_1rsrm2f3p" }, "36": { defaultClass: "_1rsrm2f3q" }, "40": { defaultClass: "_1rsrm2f3r" }, "44": { defaultClass: "_1rsrm2f3s" }, "48": { defaultClass: "_1rsrm2f3t" }, "50": { defaultClass: "_1rsrm2f3u" }, "54": { defaultClass: "_1rsrm2f3v" }, "57": { defaultClass: "_1rsrm2f3w" }, "60": { defaultClass: "_1rsrm2f3x" }, "72": { defaultClass: "_1rsrm2f3y" }, "93": { defaultClass: "_1rsrm2f3z" }, "96": { defaultClass: "_1rsrm2f40" }, "100": { defaultClass: "_1rsrm2f41" }, "108": { defaultClass: "_1rsrm2f42" }, "120": { defaultClass: "_1rsrm2f43" }, "160": { defaultClass: "_1rsrm2f44" }, "180": { defaultClass: "_1rsrm2f45" }, "200": { defaultClass: "_1rsrm2f46" }, "240": { defaultClass: "_1rsrm2f47" }, half: { defaultClass: "_1rsrm2f48" }, full: { defaultClass: "_1rsrm2f49" }, max: { defaultClass: "_1rsrm2f4a" }, auto: { defaultClass: "_1rsrm2f4b" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f4c" }, modalTopBarHeight: { defaultClass: "_1rsrm2f4d" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f4e" }, "flex-end": { defaultClass: "_1rsrm2f4f" }, center: { defaultClass: "_1rsrm2f4g" }, "space-between": { defaultClass: "_1rsrm2f4h" }, "space-around": { defaultClass: "_1rsrm2f4i" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f4j" }, center: { defaultClass: "_1rsrm2f4k" }, right: { defaultClass: "_1rsrm2f4l" }, inherit: { defaultClass: "_1rsrm2f4m" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f4n" }, "1": { defaultClass: "_1rsrm2f4o" }, "2": { defaultClass: "_1rsrm2f4p" }, "3": { defaultClass: "_1rsrm2f4q" }, "4": { defaultClass: "_1rsrm2f4r" }, "5": { defaultClass: "_1rsrm2f4s" }, "6": { defaultClass: "_1rsrm2f4t" }, "7": { defaultClass: "_1rsrm2f4u" }, "8": { defaultClass: "_1rsrm2f4v" }, "9": { defaultClass: "_1rsrm2f4w" }, "10": { defaultClass: "_1rsrm2f4x" }, "11": { defaultClass: "_1rsrm2f4y" }, "12": { defaultClass: "_1rsrm2f4z" }, "13": { defaultClass: "_1rsrm2f50" }, "14": { defaultClass: "_1rsrm2f51" }, "15": { defaultClass: "_1rsrm2f52" }, "16": { defaultClass: "_1rsrm2f53" }, "18": { defaultClass: "_1rsrm2f54" }, "20": { defaultClass: "_1rsrm2f55" }, "24": { defaultClass: "_1rsrm2f56" }, "28": { defaultClass: "_1rsrm2f57" }, "30": { defaultClass: "_1rsrm2f58" }, "32": { defaultClass: "_1rsrm2f59" }, "36": { defaultClass: "_1rsrm2f5a" }, "40": { defaultClass: "_1rsrm2f5b" }, "44": { defaultClass: "_1rsrm2f5c" }, "64": { defaultClass: "_1rsrm2f5d" }, auto: { defaultClass: "_1rsrm2f5e" }, "-18": { defaultClass: "_1rsrm2f5f" }, "-12": { defaultClass: "_1rsrm2f5g" }, "-1": { defaultClass: "_1rsrm2f5h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f5i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f5j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f5k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f5l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f5m" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f5n" }, "1": { defaultClass: "_1rsrm2f5o" }, "2": { defaultClass: "_1rsrm2f5p" }, "3": { defaultClass: "_1rsrm2f5q" }, "4": { defaultClass: "_1rsrm2f5r" }, "5": { defaultClass: "_1rsrm2f5s" }, "6": { defaultClass: "_1rsrm2f5t" }, "7": { defaultClass: "_1rsrm2f5u" }, "8": { defaultClass: "_1rsrm2f5v" }, "9": { defaultClass: "_1rsrm2f5w" }, "10": { defaultClass: "_1rsrm2f5x" }, "11": { defaultClass: "_1rsrm2f5y" }, "12": { defaultClass: "_1rsrm2f5z" }, "13": { defaultClass: "_1rsrm2f60" }, "14": { defaultClass: "_1rsrm2f61" }, "15": { defaultClass: "_1rsrm2f62" }, "16": { defaultClass: "_1rsrm2f63" }, "18": { defaultClass: "_1rsrm2f64" }, "20": { defaultClass: "_1rsrm2f65" }, "24": { defaultClass: "_1rsrm2f66" }, "28": { defaultClass: "_1rsrm2f67" }, "30": { defaultClass: "_1rsrm2f68" }, "32": { defaultClass: "_1rsrm2f69" }, "36": { defaultClass: "_1rsrm2f6a" }, "40": { defaultClass: "_1rsrm2f6b" }, "44": { defaultClass: "_1rsrm2f6c" }, "64": { defaultClass: "_1rsrm2f6d" }, auto: { defaultClass: "_1rsrm2f6e" }, "-18": { defaultClass: "_1rsrm2f6f" }, "-12": { defaultClass: "_1rsrm2f6g" }, "-1": { defaultClass: "_1rsrm2f6h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f6i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f6j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f6k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f6l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f6m" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f6n" }, "1": { defaultClass: "_1rsrm2f6o" }, "2": { defaultClass: "_1rsrm2f6p" }, "3": { defaultClass: "_1rsrm2f6q" }, "4": { defaultClass: "_1rsrm2f6r" }, "5": { defaultClass: "_1rsrm2f6s" }, "6": { defaultClass: "_1rsrm2f6t" }, "7": { defaultClass: "_1rsrm2f6u" }, "8": { defaultClass: "_1rsrm2f6v" }, "9": { defaultClass: "_1rsrm2f6w" }, "10": { defaultClass: "_1rsrm2f6x" }, "11": { defaultClass: "_1rsrm2f6y" }, "12": { defaultClass: "_1rsrm2f6z" }, "13": { defaultClass: "_1rsrm2f70" }, "14": { defaultClass: "_1rsrm2f71" }, "15": { defaultClass: "_1rsrm2f72" }, "16": { defaultClass: "_1rsrm2f73" }, "18": { defaultClass: "_1rsrm2f74" }, "20": { defaultClass: "_1rsrm2f75" }, "24": { defaultClass: "_1rsrm2f76" }, "28": { defaultClass: "_1rsrm2f77" }, "30": { defaultClass: "_1rsrm2f78" }, "32": { defaultClass: "_1rsrm2f79" }, "36": { defaultClass: "_1rsrm2f7a" }, "40": { defaultClass: "_1rsrm2f7b" }, "44": { defaultClass: "_1rsrm2f7c" }, "64": { defaultClass: "_1rsrm2f7d" }, auto: { defaultClass: "_1rsrm2f7e" }, "-18": { defaultClass: "_1rsrm2f7f" }, "-12": { defaultClass: "_1rsrm2f7g" }, "-1": { defaultClass: "_1rsrm2f7h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f7i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f7j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f7k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f7l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f7m" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f7n" }, "1": { defaultClass: "_1rsrm2f7o" }, "2": { defaultClass: "_1rsrm2f7p" }, "3": { defaultClass: "_1rsrm2f7q" }, "4": { defaultClass: "_1rsrm2f7r" }, "5": { defaultClass: "_1rsrm2f7s" }, "6": { defaultClass: "_1rsrm2f7t" }, "7": { defaultClass: "_1rsrm2f7u" }, "8": { defaultClass: "_1rsrm2f7v" }, "9": { defaultClass: "_1rsrm2f7w" }, "10": { defaultClass: "_1rsrm2f7x" }, "11": { defaultClass: "_1rsrm2f7y" }, "12": { defaultClass: "_1rsrm2f7z" }, "13": { defaultClass: "_1rsrm2f80" }, "14": { defaultClass: "_1rsrm2f81" }, "15": { defaultClass: "_1rsrm2f82" }, "16": { defaultClass: "_1rsrm2f83" }, "18": { defaultClass: "_1rsrm2f84" }, "20": { 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" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f8i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f8j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f8k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f8l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f8m" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f8n" }, "2": { defaultClass: "_1rsrm2f8o" }, "4": { defaultClass: "_1rsrm2f8p" }, "8": { defaultClass: "_1rsrm2f8q" }, "10": { defaultClass: "_1rsrm2f8r" }, "11": { defaultClass: "_1rsrm2f8s" }, "12": { defaultClass: "_1rsrm2f8t" }, "13": { defaultClass: "_1rsrm2f8u" }, "14": { defaultClass: "_1rsrm2f8v" }, "15": { defaultClass: "_1rsrm2f8w" }, "16": { defaultClass: "_1rsrm2f8x" }, "18": { defaultClass: "_1rsrm2f8y" }, "20": { defaultClass: "_1rsrm2f8z" }, "24": { defaultClass: "_1rsrm2f90" }, "28": { defaultClass: "_1rsrm2f91" }, "30": { defaultClass: "_1rsrm2f92" }, "32": { defaultClass: "_1rsrm2f93" }, "34": { defaultClass: "_1rsrm2f94" }, "36": { defaultClass: "_1rsrm2f95" }, "40": { defaultClass: "_1rsrm2f96" }, "44": { defaultClass: "_1rsrm2f97" }, "48": { defaultClass: "_1rsrm2f98" }, "50": { defaultClass: "_1rsrm2f99" }, "54": { defaultClass: "_1rsrm2f9a" }, "57": { defaultClass: "_1rsrm2f9b" }, "60": { defaultClass: "_1rsrm2f9c" }, "72": { defaultClass: "_1rsrm2f9d" }, "93": { defaultClass: "_1rsrm2f9e" }, "96": { defaultClass: "_1rsrm2f9f" }, "100": { defaultClass: "_1rsrm2f9g" }, "108": { defaultClass: "_1rsrm2f9h" }, "120": { defaultClass: "_1rsrm2f9i" }, "160": { defaultClass: "_1rsrm2f9j" }, "180": { defaultClass: "_1rsrm2f9k" }, "200": { defaultClass: "_1rsrm2f9l" }, "240": { defaultClass: "_1rsrm2f9m" }, half: { defaultClass: "_1rsrm2f9n" }, full: { defaultClass: "_1rsrm2f9o" }, max: { defaultClass: "_1rsrm2f9p" }, auto: { defaultClass: "_1rsrm2f9q" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f9r" }, modalTopBarHeight: { defaultClass: "_1rsrm2f9s" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f9t" }, "2": { defaultClass: "_1rsrm2f9u" }, "4": { defaultClass: "_1rsrm2f9v" }, "8": { defaultClass: "_1rsrm2f9w" }, "10": { defaultClass: "_1rsrm2f9x" }, "11": { defaultClass: "_1rsrm2f9y" }, "12": { defaultClass: "_1rsrm2f9z" }, "13": { defaultClass: "_1rsrm2fa0" }, "14": { defaultClass: "_1rsrm2fa1" }, "15": { defaultClass: "_1rsrm2fa2" }, "16": { defaultClass: "_1rsrm2fa3" }, "18": { defaultClass: "_1rsrm2fa4" }, "20": { defaultClass: "_1rsrm2fa5" }, "24": { defaultClass: "_1rsrm2fa6" }, "28": { defaultClass: "_1rsrm2fa7" }, "30": { defaultClass: "_1rsrm2fa8" }, "32": { defaultClass: "_1rsrm2fa9" }, "34": { defaultClass: "_1rsrm2faa" }, "36": { defaultClass: "_1rsrm2fab" }, "40": { defaultClass: "_1rsrm2fac" }, "44": { defaultClass: "_1rsrm2fad" }, "48": { defaultClass: "_1rsrm2fae" }, "50": { defaultClass: "_1rsrm2faf" }, "54": { defaultClass: "_1rsrm2fag" }, "57": { defaultClass: "_1rsrm2fah" }, "60": { defaultClass: "_1rsrm2fai" }, "72": { defaultClass: "_1rsrm2faj" }, "93": { defaultClass: "_1rsrm2fak" }, "96": { defaultClass: "_1rsrm2fal" }, "100": { defaultClass: "_1rsrm2fam" }, "108": { defaultClass: "_1rsrm2fan" }, "120": { defaultClass: "_1rsrm2fao" }, "160": { defaultClass: "_1rsrm2fap" }, "180": { defaultClass: "_1rsrm2faq" }, "200": { defaultClass: "_1rsrm2far" }, "240": { defaultClass: "_1rsrm2fas" }, half: { defaultClass: "_1rsrm2fat" }, full: { defaultClass: "_1rsrm2fau" }, max: { defaultClass: "_1rsrm2fav" }, auto: { defaultClass: "_1rsrm2faw" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fax" }, modalTopBarHeight: { defaultClass: "_1rsrm2fay" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2faz" }, "2": { defaultClass: "_1rsrm2fb0" }, "4": { defaultClass: "_1rsrm2fb1" }, "8": { defaultClass: "_1rsrm2fb2" }, "10": { defaultClass: "_1rsrm2fb3" }, "11": { defaultClass: "_1rsrm2fb4" }, "12": { defaultClass: "_1rsrm2fb5" }, "13": { defaultClass: "_1rsrm2fb6" }, "14": { defaultClass: "_1rsrm2fb7" }, "15": { defaultClass: "_1rsrm2fb8" }, "16": { defaultClass: "_1rsrm2fb9" }, "18": { defaultClass: "_1rsrm2fba" }, "20": { defaultClass: "_1rsrm2fbb" }, "24": { defaultClass: "_1rsrm2fbc" }, "28": { defaultClass: "_1rsrm2fbd" }, "30": { defaultClass: "_1rsrm2fbe" }, "32": { defaultClass: "_1rsrm2fbf" }, "34": { defaultClass: "_1rsrm2fbg" }, "36": { defaultClass: "_1rsrm2fbh" }, "40": { defaultClass: "_1rsrm2fbi" }, "44": { defaultClass: "_1rsrm2fbj" }, "48": { defaultClass: "_1rsrm2fbk" }, "50": { defaultClass: "_1rsrm2fbl" }, "54": { defaultClass: "_1rsrm2fbm" }, "57": { defaultClass: "_1rsrm2fbn" }, "60": { defaultClass: "_1rsrm2fbo" }, "72": { defaultClass: "_1rsrm2fbp" }, "93": { defaultClass: "_1rsrm2fbq" }, "96": { defaultClass: "_1rsrm2fbr" }, "100": { defaultClass: "_1rsrm2fbs" }, "108": { defaultClass: "_1rsrm2fbt" }, "120": { defaultClass: "_1rsrm2fbu" }, "160": { defaultClass: "_1rsrm2fbv" }, "180": { defaultClass: "_1rsrm2fbw" }, "200": { defaultClass: "_1rsrm2fbx" }, "240": { defaultClass: "_1rsrm2fby" }, half: { defaultClass: "_1rsrm2fbz" }, full: { defaultClass: "_1rsrm2fc0" }, max: { defaultClass: "_1rsrm2fc1" }, auto: { defaultClass: "_1rsrm2fc2" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fc3" }, modalTopBarHeight: { defaultClass: "_1rsrm2fc4" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fc5" }, "2": { defaultClass: "_1rsrm2fc6" }, "4": { defaultClass: "_1rsrm2fc7" }, "8": { defaultClass: "_1rsrm2fc8" }, "10": { defaultClass: "_1rsrm2fc9" }, "11": { defaultClass: "_1rsrm2fca" }, "12": { defaultClass: "_1rsrm2fcb" }, "13": { defaultClass: "_1rsrm2fcc" }, "14": { defaultClass: "_1rsrm2fcd" }, "15": { defaultClass: "_1rsrm2fce" }, "16": { defaultClass: "_1rsrm2fcf" }, "18": { defaultClass: "_1rsrm2fcg" }, "20": { defaultClass: "_1rsrm2fch" }, "24": { defaultClass: "_1rsrm2fci" }, "28": { defaultClass: "_1rsrm2fcj" }, "30": { defaultClass: "_1rsrm2fck" }, "32": { defaultClass: "_1rsrm2fcl" }, "34": { defaultClass: "_1rsrm2fcm" }, "36": { defaultClass: "_1rsrm2fcn" }, "40": { defaultClass: "_1rsrm2fco" }, "44": { defaultClass: "_1rsrm2fcp" }, "48": { defaultClass: "_1rsrm2fcq" }, "50": { defaultClass: "_1rsrm2fcr" }, "54": { defaultClass: "_1rsrm2fcs" }, "57": { defaultClass: "_1rsrm2fct" }, "60": { defaultClass: "_1rsrm2fcu" }, "72": { defaultClass: "_1rsrm2fcv" }, "93": { defaultClass: "_1rsrm2fcw" }, "96": { defaultClass: "_1rsrm2fcx" }, "100": { defaultClass: "_1rsrm2fcy" }, "108": { defaultClass: "_1rsrm2fcz" }, "120": { defaultClass: "_1rsrm2fd0" }, "160": { defaultClass: "_1rsrm2fd1" }, "180": { defaultClass: "_1rsrm2fd2" }, "200": { defaultClass: "_1rsrm2fd3" }, "240": { defaultClass: "_1rsrm2fd4" }, half: { defaultClass: "_1rsrm2fd5" }, full: { defaultClass: "_1rsrm2fd6" }, max: { defaultClass: "_1rsrm2fd7" }, auto: { defaultClass: "_1rsrm2fd8" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fd9" }, modalTopBarHeight: { defaultClass: "_1rsrm2fda" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fdb" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fdc" }, "1": { defaultClass: "_1rsrm2fdd" }, "2": { defaultClass: "_1rsrm2fde" }, "3": { defaultClass: "_1rsrm2fdf" }, "4": { defaultClass: "_1rsrm2fdg" }, "5": { defaultClass: "_1rsrm2fdh" }, "6": { defaultClass: "_1rsrm2fdi" }, "7": { defaultClass: "_1rsrm2fdj" }, "8": { defaultClass: "_1rsrm2fdk" }, "9": { defaultClass: "_1rsrm2fdl" }, "10": { defaultClass: "_1rsrm2fdm" }, "11": { defaultClass: "_1rsrm2fdn" }, "12": { defaultClass: "_1rsrm2fdo" }, "13": { defaultClass: "_1rsrm2fdp" }, "14": { defaultClass: "_1rsrm2fdq" }, "15": { defaultClass: "_1rsrm2fdr" }, "16": { defaultClass: "_1rsrm2fds" }, "18": { defaultClass: "_1rsrm2fdt" }, "20": { defaultClass: "_1rsrm2fdu" }, "24": { defaultClass: "_1rsrm2fdv" }, "28": { defaultClass: "_1rsrm2fdw" }, "30": { defaultClass: "_1rsrm2fdx" }, "32": { defaultClass: "_1rsrm2fdy" }, "36": { defaultClass: "_1rsrm2fdz" }, "40": { defaultClass: "_1rsrm2fe0" }, "44": { defaultClass: "_1rsrm2fe1" }, "64": { defaultClass: "_1rsrm2fe2" }, "-1": { defaultClass: "_1rsrm2fe3" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fe4" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fe5" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fe6" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fe7" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fe8" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fe9" }, "1": { defaultClass: "_1rsrm2fea" }, "2": { defaultClass: "_1rsrm2feb" }, "3": { defaultClass: "_1rsrm2fec" }, "4": { defaultClass: "_1rsrm2fed" }, "5": { defaultClass: "_1rsrm2fee" }, "6": { defaultClass: "_1rsrm2fef" }, "7": { defaultClass: "_1rsrm2feg" }, "8": { defaultClass: "_1rsrm2feh" }, "9": { defaultClass: "_1rsrm2fei" }, "10": { defaultClass: "_1rsrm2fej" }, "11": { defaultClass: "_1rsrm2fek" }, "12": { defaultClass: "_1rsrm2fel" }, "13": { defaultClass: "_1rsrm2fem" }, "14": { defaultClass: "_1rsrm2fen" }, "15": { defaultClass: "_1rsrm2feo" }, "16": { defaultClass: "_1rsrm2fep" }, "18": { defaultClass: "_1rsrm2feq" }, "20": { defaultClass: "_1rsrm2fer" }, "24": { defaultClass: "_1rsrm2fes" }, "28": { defaultClass: "_1rsrm2fet" }, "30": { defaultClass: "_1rsrm2feu" }, "32": { defaultClass: "_1rsrm2fev" }, "36": { defaultClass: "_1rsrm2few" }, "40": { defaultClass: "_1rsrm2fex" }, "44": { defaultClass: "_1rsrm2fey" }, "64": { defaultClass: "_1rsrm2fez" }, "-1": { defaultClass: "_1rsrm2ff0" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2ff1" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ff2" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2ff3" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2ff4" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2ff5" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2ff6" }, "1": { defaultClass: "_1rsrm2ff7" }, "2": { defaultClass: "_1rsrm2ff8" }, "3": { defaultClass: "_1rsrm2ff9" }, "4": { defaultClass: "_1rsrm2ffa" }, "5": { defaultClass: "_1rsrm2ffb" }, "6": { defaultClass: "_1rsrm2ffc" }, "7": { defaultClass: "_1rsrm2ffd" }, "8": { defaultClass: "_1rsrm2ffe" }, "9": { defaultClass: "_1rsrm2fff" }, "10": { defaultClass: "_1rsrm2ffg" }, "11": { defaultClass: "_1rsrm2ffh" }, "12": { defaultClass: "_1rsrm2ffi" }, "13": { defaultClass: "_1rsrm2ffj" }, "14": { defaultClass: "_1rsrm2ffk" }, "15": { defaultClass: "_1rsrm2ffl" }, "16": { defaultClass: "_1rsrm2ffm" }, "18": { defaultClass: "_1rsrm2ffn" }, "20": { defaultClass: "_1rsrm2ffo" }, "24": { defaultClass: "_1rsrm2ffp" }, "28": { defaultClass: "_1rsrm2ffq" }, "30": { defaultClass: "_1rsrm2ffr" }, "32": { defaultClass: "_1rsrm2ffs" }, "36": { defaultClass: "_1rsrm2fft" }, "40": { defaultClass: "_1rsrm2ffu" }, "44": { defaultClass: "_1rsrm2ffv" }, "64": { defaultClass: "_1rsrm2ffw" }, "-1": { defaultClass: "_1rsrm2ffx" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2ffy" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ffz" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fg0" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fg1" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fg2" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fg3" }, "1": { defaultClass: "_1rsrm2fg4" }, "2": { defaultClass: "_1rsrm2fg5" }, "3": { defaultClass: "_1rsrm2fg6" }, "4": { defaultClass: "_1rsrm2fg7" }, "5": { defaultClass: "_1rsrm2fg8" }, "6": { defaultClass: "_1rsrm2fg9" }, "7": { defaultClass: "_1rsrm2fga" }, "8": { defaultClass: "_1rsrm2fgb" }, "9": { defaultClass: "_1rsrm2fgc" }, "10": { defaultClass: "_1rsrm2fgd" }, "11": { defaultClass: "_1rsrm2fge" }, "12": { defaultClass: "_1rsrm2fgf" }, "13": { defaultClass: "_1rsrm2fgg" }, "14": { defaultClass: "_1rsrm2fgh" }, "15": { defaultClass: "_1rsrm2fgi" }, "16": { defaultClass: "_1rsrm2fgj" }, "18": { defaultClass: "_1rsrm2fgk" }, "20": { defaultClass: "_1rsrm2fgl" }, "24": { defaultClass: "_1rsrm2fgm" }, "28": { defaultClass: "_1rsrm2fgn" }, "30": { defaultClass: "_1rsrm2fgo" }, "32": { defaultClass: "_1rsrm2fgp" }, "36": { defaultClass: "_1rsrm2fgq" }, "40": { defaultClass: "_1rsrm2fgr" }, "44": { defaultClass: "_1rsrm2fgs" }, "64": { defaultClass: "_1rsrm2fgt" }, "-1": { defaultClass: "_1rsrm2fgu" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fgv" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fgw" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fgx" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fgy" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fgz" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fh0" }, fixed: { defaultClass: "_1rsrm2fh1" }, relative: { defaultClass: "_1rsrm2fh2" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fh3" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fh4" }, transform: { defaultClass: "_1rsrm2fh5" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fh6" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fh7" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fh8" }, "2": { defaultClass: "_1rsrm2fh9" }, "4": { defaultClass: "_1rsrm2fha" }, "8": { defaultClass: "_1rsrm2fhb" }, "10": { defaultClass: "_1rsrm2fhc" }, "11": { defaultClass: "_1rsrm2fhd" }, "12": { defaultClass: "_1rsrm2fhe" }, "13": { defaultClass: "_1rsrm2fhf" }, "14": { defaultClass: "_1rsrm2fhg" }, "15": { defaultClass: "_1rsrm2fhh" }, "16": { defaultClass: "_1rsrm2fhi" }, "18": { defaultClass: "_1rsrm2fhj" }, "20": { defaultClass: "_1rsrm2fhk" }, "24": { defaultClass: "_1rsrm2fhl" }, "28": { defaultClass: "_1rsrm2fhm" }, "30": { defaultClass: "_1rsrm2fhn" }, "32": { defaultClass: "_1rsrm2fho" }, "34": { defaultClass: "_1rsrm2fhp" }, "36": { defaultClass: "_1rsrm2fhq" }, "40": { defaultClass: "_1rsrm2fhr" }, "44": { defaultClass: "_1rsrm2fhs" }, "48": { defaultClass: "_1rsrm2fht" }, "50": { defaultClass: "_1rsrm2fhu" }, "54": { defaultClass: "_1rsrm2fhv" }, "57": { defaultClass: "_1rsrm2fhw" }, "60": { defaultClass: "_1rsrm2fhx" }, "72": { defaultClass: "_1rsrm2fhy" }, "93": { defaultClass: "_1rsrm2fhz" }, "96": { defaultClass: "_1rsrm2fi0" }, "100": { defaultClass: "_1rsrm2fi1" }, "108": { defaultClass: "_1rsrm2fi2" }, "120": { defaultClass: "_1rsrm2fi3" }, "160": { defaultClass: "_1rsrm2fi4" }, "180": { defaultClass: "_1rsrm2fi5" }, "200": { defaultClass: "_1rsrm2fi6" }, "240": { defaultClass: "_1rsrm2fi7" }, half: { defaultClass: "_1rsrm2fi8" }, full: { defaultClass: "_1rsrm2fi9" }, max: { defaultClass: "_1rsrm2fia" }, auto: { defaultClass: "_1rsrm2fib" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fic" }, modalTopBarHeight: { defaultClass: "_1rsrm2fid" } } } } });
49
- 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)", 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)", primaryText: "var(--rk-colors-primaryText)", secondaryText: "var(--rk-colors-secondaryText)", tertiaryText: "var(--rk-colors-tertiaryText)", textSelection: "var(--rk-colors-textSelection)", inputBackground: "var(--rk-colors-inputBackground)", inputBorderBase: "var(--rk-colors-inputBorderBase)", inputBorderHover: "var(--rk-colors-inputBorderHover)", 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)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", 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)", buttonBorderFocusedTertiary: "var(--rk-colors-buttonBorderFocusedTertiary)", buttonFocusedOutline: "var(--rk-colors-buttonFocusedOutline)", 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)", 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)", spinnerBackground: "var(--rk-colors-spinnerBackground)", spinnerIndicator: "var(--rk-colors-spinnerIndicator)", spinnerBackgroundVerifyAccount: "var(--rk-colors-spinnerBackgroundVerifyAccount)", spinnerIndicatorVerifyAccount: "var(--rk-colors-spinnerIndicatorVerifyAccount)" }, dimensions: { modalBottomBarButtonHeight: "var(--rk-dimensions-modalBottomBarButtonHeight)", modalTopBarHeight: "var(--rk-dimensions-modalTopBarHeight)" }, fonts: { body: "var(--rk-fonts-body)" }, 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)", modalTopbarTitle: "var(--rk-fontWeight-modalTopbarTitle)", modalBottomBarButtonText: "var(--rk-fontWeight-modalBottomBarButtonText)" }, 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)" }, 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)" } }, 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)" }, 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)", buttonFocusedShadow: "var(--rk-shadows-buttonFocusedShadow)" }, spacing: { 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)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
48
+ var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fie", hover: "_1rsrm2fif", active: "_1rsrm2fig", selection: "_1rsrm2fih", focused: "_1rsrm2fii", focusedVisible: "_1rsrm2fij" }, defaultClass: "_1rsrm2fie" }, accentColorForeground: { conditions: { base: "_1rsrm2fik", hover: "_1rsrm2fil", active: "_1rsrm2fim", selection: "_1rsrm2fin", focused: "_1rsrm2fio", focusedVisible: "_1rsrm2fip" }, defaultClass: "_1rsrm2fik" }, actionButtonBorder: { conditions: { base: "_1rsrm2fiq", hover: "_1rsrm2fir", active: "_1rsrm2fis", selection: "_1rsrm2fit", focused: "_1rsrm2fiu", focusedVisible: "_1rsrm2fiv" }, defaultClass: "_1rsrm2fiq" }, connectButtonBackground: { conditions: { base: "_1rsrm2fiw", hover: "_1rsrm2fix", active: "_1rsrm2fiy", selection: "_1rsrm2fiz", focused: "_1rsrm2fj0", focusedVisible: "_1rsrm2fj1" }, defaultClass: "_1rsrm2fiw" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fj2", hover: "_1rsrm2fj3", active: "_1rsrm2fj4", selection: "_1rsrm2fj5", focused: "_1rsrm2fj6", focusedVisible: "_1rsrm2fj7" }, defaultClass: "_1rsrm2fj2" }, connectButtonText: { conditions: { base: "_1rsrm2fj8", hover: "_1rsrm2fj9", active: "_1rsrm2fja", selection: "_1rsrm2fjb", focused: "_1rsrm2fjc", focusedVisible: "_1rsrm2fjd" }, defaultClass: "_1rsrm2fj8" }, connectButtonTextError: { conditions: { base: "_1rsrm2fje", hover: "_1rsrm2fjf", active: "_1rsrm2fjg", selection: "_1rsrm2fjh", focused: "_1rsrm2fji", focusedVisible: "_1rsrm2fjj" }, defaultClass: "_1rsrm2fje" }, connectionIndicator: { conditions: { base: "_1rsrm2fjk", hover: "_1rsrm2fjl", active: "_1rsrm2fjm", selection: "_1rsrm2fjn", focused: "_1rsrm2fjo", focusedVisible: "_1rsrm2fjp" }, defaultClass: "_1rsrm2fjk" }, error: { conditions: { base: "_1rsrm2fjq", hover: "_1rsrm2fjr", active: "_1rsrm2fjs", selection: "_1rsrm2fjt", focused: "_1rsrm2fju", focusedVisible: "_1rsrm2fjv" }, defaultClass: "_1rsrm2fjq" }, errorBackground: { conditions: { base: "_1rsrm2fjw", hover: "_1rsrm2fjx", active: "_1rsrm2fjy", selection: "_1rsrm2fjz", focused: "_1rsrm2fk0", focusedVisible: "_1rsrm2fk1" }, defaultClass: "_1rsrm2fjw" }, errorBorder: { conditions: { base: "_1rsrm2fk2", hover: "_1rsrm2fk3", active: "_1rsrm2fk4", selection: "_1rsrm2fk5", focused: "_1rsrm2fk6", focusedVisible: "_1rsrm2fk7" }, defaultClass: "_1rsrm2fk2" }, generalBorder: { conditions: { base: "_1rsrm2fk8", hover: "_1rsrm2fk9", active: "_1rsrm2fka", selection: "_1rsrm2fkb", focused: "_1rsrm2fkc", focusedVisible: "_1rsrm2fkd" }, defaultClass: "_1rsrm2fk8" }, generalBorderDim: { conditions: { base: "_1rsrm2fke", hover: "_1rsrm2fkf", active: "_1rsrm2fkg", selection: "_1rsrm2fkh", focused: "_1rsrm2fki", focusedVisible: "_1rsrm2fkj" }, defaultClass: "_1rsrm2fke" }, menuItemBackground: { conditions: { base: "_1rsrm2fkk", hover: "_1rsrm2fkl", active: "_1rsrm2fkm", selection: "_1rsrm2fkn", focused: "_1rsrm2fko", focusedVisible: "_1rsrm2fkp" }, defaultClass: "_1rsrm2fkk" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fkq", hover: "_1rsrm2fkr", active: "_1rsrm2fks", selection: "_1rsrm2fkt", focused: "_1rsrm2fku", focusedVisible: "_1rsrm2fkv" }, defaultClass: "_1rsrm2fkq" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fkw", hover: "_1rsrm2fkx", active: "_1rsrm2fky", selection: "_1rsrm2fkz", focused: "_1rsrm2fl0", focusedVisible: "_1rsrm2fl1" }, defaultClass: "_1rsrm2fkw" }, standby: { conditions: { base: "_1rsrm2fl2", hover: "_1rsrm2fl3", active: "_1rsrm2fl4", selection: "_1rsrm2fl5", focused: "_1rsrm2fl6", focusedVisible: "_1rsrm2fl7" }, defaultClass: "_1rsrm2fl2" }, success: { conditions: { base: "_1rsrm2fl8", hover: "_1rsrm2fl9", active: "_1rsrm2fla", selection: "_1rsrm2flb", focused: "_1rsrm2flc", focusedVisible: "_1rsrm2fld" }, defaultClass: "_1rsrm2fl8" }, chainIconBorder: { conditions: { base: "_1rsrm2fle", hover: "_1rsrm2flf", active: "_1rsrm2flg", selection: "_1rsrm2flh", focused: "_1rsrm2fli", focusedVisible: "_1rsrm2flj" }, defaultClass: "_1rsrm2fle" }, modalBackdrop: { conditions: { base: "_1rsrm2flk", hover: "_1rsrm2fll", active: "_1rsrm2flm", selection: "_1rsrm2fln", focused: "_1rsrm2flo", focusedVisible: "_1rsrm2flp" }, defaultClass: "_1rsrm2flk" }, modalBackground: { conditions: { base: "_1rsrm2flq", hover: "_1rsrm2flr", active: "_1rsrm2fls", selection: "_1rsrm2flt", focused: "_1rsrm2flu", focusedVisible: "_1rsrm2flv" }, defaultClass: "_1rsrm2flq" }, modalBorder: { conditions: { base: "_1rsrm2flw", hover: "_1rsrm2flx", active: "_1rsrm2fly", selection: "_1rsrm2flz", focused: "_1rsrm2fm0", focusedVisible: "_1rsrm2fm1" }, defaultClass: "_1rsrm2flw" }, offBackground: { conditions: { base: "_1rsrm2fm2", hover: "_1rsrm2fm3", active: "_1rsrm2fm4", selection: "_1rsrm2fm5", focused: "_1rsrm2fm6", focusedVisible: "_1rsrm2fm7" }, defaultClass: "_1rsrm2fm2" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fm8", hover: "_1rsrm2fm9", active: "_1rsrm2fma", selection: "_1rsrm2fmb", focused: "_1rsrm2fmc", focusedVisible: "_1rsrm2fmd" }, defaultClass: "_1rsrm2fm8" }, hoverState: { conditions: { base: "_1rsrm2fme", hover: "_1rsrm2fmf", active: "_1rsrm2fmg", selection: "_1rsrm2fmh", focused: "_1rsrm2fmi", focusedVisible: "_1rsrm2fmj" }, defaultClass: "_1rsrm2fme" }, lightStroke: { conditions: { base: "_1rsrm2fmk", hover: "_1rsrm2fml", active: "_1rsrm2fmm", selection: "_1rsrm2fmn", focused: "_1rsrm2fmo", focusedVisible: "_1rsrm2fmp" }, defaultClass: "_1rsrm2fmk" }, mediumStroke: { conditions: { base: "_1rsrm2fmq", hover: "_1rsrm2fmr", active: "_1rsrm2fms", selection: "_1rsrm2fmt", focused: "_1rsrm2fmu", focusedVisible: "_1rsrm2fmv" }, defaultClass: "_1rsrm2fmq" }, heavyStroke: { conditions: { base: "_1rsrm2fmw", hover: "_1rsrm2fmx", active: "_1rsrm2fmy", selection: "_1rsrm2fmz", focused: "_1rsrm2fn0", focusedVisible: "_1rsrm2fn1" }, defaultClass: "_1rsrm2fmw" }, strokeColor: { conditions: { base: "_1rsrm2fn2", hover: "_1rsrm2fn3", active: "_1rsrm2fn4", selection: "_1rsrm2fn5", focused: "_1rsrm2fn6", focusedVisible: "_1rsrm2fn7" }, defaultClass: "_1rsrm2fn2" }, primaryText: { conditions: { base: "_1rsrm2fn8", hover: "_1rsrm2fn9", active: "_1rsrm2fna", selection: "_1rsrm2fnb", focused: "_1rsrm2fnc", focusedVisible: "_1rsrm2fnd" }, defaultClass: "_1rsrm2fn8" }, secondaryText: { conditions: { base: "_1rsrm2fne", hover: "_1rsrm2fnf", active: "_1rsrm2fng", selection: "_1rsrm2fnh", focused: "_1rsrm2fni", focusedVisible: "_1rsrm2fnj" }, defaultClass: "_1rsrm2fne" }, tertiaryText: { conditions: { base: "_1rsrm2fnk", hover: "_1rsrm2fnl", active: "_1rsrm2fnm", selection: "_1rsrm2fnn", focused: "_1rsrm2fno", focusedVisible: "_1rsrm2fnp" }, defaultClass: "_1rsrm2fnk" }, textSelection: { conditions: { base: "_1rsrm2fnq", hover: "_1rsrm2fnr", active: "_1rsrm2fns", selection: "_1rsrm2fnt", focused: "_1rsrm2fnu", focusedVisible: "_1rsrm2fnv" }, defaultClass: "_1rsrm2fnq" }, inputBackground: { conditions: { base: "_1rsrm2fnw", hover: "_1rsrm2fnx", active: "_1rsrm2fny", selection: "_1rsrm2fnz", focused: "_1rsrm2fo0", focusedVisible: "_1rsrm2fo1" }, defaultClass: "_1rsrm2fnw" }, inputBorderBase: { conditions: { base: "_1rsrm2fo2", hover: "_1rsrm2fo3", active: "_1rsrm2fo4", selection: "_1rsrm2fo5", focused: "_1rsrm2fo6", focusedVisible: "_1rsrm2fo7" }, defaultClass: "_1rsrm2fo2" }, inputBorderHover: { conditions: { base: "_1rsrm2fo8", hover: "_1rsrm2fo9", active: "_1rsrm2foa", selection: "_1rsrm2fob", focused: "_1rsrm2foc", focusedVisible: "_1rsrm2fod" }, defaultClass: "_1rsrm2fo8" }, actionColor: { conditions: { base: "_1rsrm2foe", hover: "_1rsrm2fof", active: "_1rsrm2fog", selection: "_1rsrm2foh", focused: "_1rsrm2foi", focusedVisible: "_1rsrm2foj" }, defaultClass: "_1rsrm2foe" }, actionColorHover: { conditions: { base: "_1rsrm2fok", hover: "_1rsrm2fol", active: "_1rsrm2fom", selection: "_1rsrm2fon", focused: "_1rsrm2foo", focusedVisible: "_1rsrm2fop" }, defaultClass: "_1rsrm2fok" }, actionColorDisabled: { conditions: { base: "_1rsrm2foq", hover: "_1rsrm2for", active: "_1rsrm2fos", selection: "_1rsrm2fot", focused: "_1rsrm2fou", focusedVisible: "_1rsrm2fov" }, defaultClass: "_1rsrm2foq" }, buttonPrimary: { conditions: { base: "_1rsrm2fow", hover: "_1rsrm2fox", active: "_1rsrm2foy", selection: "_1rsrm2foz", focused: "_1rsrm2fp0", focusedVisible: "_1rsrm2fp1" }, defaultClass: "_1rsrm2fow" }, buttonDisabled: { conditions: { base: "_1rsrm2fp2", hover: "_1rsrm2fp3", active: "_1rsrm2fp4", selection: "_1rsrm2fp5", focused: "_1rsrm2fp6", focusedVisible: "_1rsrm2fp7" }, defaultClass: "_1rsrm2fp2" }, buttonWarning: { conditions: { base: "_1rsrm2fp8", hover: "_1rsrm2fp9", active: "_1rsrm2fpa", selection: "_1rsrm2fpb", focused: "_1rsrm2fpc", focusedVisible: "_1rsrm2fpd" }, defaultClass: "_1rsrm2fp8" }, buttonSuccess: { conditions: { base: "_1rsrm2fpe", hover: "_1rsrm2fpf", active: "_1rsrm2fpg", selection: "_1rsrm2fph", focused: "_1rsrm2fpi", focusedVisible: "_1rsrm2fpj" }, defaultClass: "_1rsrm2fpe" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fpk", hover: "_1rsrm2fpl", active: "_1rsrm2fpm", selection: "_1rsrm2fpn", focused: "_1rsrm2fpo", focusedVisible: "_1rsrm2fpp" }, defaultClass: "_1rsrm2fpk" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fpq", hover: "_1rsrm2fpr", active: "_1rsrm2fps", selection: "_1rsrm2fpt", focused: "_1rsrm2fpu", focusedVisible: "_1rsrm2fpv" }, defaultClass: "_1rsrm2fpq" }, transparent: { conditions: { base: "_1rsrm2fpw", hover: "_1rsrm2fpx", active: "_1rsrm2fpy", selection: "_1rsrm2fpz", focused: "_1rsrm2fq0", focusedVisible: "_1rsrm2fq1" }, defaultClass: "_1rsrm2fpw" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fq2", hover: "_1rsrm2fq3", active: "_1rsrm2fq4", selection: "_1rsrm2fq5", focused: "_1rsrm2fq6", focusedVisible: "_1rsrm2fq7" }, defaultClass: "_1rsrm2fq2" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fq8", hover: "_1rsrm2fq9", active: "_1rsrm2fqa", selection: "_1rsrm2fqb", focused: "_1rsrm2fqc", focusedVisible: "_1rsrm2fqd" }, defaultClass: "_1rsrm2fq8" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fqe", hover: "_1rsrm2fqf", active: "_1rsrm2fqg", selection: "_1rsrm2fqh", focused: "_1rsrm2fqi", focusedVisible: "_1rsrm2fqj" }, defaultClass: "_1rsrm2fqe" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fqk", hover: "_1rsrm2fql", active: "_1rsrm2fqm", selection: "_1rsrm2fqn", focused: "_1rsrm2fqo", focusedVisible: "_1rsrm2fqp" }, defaultClass: "_1rsrm2fqk" }, buttonBackground: { conditions: { base: "_1rsrm2fqq", hover: "_1rsrm2fqr", active: "_1rsrm2fqs", selection: "_1rsrm2fqt", focused: "_1rsrm2fqu", focusedVisible: "_1rsrm2fqv" }, defaultClass: "_1rsrm2fqq" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2fqw", hover: "_1rsrm2fqx", active: "_1rsrm2fqy", selection: "_1rsrm2fqz", focused: "_1rsrm2fr0", focusedVisible: "_1rsrm2fr1" }, defaultClass: "_1rsrm2fqw" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2fr2", hover: "_1rsrm2fr3", active: "_1rsrm2fr4", selection: "_1rsrm2fr5", focused: "_1rsrm2fr6", focusedVisible: "_1rsrm2fr7" }, defaultClass: "_1rsrm2fr2" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2fr8", hover: "_1rsrm2fr9", active: "_1rsrm2fra", selection: "_1rsrm2frb", focused: "_1rsrm2frc", focusedVisible: "_1rsrm2frd" }, defaultClass: "_1rsrm2fr8" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fre", hover: "_1rsrm2frf", active: "_1rsrm2frg", selection: "_1rsrm2frh", focused: "_1rsrm2fri", focusedVisible: "_1rsrm2frj" }, defaultClass: "_1rsrm2fre" }, buttonTextSecondary: { conditions: { base: "_1rsrm2frk", hover: "_1rsrm2frl", active: "_1rsrm2frm", selection: "_1rsrm2frn", focused: "_1rsrm2fro", focusedVisible: "_1rsrm2frp" }, defaultClass: "_1rsrm2frk" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2frq", hover: "_1rsrm2frr", active: "_1rsrm2frs", selection: "_1rsrm2frt", focused: "_1rsrm2fru", focusedVisible: "_1rsrm2frv" }, defaultClass: "_1rsrm2frq" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2frw", hover: "_1rsrm2frx", active: "_1rsrm2fry", selection: "_1rsrm2frz", focused: "_1rsrm2fs0", focusedVisible: "_1rsrm2fs1" }, defaultClass: "_1rsrm2frw" }, buttonIconStroke: { conditions: { base: "_1rsrm2fs2", hover: "_1rsrm2fs3", active: "_1rsrm2fs4", selection: "_1rsrm2fs5", focused: "_1rsrm2fs6", focusedVisible: "_1rsrm2fs7" }, defaultClass: "_1rsrm2fs2" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fs8", hover: "_1rsrm2fs9", active: "_1rsrm2fsa", selection: "_1rsrm2fsb", focused: "_1rsrm2fsc", focusedVisible: "_1rsrm2fsd" }, defaultClass: "_1rsrm2fs8" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fse", hover: "_1rsrm2fsf", active: "_1rsrm2fsg", selection: "_1rsrm2fsh", focused: "_1rsrm2fsi", focusedVisible: "_1rsrm2fsj" }, defaultClass: "_1rsrm2fse" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2fsk", hover: "_1rsrm2fsl", active: "_1rsrm2fsm", selection: "_1rsrm2fsn", focused: "_1rsrm2fso", focusedVisible: "_1rsrm2fsp" }, defaultClass: "_1rsrm2fsk" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fsq", hover: "_1rsrm2fsr", active: "_1rsrm2fss", selection: "_1rsrm2fst", focused: "_1rsrm2fsu", focusedVisible: "_1rsrm2fsv" }, defaultClass: "_1rsrm2fsq" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fsw", hover: "_1rsrm2fsx", active: "_1rsrm2fsy", selection: "_1rsrm2fsz", focused: "_1rsrm2ft0", focusedVisible: "_1rsrm2ft1" }, defaultClass: "_1rsrm2fsw" }, newBadgeBackground: { conditions: { base: "_1rsrm2ft2", hover: "_1rsrm2ft3", active: "_1rsrm2ft4", selection: "_1rsrm2ft5", focused: "_1rsrm2ft6", focusedVisible: "_1rsrm2ft7" }, defaultClass: "_1rsrm2ft2" }, newBadgeBorder: { conditions: { base: "_1rsrm2ft8", hover: "_1rsrm2ft9", active: "_1rsrm2fta", selection: "_1rsrm2ftb", focused: "_1rsrm2ftc", focusedVisible: "_1rsrm2ftd" }, defaultClass: "_1rsrm2ft8" }, newBadgeText: { conditions: { base: "_1rsrm2fte", hover: "_1rsrm2ftf", active: "_1rsrm2ftg", selection: "_1rsrm2fth", focused: "_1rsrm2fti", focusedVisible: "_1rsrm2ftj" }, defaultClass: "_1rsrm2fte" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2ftk", hover: "_1rsrm2ftl", active: "_1rsrm2ftm", selection: "_1rsrm2ftn", focused: "_1rsrm2fto", focusedVisible: "_1rsrm2ftp" }, defaultClass: "_1rsrm2ftk" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2ftq", hover: "_1rsrm2ftr", active: "_1rsrm2fts", selection: "_1rsrm2ftt", focused: "_1rsrm2ftu", focusedVisible: "_1rsrm2ftv" }, defaultClass: "_1rsrm2ftq" }, approvedBadgeText: { conditions: { base: "_1rsrm2ftw", hover: "_1rsrm2ftx", active: "_1rsrm2fty", selection: "_1rsrm2ftz", focused: "_1rsrm2fu0", focusedVisible: "_1rsrm2fu1" }, defaultClass: "_1rsrm2ftw" }, failedBadgeBackground: { conditions: { base: "_1rsrm2fu2", hover: "_1rsrm2fu3", active: "_1rsrm2fu4", selection: "_1rsrm2fu5", focused: "_1rsrm2fu6", focusedVisible: "_1rsrm2fu7" }, defaultClass: "_1rsrm2fu2" }, failedBadgeBorder: { conditions: { base: "_1rsrm2fu8", hover: "_1rsrm2fu9", active: "_1rsrm2fua", selection: "_1rsrm2fub", focused: "_1rsrm2fuc", focusedVisible: "_1rsrm2fud" }, defaultClass: "_1rsrm2fu8" }, failedBadgeText: { conditions: { base: "_1rsrm2fue", hover: "_1rsrm2fuf", active: "_1rsrm2fug", selection: "_1rsrm2fuh", focused: "_1rsrm2fui", focusedVisible: "_1rsrm2fuj" }, defaultClass: "_1rsrm2fue" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fuk", hover: "_1rsrm2ful", active: "_1rsrm2fum", selection: "_1rsrm2fun", focused: "_1rsrm2fuo", focusedVisible: "_1rsrm2fup" }, defaultClass: "_1rsrm2fuk" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2fuq", hover: "_1rsrm2fur", active: "_1rsrm2fus", selection: "_1rsrm2fut", focused: "_1rsrm2fuu", focusedVisible: "_1rsrm2fuv" }, defaultClass: "_1rsrm2fuq" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2fuw", hover: "_1rsrm2fux", active: "_1rsrm2fuy", selection: "_1rsrm2fuz", focused: "_1rsrm2fv0", focusedVisible: "_1rsrm2fv1" }, defaultClass: "_1rsrm2fuw" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2fv2", hover: "_1rsrm2fv3", active: "_1rsrm2fv4", selection: "_1rsrm2fv5", focused: "_1rsrm2fv6", focusedVisible: "_1rsrm2fv7" }, defaultClass: "_1rsrm2fv2" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2fv8", hover: "_1rsrm2fv9", active: "_1rsrm2fva", selection: "_1rsrm2fvb", focused: "_1rsrm2fvc", focusedVisible: "_1rsrm2fvd" }, defaultClass: "_1rsrm2fv8" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2fve", hover: "_1rsrm2fvf", active: "_1rsrm2fvg", selection: "_1rsrm2fvh", focused: "_1rsrm2fvi", focusedVisible: "_1rsrm2fvj" }, defaultClass: "_1rsrm2fve" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2fvk", hover: "_1rsrm2fvl", active: "_1rsrm2fvm", selection: "_1rsrm2fvn", focused: "_1rsrm2fvo", focusedVisible: "_1rsrm2fvp" }, defaultClass: "_1rsrm2fvk" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2fvq", hover: "_1rsrm2fvr", active: "_1rsrm2fvs", selection: "_1rsrm2fvt", focused: "_1rsrm2fvu", focusedVisible: "_1rsrm2fvv" }, defaultClass: "_1rsrm2fvq" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2fvw", hover: "_1rsrm2fvx", active: "_1rsrm2fvy", selection: "_1rsrm2fvz", focused: "_1rsrm2fw0", focusedVisible: "_1rsrm2fw1" }, defaultClass: "_1rsrm2fvw" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2fw2", hover: "_1rsrm2fw3", active: "_1rsrm2fw4", selection: "_1rsrm2fw5", focused: "_1rsrm2fw6", focusedVisible: "_1rsrm2fw7" }, defaultClass: "_1rsrm2fw2" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2fw8", hover: "_1rsrm2fw9", active: "_1rsrm2fwa", selection: "_1rsrm2fwb", focused: "_1rsrm2fwc", focusedVisible: "_1rsrm2fwd" }, defaultClass: "_1rsrm2fw8" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2fwe", hover: "_1rsrm2fwf", active: "_1rsrm2fwg", selection: "_1rsrm2fwh", focused: "_1rsrm2fwi", focusedVisible: "_1rsrm2fwj" }, defaultClass: "_1rsrm2fwe" }, announceGradientFrom: { conditions: { base: "_1rsrm2fwk", hover: "_1rsrm2fwl", active: "_1rsrm2fwm", selection: "_1rsrm2fwn", focused: "_1rsrm2fwo", focusedVisible: "_1rsrm2fwp" }, defaultClass: "_1rsrm2fwk" }, announceGradientTo: { conditions: { base: "_1rsrm2fwq", hover: "_1rsrm2fwr", active: "_1rsrm2fws", selection: "_1rsrm2fwt", focused: "_1rsrm2fwu", focusedVisible: "_1rsrm2fwv" }, defaultClass: "_1rsrm2fwq" }, modalHeaderDivider: { conditions: { base: "_1rsrm2fww", hover: "_1rsrm2fwx", active: "_1rsrm2fwy", selection: "_1rsrm2fwz", focused: "_1rsrm2fx0", focusedVisible: "_1rsrm2fx1" }, defaultClass: "_1rsrm2fww" }, modalFooterDivider: { conditions: { base: "_1rsrm2fx2", hover: "_1rsrm2fx3", active: "_1rsrm2fx4", selection: "_1rsrm2fx5", focused: "_1rsrm2fx6", focusedVisible: "_1rsrm2fx7" }, defaultClass: "_1rsrm2fx2" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2fx8", hover: "_1rsrm2fx9", active: "_1rsrm2fxa", selection: "_1rsrm2fxb", focused: "_1rsrm2fxc", focusedVisible: "_1rsrm2fxd" }, defaultClass: "_1rsrm2fx8" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2fxe", hover: "_1rsrm2fxf", active: "_1rsrm2fxg", selection: "_1rsrm2fxh", focused: "_1rsrm2fxi", focusedVisible: "_1rsrm2fxj" }, defaultClass: "_1rsrm2fxe" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2fxk", hover: "_1rsrm2fxl", active: "_1rsrm2fxm", selection: "_1rsrm2fxn", focused: "_1rsrm2fxo", focusedVisible: "_1rsrm2fxp" }, defaultClass: "_1rsrm2fxk" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2fxq", hover: "_1rsrm2fxr", active: "_1rsrm2fxs", selection: "_1rsrm2fxt", focused: "_1rsrm2fxu", focusedVisible: "_1rsrm2fxv" }, defaultClass: "_1rsrm2fxq" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2fxw", hover: "_1rsrm2fxx", active: "_1rsrm2fxy", selection: "_1rsrm2fxz", focused: "_1rsrm2fy0", focusedVisible: "_1rsrm2fy1" }, defaultClass: "_1rsrm2fxw" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2fy2", hover: "_1rsrm2fy3", active: "_1rsrm2fy4", selection: "_1rsrm2fy5", focused: "_1rsrm2fy6", focusedVisible: "_1rsrm2fy7" }, defaultClass: "_1rsrm2fy2" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2fy8", hover: "_1rsrm2fy9", active: "_1rsrm2fya", selection: "_1rsrm2fyb", focused: "_1rsrm2fyc", focusedVisible: "_1rsrm2fyd" }, defaultClass: "_1rsrm2fy8" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2fye", hover: "_1rsrm2fyf", active: "_1rsrm2fyg", selection: "_1rsrm2fyh", focused: "_1rsrm2fyi", focusedVisible: "_1rsrm2fyj" }, defaultClass: "_1rsrm2fye" }, spinnerBackground: { conditions: { base: "_1rsrm2fyk", hover: "_1rsrm2fyl", active: "_1rsrm2fym", selection: "_1rsrm2fyn", focused: "_1rsrm2fyo", focusedVisible: "_1rsrm2fyp" }, defaultClass: "_1rsrm2fyk" }, spinnerIndicator: { conditions: { base: "_1rsrm2fyq", hover: "_1rsrm2fyr", active: "_1rsrm2fys", selection: "_1rsrm2fyt", focused: "_1rsrm2fyu", focusedVisible: "_1rsrm2fyv" }, defaultClass: "_1rsrm2fyq" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2fyw", hover: "_1rsrm2fyx", active: "_1rsrm2fyy", selection: "_1rsrm2fyz", focused: "_1rsrm2fz0", focusedVisible: "_1rsrm2fz1" }, defaultClass: "_1rsrm2fyw" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2fz2", hover: "_1rsrm2fz3", active: "_1rsrm2fz4", selection: "_1rsrm2fz5", focused: "_1rsrm2fz6", focusedVisible: "_1rsrm2fz7" }, defaultClass: "_1rsrm2fz2" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fz8", hover: "_1rsrm2fz9", active: "_1rsrm2fza", selection: "_1rsrm2fzb", focused: "_1rsrm2fzc", focusedVisible: "_1rsrm2fzd" }, defaultClass: "_1rsrm2fz8" }, accentColorForeground: { conditions: { base: "_1rsrm2fze", hover: "_1rsrm2fzf", active: "_1rsrm2fzg", selection: "_1rsrm2fzh", focused: "_1rsrm2fzi", focusedVisible: "_1rsrm2fzj" }, defaultClass: "_1rsrm2fze" }, actionButtonBorder: { conditions: { base: "_1rsrm2fzk", hover: "_1rsrm2fzl", active: "_1rsrm2fzm", selection: "_1rsrm2fzn", focused: "_1rsrm2fzo", focusedVisible: "_1rsrm2fzp" }, defaultClass: "_1rsrm2fzk" }, connectButtonBackground: { conditions: { base: "_1rsrm2fzq", hover: "_1rsrm2fzr", active: "_1rsrm2fzs", selection: "_1rsrm2fzt", focused: "_1rsrm2fzu", focusedVisible: "_1rsrm2fzv" }, defaultClass: "_1rsrm2fzq" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fzw", hover: "_1rsrm2fzx", active: "_1rsrm2fzy", selection: "_1rsrm2fzz", focused: "_1rsrm2f100", focusedVisible: "_1rsrm2f101" }, defaultClass: "_1rsrm2fzw" }, connectButtonText: { conditions: { base: "_1rsrm2f102", hover: "_1rsrm2f103", active: "_1rsrm2f104", selection: "_1rsrm2f105", focused: "_1rsrm2f106", focusedVisible: "_1rsrm2f107" }, defaultClass: "_1rsrm2f102" }, connectButtonTextError: { conditions: { base: "_1rsrm2f108", hover: "_1rsrm2f109", active: "_1rsrm2f10a", selection: "_1rsrm2f10b", focused: "_1rsrm2f10c", focusedVisible: "_1rsrm2f10d" }, defaultClass: "_1rsrm2f108" }, connectionIndicator: { conditions: { base: "_1rsrm2f10e", hover: "_1rsrm2f10f", active: "_1rsrm2f10g", selection: "_1rsrm2f10h", focused: "_1rsrm2f10i", focusedVisible: "_1rsrm2f10j" }, defaultClass: "_1rsrm2f10e" }, error: { conditions: { base: "_1rsrm2f10k", hover: "_1rsrm2f10l", active: "_1rsrm2f10m", selection: "_1rsrm2f10n", focused: "_1rsrm2f10o", focusedVisible: "_1rsrm2f10p" }, defaultClass: "_1rsrm2f10k" }, errorBackground: { conditions: { base: "_1rsrm2f10q", hover: "_1rsrm2f10r", active: "_1rsrm2f10s", selection: "_1rsrm2f10t", focused: "_1rsrm2f10u", focusedVisible: "_1rsrm2f10v" }, defaultClass: "_1rsrm2f10q" }, errorBorder: { conditions: { base: "_1rsrm2f10w", hover: "_1rsrm2f10x", active: "_1rsrm2f10y", selection: "_1rsrm2f10z", focused: "_1rsrm2f110", focusedVisible: "_1rsrm2f111" }, defaultClass: "_1rsrm2f10w" }, generalBorder: { conditions: { base: "_1rsrm2f112", hover: "_1rsrm2f113", active: "_1rsrm2f114", selection: "_1rsrm2f115", focused: "_1rsrm2f116", focusedVisible: "_1rsrm2f117" }, defaultClass: "_1rsrm2f112" }, generalBorderDim: { conditions: { base: "_1rsrm2f118", hover: "_1rsrm2f119", active: "_1rsrm2f11a", selection: "_1rsrm2f11b", focused: "_1rsrm2f11c", focusedVisible: "_1rsrm2f11d" }, defaultClass: "_1rsrm2f118" }, menuItemBackground: { conditions: { base: "_1rsrm2f11e", hover: "_1rsrm2f11f", active: "_1rsrm2f11g", selection: "_1rsrm2f11h", focused: "_1rsrm2f11i", focusedVisible: "_1rsrm2f11j" }, defaultClass: "_1rsrm2f11e" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f11k", hover: "_1rsrm2f11l", active: "_1rsrm2f11m", selection: "_1rsrm2f11n", focused: "_1rsrm2f11o", focusedVisible: "_1rsrm2f11p" }, defaultClass: "_1rsrm2f11k" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f11q", hover: "_1rsrm2f11r", active: "_1rsrm2f11s", selection: "_1rsrm2f11t", focused: "_1rsrm2f11u", focusedVisible: "_1rsrm2f11v" }, defaultClass: "_1rsrm2f11q" }, standby: { conditions: { base: "_1rsrm2f11w", hover: "_1rsrm2f11x", active: "_1rsrm2f11y", selection: "_1rsrm2f11z", focused: "_1rsrm2f120", focusedVisible: "_1rsrm2f121" }, defaultClass: "_1rsrm2f11w" }, success: { conditions: { base: "_1rsrm2f122", hover: "_1rsrm2f123", active: "_1rsrm2f124", selection: "_1rsrm2f125", focused: "_1rsrm2f126", focusedVisible: "_1rsrm2f127" }, defaultClass: "_1rsrm2f122" }, chainIconBorder: { conditions: { base: "_1rsrm2f128", hover: "_1rsrm2f129", active: "_1rsrm2f12a", selection: "_1rsrm2f12b", focused: "_1rsrm2f12c", focusedVisible: "_1rsrm2f12d" }, defaultClass: "_1rsrm2f128" }, modalBackdrop: { conditions: { base: "_1rsrm2f12e", hover: "_1rsrm2f12f", active: "_1rsrm2f12g", selection: "_1rsrm2f12h", focused: "_1rsrm2f12i", focusedVisible: "_1rsrm2f12j" }, defaultClass: "_1rsrm2f12e" }, modalBackground: { conditions: { base: "_1rsrm2f12k", hover: "_1rsrm2f12l", active: "_1rsrm2f12m", selection: "_1rsrm2f12n", focused: "_1rsrm2f12o", focusedVisible: "_1rsrm2f12p" }, defaultClass: "_1rsrm2f12k" }, modalBorder: { conditions: { base: "_1rsrm2f12q", hover: "_1rsrm2f12r", active: "_1rsrm2f12s", selection: "_1rsrm2f12t", focused: "_1rsrm2f12u", focusedVisible: "_1rsrm2f12v" }, defaultClass: "_1rsrm2f12q" }, offBackground: { conditions: { base: "_1rsrm2f12w", hover: "_1rsrm2f12x", active: "_1rsrm2f12y", selection: "_1rsrm2f12z", focused: "_1rsrm2f130", focusedVisible: "_1rsrm2f131" }, defaultClass: "_1rsrm2f12w" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f132", hover: "_1rsrm2f133", active: "_1rsrm2f134", selection: "_1rsrm2f135", focused: "_1rsrm2f136", focusedVisible: "_1rsrm2f137" }, defaultClass: "_1rsrm2f132" }, hoverState: { conditions: { base: "_1rsrm2f138", hover: "_1rsrm2f139", active: "_1rsrm2f13a", selection: "_1rsrm2f13b", focused: "_1rsrm2f13c", focusedVisible: "_1rsrm2f13d" }, defaultClass: "_1rsrm2f138" }, lightStroke: { conditions: { base: "_1rsrm2f13e", hover: "_1rsrm2f13f", active: "_1rsrm2f13g", selection: "_1rsrm2f13h", focused: "_1rsrm2f13i", focusedVisible: "_1rsrm2f13j" }, defaultClass: "_1rsrm2f13e" }, mediumStroke: { conditions: { base: "_1rsrm2f13k", hover: "_1rsrm2f13l", active: "_1rsrm2f13m", selection: "_1rsrm2f13n", focused: "_1rsrm2f13o", focusedVisible: "_1rsrm2f13p" }, defaultClass: "_1rsrm2f13k" }, heavyStroke: { conditions: { base: "_1rsrm2f13q", hover: "_1rsrm2f13r", active: "_1rsrm2f13s", selection: "_1rsrm2f13t", focused: "_1rsrm2f13u", focusedVisible: "_1rsrm2f13v" }, defaultClass: "_1rsrm2f13q" }, strokeColor: { conditions: { base: "_1rsrm2f13w", hover: "_1rsrm2f13x", active: "_1rsrm2f13y", selection: "_1rsrm2f13z", focused: "_1rsrm2f140", focusedVisible: "_1rsrm2f141" }, defaultClass: "_1rsrm2f13w" }, primaryText: { conditions: { base: "_1rsrm2f142", hover: "_1rsrm2f143", active: "_1rsrm2f144", selection: "_1rsrm2f145", focused: "_1rsrm2f146", focusedVisible: "_1rsrm2f147" }, defaultClass: "_1rsrm2f142" }, secondaryText: { conditions: { base: "_1rsrm2f148", hover: "_1rsrm2f149", active: "_1rsrm2f14a", selection: "_1rsrm2f14b", focused: "_1rsrm2f14c", focusedVisible: "_1rsrm2f14d" }, defaultClass: "_1rsrm2f148" }, tertiaryText: { conditions: { base: "_1rsrm2f14e", hover: "_1rsrm2f14f", active: "_1rsrm2f14g", selection: "_1rsrm2f14h", focused: "_1rsrm2f14i", focusedVisible: "_1rsrm2f14j" }, defaultClass: "_1rsrm2f14e" }, textSelection: { conditions: { base: "_1rsrm2f14k", hover: "_1rsrm2f14l", active: "_1rsrm2f14m", selection: "_1rsrm2f14n", focused: "_1rsrm2f14o", focusedVisible: "_1rsrm2f14p" }, defaultClass: "_1rsrm2f14k" }, inputBackground: { conditions: { base: "_1rsrm2f14q", hover: "_1rsrm2f14r", active: "_1rsrm2f14s", selection: "_1rsrm2f14t", focused: "_1rsrm2f14u", focusedVisible: "_1rsrm2f14v" }, defaultClass: "_1rsrm2f14q" }, inputBorderBase: { conditions: { base: "_1rsrm2f14w", hover: "_1rsrm2f14x", active: "_1rsrm2f14y", selection: "_1rsrm2f14z", focused: "_1rsrm2f150", focusedVisible: "_1rsrm2f151" }, defaultClass: "_1rsrm2f14w" }, inputBorderHover: { conditions: { base: "_1rsrm2f152", hover: "_1rsrm2f153", active: "_1rsrm2f154", selection: "_1rsrm2f155", focused: "_1rsrm2f156", focusedVisible: "_1rsrm2f157" }, defaultClass: "_1rsrm2f152" }, actionColor: { conditions: { base: "_1rsrm2f158", hover: "_1rsrm2f159", active: "_1rsrm2f15a", selection: "_1rsrm2f15b", focused: "_1rsrm2f15c", focusedVisible: "_1rsrm2f15d" }, defaultClass: "_1rsrm2f158" }, actionColorHover: { conditions: { base: "_1rsrm2f15e", hover: "_1rsrm2f15f", active: "_1rsrm2f15g", selection: "_1rsrm2f15h", focused: "_1rsrm2f15i", focusedVisible: "_1rsrm2f15j" }, defaultClass: "_1rsrm2f15e" }, actionColorDisabled: { conditions: { base: "_1rsrm2f15k", hover: "_1rsrm2f15l", active: "_1rsrm2f15m", selection: "_1rsrm2f15n", focused: "_1rsrm2f15o", focusedVisible: "_1rsrm2f15p" }, defaultClass: "_1rsrm2f15k" }, buttonPrimary: { conditions: { base: "_1rsrm2f15q", hover: "_1rsrm2f15r", active: "_1rsrm2f15s", selection: "_1rsrm2f15t", focused: "_1rsrm2f15u", focusedVisible: "_1rsrm2f15v" }, defaultClass: "_1rsrm2f15q" }, buttonDisabled: { conditions: { base: "_1rsrm2f15w", hover: "_1rsrm2f15x", active: "_1rsrm2f15y", selection: "_1rsrm2f15z", focused: "_1rsrm2f160", focusedVisible: "_1rsrm2f161" }, defaultClass: "_1rsrm2f15w" }, buttonWarning: { conditions: { base: "_1rsrm2f162", hover: "_1rsrm2f163", active: "_1rsrm2f164", selection: "_1rsrm2f165", focused: "_1rsrm2f166", focusedVisible: "_1rsrm2f167" }, defaultClass: "_1rsrm2f162" }, buttonSuccess: { conditions: { base: "_1rsrm2f168", hover: "_1rsrm2f169", active: "_1rsrm2f16a", selection: "_1rsrm2f16b", focused: "_1rsrm2f16c", focusedVisible: "_1rsrm2f16d" }, defaultClass: "_1rsrm2f168" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f16e", hover: "_1rsrm2f16f", active: "_1rsrm2f16g", selection: "_1rsrm2f16h", focused: "_1rsrm2f16i", focusedVisible: "_1rsrm2f16j" }, defaultClass: "_1rsrm2f16e" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f16k", hover: "_1rsrm2f16l", active: "_1rsrm2f16m", selection: "_1rsrm2f16n", focused: "_1rsrm2f16o", focusedVisible: "_1rsrm2f16p" }, defaultClass: "_1rsrm2f16k" }, transparent: { conditions: { base: "_1rsrm2f16q", hover: "_1rsrm2f16r", active: "_1rsrm2f16s", selection: "_1rsrm2f16t", focused: "_1rsrm2f16u", focusedVisible: "_1rsrm2f16v" }, defaultClass: "_1rsrm2f16q" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f16w", hover: "_1rsrm2f16x", active: "_1rsrm2f16y", selection: "_1rsrm2f16z", focused: "_1rsrm2f170", focusedVisible: "_1rsrm2f171" }, defaultClass: "_1rsrm2f16w" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f172", hover: "_1rsrm2f173", active: "_1rsrm2f174", selection: "_1rsrm2f175", focused: "_1rsrm2f176", focusedVisible: "_1rsrm2f177" }, defaultClass: "_1rsrm2f172" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f178", hover: "_1rsrm2f179", active: "_1rsrm2f17a", selection: "_1rsrm2f17b", focused: "_1rsrm2f17c", focusedVisible: "_1rsrm2f17d" }, defaultClass: "_1rsrm2f178" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f17e", hover: "_1rsrm2f17f", active: "_1rsrm2f17g", selection: "_1rsrm2f17h", focused: "_1rsrm2f17i", focusedVisible: "_1rsrm2f17j" }, defaultClass: "_1rsrm2f17e" }, buttonBackground: { conditions: { base: "_1rsrm2f17k", hover: "_1rsrm2f17l", active: "_1rsrm2f17m", selection: "_1rsrm2f17n", focused: "_1rsrm2f17o", focusedVisible: "_1rsrm2f17p" }, defaultClass: "_1rsrm2f17k" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f17q", hover: "_1rsrm2f17r", active: "_1rsrm2f17s", selection: "_1rsrm2f17t", focused: "_1rsrm2f17u", focusedVisible: "_1rsrm2f17v" }, defaultClass: "_1rsrm2f17q" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f17w", hover: "_1rsrm2f17x", active: "_1rsrm2f17y", selection: "_1rsrm2f17z", focused: "_1rsrm2f180", focusedVisible: "_1rsrm2f181" }, defaultClass: "_1rsrm2f17w" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f182", hover: "_1rsrm2f183", active: "_1rsrm2f184", selection: "_1rsrm2f185", focused: "_1rsrm2f186", focusedVisible: "_1rsrm2f187" }, defaultClass: "_1rsrm2f182" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f188", hover: "_1rsrm2f189", active: "_1rsrm2f18a", selection: "_1rsrm2f18b", focused: "_1rsrm2f18c", focusedVisible: "_1rsrm2f18d" }, defaultClass: "_1rsrm2f188" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f18e", hover: "_1rsrm2f18f", active: "_1rsrm2f18g", selection: "_1rsrm2f18h", focused: "_1rsrm2f18i", focusedVisible: "_1rsrm2f18j" }, defaultClass: "_1rsrm2f18e" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f18k", hover: "_1rsrm2f18l", active: "_1rsrm2f18m", selection: "_1rsrm2f18n", focused: "_1rsrm2f18o", focusedVisible: "_1rsrm2f18p" }, defaultClass: "_1rsrm2f18k" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f18q", hover: "_1rsrm2f18r", active: "_1rsrm2f18s", selection: "_1rsrm2f18t", focused: "_1rsrm2f18u", focusedVisible: "_1rsrm2f18v" }, defaultClass: "_1rsrm2f18q" }, buttonIconStroke: { conditions: { base: "_1rsrm2f18w", hover: "_1rsrm2f18x", active: "_1rsrm2f18y", selection: "_1rsrm2f18z", focused: "_1rsrm2f190", focusedVisible: "_1rsrm2f191" }, defaultClass: "_1rsrm2f18w" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f192", hover: "_1rsrm2f193", active: "_1rsrm2f194", selection: "_1rsrm2f195", focused: "_1rsrm2f196", focusedVisible: "_1rsrm2f197" }, defaultClass: "_1rsrm2f192" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f198", hover: "_1rsrm2f199", active: "_1rsrm2f19a", selection: "_1rsrm2f19b", focused: "_1rsrm2f19c", focusedVisible: "_1rsrm2f19d" }, defaultClass: "_1rsrm2f198" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f19e", hover: "_1rsrm2f19f", active: "_1rsrm2f19g", selection: "_1rsrm2f19h", focused: "_1rsrm2f19i", focusedVisible: "_1rsrm2f19j" }, defaultClass: "_1rsrm2f19e" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f19k", hover: "_1rsrm2f19l", active: "_1rsrm2f19m", selection: "_1rsrm2f19n", focused: "_1rsrm2f19o", focusedVisible: "_1rsrm2f19p" }, defaultClass: "_1rsrm2f19k" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f19q", hover: "_1rsrm2f19r", active: "_1rsrm2f19s", selection: "_1rsrm2f19t", focused: "_1rsrm2f19u", focusedVisible: "_1rsrm2f19v" }, defaultClass: "_1rsrm2f19q" }, newBadgeBackground: { conditions: { base: "_1rsrm2f19w", hover: "_1rsrm2f19x", active: "_1rsrm2f19y", selection: "_1rsrm2f19z", focused: "_1rsrm2f1a0", focusedVisible: "_1rsrm2f1a1" }, defaultClass: "_1rsrm2f19w" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1a2", hover: "_1rsrm2f1a3", active: "_1rsrm2f1a4", selection: "_1rsrm2f1a5", focused: "_1rsrm2f1a6", focusedVisible: "_1rsrm2f1a7" }, defaultClass: "_1rsrm2f1a2" }, newBadgeText: { conditions: { base: "_1rsrm2f1a8", hover: "_1rsrm2f1a9", active: "_1rsrm2f1aa", selection: "_1rsrm2f1ab", focused: "_1rsrm2f1ac", focusedVisible: "_1rsrm2f1ad" }, defaultClass: "_1rsrm2f1a8" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1ae", hover: "_1rsrm2f1af", active: "_1rsrm2f1ag", selection: "_1rsrm2f1ah", focused: "_1rsrm2f1ai", focusedVisible: "_1rsrm2f1aj" }, defaultClass: "_1rsrm2f1ae" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1ak", hover: "_1rsrm2f1al", active: "_1rsrm2f1am", selection: "_1rsrm2f1an", focused: "_1rsrm2f1ao", focusedVisible: "_1rsrm2f1ap" }, defaultClass: "_1rsrm2f1ak" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1aq", hover: "_1rsrm2f1ar", active: "_1rsrm2f1as", selection: "_1rsrm2f1at", focused: "_1rsrm2f1au", focusedVisible: "_1rsrm2f1av" }, defaultClass: "_1rsrm2f1aq" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1aw", hover: "_1rsrm2f1ax", active: "_1rsrm2f1ay", selection: "_1rsrm2f1az", focused: "_1rsrm2f1b0", focusedVisible: "_1rsrm2f1b1" }, defaultClass: "_1rsrm2f1aw" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1b2", hover: "_1rsrm2f1b3", active: "_1rsrm2f1b4", selection: "_1rsrm2f1b5", focused: "_1rsrm2f1b6", focusedVisible: "_1rsrm2f1b7" }, defaultClass: "_1rsrm2f1b2" }, failedBadgeText: { conditions: { base: "_1rsrm2f1b8", hover: "_1rsrm2f1b9", active: "_1rsrm2f1ba", selection: "_1rsrm2f1bb", focused: "_1rsrm2f1bc", focusedVisible: "_1rsrm2f1bd" }, defaultClass: "_1rsrm2f1b8" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1be", hover: "_1rsrm2f1bf", active: "_1rsrm2f1bg", selection: "_1rsrm2f1bh", focused: "_1rsrm2f1bi", focusedVisible: "_1rsrm2f1bj" }, defaultClass: "_1rsrm2f1be" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1bk", hover: "_1rsrm2f1bl", active: "_1rsrm2f1bm", selection: "_1rsrm2f1bn", focused: "_1rsrm2f1bo", focusedVisible: "_1rsrm2f1bp" }, defaultClass: "_1rsrm2f1bk" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1bq", hover: "_1rsrm2f1br", active: "_1rsrm2f1bs", selection: "_1rsrm2f1bt", focused: "_1rsrm2f1bu", focusedVisible: "_1rsrm2f1bv" }, defaultClass: "_1rsrm2f1bq" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1bw", hover: "_1rsrm2f1bx", active: "_1rsrm2f1by", selection: "_1rsrm2f1bz", focused: "_1rsrm2f1c0", focusedVisible: "_1rsrm2f1c1" }, defaultClass: "_1rsrm2f1bw" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1c2", hover: "_1rsrm2f1c3", active: "_1rsrm2f1c4", selection: "_1rsrm2f1c5", focused: "_1rsrm2f1c6", focusedVisible: "_1rsrm2f1c7" }, defaultClass: "_1rsrm2f1c2" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1c8", hover: "_1rsrm2f1c9", active: "_1rsrm2f1ca", selection: "_1rsrm2f1cb", focused: "_1rsrm2f1cc", focusedVisible: "_1rsrm2f1cd" }, defaultClass: "_1rsrm2f1c8" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1ce", hover: "_1rsrm2f1cf", active: "_1rsrm2f1cg", selection: "_1rsrm2f1ch", focused: "_1rsrm2f1ci", focusedVisible: "_1rsrm2f1cj" }, defaultClass: "_1rsrm2f1ce" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1ck", hover: "_1rsrm2f1cl", active: "_1rsrm2f1cm", selection: "_1rsrm2f1cn", focused: "_1rsrm2f1co", focusedVisible: "_1rsrm2f1cp" }, defaultClass: "_1rsrm2f1ck" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1cq", hover: "_1rsrm2f1cr", active: "_1rsrm2f1cs", selection: "_1rsrm2f1ct", focused: "_1rsrm2f1cu", focusedVisible: "_1rsrm2f1cv" }, defaultClass: "_1rsrm2f1cq" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1cw", hover: "_1rsrm2f1cx", active: "_1rsrm2f1cy", selection: "_1rsrm2f1cz", focused: "_1rsrm2f1d0", focusedVisible: "_1rsrm2f1d1" }, defaultClass: "_1rsrm2f1cw" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1d2", hover: "_1rsrm2f1d3", active: "_1rsrm2f1d4", selection: "_1rsrm2f1d5", focused: "_1rsrm2f1d6", focusedVisible: "_1rsrm2f1d7" }, defaultClass: "_1rsrm2f1d2" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1d8", hover: "_1rsrm2f1d9", active: "_1rsrm2f1da", selection: "_1rsrm2f1db", focused: "_1rsrm2f1dc", focusedVisible: "_1rsrm2f1dd" }, defaultClass: "_1rsrm2f1d8" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1de", hover: "_1rsrm2f1df", active: "_1rsrm2f1dg", selection: "_1rsrm2f1dh", focused: "_1rsrm2f1di", focusedVisible: "_1rsrm2f1dj" }, defaultClass: "_1rsrm2f1de" }, announceGradientTo: { conditions: { base: "_1rsrm2f1dk", hover: "_1rsrm2f1dl", active: "_1rsrm2f1dm", selection: "_1rsrm2f1dn", focused: "_1rsrm2f1do", focusedVisible: "_1rsrm2f1dp" }, defaultClass: "_1rsrm2f1dk" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1dq", hover: "_1rsrm2f1dr", active: "_1rsrm2f1ds", selection: "_1rsrm2f1dt", focused: "_1rsrm2f1du", focusedVisible: "_1rsrm2f1dv" }, defaultClass: "_1rsrm2f1dq" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1dw", hover: "_1rsrm2f1dx", active: "_1rsrm2f1dy", selection: "_1rsrm2f1dz", focused: "_1rsrm2f1e0", focusedVisible: "_1rsrm2f1e1" }, defaultClass: "_1rsrm2f1dw" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1e2", hover: "_1rsrm2f1e3", active: "_1rsrm2f1e4", selection: "_1rsrm2f1e5", focused: "_1rsrm2f1e6", focusedVisible: "_1rsrm2f1e7" }, defaultClass: "_1rsrm2f1e2" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1e8", hover: "_1rsrm2f1e9", active: "_1rsrm2f1ea", selection: "_1rsrm2f1eb", focused: "_1rsrm2f1ec", focusedVisible: "_1rsrm2f1ed" }, defaultClass: "_1rsrm2f1e8" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1ee", hover: "_1rsrm2f1ef", active: "_1rsrm2f1eg", selection: "_1rsrm2f1eh", focused: "_1rsrm2f1ei", focusedVisible: "_1rsrm2f1ej" }, defaultClass: "_1rsrm2f1ee" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1ek", hover: "_1rsrm2f1el", active: "_1rsrm2f1em", selection: "_1rsrm2f1en", focused: "_1rsrm2f1eo", focusedVisible: "_1rsrm2f1ep" }, defaultClass: "_1rsrm2f1ek" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1eq", hover: "_1rsrm2f1er", active: "_1rsrm2f1es", selection: "_1rsrm2f1et", focused: "_1rsrm2f1eu", focusedVisible: "_1rsrm2f1ev" }, defaultClass: "_1rsrm2f1eq" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1ew", hover: "_1rsrm2f1ex", active: "_1rsrm2f1ey", selection: "_1rsrm2f1ez", focused: "_1rsrm2f1f0", focusedVisible: "_1rsrm2f1f1" }, defaultClass: "_1rsrm2f1ew" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1f2", hover: "_1rsrm2f1f3", active: "_1rsrm2f1f4", selection: "_1rsrm2f1f5", focused: "_1rsrm2f1f6", focusedVisible: "_1rsrm2f1f7" }, defaultClass: "_1rsrm2f1f2" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1f8", hover: "_1rsrm2f1f9", active: "_1rsrm2f1fa", selection: "_1rsrm2f1fb", focused: "_1rsrm2f1fc", focusedVisible: "_1rsrm2f1fd" }, defaultClass: "_1rsrm2f1f8" }, spinnerBackground: { conditions: { base: "_1rsrm2f1fe", hover: "_1rsrm2f1ff", active: "_1rsrm2f1fg", selection: "_1rsrm2f1fh", focused: "_1rsrm2f1fi", focusedVisible: "_1rsrm2f1fj" }, defaultClass: "_1rsrm2f1fe" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1fk", hover: "_1rsrm2f1fl", active: "_1rsrm2f1fm", selection: "_1rsrm2f1fn", focused: "_1rsrm2f1fo", focusedVisible: "_1rsrm2f1fp" }, defaultClass: "_1rsrm2f1fk" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1fq", hover: "_1rsrm2f1fr", active: "_1rsrm2f1fs", selection: "_1rsrm2f1ft", focused: "_1rsrm2f1fu", focusedVisible: "_1rsrm2f1fv" }, defaultClass: "_1rsrm2f1fq" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1fw", hover: "_1rsrm2f1fx", active: "_1rsrm2f1fy", selection: "_1rsrm2f1fz", focused: "_1rsrm2f1g0", focusedVisible: "_1rsrm2f1g1" }, defaultClass: "_1rsrm2f1fw" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f1g2", hover: "_1rsrm2f1g3", active: "_1rsrm2f1g4", selection: "_1rsrm2f1g5", focused: "_1rsrm2f1g6", focusedVisible: "_1rsrm2f1g7" }, defaultClass: "_1rsrm2f1g2" }, dialog: { conditions: { base: "_1rsrm2f1g8", hover: "_1rsrm2f1g9", active: "_1rsrm2f1ga", selection: "_1rsrm2f1gb", focused: "_1rsrm2f1gc", focusedVisible: "_1rsrm2f1gd" }, defaultClass: "_1rsrm2f1g8" }, selectedOption: { conditions: { base: "_1rsrm2f1ge", hover: "_1rsrm2f1gf", active: "_1rsrm2f1gg", selection: "_1rsrm2f1gh", focused: "_1rsrm2f1gi", focusedVisible: "_1rsrm2f1gj" }, defaultClass: "_1rsrm2f1ge" }, selectedWallet: { conditions: { base: "_1rsrm2f1gk", hover: "_1rsrm2f1gl", active: "_1rsrm2f1gm", selection: "_1rsrm2f1gn", focused: "_1rsrm2f1go", focusedVisible: "_1rsrm2f1gp" }, defaultClass: "_1rsrm2f1gk" }, dropdown: { conditions: { base: "_1rsrm2f1gq", hover: "_1rsrm2f1gr", active: "_1rsrm2f1gs", selection: "_1rsrm2f1gt", focused: "_1rsrm2f1gu", focusedVisible: "_1rsrm2f1gv" }, defaultClass: "_1rsrm2f1gq" }, notification: { conditions: { base: "_1rsrm2f1gw", hover: "_1rsrm2f1gx", active: "_1rsrm2f1gy", selection: "_1rsrm2f1gz", focused: "_1rsrm2f1h0", focusedVisible: "_1rsrm2f1h1" }, defaultClass: "_1rsrm2f1gw" }, qrCode: { conditions: { base: "_1rsrm2f1h2", hover: "_1rsrm2f1h3", active: "_1rsrm2f1h4", selection: "_1rsrm2f1h5", focused: "_1rsrm2f1h6", focusedVisible: "_1rsrm2f1h7" }, defaultClass: "_1rsrm2f1h2" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f1h8", hover: "_1rsrm2f1h9", active: "_1rsrm2f1ha", selection: "_1rsrm2f1hb", focused: "_1rsrm2f1hc", focusedVisible: "_1rsrm2f1hd" }, defaultClass: "_1rsrm2f1h8" }, buttonHoverShadow: { conditions: { base: "_1rsrm2f1he", hover: "_1rsrm2f1hf", active: "_1rsrm2f1hg", selection: "_1rsrm2f1hh", focused: "_1rsrm2f1hi", focusedVisible: "_1rsrm2f1hj" }, defaultClass: "_1rsrm2f1he" }, buttonDisabledShadow: { conditions: { base: "_1rsrm2f1hk", hover: "_1rsrm2f1hl", active: "_1rsrm2f1hm", selection: "_1rsrm2f1hn", focused: "_1rsrm2f1ho", focusedVisible: "_1rsrm2f1hp" }, defaultClass: "_1rsrm2f1hk" }, selectedDropdownItem: { conditions: { base: "_1rsrm2f1hq", hover: "_1rsrm2f1hr", active: "_1rsrm2f1hs", selection: "_1rsrm2f1ht", focused: "_1rsrm2f1hu", focusedVisible: "_1rsrm2f1hv" }, defaultClass: "_1rsrm2f1hq" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f1hw", hover: "_1rsrm2f1hx", active: "_1rsrm2f1hy", selection: "_1rsrm2f1hz", focused: "_1rsrm2f1i0", focusedVisible: "_1rsrm2f1i1" }, defaultClass: "_1rsrm2f1hw" }, accentColorForeground: { conditions: { base: "_1rsrm2f1i2", hover: "_1rsrm2f1i3", active: "_1rsrm2f1i4", selection: "_1rsrm2f1i5", focused: "_1rsrm2f1i6", focusedVisible: "_1rsrm2f1i7" }, defaultClass: "_1rsrm2f1i2" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1i8", hover: "_1rsrm2f1i9", active: "_1rsrm2f1ia", selection: "_1rsrm2f1ib", focused: "_1rsrm2f1ic", focusedVisible: "_1rsrm2f1id" }, defaultClass: "_1rsrm2f1i8" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1ie", hover: "_1rsrm2f1if", active: "_1rsrm2f1ig", selection: "_1rsrm2f1ih", focused: "_1rsrm2f1ii", focusedVisible: "_1rsrm2f1ij" }, defaultClass: "_1rsrm2f1ie" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1ik", hover: "_1rsrm2f1il", active: "_1rsrm2f1im", selection: "_1rsrm2f1in", focused: "_1rsrm2f1io", focusedVisible: "_1rsrm2f1ip" }, defaultClass: "_1rsrm2f1ik" }, connectButtonText: { conditions: { base: "_1rsrm2f1iq", hover: "_1rsrm2f1ir", active: "_1rsrm2f1is", selection: "_1rsrm2f1it", focused: "_1rsrm2f1iu", focusedVisible: "_1rsrm2f1iv" }, defaultClass: "_1rsrm2f1iq" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1iw", hover: "_1rsrm2f1ix", active: "_1rsrm2f1iy", selection: "_1rsrm2f1iz", focused: "_1rsrm2f1j0", focusedVisible: "_1rsrm2f1j1" }, defaultClass: "_1rsrm2f1iw" }, connectionIndicator: { conditions: { base: "_1rsrm2f1j2", hover: "_1rsrm2f1j3", active: "_1rsrm2f1j4", selection: "_1rsrm2f1j5", focused: "_1rsrm2f1j6", focusedVisible: "_1rsrm2f1j7" }, defaultClass: "_1rsrm2f1j2" }, error: { conditions: { base: "_1rsrm2f1j8", hover: "_1rsrm2f1j9", active: "_1rsrm2f1ja", selection: "_1rsrm2f1jb", focused: "_1rsrm2f1jc", focusedVisible: "_1rsrm2f1jd" }, defaultClass: "_1rsrm2f1j8" }, errorBackground: { conditions: { base: "_1rsrm2f1je", hover: "_1rsrm2f1jf", active: "_1rsrm2f1jg", selection: "_1rsrm2f1jh", focused: "_1rsrm2f1ji", focusedVisible: "_1rsrm2f1jj" }, defaultClass: "_1rsrm2f1je" }, errorBorder: { conditions: { base: "_1rsrm2f1jk", hover: "_1rsrm2f1jl", active: "_1rsrm2f1jm", selection: "_1rsrm2f1jn", focused: "_1rsrm2f1jo", focusedVisible: "_1rsrm2f1jp" }, defaultClass: "_1rsrm2f1jk" }, generalBorder: { conditions: { base: "_1rsrm2f1jq", hover: "_1rsrm2f1jr", active: "_1rsrm2f1js", selection: "_1rsrm2f1jt", focused: "_1rsrm2f1ju", focusedVisible: "_1rsrm2f1jv" }, defaultClass: "_1rsrm2f1jq" }, generalBorderDim: { conditions: { base: "_1rsrm2f1jw", hover: "_1rsrm2f1jx", active: "_1rsrm2f1jy", selection: "_1rsrm2f1jz", focused: "_1rsrm2f1k0", focusedVisible: "_1rsrm2f1k1" }, defaultClass: "_1rsrm2f1jw" }, menuItemBackground: { conditions: { base: "_1rsrm2f1k2", hover: "_1rsrm2f1k3", active: "_1rsrm2f1k4", selection: "_1rsrm2f1k5", focused: "_1rsrm2f1k6", focusedVisible: "_1rsrm2f1k7" }, defaultClass: "_1rsrm2f1k2" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1k8", hover: "_1rsrm2f1k9", active: "_1rsrm2f1ka", selection: "_1rsrm2f1kb", focused: "_1rsrm2f1kc", focusedVisible: "_1rsrm2f1kd" }, defaultClass: "_1rsrm2f1k8" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1ke", hover: "_1rsrm2f1kf", active: "_1rsrm2f1kg", selection: "_1rsrm2f1kh", focused: "_1rsrm2f1ki", focusedVisible: "_1rsrm2f1kj" }, defaultClass: "_1rsrm2f1ke" }, standby: { conditions: { base: "_1rsrm2f1kk", hover: "_1rsrm2f1kl", active: "_1rsrm2f1km", selection: "_1rsrm2f1kn", focused: "_1rsrm2f1ko", focusedVisible: "_1rsrm2f1kp" }, defaultClass: "_1rsrm2f1kk" }, success: { conditions: { base: "_1rsrm2f1kq", hover: "_1rsrm2f1kr", active: "_1rsrm2f1ks", selection: "_1rsrm2f1kt", focused: "_1rsrm2f1ku", focusedVisible: "_1rsrm2f1kv" }, defaultClass: "_1rsrm2f1kq" }, chainIconBorder: { conditions: { base: "_1rsrm2f1kw", hover: "_1rsrm2f1kx", active: "_1rsrm2f1ky", selection: "_1rsrm2f1kz", focused: "_1rsrm2f1l0", focusedVisible: "_1rsrm2f1l1" }, defaultClass: "_1rsrm2f1kw" }, modalBackdrop: { conditions: { base: "_1rsrm2f1l2", hover: "_1rsrm2f1l3", active: "_1rsrm2f1l4", selection: "_1rsrm2f1l5", focused: "_1rsrm2f1l6", focusedVisible: "_1rsrm2f1l7" }, defaultClass: "_1rsrm2f1l2" }, modalBackground: { conditions: { base: "_1rsrm2f1l8", hover: "_1rsrm2f1l9", active: "_1rsrm2f1la", selection: "_1rsrm2f1lb", focused: "_1rsrm2f1lc", focusedVisible: "_1rsrm2f1ld" }, defaultClass: "_1rsrm2f1l8" }, modalBorder: { conditions: { base: "_1rsrm2f1le", hover: "_1rsrm2f1lf", active: "_1rsrm2f1lg", selection: "_1rsrm2f1lh", focused: "_1rsrm2f1li", focusedVisible: "_1rsrm2f1lj" }, defaultClass: "_1rsrm2f1le" }, offBackground: { conditions: { base: "_1rsrm2f1lk", hover: "_1rsrm2f1ll", active: "_1rsrm2f1lm", selection: "_1rsrm2f1ln", focused: "_1rsrm2f1lo", focusedVisible: "_1rsrm2f1lp" }, defaultClass: "_1rsrm2f1lk" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1lq", hover: "_1rsrm2f1lr", active: "_1rsrm2f1ls", selection: "_1rsrm2f1lt", focused: "_1rsrm2f1lu", focusedVisible: "_1rsrm2f1lv" }, defaultClass: "_1rsrm2f1lq" }, hoverState: { conditions: { base: "_1rsrm2f1lw", hover: "_1rsrm2f1lx", active: "_1rsrm2f1ly", selection: "_1rsrm2f1lz", focused: "_1rsrm2f1m0", focusedVisible: "_1rsrm2f1m1" }, defaultClass: "_1rsrm2f1lw" }, lightStroke: { conditions: { base: "_1rsrm2f1m2", hover: "_1rsrm2f1m3", active: "_1rsrm2f1m4", selection: "_1rsrm2f1m5", focused: "_1rsrm2f1m6", focusedVisible: "_1rsrm2f1m7" }, defaultClass: "_1rsrm2f1m2" }, mediumStroke: { conditions: { base: "_1rsrm2f1m8", hover: "_1rsrm2f1m9", active: "_1rsrm2f1ma", selection: "_1rsrm2f1mb", focused: "_1rsrm2f1mc", focusedVisible: "_1rsrm2f1md" }, defaultClass: "_1rsrm2f1m8" }, heavyStroke: { conditions: { base: "_1rsrm2f1me", hover: "_1rsrm2f1mf", active: "_1rsrm2f1mg", selection: "_1rsrm2f1mh", focused: "_1rsrm2f1mi", focusedVisible: "_1rsrm2f1mj" }, defaultClass: "_1rsrm2f1me" }, strokeColor: { conditions: { base: "_1rsrm2f1mk", hover: "_1rsrm2f1ml", active: "_1rsrm2f1mm", selection: "_1rsrm2f1mn", focused: "_1rsrm2f1mo", focusedVisible: "_1rsrm2f1mp" }, defaultClass: "_1rsrm2f1mk" }, primaryText: { conditions: { base: "_1rsrm2f1mq", hover: "_1rsrm2f1mr", active: "_1rsrm2f1ms", selection: "_1rsrm2f1mt", focused: "_1rsrm2f1mu", focusedVisible: "_1rsrm2f1mv" }, defaultClass: "_1rsrm2f1mq" }, secondaryText: { conditions: { base: "_1rsrm2f1mw", hover: "_1rsrm2f1mx", active: "_1rsrm2f1my", selection: "_1rsrm2f1mz", focused: "_1rsrm2f1n0", focusedVisible: "_1rsrm2f1n1" }, defaultClass: "_1rsrm2f1mw" }, tertiaryText: { conditions: { base: "_1rsrm2f1n2", hover: "_1rsrm2f1n3", active: "_1rsrm2f1n4", selection: "_1rsrm2f1n5", focused: "_1rsrm2f1n6", focusedVisible: "_1rsrm2f1n7" }, defaultClass: "_1rsrm2f1n2" }, textSelection: { conditions: { base: "_1rsrm2f1n8", hover: "_1rsrm2f1n9", active: "_1rsrm2f1na", selection: "_1rsrm2f1nb", focused: "_1rsrm2f1nc", focusedVisible: "_1rsrm2f1nd" }, defaultClass: "_1rsrm2f1n8" }, inputBackground: { conditions: { base: "_1rsrm2f1ne", hover: "_1rsrm2f1nf", active: "_1rsrm2f1ng", selection: "_1rsrm2f1nh", focused: "_1rsrm2f1ni", focusedVisible: "_1rsrm2f1nj" }, defaultClass: "_1rsrm2f1ne" }, inputBorderBase: { conditions: { base: "_1rsrm2f1nk", hover: "_1rsrm2f1nl", active: "_1rsrm2f1nm", selection: "_1rsrm2f1nn", focused: "_1rsrm2f1no", focusedVisible: "_1rsrm2f1np" }, defaultClass: "_1rsrm2f1nk" }, inputBorderHover: { conditions: { base: "_1rsrm2f1nq", hover: "_1rsrm2f1nr", active: "_1rsrm2f1ns", selection: "_1rsrm2f1nt", focused: "_1rsrm2f1nu", focusedVisible: "_1rsrm2f1nv" }, defaultClass: "_1rsrm2f1nq" }, actionColor: { conditions: { base: "_1rsrm2f1nw", hover: "_1rsrm2f1nx", active: "_1rsrm2f1ny", selection: "_1rsrm2f1nz", focused: "_1rsrm2f1o0", focusedVisible: "_1rsrm2f1o1" }, defaultClass: "_1rsrm2f1nw" }, actionColorHover: { conditions: { base: "_1rsrm2f1o2", hover: "_1rsrm2f1o3", active: "_1rsrm2f1o4", selection: "_1rsrm2f1o5", focused: "_1rsrm2f1o6", focusedVisible: "_1rsrm2f1o7" }, defaultClass: "_1rsrm2f1o2" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1o8", hover: "_1rsrm2f1o9", active: "_1rsrm2f1oa", selection: "_1rsrm2f1ob", focused: "_1rsrm2f1oc", focusedVisible: "_1rsrm2f1od" }, defaultClass: "_1rsrm2f1o8" }, buttonPrimary: { conditions: { base: "_1rsrm2f1oe", hover: "_1rsrm2f1of", active: "_1rsrm2f1og", selection: "_1rsrm2f1oh", focused: "_1rsrm2f1oi", focusedVisible: "_1rsrm2f1oj" }, defaultClass: "_1rsrm2f1oe" }, buttonDisabled: { conditions: { base: "_1rsrm2f1ok", hover: "_1rsrm2f1ol", active: "_1rsrm2f1om", selection: "_1rsrm2f1on", focused: "_1rsrm2f1oo", focusedVisible: "_1rsrm2f1op" }, defaultClass: "_1rsrm2f1ok" }, buttonWarning: { conditions: { base: "_1rsrm2f1oq", hover: "_1rsrm2f1or", active: "_1rsrm2f1os", selection: "_1rsrm2f1ot", focused: "_1rsrm2f1ou", focusedVisible: "_1rsrm2f1ov" }, defaultClass: "_1rsrm2f1oq" }, buttonSuccess: { conditions: { base: "_1rsrm2f1ow", hover: "_1rsrm2f1ox", active: "_1rsrm2f1oy", selection: "_1rsrm2f1oz", focused: "_1rsrm2f1p0", focusedVisible: "_1rsrm2f1p1" }, defaultClass: "_1rsrm2f1ow" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1p2", hover: "_1rsrm2f1p3", active: "_1rsrm2f1p4", selection: "_1rsrm2f1p5", focused: "_1rsrm2f1p6", focusedVisible: "_1rsrm2f1p7" }, defaultClass: "_1rsrm2f1p2" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1p8", hover: "_1rsrm2f1p9", active: "_1rsrm2f1pa", selection: "_1rsrm2f1pb", focused: "_1rsrm2f1pc", focusedVisible: "_1rsrm2f1pd" }, defaultClass: "_1rsrm2f1p8" }, transparent: { conditions: { base: "_1rsrm2f1pe", hover: "_1rsrm2f1pf", active: "_1rsrm2f1pg", selection: "_1rsrm2f1ph", focused: "_1rsrm2f1pi", focusedVisible: "_1rsrm2f1pj" }, defaultClass: "_1rsrm2f1pe" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1pk", hover: "_1rsrm2f1pl", active: "_1rsrm2f1pm", selection: "_1rsrm2f1pn", focused: "_1rsrm2f1po", focusedVisible: "_1rsrm2f1pp" }, defaultClass: "_1rsrm2f1pk" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1pq", hover: "_1rsrm2f1pr", active: "_1rsrm2f1ps", selection: "_1rsrm2f1pt", focused: "_1rsrm2f1pu", focusedVisible: "_1rsrm2f1pv" }, defaultClass: "_1rsrm2f1pq" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1pw", hover: "_1rsrm2f1px", active: "_1rsrm2f1py", selection: "_1rsrm2f1pz", focused: "_1rsrm2f1q0", focusedVisible: "_1rsrm2f1q1" }, defaultClass: "_1rsrm2f1pw" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1q2", hover: "_1rsrm2f1q3", active: "_1rsrm2f1q4", selection: "_1rsrm2f1q5", focused: "_1rsrm2f1q6", focusedVisible: "_1rsrm2f1q7" }, defaultClass: "_1rsrm2f1q2" }, buttonBackground: { conditions: { base: "_1rsrm2f1q8", hover: "_1rsrm2f1q9", active: "_1rsrm2f1qa", selection: "_1rsrm2f1qb", focused: "_1rsrm2f1qc", focusedVisible: "_1rsrm2f1qd" }, defaultClass: "_1rsrm2f1q8" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1qe", hover: "_1rsrm2f1qf", active: "_1rsrm2f1qg", selection: "_1rsrm2f1qh", focused: "_1rsrm2f1qi", focusedVisible: "_1rsrm2f1qj" }, defaultClass: "_1rsrm2f1qe" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f1qk", hover: "_1rsrm2f1ql", active: "_1rsrm2f1qm", selection: "_1rsrm2f1qn", focused: "_1rsrm2f1qo", focusedVisible: "_1rsrm2f1qp" }, defaultClass: "_1rsrm2f1qk" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1qq", hover: "_1rsrm2f1qr", active: "_1rsrm2f1qs", selection: "_1rsrm2f1qt", focused: "_1rsrm2f1qu", focusedVisible: "_1rsrm2f1qv" }, defaultClass: "_1rsrm2f1qq" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1qw", hover: "_1rsrm2f1qx", active: "_1rsrm2f1qy", selection: "_1rsrm2f1qz", focused: "_1rsrm2f1r0", focusedVisible: "_1rsrm2f1r1" }, defaultClass: "_1rsrm2f1qw" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1r2", hover: "_1rsrm2f1r3", active: "_1rsrm2f1r4", selection: "_1rsrm2f1r5", focused: "_1rsrm2f1r6", focusedVisible: "_1rsrm2f1r7" }, defaultClass: "_1rsrm2f1r2" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1r8", hover: "_1rsrm2f1r9", active: "_1rsrm2f1ra", selection: "_1rsrm2f1rb", focused: "_1rsrm2f1rc", focusedVisible: "_1rsrm2f1rd" }, defaultClass: "_1rsrm2f1r8" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1re", hover: "_1rsrm2f1rf", active: "_1rsrm2f1rg", selection: "_1rsrm2f1rh", focused: "_1rsrm2f1ri", focusedVisible: "_1rsrm2f1rj" }, defaultClass: "_1rsrm2f1re" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1rk", hover: "_1rsrm2f1rl", active: "_1rsrm2f1rm", selection: "_1rsrm2f1rn", focused: "_1rsrm2f1ro", focusedVisible: "_1rsrm2f1rp" }, defaultClass: "_1rsrm2f1rk" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1rq", hover: "_1rsrm2f1rr", active: "_1rsrm2f1rs", selection: "_1rsrm2f1rt", focused: "_1rsrm2f1ru", focusedVisible: "_1rsrm2f1rv" }, defaultClass: "_1rsrm2f1rq" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1rw", hover: "_1rsrm2f1rx", active: "_1rsrm2f1ry", selection: "_1rsrm2f1rz", focused: "_1rsrm2f1s0", focusedVisible: "_1rsrm2f1s1" }, defaultClass: "_1rsrm2f1rw" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1s2", hover: "_1rsrm2f1s3", active: "_1rsrm2f1s4", selection: "_1rsrm2f1s5", focused: "_1rsrm2f1s6", focusedVisible: "_1rsrm2f1s7" }, defaultClass: "_1rsrm2f1s2" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1s8", hover: "_1rsrm2f1s9", active: "_1rsrm2f1sa", selection: "_1rsrm2f1sb", focused: "_1rsrm2f1sc", focusedVisible: "_1rsrm2f1sd" }, defaultClass: "_1rsrm2f1s8" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1se", hover: "_1rsrm2f1sf", active: "_1rsrm2f1sg", selection: "_1rsrm2f1sh", focused: "_1rsrm2f1si", focusedVisible: "_1rsrm2f1sj" }, defaultClass: "_1rsrm2f1se" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1sk", hover: "_1rsrm2f1sl", active: "_1rsrm2f1sm", selection: "_1rsrm2f1sn", focused: "_1rsrm2f1so", focusedVisible: "_1rsrm2f1sp" }, defaultClass: "_1rsrm2f1sk" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1sq", hover: "_1rsrm2f1sr", active: "_1rsrm2f1ss", selection: "_1rsrm2f1st", focused: "_1rsrm2f1su", focusedVisible: "_1rsrm2f1sv" }, defaultClass: "_1rsrm2f1sq" }, newBadgeText: { conditions: { base: "_1rsrm2f1sw", hover: "_1rsrm2f1sx", active: "_1rsrm2f1sy", selection: "_1rsrm2f1sz", focused: "_1rsrm2f1t0", focusedVisible: "_1rsrm2f1t1" }, defaultClass: "_1rsrm2f1sw" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1t2", hover: "_1rsrm2f1t3", active: "_1rsrm2f1t4", selection: "_1rsrm2f1t5", focused: "_1rsrm2f1t6", focusedVisible: "_1rsrm2f1t7" }, defaultClass: "_1rsrm2f1t2" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1t8", hover: "_1rsrm2f1t9", active: "_1rsrm2f1ta", selection: "_1rsrm2f1tb", focused: "_1rsrm2f1tc", focusedVisible: "_1rsrm2f1td" }, defaultClass: "_1rsrm2f1t8" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1te", hover: "_1rsrm2f1tf", active: "_1rsrm2f1tg", selection: "_1rsrm2f1th", focused: "_1rsrm2f1ti", focusedVisible: "_1rsrm2f1tj" }, defaultClass: "_1rsrm2f1te" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1tk", hover: "_1rsrm2f1tl", active: "_1rsrm2f1tm", selection: "_1rsrm2f1tn", focused: "_1rsrm2f1to", focusedVisible: "_1rsrm2f1tp" }, defaultClass: "_1rsrm2f1tk" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1tq", hover: "_1rsrm2f1tr", active: "_1rsrm2f1ts", selection: "_1rsrm2f1tt", focused: "_1rsrm2f1tu", focusedVisible: "_1rsrm2f1tv" }, defaultClass: "_1rsrm2f1tq" }, failedBadgeText: { conditions: { base: "_1rsrm2f1tw", hover: "_1rsrm2f1tx", active: "_1rsrm2f1ty", selection: "_1rsrm2f1tz", focused: "_1rsrm2f1u0", focusedVisible: "_1rsrm2f1u1" }, defaultClass: "_1rsrm2f1tw" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1u2", hover: "_1rsrm2f1u3", active: "_1rsrm2f1u4", selection: "_1rsrm2f1u5", focused: "_1rsrm2f1u6", focusedVisible: "_1rsrm2f1u7" }, defaultClass: "_1rsrm2f1u2" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1u8", hover: "_1rsrm2f1u9", active: "_1rsrm2f1ua", selection: "_1rsrm2f1ub", focused: "_1rsrm2f1uc", focusedVisible: "_1rsrm2f1ud" }, defaultClass: "_1rsrm2f1u8" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1ue", hover: "_1rsrm2f1uf", active: "_1rsrm2f1ug", selection: "_1rsrm2f1uh", focused: "_1rsrm2f1ui", focusedVisible: "_1rsrm2f1uj" }, defaultClass: "_1rsrm2f1ue" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1uk", hover: "_1rsrm2f1ul", active: "_1rsrm2f1um", selection: "_1rsrm2f1un", focused: "_1rsrm2f1uo", focusedVisible: "_1rsrm2f1up" }, defaultClass: "_1rsrm2f1uk" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1uq", hover: "_1rsrm2f1ur", active: "_1rsrm2f1us", selection: "_1rsrm2f1ut", focused: "_1rsrm2f1uu", focusedVisible: "_1rsrm2f1uv" }, defaultClass: "_1rsrm2f1uq" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1uw", hover: "_1rsrm2f1ux", active: "_1rsrm2f1uy", selection: "_1rsrm2f1uz", focused: "_1rsrm2f1v0", focusedVisible: "_1rsrm2f1v1" }, defaultClass: "_1rsrm2f1uw" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1v2", hover: "_1rsrm2f1v3", active: "_1rsrm2f1v4", selection: "_1rsrm2f1v5", focused: "_1rsrm2f1v6", focusedVisible: "_1rsrm2f1v7" }, defaultClass: "_1rsrm2f1v2" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1v8", hover: "_1rsrm2f1v9", active: "_1rsrm2f1va", selection: "_1rsrm2f1vb", focused: "_1rsrm2f1vc", focusedVisible: "_1rsrm2f1vd" }, defaultClass: "_1rsrm2f1v8" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1ve", hover: "_1rsrm2f1vf", active: "_1rsrm2f1vg", selection: "_1rsrm2f1vh", focused: "_1rsrm2f1vi", focusedVisible: "_1rsrm2f1vj" }, defaultClass: "_1rsrm2f1ve" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1vk", hover: "_1rsrm2f1vl", active: "_1rsrm2f1vm", selection: "_1rsrm2f1vn", focused: "_1rsrm2f1vo", focusedVisible: "_1rsrm2f1vp" }, defaultClass: "_1rsrm2f1vk" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1vq", hover: "_1rsrm2f1vr", active: "_1rsrm2f1vs", selection: "_1rsrm2f1vt", focused: "_1rsrm2f1vu", focusedVisible: "_1rsrm2f1vv" }, defaultClass: "_1rsrm2f1vq" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1vw", hover: "_1rsrm2f1vx", active: "_1rsrm2f1vy", selection: "_1rsrm2f1vz", focused: "_1rsrm2f1w0", focusedVisible: "_1rsrm2f1w1" }, defaultClass: "_1rsrm2f1vw" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1w2", hover: "_1rsrm2f1w3", active: "_1rsrm2f1w4", selection: "_1rsrm2f1w5", focused: "_1rsrm2f1w6", focusedVisible: "_1rsrm2f1w7" }, defaultClass: "_1rsrm2f1w2" }, announceGradientTo: { conditions: { base: "_1rsrm2f1w8", hover: "_1rsrm2f1w9", active: "_1rsrm2f1wa", selection: "_1rsrm2f1wb", focused: "_1rsrm2f1wc", focusedVisible: "_1rsrm2f1wd" }, defaultClass: "_1rsrm2f1w8" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1we", hover: "_1rsrm2f1wf", active: "_1rsrm2f1wg", selection: "_1rsrm2f1wh", focused: "_1rsrm2f1wi", focusedVisible: "_1rsrm2f1wj" }, defaultClass: "_1rsrm2f1we" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1wk", hover: "_1rsrm2f1wl", active: "_1rsrm2f1wm", selection: "_1rsrm2f1wn", focused: "_1rsrm2f1wo", focusedVisible: "_1rsrm2f1wp" }, defaultClass: "_1rsrm2f1wk" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1wq", hover: "_1rsrm2f1wr", active: "_1rsrm2f1ws", selection: "_1rsrm2f1wt", focused: "_1rsrm2f1wu", focusedVisible: "_1rsrm2f1wv" }, defaultClass: "_1rsrm2f1wq" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1ww", hover: "_1rsrm2f1wx", active: "_1rsrm2f1wy", selection: "_1rsrm2f1wz", focused: "_1rsrm2f1x0", focusedVisible: "_1rsrm2f1x1" }, defaultClass: "_1rsrm2f1ww" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1x2", hover: "_1rsrm2f1x3", active: "_1rsrm2f1x4", selection: "_1rsrm2f1x5", focused: "_1rsrm2f1x6", focusedVisible: "_1rsrm2f1x7" }, defaultClass: "_1rsrm2f1x2" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1x8", hover: "_1rsrm2f1x9", active: "_1rsrm2f1xa", selection: "_1rsrm2f1xb", focused: "_1rsrm2f1xc", focusedVisible: "_1rsrm2f1xd" }, defaultClass: "_1rsrm2f1x8" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1xe", hover: "_1rsrm2f1xf", active: "_1rsrm2f1xg", selection: "_1rsrm2f1xh", focused: "_1rsrm2f1xi", focusedVisible: "_1rsrm2f1xj" }, defaultClass: "_1rsrm2f1xe" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1xk", hover: "_1rsrm2f1xl", active: "_1rsrm2f1xm", selection: "_1rsrm2f1xn", focused: "_1rsrm2f1xo", focusedVisible: "_1rsrm2f1xp" }, defaultClass: "_1rsrm2f1xk" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1xq", hover: "_1rsrm2f1xr", active: "_1rsrm2f1xs", selection: "_1rsrm2f1xt", focused: "_1rsrm2f1xu", focusedVisible: "_1rsrm2f1xv" }, defaultClass: "_1rsrm2f1xq" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1xw", hover: "_1rsrm2f1xx", active: "_1rsrm2f1xy", selection: "_1rsrm2f1xz", focused: "_1rsrm2f1y0", focusedVisible: "_1rsrm2f1y1" }, defaultClass: "_1rsrm2f1xw" }, spinnerBackground: { conditions: { base: "_1rsrm2f1y2", hover: "_1rsrm2f1y3", active: "_1rsrm2f1y4", selection: "_1rsrm2f1y5", focused: "_1rsrm2f1y6", focusedVisible: "_1rsrm2f1y7" }, defaultClass: "_1rsrm2f1y2" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1y8", hover: "_1rsrm2f1y9", active: "_1rsrm2f1ya", selection: "_1rsrm2f1yb", focused: "_1rsrm2f1yc", focusedVisible: "_1rsrm2f1yd" }, defaultClass: "_1rsrm2f1y8" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1ye", hover: "_1rsrm2f1yf", active: "_1rsrm2f1yg", selection: "_1rsrm2f1yh", focused: "_1rsrm2f1yi", focusedVisible: "_1rsrm2f1yj" }, defaultClass: "_1rsrm2f1ye" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1yk", hover: "_1rsrm2f1yl", active: "_1rsrm2f1ym", selection: "_1rsrm2f1yn", focused: "_1rsrm2f1yo", focusedVisible: "_1rsrm2f1yp" }, defaultClass: "_1rsrm2f1yk" } } } } }, { 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" }, full: { defaultClass: "_1rsrm2f18" }, badge: { defaultClass: "_1rsrm2f19" }, smallBadge: { defaultClass: "_1rsrm2f1a" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1b" }, dotted: { defaultClass: "_1rsrm2f1c" }, hidden: { defaultClass: "_1rsrm2f1d" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1e" }, "1": { defaultClass: "_1rsrm2f1f" }, "2": { defaultClass: "_1rsrm2f1g" }, "3": { defaultClass: "_1rsrm2f1h" }, "4": { defaultClass: "_1rsrm2f1i" }, "0.5": { defaultClass: "_1rsrm2f1j" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1k" }, pointer: { defaultClass: "_1rsrm2f1l" }, "not-allowed": { defaultClass: "_1rsrm2f1m" }, "default": { defaultClass: "_1rsrm2f1n" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1o" }, column: { defaultClass: "_1rsrm2f1p" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1q" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1r" }, "12": { defaultClass: "_1rsrm2f1s" }, "13": { defaultClass: "_1rsrm2f1t" }, "14": { defaultClass: "_1rsrm2f1u" }, "16": { defaultClass: "_1rsrm2f1v" }, "18": { defaultClass: "_1rsrm2f1w" }, "20": { defaultClass: "_1rsrm2f1x" }, "21": { defaultClass: "_1rsrm2f1y" }, "40": { defaultClass: "_1rsrm2f1z" }, "57": { defaultClass: "_1rsrm2f20" }, modalTopbarSubtitle: { defaultClass: "_1rsrm2f21" }, modalTopbarTitle: { defaultClass: "_1rsrm2f22" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f23" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f24" }, medium: { defaultClass: "_1rsrm2f25" }, semibold: { defaultClass: "_1rsrm2f26" }, bold: { defaultClass: "_1rsrm2f27" }, heavy: { defaultClass: "_1rsrm2f28" }, modalTopbarTitle: { defaultClass: "_1rsrm2f29" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f2a" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f2b" }, "1": { defaultClass: "_1rsrm2f2c" }, "2": { defaultClass: "_1rsrm2f2d" }, "3": { defaultClass: "_1rsrm2f2e" }, "4": { defaultClass: "_1rsrm2f2f" }, "5": { defaultClass: "_1rsrm2f2g" }, "6": { defaultClass: "_1rsrm2f2h" }, "7": { defaultClass: "_1rsrm2f2i" }, "8": { defaultClass: "_1rsrm2f2j" }, "9": { defaultClass: "_1rsrm2f2k" }, "10": { defaultClass: "_1rsrm2f2l" }, "11": { defaultClass: "_1rsrm2f2m" }, "12": { defaultClass: "_1rsrm2f2n" }, "13": { defaultClass: "_1rsrm2f2o" }, "14": { defaultClass: "_1rsrm2f2p" }, "15": { defaultClass: "_1rsrm2f2q" }, "16": { defaultClass: "_1rsrm2f2r" }, "18": { defaultClass: "_1rsrm2f2s" }, "20": { defaultClass: "_1rsrm2f2t" }, "24": { defaultClass: "_1rsrm2f2u" }, "28": { defaultClass: "_1rsrm2f2v" }, "30": { defaultClass: "_1rsrm2f2w" }, "32": { defaultClass: "_1rsrm2f2x" }, "36": { defaultClass: "_1rsrm2f2y" }, "40": { defaultClass: "_1rsrm2f2z" }, "44": { defaultClass: "_1rsrm2f30" }, "64": { defaultClass: "_1rsrm2f31" }, "-1": { defaultClass: "_1rsrm2f32" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f33" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f34" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f35" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f36" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f37" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f38" }, "2": { defaultClass: "_1rsrm2f39" }, "4": { defaultClass: "_1rsrm2f3a" }, "8": { defaultClass: "_1rsrm2f3b" }, "10": { defaultClass: "_1rsrm2f3c" }, "11": { defaultClass: "_1rsrm2f3d" }, "12": { defaultClass: "_1rsrm2f3e" }, "13": { defaultClass: "_1rsrm2f3f" }, "14": { defaultClass: "_1rsrm2f3g" }, "15": { defaultClass: "_1rsrm2f3h" }, "16": { defaultClass: "_1rsrm2f3i" }, "18": { defaultClass: "_1rsrm2f3j" }, "20": { defaultClass: "_1rsrm2f3k" }, "24": { defaultClass: "_1rsrm2f3l" }, "28": { defaultClass: "_1rsrm2f3m" }, "30": { defaultClass: "_1rsrm2f3n" }, "32": { defaultClass: "_1rsrm2f3o" }, "34": { defaultClass: "_1rsrm2f3p" }, "36": { defaultClass: "_1rsrm2f3q" }, "40": { defaultClass: "_1rsrm2f3r" }, "44": { defaultClass: "_1rsrm2f3s" }, "48": { defaultClass: "_1rsrm2f3t" }, "50": { defaultClass: "_1rsrm2f3u" }, "54": { defaultClass: "_1rsrm2f3v" }, "57": { defaultClass: "_1rsrm2f3w" }, "60": { defaultClass: "_1rsrm2f3x" }, "72": { defaultClass: "_1rsrm2f3y" }, "76": { defaultClass: "_1rsrm2f3z" }, "93": { defaultClass: "_1rsrm2f40" }, "96": { defaultClass: "_1rsrm2f41" }, "100": { defaultClass: "_1rsrm2f42" }, "108": { defaultClass: "_1rsrm2f43" }, "120": { defaultClass: "_1rsrm2f44" }, "160": { defaultClass: "_1rsrm2f45" }, "180": { defaultClass: "_1rsrm2f46" }, "200": { defaultClass: "_1rsrm2f47" }, "240": { defaultClass: "_1rsrm2f48" }, half: { defaultClass: "_1rsrm2f49" }, full: { defaultClass: "_1rsrm2f4a" }, max: { defaultClass: "_1rsrm2f4b" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f4c" }, modalTopBarHeight: { defaultClass: "_1rsrm2f4d" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f4e" }, "flex-end": { defaultClass: "_1rsrm2f4f" }, center: { defaultClass: "_1rsrm2f4g" }, "space-between": { defaultClass: "_1rsrm2f4h" }, "space-around": { defaultClass: "_1rsrm2f4i" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f4j" }, center: { defaultClass: "_1rsrm2f4k" }, right: { defaultClass: "_1rsrm2f4l" }, inherit: { defaultClass: "_1rsrm2f4m" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f4n" }, "1": { defaultClass: "_1rsrm2f4o" }, "2": { defaultClass: "_1rsrm2f4p" }, "3": { defaultClass: "_1rsrm2f4q" }, "4": { defaultClass: "_1rsrm2f4r" }, "5": { defaultClass: "_1rsrm2f4s" }, "6": { defaultClass: "_1rsrm2f4t" }, "7": { defaultClass: "_1rsrm2f4u" }, "8": { defaultClass: "_1rsrm2f4v" }, "9": { defaultClass: "_1rsrm2f4w" }, "10": { defaultClass: "_1rsrm2f4x" }, "11": { defaultClass: "_1rsrm2f4y" }, "12": { defaultClass: "_1rsrm2f4z" }, "13": { defaultClass: "_1rsrm2f50" }, "14": { defaultClass: "_1rsrm2f51" }, "15": { defaultClass: "_1rsrm2f52" }, "16": { defaultClass: "_1rsrm2f53" }, "18": { defaultClass: "_1rsrm2f54" }, "20": { defaultClass: "_1rsrm2f55" }, "24": { defaultClass: "_1rsrm2f56" }, "28": { defaultClass: "_1rsrm2f57" }, "30": { defaultClass: "_1rsrm2f58" }, "32": { defaultClass: "_1rsrm2f59" }, "36": { defaultClass: "_1rsrm2f5a" }, "40": { defaultClass: "_1rsrm2f5b" }, "44": { defaultClass: "_1rsrm2f5c" }, "64": { defaultClass: "_1rsrm2f5d" }, auto: { defaultClass: "_1rsrm2f5e" }, "-18": { defaultClass: "_1rsrm2f5f" }, "-12": { defaultClass: "_1rsrm2f5g" }, "-1": { defaultClass: "_1rsrm2f5h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f5i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f5j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f5k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f5l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f5m" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f5n" }, "1": { defaultClass: "_1rsrm2f5o" }, "2": { defaultClass: "_1rsrm2f5p" }, "3": { defaultClass: "_1rsrm2f5q" }, "4": { defaultClass: "_1rsrm2f5r" }, "5": { defaultClass: "_1rsrm2f5s" }, "6": { defaultClass: "_1rsrm2f5t" }, "7": { defaultClass: "_1rsrm2f5u" }, "8": { defaultClass: "_1rsrm2f5v" }, "9": { defaultClass: "_1rsrm2f5w" }, "10": { defaultClass: "_1rsrm2f5x" }, "11": { defaultClass: "_1rsrm2f5y" }, "12": { defaultClass: "_1rsrm2f5z" }, "13": { defaultClass: "_1rsrm2f60" }, "14": { defaultClass: "_1rsrm2f61" }, "15": { defaultClass: "_1rsrm2f62" }, "16": { defaultClass: "_1rsrm2f63" }, "18": { defaultClass: "_1rsrm2f64" }, "20": { defaultClass: "_1rsrm2f65" }, "24": { defaultClass: "_1rsrm2f66" }, "28": { defaultClass: "_1rsrm2f67" }, "30": { defaultClass: "_1rsrm2f68" }, "32": { defaultClass: "_1rsrm2f69" }, "36": { defaultClass: "_1rsrm2f6a" }, "40": { defaultClass: "_1rsrm2f6b" }, "44": { defaultClass: "_1rsrm2f6c" }, "64": { defaultClass: "_1rsrm2f6d" }, auto: { defaultClass: "_1rsrm2f6e" }, "-18": { defaultClass: "_1rsrm2f6f" }, "-12": { defaultClass: "_1rsrm2f6g" }, "-1": { defaultClass: "_1rsrm2f6h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f6i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f6j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f6k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f6l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f6m" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f6n" }, "1": { defaultClass: "_1rsrm2f6o" }, "2": { defaultClass: "_1rsrm2f6p" }, "3": { defaultClass: "_1rsrm2f6q" }, "4": { defaultClass: "_1rsrm2f6r" }, "5": { defaultClass: "_1rsrm2f6s" }, "6": { defaultClass: "_1rsrm2f6t" }, "7": { defaultClass: "_1rsrm2f6u" }, "8": { defaultClass: "_1rsrm2f6v" }, "9": { defaultClass: "_1rsrm2f6w" }, "10": { defaultClass: "_1rsrm2f6x" }, "11": { defaultClass: "_1rsrm2f6y" }, "12": { defaultClass: "_1rsrm2f6z" }, "13": { defaultClass: "_1rsrm2f70" }, "14": { defaultClass: "_1rsrm2f71" }, "15": { defaultClass: "_1rsrm2f72" }, "16": { defaultClass: "_1rsrm2f73" }, "18": { defaultClass: "_1rsrm2f74" }, "20": { defaultClass: "_1rsrm2f75" }, "24": { defaultClass: "_1rsrm2f76" }, "28": { defaultClass: "_1rsrm2f77" }, "30": { defaultClass: "_1rsrm2f78" }, "32": { defaultClass: "_1rsrm2f79" }, "36": { defaultClass: "_1rsrm2f7a" }, "40": { defaultClass: "_1rsrm2f7b" }, "44": { defaultClass: "_1rsrm2f7c" }, "64": { defaultClass: "_1rsrm2f7d" }, auto: { defaultClass: "_1rsrm2f7e" }, "-18": { defaultClass: "_1rsrm2f7f" }, "-12": { defaultClass: "_1rsrm2f7g" }, "-1": { defaultClass: "_1rsrm2f7h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f7i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f7j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f7k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f7l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f7m" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f7n" }, "1": { defaultClass: "_1rsrm2f7o" }, "2": { defaultClass: "_1rsrm2f7p" }, "3": { defaultClass: "_1rsrm2f7q" }, "4": { defaultClass: "_1rsrm2f7r" }, "5": { defaultClass: "_1rsrm2f7s" }, "6": { defaultClass: "_1rsrm2f7t" }, "7": { defaultClass: "_1rsrm2f7u" }, "8": { defaultClass: "_1rsrm2f7v" }, "9": { defaultClass: "_1rsrm2f7w" }, "10": { defaultClass: "_1rsrm2f7x" }, "11": { defaultClass: "_1rsrm2f7y" }, "12": { defaultClass: "_1rsrm2f7z" }, "13": { defaultClass: "_1rsrm2f80" }, "14": { defaultClass: "_1rsrm2f81" }, "15": { defaultClass: "_1rsrm2f82" }, "16": { defaultClass: "_1rsrm2f83" }, "18": { defaultClass: "_1rsrm2f84" }, "20": { 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" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f8i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f8j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f8k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f8l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f8m" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f8n" }, "2": { defaultClass: "_1rsrm2f8o" }, "4": { defaultClass: "_1rsrm2f8p" }, "8": { defaultClass: "_1rsrm2f8q" }, "10": { defaultClass: "_1rsrm2f8r" }, "11": { defaultClass: "_1rsrm2f8s" }, "12": { defaultClass: "_1rsrm2f8t" }, "13": { defaultClass: "_1rsrm2f8u" }, "14": { defaultClass: "_1rsrm2f8v" }, "15": { defaultClass: "_1rsrm2f8w" }, "16": { defaultClass: "_1rsrm2f8x" }, "18": { defaultClass: "_1rsrm2f8y" }, "20": { defaultClass: "_1rsrm2f8z" }, "24": { defaultClass: "_1rsrm2f90" }, "28": { defaultClass: "_1rsrm2f91" }, "30": { defaultClass: "_1rsrm2f92" }, "32": { defaultClass: "_1rsrm2f93" }, "34": { defaultClass: "_1rsrm2f94" }, "36": { defaultClass: "_1rsrm2f95" }, "40": { defaultClass: "_1rsrm2f96" }, "44": { defaultClass: "_1rsrm2f97" }, "48": { defaultClass: "_1rsrm2f98" }, "50": { defaultClass: "_1rsrm2f99" }, "54": { defaultClass: "_1rsrm2f9a" }, "57": { defaultClass: "_1rsrm2f9b" }, "60": { defaultClass: "_1rsrm2f9c" }, "72": { defaultClass: "_1rsrm2f9d" }, "76": { defaultClass: "_1rsrm2f9e" }, "93": { defaultClass: "_1rsrm2f9f" }, "96": { defaultClass: "_1rsrm2f9g" }, "100": { defaultClass: "_1rsrm2f9h" }, "108": { defaultClass: "_1rsrm2f9i" }, "120": { defaultClass: "_1rsrm2f9j" }, "160": { defaultClass: "_1rsrm2f9k" }, "180": { defaultClass: "_1rsrm2f9l" }, "200": { defaultClass: "_1rsrm2f9m" }, "240": { defaultClass: "_1rsrm2f9n" }, half: { defaultClass: "_1rsrm2f9o" }, full: { defaultClass: "_1rsrm2f9p" }, max: { defaultClass: "_1rsrm2f9q" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f9r" }, modalTopBarHeight: { defaultClass: "_1rsrm2f9s" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f9t" }, "2": { defaultClass: "_1rsrm2f9u" }, "4": { defaultClass: "_1rsrm2f9v" }, "8": { defaultClass: "_1rsrm2f9w" }, "10": { defaultClass: "_1rsrm2f9x" }, "11": { defaultClass: "_1rsrm2f9y" }, "12": { defaultClass: "_1rsrm2f9z" }, "13": { defaultClass: "_1rsrm2fa0" }, "14": { defaultClass: "_1rsrm2fa1" }, "15": { defaultClass: "_1rsrm2fa2" }, "16": { defaultClass: "_1rsrm2fa3" }, "18": { defaultClass: "_1rsrm2fa4" }, "20": { defaultClass: "_1rsrm2fa5" }, "24": { defaultClass: "_1rsrm2fa6" }, "28": { defaultClass: "_1rsrm2fa7" }, "30": { defaultClass: "_1rsrm2fa8" }, "32": { defaultClass: "_1rsrm2fa9" }, "34": { defaultClass: "_1rsrm2faa" }, "36": { defaultClass: "_1rsrm2fab" }, "40": { defaultClass: "_1rsrm2fac" }, "44": { defaultClass: "_1rsrm2fad" }, "48": { defaultClass: "_1rsrm2fae" }, "50": { defaultClass: "_1rsrm2faf" }, "54": { defaultClass: "_1rsrm2fag" }, "57": { defaultClass: "_1rsrm2fah" }, "60": { defaultClass: "_1rsrm2fai" }, "72": { defaultClass: "_1rsrm2faj" }, "76": { defaultClass: "_1rsrm2fak" }, "93": { defaultClass: "_1rsrm2fal" }, "96": { defaultClass: "_1rsrm2fam" }, "100": { defaultClass: "_1rsrm2fan" }, "108": { defaultClass: "_1rsrm2fao" }, "120": { defaultClass: "_1rsrm2fap" }, "160": { defaultClass: "_1rsrm2faq" }, "180": { defaultClass: "_1rsrm2far" }, "200": { defaultClass: "_1rsrm2fas" }, "240": { defaultClass: "_1rsrm2fat" }, half: { defaultClass: "_1rsrm2fau" }, full: { defaultClass: "_1rsrm2fav" }, max: { defaultClass: "_1rsrm2faw" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fax" }, modalTopBarHeight: { defaultClass: "_1rsrm2fay" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2faz" }, "2": { defaultClass: "_1rsrm2fb0" }, "4": { defaultClass: "_1rsrm2fb1" }, "8": { defaultClass: "_1rsrm2fb2" }, "10": { defaultClass: "_1rsrm2fb3" }, "11": { defaultClass: "_1rsrm2fb4" }, "12": { defaultClass: "_1rsrm2fb5" }, "13": { defaultClass: "_1rsrm2fb6" }, "14": { defaultClass: "_1rsrm2fb7" }, "15": { defaultClass: "_1rsrm2fb8" }, "16": { defaultClass: "_1rsrm2fb9" }, "18": { defaultClass: "_1rsrm2fba" }, "20": { defaultClass: "_1rsrm2fbb" }, "24": { defaultClass: "_1rsrm2fbc" }, "28": { defaultClass: "_1rsrm2fbd" }, "30": { defaultClass: "_1rsrm2fbe" }, "32": { defaultClass: "_1rsrm2fbf" }, "34": { defaultClass: "_1rsrm2fbg" }, "36": { defaultClass: "_1rsrm2fbh" }, "40": { defaultClass: "_1rsrm2fbi" }, "44": { defaultClass: "_1rsrm2fbj" }, "48": { defaultClass: "_1rsrm2fbk" }, "50": { defaultClass: "_1rsrm2fbl" }, "54": { defaultClass: "_1rsrm2fbm" }, "57": { defaultClass: "_1rsrm2fbn" }, "60": { defaultClass: "_1rsrm2fbo" }, "72": { defaultClass: "_1rsrm2fbp" }, "76": { defaultClass: "_1rsrm2fbq" }, "93": { defaultClass: "_1rsrm2fbr" }, "96": { defaultClass: "_1rsrm2fbs" }, "100": { defaultClass: "_1rsrm2fbt" }, "108": { defaultClass: "_1rsrm2fbu" }, "120": { defaultClass: "_1rsrm2fbv" }, "160": { defaultClass: "_1rsrm2fbw" }, "180": { defaultClass: "_1rsrm2fbx" }, "200": { defaultClass: "_1rsrm2fby" }, "240": { defaultClass: "_1rsrm2fbz" }, half: { defaultClass: "_1rsrm2fc0" }, full: { defaultClass: "_1rsrm2fc1" }, max: { defaultClass: "_1rsrm2fc2" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fc3" }, modalTopBarHeight: { defaultClass: "_1rsrm2fc4" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fc5" }, "2": { defaultClass: "_1rsrm2fc6" }, "4": { defaultClass: "_1rsrm2fc7" }, "8": { defaultClass: "_1rsrm2fc8" }, "10": { defaultClass: "_1rsrm2fc9" }, "11": { defaultClass: "_1rsrm2fca" }, "12": { defaultClass: "_1rsrm2fcb" }, "13": { defaultClass: "_1rsrm2fcc" }, "14": { defaultClass: "_1rsrm2fcd" }, "15": { defaultClass: "_1rsrm2fce" }, "16": { defaultClass: "_1rsrm2fcf" }, "18": { defaultClass: "_1rsrm2fcg" }, "20": { defaultClass: "_1rsrm2fch" }, "24": { defaultClass: "_1rsrm2fci" }, "28": { defaultClass: "_1rsrm2fcj" }, "30": { defaultClass: "_1rsrm2fck" }, "32": { defaultClass: "_1rsrm2fcl" }, "34": { defaultClass: "_1rsrm2fcm" }, "36": { defaultClass: "_1rsrm2fcn" }, "40": { defaultClass: "_1rsrm2fco" }, "44": { defaultClass: "_1rsrm2fcp" }, "48": { defaultClass: "_1rsrm2fcq" }, "50": { defaultClass: "_1rsrm2fcr" }, "54": { defaultClass: "_1rsrm2fcs" }, "57": { defaultClass: "_1rsrm2fct" }, "60": { defaultClass: "_1rsrm2fcu" }, "72": { defaultClass: "_1rsrm2fcv" }, "76": { defaultClass: "_1rsrm2fcw" }, "93": { defaultClass: "_1rsrm2fcx" }, "96": { defaultClass: "_1rsrm2fcy" }, "100": { defaultClass: "_1rsrm2fcz" }, "108": { defaultClass: "_1rsrm2fd0" }, "120": { defaultClass: "_1rsrm2fd1" }, "160": { defaultClass: "_1rsrm2fd2" }, "180": { defaultClass: "_1rsrm2fd3" }, "200": { defaultClass: "_1rsrm2fd4" }, "240": { defaultClass: "_1rsrm2fd5" }, half: { defaultClass: "_1rsrm2fd6" }, full: { defaultClass: "_1rsrm2fd7" }, max: { defaultClass: "_1rsrm2fd8" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fd9" }, modalTopBarHeight: { defaultClass: "_1rsrm2fda" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fdb" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fdc" }, "1": { defaultClass: "_1rsrm2fdd" }, "2": { defaultClass: "_1rsrm2fde" }, "3": { defaultClass: "_1rsrm2fdf" }, "4": { defaultClass: "_1rsrm2fdg" }, "5": { defaultClass: "_1rsrm2fdh" }, "6": { defaultClass: "_1rsrm2fdi" }, "7": { defaultClass: "_1rsrm2fdj" }, "8": { defaultClass: "_1rsrm2fdk" }, "9": { defaultClass: "_1rsrm2fdl" }, "10": { defaultClass: "_1rsrm2fdm" }, "11": { defaultClass: "_1rsrm2fdn" }, "12": { defaultClass: "_1rsrm2fdo" }, "13": { defaultClass: "_1rsrm2fdp" }, "14": { defaultClass: "_1rsrm2fdq" }, "15": { defaultClass: "_1rsrm2fdr" }, "16": { defaultClass: "_1rsrm2fds" }, "18": { defaultClass: "_1rsrm2fdt" }, "20": { defaultClass: "_1rsrm2fdu" }, "24": { defaultClass: "_1rsrm2fdv" }, "28": { defaultClass: "_1rsrm2fdw" }, "30": { defaultClass: "_1rsrm2fdx" }, "32": { defaultClass: "_1rsrm2fdy" }, "36": { defaultClass: "_1rsrm2fdz" }, "40": { defaultClass: "_1rsrm2fe0" }, "44": { defaultClass: "_1rsrm2fe1" }, "64": { defaultClass: "_1rsrm2fe2" }, "-1": { defaultClass: "_1rsrm2fe3" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fe4" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fe5" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fe6" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fe7" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fe8" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fe9" }, "1": { defaultClass: "_1rsrm2fea" }, "2": { defaultClass: "_1rsrm2feb" }, "3": { defaultClass: "_1rsrm2fec" }, "4": { defaultClass: "_1rsrm2fed" }, "5": { defaultClass: "_1rsrm2fee" }, "6": { defaultClass: "_1rsrm2fef" }, "7": { defaultClass: "_1rsrm2feg" }, "8": { defaultClass: "_1rsrm2feh" }, "9": { defaultClass: "_1rsrm2fei" }, "10": { defaultClass: "_1rsrm2fej" }, "11": { defaultClass: "_1rsrm2fek" }, "12": { defaultClass: "_1rsrm2fel" }, "13": { defaultClass: "_1rsrm2fem" }, "14": { defaultClass: "_1rsrm2fen" }, "15": { defaultClass: "_1rsrm2feo" }, "16": { defaultClass: "_1rsrm2fep" }, "18": { defaultClass: "_1rsrm2feq" }, "20": { defaultClass: "_1rsrm2fer" }, "24": { defaultClass: "_1rsrm2fes" }, "28": { defaultClass: "_1rsrm2fet" }, "30": { defaultClass: "_1rsrm2feu" }, "32": { defaultClass: "_1rsrm2fev" }, "36": { defaultClass: "_1rsrm2few" }, "40": { defaultClass: "_1rsrm2fex" }, "44": { defaultClass: "_1rsrm2fey" }, "64": { defaultClass: "_1rsrm2fez" }, "-1": { defaultClass: "_1rsrm2ff0" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2ff1" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ff2" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2ff3" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2ff4" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2ff5" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2ff6" }, "1": { defaultClass: "_1rsrm2ff7" }, "2": { defaultClass: "_1rsrm2ff8" }, "3": { defaultClass: "_1rsrm2ff9" }, "4": { defaultClass: "_1rsrm2ffa" }, "5": { defaultClass: "_1rsrm2ffb" }, "6": { defaultClass: "_1rsrm2ffc" }, "7": { defaultClass: "_1rsrm2ffd" }, "8": { defaultClass: "_1rsrm2ffe" }, "9": { defaultClass: "_1rsrm2fff" }, "10": { defaultClass: "_1rsrm2ffg" }, "11": { defaultClass: "_1rsrm2ffh" }, "12": { defaultClass: "_1rsrm2ffi" }, "13": { defaultClass: "_1rsrm2ffj" }, "14": { defaultClass: "_1rsrm2ffk" }, "15": { defaultClass: "_1rsrm2ffl" }, "16": { defaultClass: "_1rsrm2ffm" }, "18": { defaultClass: "_1rsrm2ffn" }, "20": { defaultClass: "_1rsrm2ffo" }, "24": { defaultClass: "_1rsrm2ffp" }, "28": { defaultClass: "_1rsrm2ffq" }, "30": { defaultClass: "_1rsrm2ffr" }, "32": { defaultClass: "_1rsrm2ffs" }, "36": { defaultClass: "_1rsrm2fft" }, "40": { defaultClass: "_1rsrm2ffu" }, "44": { defaultClass: "_1rsrm2ffv" }, "64": { defaultClass: "_1rsrm2ffw" }, "-1": { defaultClass: "_1rsrm2ffx" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2ffy" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ffz" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fg0" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fg1" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fg2" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fg3" }, "1": { defaultClass: "_1rsrm2fg4" }, "2": { defaultClass: "_1rsrm2fg5" }, "3": { defaultClass: "_1rsrm2fg6" }, "4": { defaultClass: "_1rsrm2fg7" }, "5": { defaultClass: "_1rsrm2fg8" }, "6": { defaultClass: "_1rsrm2fg9" }, "7": { defaultClass: "_1rsrm2fga" }, "8": { defaultClass: "_1rsrm2fgb" }, "9": { defaultClass: "_1rsrm2fgc" }, "10": { defaultClass: "_1rsrm2fgd" }, "11": { defaultClass: "_1rsrm2fge" }, "12": { defaultClass: "_1rsrm2fgf" }, "13": { defaultClass: "_1rsrm2fgg" }, "14": { defaultClass: "_1rsrm2fgh" }, "15": { defaultClass: "_1rsrm2fgi" }, "16": { defaultClass: "_1rsrm2fgj" }, "18": { defaultClass: "_1rsrm2fgk" }, "20": { defaultClass: "_1rsrm2fgl" }, "24": { defaultClass: "_1rsrm2fgm" }, "28": { defaultClass: "_1rsrm2fgn" }, "30": { defaultClass: "_1rsrm2fgo" }, "32": { defaultClass: "_1rsrm2fgp" }, "36": { defaultClass: "_1rsrm2fgq" }, "40": { defaultClass: "_1rsrm2fgr" }, "44": { defaultClass: "_1rsrm2fgs" }, "64": { defaultClass: "_1rsrm2fgt" }, "-1": { defaultClass: "_1rsrm2fgu" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fgv" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fgw" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fgx" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fgy" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fgz" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fh0" }, fixed: { defaultClass: "_1rsrm2fh1" }, relative: { defaultClass: "_1rsrm2fh2" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fh3" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fh4" }, transform: { defaultClass: "_1rsrm2fh5" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fh6" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fh7" }, "2": { defaultClass: "_1rsrm2fh8" }, "4": { defaultClass: "_1rsrm2fh9" }, "8": { defaultClass: "_1rsrm2fha" }, "10": { defaultClass: "_1rsrm2fhb" }, "11": { defaultClass: "_1rsrm2fhc" }, "12": { defaultClass: "_1rsrm2fhd" }, "13": { defaultClass: "_1rsrm2fhe" }, "14": { defaultClass: "_1rsrm2fhf" }, "15": { defaultClass: "_1rsrm2fhg" }, "16": { defaultClass: "_1rsrm2fhh" }, "18": { defaultClass: "_1rsrm2fhi" }, "20": { defaultClass: "_1rsrm2fhj" }, "24": { defaultClass: "_1rsrm2fhk" }, "28": { defaultClass: "_1rsrm2fhl" }, "30": { defaultClass: "_1rsrm2fhm" }, "32": { defaultClass: "_1rsrm2fhn" }, "34": { defaultClass: "_1rsrm2fho" }, "36": { defaultClass: "_1rsrm2fhp" }, "40": { defaultClass: "_1rsrm2fhq" }, "44": { defaultClass: "_1rsrm2fhr" }, "48": { defaultClass: "_1rsrm2fhs" }, "50": { defaultClass: "_1rsrm2fht" }, "54": { defaultClass: "_1rsrm2fhu" }, "57": { defaultClass: "_1rsrm2fhv" }, "60": { defaultClass: "_1rsrm2fhw" }, "72": { defaultClass: "_1rsrm2fhx" }, "76": { defaultClass: "_1rsrm2fhy" }, "93": { defaultClass: "_1rsrm2fhz" }, "96": { defaultClass: "_1rsrm2fi0" }, "100": { defaultClass: "_1rsrm2fi1" }, "108": { defaultClass: "_1rsrm2fi2" }, "120": { defaultClass: "_1rsrm2fi3" }, "160": { defaultClass: "_1rsrm2fi4" }, "180": { defaultClass: "_1rsrm2fi5" }, "200": { defaultClass: "_1rsrm2fi6" }, "240": { defaultClass: "_1rsrm2fi7" }, half: { defaultClass: "_1rsrm2fi8" }, full: { defaultClass: "_1rsrm2fi9" }, max: { defaultClass: "_1rsrm2fia" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fib" }, modalTopBarHeight: { defaultClass: "_1rsrm2fic" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fid" } } } } });
49
+ 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)", 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)", primaryText: "var(--rk-colors-primaryText)", secondaryText: "var(--rk-colors-secondaryText)", tertiaryText: "var(--rk-colors-tertiaryText)", textSelection: "var(--rk-colors-textSelection)", inputBackground: "var(--rk-colors-inputBackground)", inputBorderBase: "var(--rk-colors-inputBorderBase)", inputBorderHover: "var(--rk-colors-inputBorderHover)", 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)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", 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)", buttonBorderFocusedTertiary: "var(--rk-colors-buttonBorderFocusedTertiary)", buttonFocusedOutline: "var(--rk-colors-buttonFocusedOutline)", 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)", 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)", spinnerBackground: "var(--rk-colors-spinnerBackground)", spinnerIndicator: "var(--rk-colors-spinnerIndicator)", spinnerBackgroundVerifyAccount: "var(--rk-colors-spinnerBackgroundVerifyAccount)", spinnerIndicatorVerifyAccount: "var(--rk-colors-spinnerIndicatorVerifyAccount)" }, dimensions: { modalBottomBarButtonHeight: "var(--rk-dimensions-modalBottomBarButtonHeight)", modalTopBarHeight: "var(--rk-dimensions-modalTopBarHeight)" }, fonts: { body: "var(--rk-fonts-body)" }, 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)", modalTopbarTitle: "var(--rk-fontWeight-modalTopbarTitle)", modalBottomBarButtonText: "var(--rk-fontWeight-modalBottomBarButtonText)" }, 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)" }, 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)" } }, 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)" }, 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)", buttonFocusedShadow: "var(--rk-shadows-buttonFocusedShadow)", buttonHoverShadow: "var(--rk-shadows-buttonHoverShadow)", buttonDisabledShadow: "var(--rk-shadows-buttonDisabledShadow)", selectedDropdownItem: "var(--rk-shadows-selectedDropdownItem)" }, spacing: { 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)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
50
50
 
51
51
  // src/css/atoms.ts
52
52
  var atoms = ({ reset, ...rest }) => {
@@ -413,7 +413,7 @@ function Avatar({ address, imageUrl, loading, size }) {
413
413
  }
414
414
 
415
415
  // src/components/ConnectButton/ConnectButton.tsx
416
- import React254, { useEffect as useEffect57, useState as useState75 } from "react";
416
+ import React254, { useEffect as useEffect56, useState as useState75 } from "react";
417
417
 
418
418
  // src/css/touchableStyles.css.ts
419
419
  var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
@@ -521,8 +521,8 @@ import React251, {
521
521
  createContext as createContext18,
522
522
  useCallback as useCallback49,
523
523
  useContext as useContext17,
524
- useEffect as useEffect55,
525
- useMemo as useMemo39,
524
+ useEffect as useEffect54,
525
+ useMemo as useMemo40,
526
526
  useState as useState72
527
527
  } from "react";
528
528
  import { useConfig as useConfig6, useConnect as useConnect2, useDisconnect as useDisconnect2 } from "wagmi";
@@ -770,7 +770,6 @@ var DEFAULT_TEXT_CUSTOMIZATIONS = {
770
770
  var DEFAULT_FUNKIT_CONFIG = {
771
771
  apiKey: "",
772
772
  appName: "",
773
- allowBackgroundScroll: false,
774
773
  textCustomizations: DEFAULT_TEXT_CUSTOMIZATIONS,
775
774
  loginConfig: {
776
775
  web2: false,
@@ -1059,8 +1058,8 @@ import React250, {
1059
1058
  createContext as createContext17,
1060
1059
  useCallback as useCallback48,
1061
1060
  useContext as useContext16,
1062
- useEffect as useEffect54,
1063
- useMemo as useMemo38,
1061
+ useEffect as useEffect53,
1062
+ useMemo as useMemo39,
1064
1063
  useState as useState71
1065
1064
  } from "react";
1066
1065
  import { useAccount as useAccount10, useAccountEffect as useAccountEffect2, useConfig as useConfig5 } from "wagmi";
@@ -1072,7 +1071,7 @@ var content = "_1r8f573 _1rsrm2fa _1rsrm2f1p _1rsrm2fh2";
1072
1071
  var easing = [0.3, 0, 0.06, 1];
1073
1072
  var itemsAlignCenter = "_1r8f57a";
1074
1073
  var itemsAlignEnd = "_1r8f57b";
1075
- var overlay = "_1r8f571 _1rsrm2fh7 _1rsrm2flk _1rsrm2fa _1rsrm2f4g _1rsrm2fh1";
1074
+ var overlay = "_1r8f571 _1rsrm2fid _1rsrm2flk _1rsrm2fa _1rsrm2f4g _1rsrm2fh1";
1076
1075
  var titleContainer = "_1r8f574";
1077
1076
  var topbarFadeBackground = "_1r8f579 _1rsrm2flq _1rsrm2fh0";
1078
1077
  var topbarFadeWrapper = "_1r8f577";
@@ -1207,6 +1206,7 @@ import {
1207
1206
  import {
1208
1207
  formatCryptoAndStringify,
1209
1208
  isTokenAddressEquivalent as isTokenAddressEquivalent3,
1209
+ round as round2,
1210
1210
  roundUpToXDecimalPlaces
1211
1211
  } from "@funkit/utils";
1212
1212
  import { getBalance, readContract } from "@wagmi/core";
@@ -2235,6 +2235,104 @@ var getInputErrorNotification = (error) => {
2235
2235
  };
2236
2236
  }
2237
2237
  };
2238
+ function getNumberSeparators(locale) {
2239
+ const parts = Intl.NumberFormat(locale, {
2240
+ currency: "USD",
2241
+ currencyDisplay: "narrowSymbol",
2242
+ style: "currency"
2243
+ }).formatToParts(123456789123456e-6);
2244
+ let decimalSeparator = ".";
2245
+ let groupSeparator = ",";
2246
+ for (const part of parts) {
2247
+ if (part.type === "group") {
2248
+ groupSeparator = part.value;
2249
+ } else if (part.type === "decimal") {
2250
+ decimalSeparator = part.value;
2251
+ }
2252
+ }
2253
+ return {
2254
+ decimalSeparator,
2255
+ groupSeparator: groupSeparator.match(/\s/) ? /[^\S\t\r\n\f\v]/g : new RegExp(`[${groupSeparator}]`, "g")
2256
+ };
2257
+ }
2258
+ function parseNumberInputValue(inputValue, separators) {
2259
+ const { decimalSeparator, groupSeparator } = separators;
2260
+ const regex = new RegExp(
2261
+ `^[0-9]+(${groupSeparator.source}[0-9]+)*([${decimalSeparator}][0-9]*)?$`
2262
+ );
2263
+ const match = inputValue.match(regex);
2264
+ if (match === null) {
2265
+ return {
2266
+ amount: void 0,
2267
+ amountString: "",
2268
+ amountStringNormalized: "",
2269
+ decimalPart: null,
2270
+ integerPart: ""
2271
+ };
2272
+ }
2273
+ const amountString = match[0];
2274
+ const amountStringNormalized = amountString.replace(new RegExp(`[^0-9${decimalSeparator}]`, "g"), "").replace(new RegExp(`[${decimalSeparator}]`, "g"), ".");
2275
+ const [integerPart, decimalPart = null] = amountString.split(decimalSeparator);
2276
+ return {
2277
+ amount: Number.parseFloat(amountStringNormalized),
2278
+ amountString,
2279
+ amountStringNormalized,
2280
+ decimalPart,
2281
+ integerPart
2282
+ };
2283
+ }
2284
+ function getCurrencyFormattingOptions(fiatCurrency, locale) {
2285
+ const parts = Intl.NumberFormat(locale, {
2286
+ currency: fiatCurrency,
2287
+ currencyDisplay: "narrowSymbol",
2288
+ style: "currency"
2289
+ }).formatToParts(123456789123456e-6);
2290
+ let currencySymbol = fiatCurrency;
2291
+ let decimals = 0;
2292
+ for (const part of parts) {
2293
+ if (part.type === "currency") {
2294
+ currencySymbol = part.value;
2295
+ } else if (part.type === "fraction") {
2296
+ decimals = part.value.length;
2297
+ }
2298
+ }
2299
+ return {
2300
+ currencySymbol,
2301
+ currencySymbolWithSpacing: currencySymbol.length > 1 ? `${currencySymbol} ` : currencySymbol,
2302
+ decimals
2303
+ };
2304
+ }
2305
+ function formatAssetAmountWithLocale(value, options) {
2306
+ return Intl.NumberFormat(options.locale, {
2307
+ maximumFractionDigits: ASSET_DECIMALS,
2308
+ minimumFractionDigits: ASSET_DECIMALS,
2309
+ style: "decimal"
2310
+ }).format(value);
2311
+ }
2312
+ function formatCurrencyAmountWithLocale(value, options) {
2313
+ const { decimals } = getCurrencyFormattingOptions(
2314
+ options.fiatCurrency,
2315
+ options.locale
2316
+ );
2317
+ return Intl.NumberFormat(options.locale, {
2318
+ maximumFractionDigits: decimals,
2319
+ minimumFractionDigits: decimals,
2320
+ style: "decimal"
2321
+ }).format(value);
2322
+ }
2323
+ function replaceStringRange(original, replacement, start, end) {
2324
+ return original.slice(0, Math.max(0, start)) + replacement + original.slice(end);
2325
+ }
2326
+ function reformatDecimalPart(decimalPart, decimals) {
2327
+ return decimalPart.slice(0, decimals);
2328
+ }
2329
+ function reformatIntegerPart(integerPart, locale, preserveLeadingZeroes) {
2330
+ const normalized = integerPart.replace(/[^0-9]/g, "") || "0";
2331
+ if (preserveLeadingZeroes) {
2332
+ return Intl.NumberFormat(locale).format(Number.parseInt(`1${normalized}`, 10)).replace(/^[1-9][^0-9]*/, "");
2333
+ }
2334
+ return Intl.NumberFormat(locale).format(Number.parseInt(normalized, 10));
2335
+ }
2238
2336
 
2239
2337
  // src/providers/GeneralWalletProvider.tsx
2240
2338
  import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2 } from "@funkit/chains";
@@ -2348,6 +2446,7 @@ import {
2348
2446
  HYPERDASH_API_KEY,
2349
2447
  HYPERSWAP_API_KEY,
2350
2448
  KATANA_API_KEY,
2449
+ MONKEY_TILT_API_KEY,
2351
2450
  OSTIUM_API_KEY,
2352
2451
  POLYMARKET_API_KEY,
2353
2452
  SUSHI_API_KEY
@@ -2407,7 +2506,7 @@ var QR_CODE_EVM = {
2407
2506
  // bsc
2408
2507
  56: ["BNB", "WBNB", "ETH", "USDC", "USDT", "DAI", "BUSD", "BTCB"],
2409
2508
  // abstract
2410
- 2741: ["USDC", "USDC.e", "ETH", "WETH"]
2509
+ 2741: ["USDC.e", "ETH", "WETH", "USDT"]
2411
2510
  // hyperevm TODO: Enable once DLQ issue is patched
2412
2511
  // 999: ['HYPE', 'WETH', 'USDT'],
2413
2512
  };
@@ -2500,7 +2599,8 @@ var flagConfig = {
2500
2599
  CAMBRIA_API_KEY,
2501
2600
  HYPERBEAT_API_KEY,
2502
2601
  HYPERSWAP_API_KEY,
2503
- HYPERDASH_API_KEY
2602
+ HYPERDASH_API_KEY,
2603
+ MONKEY_TILT_API_KEY
2504
2604
  ]
2505
2605
  }
2506
2606
  ],
@@ -3109,6 +3209,7 @@ import {
3109
3209
  ETHEREAL_API_KEY,
3110
3210
  HYPERBEAT_API_KEY as HYPERBEAT_API_KEY2,
3111
3211
  KATANA_API_KEY as KATANA_API_KEY2,
3212
+ MONKEY_TILT_API_KEY as MONKEY_TILT_API_KEY2,
3112
3213
  OSTIUM_API_KEY as OSTIUM_API_KEY2,
3113
3214
  POLYMARKET_API_KEY as POLYMARKET_API_KEY2
3114
3215
  } from "@funkit/api-base";
@@ -4835,7 +4936,8 @@ function useFunkitCheckout(props) {
4835
4936
  initNewCheckout({
4836
4937
  config: {
4837
4938
  iconSrc: config.iconSrc ?? null,
4838
- checkoutItemTitle: "Withdrawal",
4939
+ checkoutItemTitle: "Withdraw",
4940
+ // currently unused for withdrawals but if left empty it fails validation
4839
4941
  modalTitle: config.modalTitle,
4840
4942
  modalTitleMeta: config.modalTitleMeta,
4841
4943
  targetAsset: "0x",
@@ -5068,7 +5170,7 @@ function getCheckoutItemDisplay({
5068
5170
  } = checkoutConfig;
5069
5171
  if (isCheckoutPostActionRequired(checkoutConfig)) {
5070
5172
  const itemName2 = checkoutItemTitle;
5071
- return !hideAmount && targetAssetAmount > 0 ? formatCryptoAndStringify(targetAssetAmount, itemName2) : itemName2;
5173
+ return !hideAmount && targetAssetAmount > 0 ? formatCryptoAndStringify(round2(targetAssetAmount, 5), itemName2) : itemName2;
5072
5174
  }
5073
5175
  const itemName = targetAssetTicker || checkoutItemTitle;
5074
5176
  return hideAmount ? itemName : formatCryptoAndStringify(targetAssetAmount, itemName);
@@ -5789,13 +5891,13 @@ var Text = React42.forwardRef(
5789
5891
  Text.displayName = "Text";
5790
5892
 
5791
5893
  // src/components/FunButton/FunButton.css.ts
5792
- var accentLinkStyle = "_1tyx5nu3 _1rsrm2f1nw";
5894
+ var accentLinkStyle = "_1tyx5nu3 _1rsrm2f1oe";
5793
5895
  var funButtonClickableStyle = "_1tyx5nu6";
5794
5896
  var funButtonDisabledStyle = "_1tyx5nu8";
5795
5897
  var funButtonNonClickableStyle = "_1tyx5nu7";
5796
5898
  var pressedStyles = "_1tyx5nu1";
5797
5899
  var transitionStyles = "_1tyx5nu0";
5798
- var underlineLinkStyle = "_1tyx5nu5 _1rsrm2f1m8";
5900
+ var underlineLinkStyle = "_1tyx5nu5 _1rsrm2f1mq";
5799
5901
 
5800
5902
  // src/components/FunButton/FunLinkButton.tsx
5801
5903
  function FunLinkButton({
@@ -5911,7 +6013,7 @@ import React46, {
5911
6013
  } from "react";
5912
6014
 
5913
6015
  // src/components/Icons/StatusIcons.css.ts
5914
- var slots = { container: "_1rsrm2f4 _1rsrm2f18 _1rsrm2fa _1rsrm2f4g _1rsrm2fh2", icon: { secondary: "q7yway3 _1rsrm2f18 _1rsrm2f1me _1rsrm2fh2", success: "q7yway5 _1rsrm2f18 _1rsrm2f1k8 _1rsrm2fh2" }, background: { secondary: "q7yway7 _1rsrm2fne _1rsrm2f18 _1rsrm2f49 _1rsrm2fh0 _1rsrm2fi9", success: "q7yway9 _1rsrm2fl8 _1rsrm2f18 _1rsrm2f49 _1rsrm2fh0 _1rsrm2fi9" }, innerShadow: "q7ywayb _1rsrm2f18 _1rsrm2fh0" };
6016
+ var slots = { container: "_1rsrm2f4 _1rsrm2f18 _1rsrm2fa _1rsrm2f4g _1rsrm2fh2", icon: { secondary: "q7yway3 _1rsrm2f18 _1rsrm2f1mw _1rsrm2fh2", success: "q7yway5 _1rsrm2f18 _1rsrm2f1kq _1rsrm2fh2" }, background: { secondary: "q7yway7 _1rsrm2fne _1rsrm2f18 _1rsrm2f4a _1rsrm2fh0 _1rsrm2fi9", success: "q7yway9 _1rsrm2fl8 _1rsrm2f18 _1rsrm2f4a _1rsrm2fh0 _1rsrm2fi9" }, innerShadow: "q7ywayb _1rsrm2f18 _1rsrm2fh0" };
5915
6017
 
5916
6018
  // src/components/Icons/StatusIcons.tsx
5917
6019
  function CompletedStatusIcon(props) {
@@ -6134,7 +6236,7 @@ var WITHDRAWAL_TEXT_CONFIG_STEPS = {
6134
6236
  ...DEPOSIT_TEXT_CONFIG_STEPS,
6135
6237
  2: {
6136
6238
  title: "Withdrawing from your account...",
6137
- description: "It will take around one minute to finalize."
6239
+ description: "Your funds will arrive in a few seconds."
6138
6240
  }
6139
6241
  };
6140
6242
  var STEP_SPINNER_SIZE = 30;
@@ -7295,7 +7397,8 @@ var getStyleProps = (type, isDisabled) => {
7295
7397
  hover: isDisabled ? void 0 : "buttonBackgroundHoverTertiary"
7296
7398
  },
7297
7399
  boxShadow: {
7298
- focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow"
7400
+ focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow",
7401
+ hover: isDisabled ? void 0 : "buttonHoverShadow"
7299
7402
  },
7300
7403
  color: {
7301
7404
  base: isDisabled ? "buttonTextDisabledTertiary" : "buttonTextTertiary"
@@ -7307,7 +7410,8 @@ var getStyleProps = (type, isDisabled) => {
7307
7410
  base: "transparent"
7308
7411
  },
7309
7412
  boxShadow: {
7310
- focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow"
7413
+ focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow",
7414
+ hover: isDisabled ? void 0 : "buttonHoverShadow"
7311
7415
  },
7312
7416
  color: {
7313
7417
  base: isDisabled ? "buttonTextSecondaryDisabled" : "buttonTextSecondary"
@@ -7336,7 +7440,9 @@ var getStyleProps = (type, isDisabled) => {
7336
7440
  },
7337
7441
  color: isDisabled ? "buttonTextDisabled" : "buttonTextPrimary",
7338
7442
  boxShadow: {
7339
- focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow"
7443
+ base: isDisabled ? "buttonDisabledShadow" : void 0,
7444
+ focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow",
7445
+ hover: isDisabled ? void 0 : "buttonHoverShadow"
7340
7446
  },
7341
7447
  paddingX: "24",
7342
7448
  paddingY: "10"
@@ -8091,7 +8197,6 @@ function Dialog({
8091
8197
  withoutBottomPadding: withoutBottomPadding2 = false,
8092
8198
  withTransition = true
8093
8199
  }) {
8094
- const { allowBackgroundScroll } = useFunkitConfig();
8095
8200
  useEffect18(() => {
8096
8201
  const handleEscape = (event) => open && event.key === "Escape" && onClose();
8097
8202
  if (isSmartCloseable) {
@@ -8144,7 +8249,7 @@ function Dialog({
8144
8249
  return null;
8145
8250
  }
8146
8251
  return createPortal(
8147
- /* @__PURE__ */ React69.createElement(AnimatePresence3, null, open && /* @__PURE__ */ React69.createElement(RemoveScroll, { enabled: !allowBackgroundScroll, allowPinchZoom: true }, /* @__PURE__ */ React69.createElement(
8252
+ /* @__PURE__ */ React69.createElement(AnimatePresence3, null, open && /* @__PURE__ */ React69.createElement(RemoveScroll, { enabled: true, allowPinchZoom: true }, /* @__PURE__ */ React69.createElement(
8148
8253
  Box,
8149
8254
  {
8150
8255
  ...themeRootProps,
@@ -8688,209 +8793,208 @@ var SearchIcon = () => {
8688
8793
 
8689
8794
  // src/components/FunInput/FunInput.css.ts
8690
8795
  var baseWrapperStyles = "zue0i60";
8691
- var inputClass = "zue0i63 _1rsrm2fgf _1rsrm2fdo _1rsrm2fel _1rsrm2ffi _1rsrm2f1m8";
8692
- var inputClassDisabled = "zue0i65 _1rsrm2fgf _1rsrm2fdo _1rsrm2fel _1rsrm2ffi _1rsrm2f1nq";
8693
- var inputClassError = "zue0i67 _1rsrm2fgf _1rsrm2fdo _1rsrm2fel _1rsrm2ffi _1rsrm2f1m8";
8796
+ var inputClass = "zue0i63 _1rsrm2fgf _1rsrm2fdo _1rsrm2fel _1rsrm2ffi _1rsrm2f1mq";
8797
+ var inputClassDisabled = "zue0i65 _1rsrm2fgf _1rsrm2fdo _1rsrm2fel _1rsrm2ffi _1rsrm2f1o8";
8798
+ var inputClassError = "zue0i67 _1rsrm2fgf _1rsrm2fdo _1rsrm2fel _1rsrm2ffi _1rsrm2f1mq";
8694
8799
  var numberInputResetStyle = "zue0i61";
8695
8800
 
8696
8801
  // src/components/FunInput/FunInput.tsx
8697
8802
  var DEFAULT_ICON_FONT_SIZE = "57px";
8698
- var FunInput = forwardRef3(
8699
- function FunInputWithRef({
8700
- prefix,
8701
- suffix,
8702
- prefixIcon,
8703
- placeholder,
8704
- value,
8705
- label,
8706
- onChange,
8707
- onKeyDown,
8708
- onKeySubmit,
8709
- onPaste,
8710
- onMouseDown,
8711
- onFocus: userOnFocus,
8712
- onBlur: userOnBlur,
8713
- adornmentColor = "secondaryText",
8714
- textWeight,
8715
- inputStyle = {},
8716
- inputProps = {
8717
- type: "text"
8718
- },
8719
- error,
8720
- alwaysFocused,
8721
- overrideBorderWidth,
8722
- overrideBackground,
8723
- borderRadius = "connectButton",
8724
- isLoading = false,
8725
- allowMultiline = false
8726
- }, ref) {
8727
- const [focused, setFocused] = useState18(false);
8728
- const onFocus = () => {
8729
- setFocused(true);
8730
- userOnFocus?.();
8803
+ var FunInput = forwardRef3(function FunInputWithRef({
8804
+ prefix,
8805
+ suffix,
8806
+ prefixIcon,
8807
+ placeholder,
8808
+ value,
8809
+ label,
8810
+ onChange,
8811
+ onKeyDown,
8812
+ onKeySubmit,
8813
+ onPaste,
8814
+ onMouseDown,
8815
+ onFocus: userOnFocus,
8816
+ onBlur: userOnBlur,
8817
+ adornmentColor = "secondaryText",
8818
+ textWeight,
8819
+ inputStyle = {},
8820
+ inputProps = { type: "text" },
8821
+ error,
8822
+ alwaysFocused,
8823
+ overrideBorderWidth,
8824
+ overrideBackground,
8825
+ borderRadius = "connectButton",
8826
+ isLoading = false,
8827
+ allowMultiline = false
8828
+ // widthFitContent,
8829
+ }, ref) {
8830
+ const [focused, setFocused] = useState18(false);
8831
+ const onFocus = () => {
8832
+ setFocused(true);
8833
+ userOnFocus?.();
8834
+ };
8835
+ const onBlur = () => {
8836
+ setFocused(false);
8837
+ userOnBlur?.();
8838
+ };
8839
+ const isFocused = alwaysFocused || focused;
8840
+ const getBorderColor2 = () => {
8841
+ if (error) {
8842
+ return { base: "error" };
8843
+ }
8844
+ if (inputProps.disabled) {
8845
+ return { base: "inputBorderBase" };
8846
+ }
8847
+ if (isFocused) {
8848
+ return { base: "secondaryText" };
8849
+ }
8850
+ return {
8851
+ base: "inputBorderBase",
8852
+ hover: "inputBorderHover"
8731
8853
  };
8732
- const onBlur = () => {
8733
- setFocused(false);
8734
- userOnBlur?.();
8854
+ };
8855
+ const textareaRef = React72.useRef(null);
8856
+ useEffect20(() => {
8857
+ if (allowMultiline) {
8858
+ adjustTextareaHeight(textareaRef.current);
8859
+ }
8860
+ }, [allowMultiline, value]);
8861
+ const renderInputOrTextarea = () => {
8862
+ const commonProps = {
8863
+ // ref,
8864
+ value,
8865
+ placeholder,
8866
+ onChange,
8867
+ onKeyDown: (e) => {
8868
+ e.stopPropagation();
8869
+ onKeyDown?.(e);
8870
+ if (e.key === "Enter") {
8871
+ onKeySubmit?.();
8872
+ }
8873
+ },
8874
+ onPaste,
8875
+ onMouseDown,
8876
+ onFocus,
8877
+ onBlur,
8878
+ onWheel: (e) => {
8879
+ e.currentTarget.blur();
8880
+ },
8881
+ className: clsx9(
8882
+ error ? inputClassError : inputProps.disabled ? inputClassDisabled : inputClass,
8883
+ numberInputResetStyle
8884
+ ),
8885
+ ...inputProps,
8886
+ style: inputStyle,
8887
+ "data-auto-focus": inputProps.autoFocus
8735
8888
  };
8736
- const isFocused = alwaysFocused || focused;
8737
- const getBorderColor2 = () => {
8738
- if (error) {
8739
- return { base: "error" };
8740
- }
8741
- if (inputProps.disabled) {
8742
- return { base: "inputBorderBase" };
8889
+ const handleTextareaOnChange = (e) => {
8890
+ adjustTextareaHeight(textareaRef.current);
8891
+ if (onChange) {
8892
+ onChange(e);
8743
8893
  }
8744
- if (isFocused) {
8745
- return { base: "secondaryText" };
8746
- }
8747
- return {
8748
- base: "inputBorderBase",
8749
- hover: "inputBorderHover"
8750
- };
8751
8894
  };
8752
- const textareaRef = React72.useRef(null);
8753
- useEffect20(() => {
8754
- if (allowMultiline) {
8755
- adjustTextareaHeight(textareaRef.current);
8756
- }
8757
- }, [allowMultiline, value]);
8758
- const renderInputOrTextarea = () => {
8759
- const commonProps = {
8760
- ref,
8761
- value,
8762
- placeholder,
8763
- onChange,
8764
- onKeyDown: (e) => {
8765
- e.stopPropagation();
8766
- if (onKeyDown) {
8767
- if (e.target instanceof HTMLInputElement) {
8768
- onKeyDown(e);
8769
- } else if (e.target instanceof HTMLTextAreaElement) {
8770
- onKeyDown(e);
8771
- }
8772
- }
8773
- if (e.key === "Enter") {
8774
- onKeySubmit?.();
8775
- }
8776
- },
8777
- onPaste,
8778
- onMouseDown,
8779
- onFocus,
8780
- onBlur,
8781
- onWheel: (e) => e.currentTarget.blur(),
8782
- className: clsx9(
8783
- error ? inputClassError : inputProps.disabled ? inputClassDisabled : inputClass,
8784
- numberInputResetStyle
8785
- ),
8786
- ...inputProps,
8787
- style: inputStyle,
8788
- "data-auto-focus": inputProps.autoFocus
8789
- };
8790
- const handleTextareaOnChange = (e) => {
8791
- adjustTextareaHeight(textareaRef.current);
8792
- if (onChange) {
8793
- onChange(e);
8794
- }
8795
- };
8796
- const handleTextAreaOnPaste = (e) => {
8797
- adjustTextareaHeight(textareaRef.current);
8798
- if (onPaste) {
8799
- onPaste(e);
8800
- }
8801
- };
8802
- if (allowMultiline) {
8803
- return /* @__PURE__ */ React72.createElement(
8804
- "textarea",
8805
- {
8806
- ...commonProps,
8807
- ref: (el) => {
8808
- textareaRef.current = el;
8809
- if (typeof ref === "function") {
8810
- ref(el);
8811
- } else if (ref && typeof ref === "object" && "current" in ref) {
8812
- ;
8813
- ref.current = el;
8814
- }
8815
- },
8816
- rows: 1,
8817
- style: { ...inputStyle, resize: "none" },
8818
- onChange: handleTextareaOnChange,
8819
- onPaste: handleTextAreaOnPaste
8820
- }
8821
- );
8895
+ const handleTextAreaOnPaste = (e) => {
8896
+ adjustTextareaHeight(textareaRef.current);
8897
+ if (onPaste) {
8898
+ onPaste(e);
8822
8899
  }
8900
+ };
8901
+ if (allowMultiline) {
8823
8902
  return /* @__PURE__ */ React72.createElement(
8824
- "input",
8903
+ "textarea",
8825
8904
  {
8826
- type: inputProps?.type || "text",
8827
- ...commonProps
8905
+ ...commonProps,
8906
+ ref: (el) => {
8907
+ textareaRef.current = el;
8908
+ if (typeof ref === "function") {
8909
+ ref(el);
8910
+ } else if (ref && typeof ref === "object" && "current" in ref) {
8911
+ ref.current = el;
8912
+ }
8913
+ },
8914
+ rows: 1,
8915
+ style: { ...inputStyle, resize: "none" },
8916
+ onChange: handleTextareaOnChange,
8917
+ onPaste: handleTextAreaOnPaste
8828
8918
  }
8829
8919
  );
8830
- };
8920
+ }
8831
8921
  return /* @__PURE__ */ React72.createElement(
8922
+ "input",
8923
+ {
8924
+ ...commonProps,
8925
+ ref: (el) => {
8926
+ if (typeof ref === "function") {
8927
+ ref(el);
8928
+ } else if (ref && typeof ref === "object" && "current" in ref) {
8929
+ ref.current = el;
8930
+ }
8931
+ },
8932
+ type: inputProps?.type || "text"
8933
+ }
8934
+ );
8935
+ };
8936
+ return /* @__PURE__ */ React72.createElement(
8937
+ Box,
8938
+ {
8939
+ color: "primaryText",
8940
+ display: "flex",
8941
+ flexDirection: "column",
8942
+ gap: "8",
8943
+ width: "full"
8944
+ },
8945
+ label && /* @__PURE__ */ React72.createElement(Text, { size: "12", weight: textWeight }, label),
8946
+ isLoading ? /* @__PURE__ */ React72.createElement(FunSkeletonBlock, { height: "44" }) : /* @__PURE__ */ React72.createElement(
8832
8947
  Box,
8833
8948
  {
8834
- color: "primaryText",
8949
+ borderRadius,
8950
+ fontFamily: "body",
8951
+ minWidth: "full",
8835
8952
  display: "flex",
8836
- flexDirection: "column",
8837
- gap: "8",
8838
- width: "full"
8953
+ alignItems: allowMultiline ? "flex-start" : "center",
8954
+ color: adornmentColor,
8955
+ borderColor: getBorderColor2(),
8956
+ borderWidth: overrideBorderWidth ?? "1",
8957
+ borderStyle: "solid",
8958
+ fontWeight: "medium",
8959
+ fontSize: "13",
8960
+ className: baseWrapperStyles,
8961
+ background: overrideBackground || {
8962
+ base: "inputBackground",
8963
+ hover: "offBackground"
8964
+ }
8839
8965
  },
8840
- label && /* @__PURE__ */ React72.createElement(Text, { size: "12", weight: textWeight }, label),
8841
- isLoading ? /* @__PURE__ */ React72.createElement(FunSkeletonBlock, { height: "44" }) : /* @__PURE__ */ React72.createElement(
8966
+ prefix && /* @__PURE__ */ React72.createElement(Box, { paddingLeft: "12", height: "max" }, prefix),
8967
+ prefixIcon === "SearchIcon" && /* @__PURE__ */ React72.createElement(
8842
8968
  Box,
8843
8969
  {
8844
- borderRadius,
8845
- fontFamily: "body",
8846
- minWidth: "full",
8847
8970
  display: "flex",
8848
- alignItems: allowMultiline ? "flex-start" : "center",
8849
- color: adornmentColor,
8850
- borderColor: getBorderColor2(),
8851
- borderWidth: overrideBorderWidth ?? "1",
8852
- borderStyle: "solid",
8853
- fontWeight: "medium",
8854
- fontSize: "13",
8855
- className: baseWrapperStyles,
8856
- background: overrideBackground || {
8857
- base: "inputBackground",
8858
- hover: "offBackground"
8859
- }
8971
+ paddingLeft: "12",
8972
+ height: "max",
8973
+ alignItems: "center",
8974
+ color: isFocused ? "primaryText" : "secondaryText"
8860
8975
  },
8861
- prefix && /* @__PURE__ */ React72.createElement(Box, { paddingLeft: "12", height: "max" }, prefix),
8862
- prefixIcon === "SearchIcon" && /* @__PURE__ */ React72.createElement(
8863
- Box,
8864
- {
8865
- display: "flex",
8866
- paddingLeft: "12",
8867
- height: "max",
8868
- alignItems: "center",
8869
- color: isFocused ? "primaryText" : "secondaryText"
8870
- },
8871
- /* @__PURE__ */ React72.createElement(SearchIcon, null)
8872
- ),
8873
- prefixIcon === "$" && /* @__PURE__ */ React72.createElement(Box, { display: "flex", alignItems: "center", paddingLeft: "32" }, /* @__PURE__ */ React72.createElement(
8874
- DollarTextIcon,
8875
- {
8876
- fontSize: inputStyle.fontSize || DEFAULT_ICON_FONT_SIZE
8877
- }
8878
- )),
8879
- renderInputOrTextarea(),
8880
- suffix && /* @__PURE__ */ React72.createElement(
8881
- Box,
8882
- {
8883
- paddingLeft: "4",
8884
- paddingRight: "10",
8885
- ...allowMultiline ? { paddingTop: "9" } : {}
8886
- },
8887
- suffix
8888
- )
8976
+ /* @__PURE__ */ React72.createElement(SearchIcon, null)
8889
8977
  ),
8890
- error && typeof error === "string" && /* @__PURE__ */ React72.createElement(Text, { color: "error", size: "10" }, error)
8891
- );
8892
- }
8893
- );
8978
+ prefixIcon === "$" && /* @__PURE__ */ React72.createElement(Box, { display: "flex", alignItems: "center", paddingLeft: "32" }, /* @__PURE__ */ React72.createElement(
8979
+ DollarTextIcon,
8980
+ {
8981
+ fontSize: inputStyle.fontSize || DEFAULT_ICON_FONT_SIZE
8982
+ }
8983
+ )),
8984
+ renderInputOrTextarea(),
8985
+ suffix && /* @__PURE__ */ React72.createElement(
8986
+ Box,
8987
+ {
8988
+ paddingLeft: "4",
8989
+ paddingRight: "10",
8990
+ ...allowMultiline ? { paddingTop: "9" } : {}
8991
+ },
8992
+ suffix
8993
+ )
8994
+ ),
8995
+ error && typeof error === "string" && /* @__PURE__ */ React72.createElement(Text, { color: "error", size: "10" }, error)
8996
+ );
8997
+ });
8894
8998
  var adjustTextareaHeight = (textarea) => {
8895
8999
  if (textarea) {
8896
9000
  textarea.style.height = "auto";
@@ -9467,6 +9571,7 @@ function BaseDropdownItem({
9467
9571
  onClick = noop3,
9468
9572
  isSelected = false,
9469
9573
  isDisabled = false,
9574
+ borderRadius = "connectButton",
9470
9575
  horizontalIconGap = HORIZONTAL_ICON_GAP,
9471
9576
  tagComponent,
9472
9577
  horizontalPadding = "4",
@@ -9492,6 +9597,8 @@ function BaseDropdownItem({
9492
9597
  className: clsx11(
9493
9598
  isDisabled ? disabledDropdownItemStyles : enabledDropdownItemStyles
9494
9599
  ),
9600
+ boxShadow: isSelected ? "selectedDropdownItem" : void 0,
9601
+ borderRadius,
9495
9602
  "aria-disabled": isDisabled
9496
9603
  },
9497
9604
  /* @__PURE__ */ React81.createElement(
@@ -9537,8 +9644,7 @@ var ChainDropdown = ({
9537
9644
  isLoading,
9538
9645
  alwaysOpenToTop,
9539
9646
  maxDropdownHeight,
9540
- tagComponent,
9541
- baseDropdownProps = {}
9647
+ tagComponent
9542
9648
  }) => {
9543
9649
  const defaultChainIdJson = useFlag(FlagKey8.TokenTransferDefaultChainId);
9544
9650
  const defaultChainId = safeJSONParse(defaultChainIdJson);
@@ -9643,8 +9749,7 @@ var ChainDropdown = ({
9643
9749
  }
9644
9750
  return dropdownItem;
9645
9751
  },
9646
- preloadIconUrls: chainIds.map((id) => chainMetadataById[id].iconUrl),
9647
- ...baseDropdownProps
9752
+ preloadIconUrls: chainIds.map((id) => chainMetadataById[id].iconUrl)
9648
9753
  }
9649
9754
  );
9650
9755
  };
@@ -9765,8 +9870,7 @@ var TokenDropdown = ({
9765
9870
  onTokenSelected,
9766
9871
  isLoading,
9767
9872
  alwaysOpenToTop,
9768
- maxDropdownHeight,
9769
- baseDropdownProps = {}
9873
+ maxDropdownHeight
9770
9874
  }) => {
9771
9875
  const defaultTokensJson = useFlag(FlagKey9.TokenTransferDefaultTokens);
9772
9876
  const defaultTokens = safeJSONParse(defaultTokensJson);
@@ -9851,8 +9955,7 @@ var TokenDropdown = ({
9851
9955
  }
9852
9956
  );
9853
9957
  },
9854
- preloadIconUrls: allTokens.map((symbol) => getTokenIconUrl(symbol)),
9855
- ...baseDropdownProps
9958
+ preloadIconUrls: allTokens.map((symbol) => getTokenIconUrl(symbol))
9856
9959
  }
9857
9960
  );
9858
9961
  };
@@ -9865,8 +9968,8 @@ var TokenAndChainDropdown = ({
9865
9968
  assets,
9866
9969
  onTokenSelected,
9867
9970
  onChainSelected,
9868
- tokenLabel = "Select token",
9869
- chainLabel = "Select chain",
9971
+ tokenLabel = "Supported token",
9972
+ chainLabel = "Supported chain",
9870
9973
  chainLabelAddon,
9871
9974
  alwaysOpenToTop,
9872
9975
  maxTokenDropdownHeight = 338,
@@ -9915,7 +10018,7 @@ import React86 from "react";
9915
10018
 
9916
10019
  // src/components/FunInfoBanner/InfoBanner.css.ts
9917
10020
  var anchorStyle = "vyedix0";
9918
- var iconWrapperStyle = "vyedix2 _1rsrm2fhk _1rsrm2f3k";
10021
+ var iconWrapperStyle = "vyedix2 _1rsrm2fhj _1rsrm2f3k";
9919
10022
 
9920
10023
  // src/components/FunInfoBanner/InfoBanner.tsx
9921
10024
  var InfoBanner = ({ message, type }) => {
@@ -10263,7 +10366,7 @@ var GasIcon = ({ size = 12 }) => /* @__PURE__ */ React89.createElement(
10263
10366
  );
10264
10367
 
10265
10368
  // src/components/FunTransactionSummary/PaymentFeesSummary.css.ts
10266
- var baseStyles2 = "_1rsrm2f1mk";
10369
+ var baseStyles2 = "_1rsrm2f1n2";
10267
10370
  var expandableStyles = "vkwve32";
10268
10371
  var feeLineHideStyles = "vkwve34";
10269
10372
  var feeLineShowStyles = "vkwve33";
@@ -12187,7 +12290,6 @@ var WithdrawContent = ({
12187
12290
  }, [isPlaceholderData, confirmingQuote, isQuoteLoading, isInstantQuoting]);
12188
12291
  const showCheckAddressAlert = false;
12189
12292
  const wallets = usePreparedWalletConnectors();
12190
- const { loginType } = useGeneralWallet();
12191
12293
  const { apiKey } = useFunkitConfig();
12192
12294
  const connectedWalletIconUrl = wallets.find(
12193
12295
  (wallet) => wallet.id === connector?.id
@@ -12199,7 +12301,15 @@ var WithdrawContent = ({
12199
12301
  selectedChainId
12200
12302
  );
12201
12303
  const isWithdrawAmountValid = Number(amount) > 0 && Number(amount) <= sourceTokenBalance;
12202
- const showUseConnected = config.showConnectedWalletAsPreferredRecipient && isConnected && connectedWalletIconUrl && connectedWalletAddress && loginType === "web3" /* Web3 */ && config.wallet?.address().toLowerCase() !== connectedWalletAddress.toLowerCase();
12304
+ const withdrawalWalletAddress = config.wallet.address();
12305
+ const showUseConnected = isConnected && connectedWalletAddress && withdrawalWalletAddress.toLowerCase() !== connectedWalletAddress.toLowerCase();
12306
+ useEffect27(() => {
12307
+ logger.debug("withdrawalContent:showUseConnected", {
12308
+ isConnected,
12309
+ connectedWalletAddress,
12310
+ withdrawalWalletAddress
12311
+ });
12312
+ }, [isConnected, connectedWalletAddress, withdrawalWalletAddress]);
12203
12313
  const handleUseConnectedClick = () => {
12204
12314
  if (!connectedWalletAddress) {
12205
12315
  return;
@@ -12470,7 +12580,7 @@ function getCheckoutCompletionTime(checkout) {
12470
12580
  }
12471
12581
 
12472
12582
  // src/components/FunCheckoutHistory/FunCheckoutHistoryDetail.tsx
12473
- import React215, { useCallback as useCallback42, useMemo as useMemo33, useState as useState61 } from "react";
12583
+ import React215, { useCallback as useCallback42, useMemo as useMemo34, useState as useState61 } from "react";
12474
12584
  import { createPortal as createPortal14 } from "react-dom";
12475
12585
 
12476
12586
  // src/components/HelpAlert/HelpAlert.tsx
@@ -12671,7 +12781,7 @@ import {
12671
12781
  formatSecondsToReadableForm as formatSecondsToReadableForm4,
12672
12782
  formatTimestamp
12673
12783
  } from "@funkit/utils";
12674
- import React214, { useState as useState60, useRef as useRef21, useEffect as useEffect49 } from "react";
12784
+ import React214, { useState as useState60, useRef as useRef22, useEffect as useEffect48 } from "react";
12675
12785
 
12676
12786
  // src/components/FunTransactionSummary/FunTxSummaryComponents.tsx
12677
12787
  import React95 from "react";
@@ -14703,7 +14813,7 @@ var BankIconActive = ({ size = 20 }) => {
14703
14813
 
14704
14814
  // src/components/FunConnectOptions/FunSignInStep.tsx
14705
14815
  import { groupBy, isMobile as isMobile8, isSafari as isSafari3, redirectInMobile as redirectInMobile2 } from "@funkit/utils";
14706
- import React209, { Fragment as Fragment2, useCallback as useCallback41, useMemo as useMemo32, useState as useState59 } from "react";
14816
+ import React209, { Fragment as Fragment2, useCallback as useCallback41, useMemo as useMemo33, useState as useState59 } from "react";
14707
14817
 
14708
14818
  // src/providers/walletConnectDeepLink.ts
14709
14819
  var storageKey2 = "WALLETCONNECT_DEEPLINK_CHOICE";
@@ -15121,7 +15231,7 @@ var SocialsIcon = () => {
15121
15231
  };
15122
15232
 
15123
15233
  // src/components/FunConnectOptions/FunConnectOptions.tsx
15124
- import React208, { useCallback as useCallback40, useMemo as useMemo31, useState as useState58 } from "react";
15234
+ import React208, { useCallback as useCallback40, useMemo as useMemo32, useState as useState58 } from "react";
15125
15235
 
15126
15236
  // src/hooks/useAnimatedNavigation.ts
15127
15237
  import { useCallback as useCallback19, useState as useState29 } from "react";
@@ -15191,12 +15301,12 @@ function useAnimatedNavigation(callback) {
15191
15301
 
15192
15302
  // src/components/FunCheckoutModalHeightAnimationWrapper/FunCheckoutModalHeightAnimationWrapper.tsx
15193
15303
  import { motion as motion11 } from "motion/react";
15194
- import React197, { useEffect as useEffect44, useRef as useRef19, useState as useState55 } from "react";
15304
+ import React197, { useEffect as useEffect43, useRef as useRef20, useState as useState55 } from "react";
15195
15305
 
15196
15306
  // src/modals/CheckoutModal/stepTransition.ts
15197
15307
  import {
15198
15308
  useCallback as useCallback36,
15199
- useRef as useRef18,
15309
+ useRef as useRef19,
15200
15310
  useState as useState54
15201
15311
  } from "react";
15202
15312
 
@@ -16813,6 +16923,7 @@ var mapFontLineHeightToNumberFlowHeight = {
16813
16923
  "20px": "21px",
16814
16924
  "48px": "60px"
16815
16925
  };
16926
+ var defaultTransition = "all 150ms cubic-bezier(0.3, 0, 0.06, 1)";
16816
16927
 
16817
16928
  // src/hooks/useReceiveAmountLabel.ts
16818
16929
  function useReceiveAmountLabel(_) {
@@ -16925,12 +17036,14 @@ function PaymentAmountSummary({
16925
17036
  directExecutionType = null
16926
17037
  }) {
16927
17038
  const { textCustomizations, uiCustomizations } = useFunkitConfig();
17039
+ const paymentMethod = checkoutItem?.selectedPaymentMethodInfo?.paymentMethod;
16928
17040
  const checkoutConfig = checkoutItem?.initSettings.config;
16929
17041
  const sourceAssetInfo = checkoutItem?.selectedSourceAssetInfo;
16930
17042
  const sourceSymbol = sourceAssetInfo?.symbol ?? "";
16931
17043
  const sourceTokenAddress = sourceAssetInfo?.address ?? "0x";
16932
17044
  const sourceTokenChainId = sourceAssetInfo?.chainId ?? "";
16933
17045
  const targetTokenAddress = checkoutConfig?.targetAsset ?? "0x";
17046
+ const isCardPayment = paymentMethod === "card" /* CARD */;
16934
17047
  const receiveAmountLabel = useReceiveAmountLabel({
16935
17048
  directExecutionType,
16936
17049
  isSameToken: isTokenEquivalent3({
@@ -16967,18 +17080,9 @@ function PaymentAmountSummary({
16967
17080
  firstTokenAddress: sourceTokenAddress,
16968
17081
  secondTokenAddress: targetTokenAddress
16969
17082
  });
16970
- const showYouWillPaySummary = () => {
16971
- const isExactSameToken = areSameChains && isSameTokenAddress;
16972
- if (!isExactSameToken) {
16973
- return true;
16974
- }
16975
- const areSameTokenType = targetAssetTicker !== void 0 && (sourceSymbol.includes(targetAssetTicker) || targetAssetTicker.includes(sourceSymbol));
16976
- if (areSameTokenType) {
16977
- return false;
16978
- }
16979
- return !isExactSameToken;
16980
- };
16981
- return /* @__PURE__ */ React138.createElement(FunTxSummaryBox, null, showYouWillPaySummary() && /* @__PURE__ */ React138.createElement(React138.Fragment, null, /* @__PURE__ */ React138.createElement(
17083
+ const isExactSameToken = areSameChains && isSameTokenAddress;
17084
+ const showYouWillPaySummary = !isExactSameToken && !isCardPayment;
17085
+ return /* @__PURE__ */ React138.createElement(FunTxSummaryBox, null, showYouWillPaySummary && /* @__PURE__ */ React138.createElement(React138.Fragment, null, /* @__PURE__ */ React138.createElement(
16982
17086
  PaymentAmountSummaryItem,
16983
17087
  {
16984
17088
  label: textCustomizations.confirmationScreen.payAmountLabel,
@@ -17906,8 +18010,8 @@ import { noop as noop7 } from "@funkit/utils";
17906
18010
  import React147, { useCallback as useCallback24, useEffect as useEffect32, useState as useState37 } from "react";
17907
18011
 
17908
18012
  // src/components/FunCountdown/FunCountdown.css.ts
17909
- var backgroundRing = "_1t0bc111 _1rsrm2f1j8";
17910
- var counterRing = "_1t0bc113 _1rsrm2f1he";
18013
+ var backgroundRing = "_1t0bc111 _1rsrm2f1jq";
18014
+ var counterRing = "_1t0bc113 _1rsrm2f1hw";
17911
18015
 
17912
18016
  // src/components/FunCountdown/FunCountdown.tsx
17913
18017
  var FunCountdown = ({
@@ -18584,7 +18688,7 @@ function DirectExecutionNotifCenter({
18584
18688
 
18585
18689
  // src/modals/CheckoutModal/InputAmount/InputAmount.tsx
18586
18690
  import { isMobile as isMobile6 } from "@funkit/utils";
18587
- import React165, { useEffect as useEffect37 } from "react";
18691
+ import React165, { useEffect as useEffect36 } from "react";
18588
18692
 
18589
18693
  // src/hooks/queries/useMeldCurrencies.ts
18590
18694
  import { getMeldSupportedFiat } from "@funkit/api-base";
@@ -18775,14 +18879,15 @@ var useMeldLimitError = (amount, fiatCurrency) => {
18775
18879
  };
18776
18880
 
18777
18881
  // src/modals/CheckoutModal/InputAmount/InputAmountLoaded.tsx
18882
+ import { MeldServiceProvider as MeldServiceProvider2 } from "@funkit/api-base";
18778
18883
  import {
18779
18884
  FlagKey as FlagKey22,
18780
- formatCryptoAndStringify as formatCryptoAndStringify5,
18781
- formatCurrencyAndStringify as formatCurrencyAndStringify10,
18885
+ formatCryptoAndStringify as formatCryptoAndStringify4,
18886
+ formatCurrencyAndStringify as formatCurrencyAndStringify9,
18782
18887
  isTokenEquivalent as isTokenEquivalent5,
18783
- round as round3
18888
+ round as round4
18784
18889
  } from "@funkit/utils";
18785
- import React163, { useMemo as useMemo20 } from "react";
18890
+ import React163, { useMemo as useMemo21 } from "react";
18786
18891
 
18787
18892
  // src/components/CurrencySelector/CurrencySelector.tsx
18788
18893
  import React152 from "react";
@@ -18877,6 +18982,7 @@ var getCurrencySymbol = (currencyCode) => {
18877
18982
  // src/components/MeldQuoteItem/MeldQuoteItem.tsx
18878
18983
  var providerLabelMap = {
18879
18984
  COINBASEPAY: "Coinbase Pay",
18985
+ MOONPAY: "MoonPay",
18880
18986
  STRIPE: "Stripe",
18881
18987
  TOPPER: "Topper",
18882
18988
  PAYPAL: "PayPal",
@@ -18910,6 +19016,7 @@ var providerLabelMap = {
18910
19016
  var MeldQuoteItem = ({
18911
19017
  quote,
18912
19018
  isBestQuote,
19019
+ bestQuoteLabel,
18913
19020
  onClick,
18914
19021
  isDisabled = false,
18915
19022
  isActive = false
@@ -18963,6 +19070,7 @@ var MeldQuoteItem = ({
18963
19070
  {
18964
19071
  serviceProvider: quote.serviceProvider,
18965
19072
  isBest: isBestQuote,
19073
+ bestQuoteLabel,
18966
19074
  shouldBuyMore: customerScore ? customerScore >= 30 : false,
18967
19075
  hasDocumentUpload: !lowKyc
18968
19076
  }
@@ -18987,6 +19095,7 @@ var SourceMeldQuoteItem = ({
18987
19095
  onClick,
18988
19096
  isLoading,
18989
19097
  isBestQuote,
19098
+ bestQuoteLabel,
18990
19099
  isPreselected,
18991
19100
  disabled,
18992
19101
  error
@@ -19019,7 +19128,8 @@ var SourceMeldQuoteItem = ({
19019
19128
  MeldProviderLabel,
19020
19129
  {
19021
19130
  serviceProvider: quote.serviceProvider,
19022
- isBest: isBestQuote
19131
+ isBest: isBestQuote,
19132
+ bestQuoteLabel
19023
19133
  }
19024
19134
  )) : /* @__PURE__ */ React155.createElement(Text, { size: "12", color: "secondaryText", weight: "medium" }, "No quotes found")), /* @__PURE__ */ React155.createElement(ArrowIcon, { direction: "right", size: 16 }))
19025
19135
  );
@@ -19027,6 +19137,7 @@ var SourceMeldQuoteItem = ({
19027
19137
  var MeldProviderLabel = ({
19028
19138
  serviceProvider,
19029
19139
  isBest,
19140
+ bestQuoteLabel = "Best price, Fastest",
19030
19141
  shouldBuyMore = false,
19031
19142
  hasDocumentUpload = true
19032
19143
  }) => {
@@ -19037,7 +19148,7 @@ var MeldProviderLabel = ({
19037
19148
  size: "10",
19038
19149
  style: { whiteSpace: "nowrap" }
19039
19150
  },
19040
- "Best price, Fastest"
19151
+ bestQuoteLabel
19041
19152
  ));
19042
19153
  };
19043
19154
 
@@ -19852,6 +19963,16 @@ function autoPickBestQuote(quotes) {
19852
19963
  const coinbaseOrBinance = quotes.filter(
19853
19964
  (q) => q.serviceProvider === MeldServiceProvider.COINBASEPAY || q.serviceProvider === MeldServiceProvider.BINANCECONNECT
19854
19965
  );
19966
+ const coinbase = coinbaseOrBinance.find(
19967
+ (q) => q.serviceProvider === MeldServiceProvider.COINBASEPAY
19968
+ );
19969
+ const moonpay = quotes.find(
19970
+ (q) => q.serviceProvider === MeldServiceProvider.MOONPAY
19971
+ );
19972
+ const isCoinbaseOneToOne = coinbase && coinbase.destinationAmount === coinbase.sourceAmount;
19973
+ if (moonpay && !coinbase || moonpay && !isCoinbaseOneToOne) {
19974
+ return moonpay;
19975
+ }
19855
19976
  if (coinbaseOrBinance.length > 0) {
19856
19977
  const highestCoinbaseOrBinanceDestAmount = [...coinbaseOrBinance].sort(
19857
19978
  (a, b) => (b.destinationAmount ?? 0) - (a.destinationAmount ?? 0)
@@ -19882,6 +20003,9 @@ function isBestPriceQuote(sourceQuotes, targetQuote) {
19882
20003
  if (!sourceQuotes || sourceQuotes.length === 0 || !targetQuote) {
19883
20004
  return false;
19884
20005
  }
20006
+ if (targetQuote.serviceProvider === MeldServiceProvider.MOONPAY) {
20007
+ return true;
20008
+ }
19885
20009
  for (const q of sourceQuotes) {
19886
20010
  if (q.destinationAmount > targetQuote.destinationAmount) {
19887
20011
  return false;
@@ -19889,6 +20013,26 @@ function isBestPriceQuote(sourceQuotes, targetQuote) {
19889
20013
  }
19890
20014
  return true;
19891
20015
  }
20016
+ function createMoonpayMeldQuote(quote) {
20017
+ const FEE_ADJUSTMENT = 0.995;
20018
+ const destinationAmount = quote.destinationAmount * FEE_ADJUSTMENT;
20019
+ return {
20020
+ ...quote,
20021
+ destinationAmount,
20022
+ lowKyc: null,
20023
+ serviceProvider: MeldServiceProvider.MOONPAY
20024
+ };
20025
+ }
20026
+ function withMoonpayMeldQuote(quotes) {
20027
+ if (!quotes) {
20028
+ return quotes;
20029
+ }
20030
+ const topQuote = quotes[0];
20031
+ const moonpay = createMoonpayMeldQuote(topQuote);
20032
+ return [moonpay, ...quotes].sort(
20033
+ (a, b) => b.destinationAmount - a.destinationAmount
20034
+ );
20035
+ }
19892
20036
 
19893
20037
  // src/modals/CheckoutModal/MeldQuotes/useMeldLink.tsx
19894
20038
  import { startMeldSession } from "@funkit/api-base";
@@ -19935,6 +20079,7 @@ var useMeldQuotes = (sourceAmount, fiatCurrency) => {
19935
20079
  const { apiKey } = useFunkitConfig();
19936
20080
  const { isAway } = useUserPresence();
19937
20081
  const destinationCurrencyCode = useMeldCryptoCurrencyCode();
20082
+ const isPolymarket = isPolymarketCustomer(apiKey);
19938
20083
  const sourceCurrencyCode = fiatCurrency || "USD";
19939
20084
  const query = useQuery15({
19940
20085
  queryKey: [
@@ -19976,10 +20121,12 @@ var useMeldQuotes = (sourceAmount, fiatCurrency) => {
19976
20121
  autoRestart: true
19977
20122
  });
19978
20123
  const isOutdated = sourceAmount !== debouncedSourceAmount;
20124
+ const data = isPolymarket ? withMoonpayMeldQuote(query.data) : query.data;
19979
20125
  return {
19980
20126
  countdown,
19981
20127
  query: {
19982
20128
  ...query,
20129
+ data,
19983
20130
  error: isOutdated ? null : query.error,
19984
20131
  isError: query.isError && !isOutdated,
19985
20132
  isOutdated
@@ -20011,97 +20158,138 @@ var SwitchIcon = () => {
20011
20158
  );
20012
20159
  };
20013
20160
 
20014
- // src/hooks/useDynamicFont.ts
20015
- import { useCallback as useCallback27, useEffect as useEffect35, useRef as useRef16, useState as useState41 } from "react";
20016
- var SIZE_STEP = 1;
20017
- var ALLOWANCE = 20;
20018
- var BASE_FONT_SIZE = 57;
20019
- var useDynamicFont = (inputValue, max = BASE_FONT_SIZE, min = 16) => {
20020
- const [fontSize, setFontSize] = useState41(max);
20021
- const inputRef = useRef16(null);
20022
- const canvasRef = useRef16(document.createElement("canvas"));
20023
- useEffect35(() => {
20024
- const measureTextWidth = (text) => {
20025
- if (!inputRef.current) {
20026
- return void 0;
20027
- }
20028
- const context = canvasRef.current.getContext("2d");
20029
- if (!context) {
20030
- return void 0;
20031
- }
20032
- const fontSize2 = inputRef.current.style.fontSize;
20033
- const fontFamily = window.getComputedStyle(inputRef.current).fontFamily;
20034
- context.font = `${fontSize2} ${fontFamily}`;
20035
- return Math.ceil(context.measureText(` ${text}`).width);
20036
- };
20037
- const resizeText = () => {
20038
- if (!inputRef.current) {
20039
- return;
20040
- }
20041
- const textWidth = measureTextWidth(inputValue);
20042
- if (textWidth === void 0) {
20043
- return;
20044
- }
20045
- const maxWidth = inputRef.current.getBoundingClientRect().width;
20046
- if (fontSize > min && textWidth >= maxWidth) {
20047
- setFontSize((prevSize) => prevSize - SIZE_STEP);
20048
- } else if (fontSize < max && textWidth < maxWidth - ALLOWANCE) {
20049
- setFontSize((prevSize) => prevSize + SIZE_STEP);
20050
- }
20051
- };
20052
- resizeText();
20053
- }, [max, min, inputValue, fontSize]);
20054
- const resetText = useCallback27(() => setFontSize(max), [max]);
20055
- return { ref: inputRef, fontSize, resetText };
20056
- };
20057
-
20058
- // src/modals/CheckoutModal/InputAmount/InputAmountLayout.tsx
20059
- import { isMobile as isMobile5 } from "@funkit/utils";
20060
- import React161 from "react";
20061
- import { createPortal as createPortal9 } from "react-dom";
20062
- function InputAmountLayout({
20063
- actionButtonProps,
20064
- amountOptions,
20065
- fiatCurrencySelector,
20066
- amountInput,
20067
- amountInputSwitch,
20068
- header,
20069
- footer,
20070
- error
20071
- }) {
20072
- const funkitConfig = useFunkitConfig();
20073
- const uiCustomizations = funkitConfig.uiCustomizations?.inputAmountScreen;
20074
- const allowTokenAmountInput = uiCustomizations?.allowTokenAmountInput ?? true;
20075
- const bottomSectionRef = useBottomSectionRef();
20076
- return /* @__PURE__ */ React161.createElement(Box, { display: "flex", flexDirection: "column", width: "full", style: { flex: 1 } }, /* @__PURE__ */ React161.createElement(
20077
- Box,
20078
- {
20079
- display: "flex",
20080
- flexDirection: "column",
20081
- justifyContent: "center",
20082
- alignItems: "center",
20083
- width: "full",
20084
- style: { flex: 1 }
20085
- },
20086
- header,
20087
- /* @__PURE__ */ React161.createElement(
20088
- Box,
20089
- {
20090
- display: "flex",
20091
- style: { flex: 1 },
20092
- flexDirection: "column",
20093
- alignItems: "center",
20094
- justifyContent: "center",
20095
- gap: "24",
20096
- width: "full"
20097
- },
20098
- /* @__PURE__ */ React161.createElement(
20099
- Box,
20100
- {
20101
- display: "flex",
20102
- flexDirection: "column",
20103
- alignItems: "center",
20104
- justifyContent: "center",
20161
+ // src/modals/CheckoutModal/SourceChange/useUpdateSourceAssetForCard.ts
20162
+ import {
20163
+ FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14,
20164
+ hyperEvmChain,
20165
+ katanaChain
20166
+ } from "@funkit/chains";
20167
+ import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
20168
+ import { useCallback as useCallback27, useState as useState41 } from "react";
20169
+ import { mainnet as mainnet7, mantle, zksync as zksync2 } from "viem/chains";
20170
+ var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
20171
+ if (!checkoutItem?.initSettings.config.targetChain) {
20172
+ throw new Error("pickSourceAssetForCard: Missing targetChain");
20173
+ }
20174
+ logger.log("pickSourceAssetForCard:begin", checkoutItem.initSettings.config);
20175
+ const isNyOrTxOrVi = userIpInfo ? userIpInfo.alpha2 === "US" && ["NY", "TX", "VI"].includes(userIpInfo.state) : false;
20176
+ const isCanada = userIpInfo ? userIpInfo.alpha2 === "CA" : false;
20177
+ const moonpayChainId = getMockedTargetChainId(
20178
+ checkoutItem.initSettings.config,
20179
+ [
20180
+ zksync2.id.toString(),
20181
+ mantle.id.toString(),
20182
+ katanaChain.id.toString(),
20183
+ hyperEvmChain.id.toString()
20184
+ ]
20185
+ );
20186
+ const wethAddrOnTargetChain = (await getTokenAddressBySymbolAndChainId2("weth", moonpayChainId)).toLowerCase();
20187
+ const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
20188
+ checkoutItem.initSettings.config.targetAsset
20189
+ ) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
20190
+ let sourceTokenAddress;
20191
+ let sourceTokenTicker;
20192
+ let sourceTokenChainId;
20193
+ if (isCanada) {
20194
+ sourceTokenTicker = "ETH" /* ETH */;
20195
+ sourceTokenAddress = NATIVE_TOKEN;
20196
+ sourceTokenChainId = moonpayChainId;
20197
+ } else {
20198
+ sourceTokenChainId = isNyOrTxOrVi ? mainnet7.id.toString() : moonpayChainId;
20199
+ if (isTargetAssetEthOrWeth) {
20200
+ sourceTokenTicker = "ETH" /* ETH */;
20201
+ sourceTokenAddress = NATIVE_TOKEN;
20202
+ } else {
20203
+ sourceTokenTicker = "USDC" /* USDC */;
20204
+ sourceTokenAddress = await getTokenAddressBySymbolAndChainId2(
20205
+ "USDC" /* USDC */,
20206
+ sourceTokenChainId
20207
+ );
20208
+ }
20209
+ }
20210
+ logger.log("pickSourceAssetForCard:result", {
20211
+ targetAssetInfo: checkoutItem?.initSettings.config,
20212
+ isNyOrTxOrVi,
20213
+ isCanada,
20214
+ isTargetAssetEthOrWeth,
20215
+ sourceTokenAddress,
20216
+ sourceTokenChainId,
20217
+ sourceTokenTicker
20218
+ });
20219
+ return {
20220
+ sourceTokenAddress,
20221
+ sourceTokenTicker,
20222
+ sourceTokenChainId
20223
+ };
20224
+ };
20225
+ function useUpdateCardSourceAsset() {
20226
+ const { checkoutItem, updateSourceAsset } = useCheckoutContext();
20227
+ const { userIpInfo } = useFunkitUserIp();
20228
+ const [isUpdating, setIsUpdating] = useState41(false);
20229
+ const onSelectCard = useCallback27(async () => {
20230
+ setIsUpdating(true);
20231
+ try {
20232
+ const source = await pickSourceAssetForCard(checkoutItem, userIpInfo);
20233
+ updateSourceAsset({
20234
+ tokenAddress: source.sourceTokenAddress,
20235
+ symbol: source.sourceTokenTicker,
20236
+ pickedChainId: source.sourceTokenChainId,
20237
+ iconSrc: void 0
20238
+ });
20239
+ } finally {
20240
+ setIsUpdating(false);
20241
+ }
20242
+ }, [checkoutItem, updateSourceAsset, userIpInfo]);
20243
+ return { onSelectCard, isUpdating };
20244
+ }
20245
+
20246
+ // src/modals/CheckoutModal/InputAmount/InputAmountLayout.tsx
20247
+ import { isMobile as isMobile5 } from "@funkit/utils";
20248
+ import React161 from "react";
20249
+ import { createPortal as createPortal9 } from "react-dom";
20250
+ function InputAmountLayout({
20251
+ actionButtonProps,
20252
+ amountOptions,
20253
+ fiatCurrencySelector,
20254
+ amountInput,
20255
+ amountInputSwitch,
20256
+ header,
20257
+ footer,
20258
+ error
20259
+ }) {
20260
+ const funkitConfig = useFunkitConfig();
20261
+ const uiCustomizations = funkitConfig.uiCustomizations?.inputAmountScreen;
20262
+ const allowTokenAmountInput = uiCustomizations?.allowTokenAmountInput ?? true;
20263
+ const bottomSectionRef = useBottomSectionRef();
20264
+ return /* @__PURE__ */ React161.createElement(Box, { display: "flex", flexDirection: "column", width: "full", style: { flex: 1 } }, /* @__PURE__ */ React161.createElement(
20265
+ Box,
20266
+ {
20267
+ display: "flex",
20268
+ flexDirection: "column",
20269
+ justifyContent: "center",
20270
+ alignItems: "center",
20271
+ width: "full",
20272
+ style: { flex: 1 }
20273
+ },
20274
+ header,
20275
+ /* @__PURE__ */ React161.createElement(
20276
+ Box,
20277
+ {
20278
+ display: "flex",
20279
+ style: { flex: 1 },
20280
+ flexDirection: "column",
20281
+ alignItems: "center",
20282
+ justifyContent: "center",
20283
+ gap: "24",
20284
+ width: "full"
20285
+ },
20286
+ /* @__PURE__ */ React161.createElement(
20287
+ Box,
20288
+ {
20289
+ display: "flex",
20290
+ flexDirection: "column",
20291
+ alignItems: "center",
20292
+ justifyContent: "center",
20105
20293
  gap: "8",
20106
20294
  width: "full"
20107
20295
  },
@@ -20234,23 +20422,50 @@ var QuickOptions = ({
20234
20422
  };
20235
20423
 
20236
20424
  // src/modals/CheckoutModal/InputAmount/useAmountInput.ts
20237
- import { useCallback as useCallback28, useEffect as useEffect36, useReducer as useReducer3 } from "react";
20238
20425
  import {
20239
- formatCryptoAndStringify as formatCryptoAndStringify4,
20240
- formatCurrencyAndStringify as formatCurrencyAndStringify9
20241
- } from "@funkit/utils";
20426
+ useCallback as useCallback29,
20427
+ useEffect as useEffect35,
20428
+ useMemo as useMemo20,
20429
+ useReducer as useReducer3,
20430
+ useRef as useRef17,
20431
+ useState as useState42
20432
+ } from "react";
20242
20433
 
20243
- // src/modals/CheckoutModal/InputAmount/state.ts
20244
- import { round as round2 } from "@funkit/utils";
20245
- function getInputValueFromAmount(params) {
20246
- const amount = params.isInputInFiat ? params.fiatAmount : params.assetAmount;
20247
- if (amount === void 0) {
20248
- return "";
20249
- }
20250
- const formattedAmount = amount.toFixed(
20251
- params.isInputInFiat ? USD_DECIMALS : ASSET_DECIMALS
20434
+ // src/hooks/useTextMeasurer.ts
20435
+ import { useCallback as useCallback28, useRef as useRef16 } from "react";
20436
+ function useTextMeasurer(inputRef) {
20437
+ const canvasRef = useRef16(document.createElement("canvas"));
20438
+ const measureText = useCallback28(
20439
+ (text, fontSize) => {
20440
+ if (!inputRef.current) {
20441
+ return void 0;
20442
+ }
20443
+ const context = canvasRef.current.getContext("2d");
20444
+ if (!context) {
20445
+ return void 0;
20446
+ }
20447
+ const style = window.getComputedStyle(inputRef.current);
20448
+ context.font = `${style.fontWeight} ${fontSize ? `${fontSize}px` : style.fontSize} ${style.fontFamily}`;
20449
+ return Math.ceil(context.measureText(text).width);
20450
+ },
20451
+ [inputRef]
20252
20452
  );
20253
- return params.isInputInFiat ? params.currencySymbol + formattedAmount : formattedAmount;
20453
+ return {
20454
+ measureText
20455
+ };
20456
+ }
20457
+
20458
+ // src/modals/CheckoutModal/InputAmount/state.ts
20459
+ import { round as round3 } from "@funkit/utils";
20460
+ function getInputValueFromAmount({
20461
+ assetAmount,
20462
+ fiatAmount,
20463
+ fiatCurrency,
20464
+ isInputInFiat,
20465
+ locale
20466
+ }) {
20467
+ const amount = isInputInFiat ? fiatAmount : assetAmount;
20468
+ return amount ? isInputInFiat ? formatCurrencyAmountWithLocale(amount, { fiatCurrency, locale }) : formatAssetAmountWithLocale(amount, { locale }) : "";
20254
20469
  }
20255
20470
  function calcInitialFiatAmount(balance) {
20256
20471
  const halfBalance = balance / 2;
@@ -20271,14 +20486,15 @@ function calcInitialFiatAmount(balance) {
20271
20486
  }
20272
20487
  function initializeState({
20273
20488
  checkoutConfig,
20489
+ defaultAmount,
20490
+ fiatCurrency = "USD",
20491
+ locale,
20274
20492
  maxUsd,
20275
20493
  minUsd,
20276
20494
  paymentMethod,
20495
+ quickOptions,
20277
20496
  sourceHolding,
20278
- unitPrice: realUnitPrice,
20279
- defaultAmount,
20280
- fiatCurrency = "USD",
20281
- quickOptions
20497
+ unitPrice: realUnitPrice
20282
20498
  }) {
20283
20499
  const { targetAssetAmount, targetChain, targetAssetTicker } = checkoutConfig;
20284
20500
  const isInputInFiat = true;
@@ -20292,19 +20508,21 @@ function initializeState({
20292
20508
  const usdMaxAmount = getUsdMaxAmount(maxUsd);
20293
20509
  const usdMinAmount = getUsdMinAmount(paymentMethod, minUsd);
20294
20510
  const initialFiatAmount = getInitialFiatAmount();
20511
+ const { decimals } = getCurrencyFormattingOptions(fiatCurrency, locale);
20295
20512
  const finalFiatAmount = initialFiatAmount === void 0 ? void 0 : Math.min(
20296
20513
  Math.max(initialFiatAmount, usdMinAmount, 0),
20297
20514
  usdAvailableAmount ?? Number.MAX_VALUE,
20298
20515
  usdMaxAmount ?? Number.MAX_VALUE
20299
20516
  );
20300
20517
  const rounding = finalFiatAmount === initialFiatAmount ? "round" : finalFiatAmount === usdMinAmount ? "ceil" : "floor";
20301
- const fiatAmount = finalFiatAmount ? round2(finalFiatAmount, USD_DECIMALS, rounding) : void 0;
20518
+ const fiatAmount = finalFiatAmount ? round3(finalFiatAmount, decimals, rounding) : void 0;
20302
20519
  const assetAmount = finalFiatAmount ? targetAssetAmount && finalFiatAmount === targetAssetAmount * unitPrice ? targetAssetAmount : finalFiatAmount / unitPrice : void 0;
20303
20520
  const inputValue = getInputValueFromAmount({
20304
20521
  assetAmount,
20305
- currencySymbol: getCurrencySymbol(fiatCurrency),
20522
+ fiatCurrency,
20306
20523
  isInputInFiat,
20307
- fiatAmount
20524
+ fiatAmount,
20525
+ locale
20308
20526
  });
20309
20527
  function getInitialFiatAmount() {
20310
20528
  if (defaultAmount !== void 0) {
@@ -20327,6 +20545,7 @@ function initializeState({
20327
20545
  fiatCurrency,
20328
20546
  inputValue,
20329
20547
  isInputInFiat,
20548
+ locale,
20330
20549
  usdAvailableAmount,
20331
20550
  usdMaxAmount,
20332
20551
  usdMinAmount
@@ -20335,50 +20554,49 @@ function initializeState({
20335
20554
  function reduceState(state, action) {
20336
20555
  switch (action.type) {
20337
20556
  case "toggleInputInFiat": {
20338
- const newState = {
20339
- ...state,
20340
- isInputInFiat: !state.isInputInFiat
20341
- };
20557
+ const isInputInFiat = !state.isInputInFiat;
20342
20558
  const inputValue = getInputValueFromAmount({
20343
- ...newState,
20344
- currencySymbol: "$"
20559
+ ...state,
20560
+ isInputInFiat
20345
20561
  });
20346
- return { ...newState, inputValue };
20562
+ return {
20563
+ ...state,
20564
+ inputValue,
20565
+ isInputInFiat
20566
+ };
20347
20567
  }
20348
20568
  case "setInputValue": {
20349
- const { inputValue: rawInputValue, unitPrice } = action;
20350
- const currencySymbol = getCurrencySymbol(state.fiatCurrency);
20351
- const regex = state.isInputInFiat ? /\d+(\.\d{0,2})?/ : /\d+(\.\d{0,5})?/;
20352
- const match = regex.exec(rawInputValue);
20353
- const numericInputValue = match?.[0];
20354
- const newInputValue = numericInputValue !== void 0 && state.isInputInFiat ? `${currencySymbol}${numericInputValue}` : numericInputValue;
20355
- if (newInputValue === state.inputValue) {
20569
+ const { inputValue: newInputValue, unitPrice } = action;
20570
+ const {
20571
+ fiatCurrency,
20572
+ inputValue: oldInputValue,
20573
+ isInputInFiat,
20574
+ locale
20575
+ } = state;
20576
+ if (newInputValue === oldInputValue) {
20356
20577
  return state;
20357
20578
  }
20358
- const newInputAmount = numericInputValue !== void 0 ? Number.parseFloat(numericInputValue) : void 0;
20359
- if (state.isInputInFiat) {
20360
- return {
20361
- ...state,
20362
- assetAmount: newInputAmount !== void 0 ? newInputAmount / unitPrice : void 0,
20363
- inputValue: newInputValue ?? "",
20364
- fiatAmount: newInputAmount
20365
- };
20366
- }
20579
+ const { decimals } = getCurrencyFormattingOptions(fiatCurrency, locale);
20580
+ const { amount } = parseNumberInputValue(
20581
+ newInputValue,
20582
+ getNumberSeparators(locale)
20583
+ );
20367
20584
  return {
20368
20585
  ...state,
20369
- assetAmount: newInputAmount,
20370
- inputValue: newInputValue ?? "",
20371
- fiatAmount: newInputAmount !== void 0 ? round2(newInputAmount * unitPrice, USD_DECIMALS) : void 0
20586
+ assetAmount: amount !== void 0 ? isInputInFiat ? amount / unitPrice || 0 : amount : void 0,
20587
+ inputValue: newInputValue,
20588
+ fiatAmount: amount !== void 0 ? isInputInFiat ? amount : round3(amount * unitPrice, decimals) : void 0
20372
20589
  };
20373
20590
  }
20374
20591
  case "setFiatCurrency": {
20592
+ const { fiatCurrency } = action;
20375
20593
  const inputValue = getInputValueFromAmount({
20376
20594
  ...state,
20377
- currencySymbol: getCurrencySymbol(action.fiatCurrency)
20595
+ fiatCurrency
20378
20596
  });
20379
20597
  return {
20380
20598
  ...state,
20381
- fiatCurrency: action.fiatCurrency,
20599
+ fiatCurrency,
20382
20600
  inputValue
20383
20601
  };
20384
20602
  }
@@ -20386,10 +20604,9 @@ function reduceState(state, action) {
20386
20604
  const { unitPrice, fiatAmount } = action;
20387
20605
  const assetAmount = fiatAmount / unitPrice || 0;
20388
20606
  const inputValue = getInputValueFromAmount({
20607
+ ...state,
20389
20608
  assetAmount,
20390
- currencySymbol: getCurrencySymbol(state.fiatCurrency),
20391
- fiatAmount,
20392
- isInputInFiat: state.isInputInFiat
20609
+ fiatAmount
20393
20610
  });
20394
20611
  return {
20395
20612
  ...state,
@@ -20432,18 +20649,55 @@ function getAmountInputError(state) {
20432
20649
  }
20433
20650
  }
20434
20651
  function getDerivedState(state) {
20652
+ const { fiatCurrency, isInputInFiat, locale } = state;
20435
20653
  const inputError = getAmountInputError(state);
20654
+ const currencyOptions = isInputInFiat ? getCurrencyFormattingOptions(fiatCurrency, locale) : { ASSET_DECIMALS, currencySymbolWithSpacing: "" };
20436
20655
  return {
20437
20656
  ...state,
20657
+ // Latest request is to NOT limit the input to the currency's decimals - rather we reuse the maximum from assets
20658
+ // https://linear.app/funxyz/issue/PE-1687/product-number-formatting#comment-e867b02d
20659
+ inputDecimals: ASSET_DECIMALS,
20660
+ // currencyOptions.decimals,
20438
20661
  inputError: inputError ?? null,
20439
- isValid: !inputError
20662
+ inputPrefix: currencyOptions.currencySymbolWithSpacing,
20663
+ isValid: !inputError,
20664
+ placeholder: "0"
20440
20665
  };
20441
20666
  }
20442
20667
 
20443
20668
  // src/modals/CheckoutModal/InputAmount/useAmountInput.ts
20669
+ var MAX_FONT_SIZE = 57;
20670
+ var MIN_FONT_SIZE = 16;
20671
+ var MAX_WIDTH = 310;
20444
20672
  function useAmountInput(options) {
20445
20673
  const isMeldEnabled = useIsMeldEnabled();
20446
20674
  const [state, dispatch] = useReducer3(reduceState, options, initializeState);
20675
+ const derivedState = useMemo20(() => getDerivedState(state), [state]);
20676
+ const inputRef = useRef17(null);
20677
+ const { inputValue, locale } = state;
20678
+ const { inputDecimals, inputPrefix, placeholder } = derivedState;
20679
+ const { measureText } = useTextMeasurer(inputRef);
20680
+ const inputText = inputValue || placeholder;
20681
+ const [fontSize, setFontSize] = useState42(MAX_FONT_SIZE);
20682
+ const [inputWidth, setInputWidth] = useState42();
20683
+ useEffect35(() => {
20684
+ const totalTextWidth = measureText(inputPrefix + inputText, fontSize);
20685
+ const newFontSize = totalTextWidth ? Math.min(
20686
+ Math.max(
20687
+ Math.floor(MAX_WIDTH / totalTextWidth * fontSize),
20688
+ MIN_FONT_SIZE
20689
+ ),
20690
+ MAX_FONT_SIZE
20691
+ ) : MAX_FONT_SIZE;
20692
+ if (newFontSize !== fontSize) {
20693
+ setFontSize(newFontSize);
20694
+ }
20695
+ const newInputTextWidth = measureText(inputPrefix + inputText, newFontSize);
20696
+ const newInputWidth = newInputTextWidth && Math.ceil(newInputTextWidth);
20697
+ if (newInputWidth !== inputWidth) {
20698
+ setInputWidth(newInputWidth);
20699
+ }
20700
+ }, [fontSize, inputPrefix, inputText, inputWidth, measureText]);
20447
20701
  const isCardCheckout = options.paymentMethod === "card" /* CARD */;
20448
20702
  const isMeldFlow = isCardCheckout && isMeldEnabled;
20449
20703
  const {
@@ -20453,14 +20707,195 @@ function useAmountInput(options) {
20453
20707
  quickOptions
20454
20708
  } = options;
20455
20709
  const unitPrice = isStablecoin(checkoutConfig.targetAssetTicker) ? 1 : realUnitPrice;
20456
- const dispatchAndGetNewState = useCallback28(
20710
+ const dispatchAndGetNewState = useCallback29(
20457
20711
  (action) => {
20458
20712
  dispatch(action);
20459
20713
  return getDerivedState(reduceState(state, action));
20460
20714
  },
20461
20715
  [state]
20462
20716
  );
20463
- const onChange = useCallback28(
20717
+ useEffect35(() => {
20718
+ if (inputRef.current) {
20719
+ let clearInput2 = function() {
20720
+ element2.setRangeText("", 0, element2.value.length, "end");
20721
+ element2.dispatchEvent(new Event("input", { bubbles: true }));
20722
+ }, replaceInput2 = function(value, caret) {
20723
+ element2.setRangeText(value, 0, element2.value.length, "end");
20724
+ if (caret !== void 0) {
20725
+ element2.setSelectionRange(caret, caret);
20726
+ }
20727
+ element2.dispatchEvent(new Event("input", { bubbles: true }));
20728
+ }, onDeleteBefore2 = function(caret) {
20729
+ const oldInputValue = element2.value;
20730
+ const { decimalPart, integerPart } = parseNumberInputValue(
20731
+ oldInputValue,
20732
+ separators
20733
+ );
20734
+ if (caret === 0) {
20735
+ return;
20736
+ }
20737
+ if (oldInputValue[caret - 1].match(groupSeparator)) {
20738
+ onReplaceRange2(caret - 2, caret, "");
20739
+ return;
20740
+ }
20741
+ if (caret === 1 && integerPart.length === 1) {
20742
+ if (!decimalPart?.match(/[1-9]/)) {
20743
+ clearInput2();
20744
+ return;
20745
+ }
20746
+ element2.setRangeText("0", 0, 1, "end");
20747
+ element2.dispatchEvent(new Event("input", { bubbles: true }));
20748
+ return;
20749
+ }
20750
+ onReplaceRange2(caret - 1, caret, "");
20751
+ }, onDeleteAfter2 = function(caret) {
20752
+ const oldInputValue = element2.value;
20753
+ const { decimalPart, integerPart } = parseNumberInputValue(
20754
+ oldInputValue,
20755
+ separators
20756
+ );
20757
+ if (caret === oldInputValue.length) {
20758
+ return;
20759
+ }
20760
+ if (oldInputValue[caret].match(groupSeparator)) {
20761
+ onReplaceRange2(caret, caret + 2, "");
20762
+ return;
20763
+ }
20764
+ if (caret === 0 && integerPart.length === 1) {
20765
+ if (!decimalPart?.match(/[1-9]/)) {
20766
+ clearInput2();
20767
+ return;
20768
+ }
20769
+ element2.setRangeText("0", 0, 1, "end");
20770
+ element2.dispatchEvent(new Event("input", { bubbles: true }));
20771
+ return;
20772
+ }
20773
+ onReplaceRange2(caret, caret + 1, "");
20774
+ }, onReplaceRange2 = function(rangeStart, rangeEnd, replacement) {
20775
+ const oldInputValue = element2.value;
20776
+ const { amountString } = parseNumberInputValue(
20777
+ oldInputValue,
20778
+ separators
20779
+ );
20780
+ if (replacement === decimalSeparator || replacement === ".") {
20781
+ if (inputDecimals === 0) {
20782
+ return;
20783
+ }
20784
+ const newIntegerPart2 = reformatIntegerPart(
20785
+ amountString.slice(0, rangeStart).replace(/[^0-9]/g, ""),
20786
+ // drop non digits
20787
+ locale,
20788
+ false
20789
+ );
20790
+ const newDecimalPart2 = reformatDecimalPart(
20791
+ amountString.slice(rangeEnd).replace(/[^0-9]/g, ""),
20792
+ // drop non digits
20793
+ inputDecimals
20794
+ );
20795
+ const newAmountString2 = `${newIntegerPart2}${decimalSeparator}${newDecimalPart2}`;
20796
+ replaceInput2(newAmountString2, newIntegerPart2.length + 1);
20797
+ return;
20798
+ }
20799
+ const amountStringReplacement = replacement === "" ? "" : replacement.match(
20800
+ new RegExp(
20801
+ // find an amount within the string, also matching . as potential decimal separator
20802
+ // ignore non-digits before and after (allows pasting something like "$2" for example)
20803
+ `[0-9]+(${groupSeparator.source}[0-9]+)*([${decimalSeparator}.][0-9]*)?`
20804
+ )
20805
+ )?.[0]?.replace(
20806
+ ".",
20807
+ replacement.includes(decimalSeparator) ? "." : decimalSeparator
20808
+ );
20809
+ if (amountStringReplacement === void 0) {
20810
+ return;
20811
+ }
20812
+ const newAmountString = replaceStringRange(
20813
+ amountString,
20814
+ amountStringReplacement,
20815
+ rangeStart,
20816
+ rangeEnd
20817
+ );
20818
+ if (amountString && !newAmountString) {
20819
+ clearInput2();
20820
+ return;
20821
+ }
20822
+ const newAmountStringParts = newAmountString.split(decimalSeparator, 2);
20823
+ const newIntegerPart = newAmountStringParts[0];
20824
+ const newDecimalPart = newAmountStringParts[1]?.replace(/[^0-9]/g, "") ?? null;
20825
+ const reformattedIntegerPart = reformatIntegerPart(
20826
+ newIntegerPart,
20827
+ locale,
20828
+ // Preserve leading zeroes when deleting a nearby digit or when explicitly another zero there
20829
+ // This is important to make changing from e.g. "400" to "500" easy (delete "4" then type "5")
20830
+ !newIntegerPart.slice(0, rangeStart).match(/[1-9]/) && (!amountStringReplacement || amountStringReplacement.startsWith("0"))
20831
+ );
20832
+ const reformattedAmountString = newDecimalPart === null ? reformattedIntegerPart : `${reformattedIntegerPart}${decimalSeparator}${reformatDecimalPart(
20833
+ newDecimalPart,
20834
+ inputDecimals
20835
+ )}`;
20836
+ let caret = rangeStart + amountStringReplacement.length;
20837
+ if (caret > 0) {
20838
+ if (caret < newIntegerPart.length) {
20839
+ caret = reformattedIntegerPart.length - reformatIntegerPart(newIntegerPart.slice(caret), locale, true).length;
20840
+ } else {
20841
+ caret += reformattedIntegerPart.length - newIntegerPart.length;
20842
+ }
20843
+ }
20844
+ replaceInput2(reformattedAmountString, caret);
20845
+ }, onBeforeInput2 = function(event) {
20846
+ switch (event.inputType) {
20847
+ case "deleteContentBackward": {
20848
+ const selectionStart = element2.selectionStart;
20849
+ if (selectionStart !== null) {
20850
+ const selectionEnd = element2.selectionEnd ?? selectionStart;
20851
+ if (selectionEnd !== selectionStart) {
20852
+ onReplaceRange2(selectionStart, selectionEnd, "");
20853
+ } else {
20854
+ onDeleteBefore2(selectionStart);
20855
+ }
20856
+ event.preventDefault();
20857
+ }
20858
+ break;
20859
+ }
20860
+ case "deleteContentForward": {
20861
+ const selectionStart = element2.selectionStart;
20862
+ if (selectionStart !== null) {
20863
+ const selectionEnd = element2.selectionEnd ?? selectionStart;
20864
+ if (selectionEnd !== selectionStart) {
20865
+ onReplaceRange2(selectionStart, selectionEnd, "");
20866
+ } else {
20867
+ onDeleteAfter2(selectionStart);
20868
+ }
20869
+ event.preventDefault();
20870
+ }
20871
+ break;
20872
+ }
20873
+ case "insertFromDrop":
20874
+ case "insertFromPaste":
20875
+ case "insertText": {
20876
+ const selectionStart = element2.selectionStart;
20877
+ if (selectionStart !== null && event.data != null) {
20878
+ const selectionEnd = element2.selectionEnd ?? selectionStart;
20879
+ onReplaceRange2(selectionStart, selectionEnd, event.data);
20880
+ event.preventDefault();
20881
+ }
20882
+ break;
20883
+ }
20884
+ case "historyRedo":
20885
+ case "historyUndo":
20886
+ event.preventDefault();
20887
+ break;
20888
+ }
20889
+ };
20890
+ var clearInput = clearInput2, replaceInput = replaceInput2, onDeleteBefore = onDeleteBefore2, onDeleteAfter = onDeleteAfter2, onReplaceRange = onReplaceRange2, onBeforeInput = onBeforeInput2;
20891
+ const element2 = inputRef.current;
20892
+ const separators = getNumberSeparators(locale);
20893
+ const { decimalSeparator, groupSeparator } = separators;
20894
+ element2.addEventListener("beforeinput", onBeforeInput2);
20895
+ return () => element2.removeEventListener("beforeinput", onBeforeInput2);
20896
+ }
20897
+ }, [inputDecimals, locale]);
20898
+ const onChange = useCallback29(
20464
20899
  (event) => {
20465
20900
  dispatch({
20466
20901
  type: "setInputValue",
@@ -20471,7 +20906,7 @@ function useAmountInput(options) {
20471
20906
  [unitPrice]
20472
20907
  );
20473
20908
  const defaultAmount = isMeldFlow ? getDefaultAmountFromQuickOptions(quickOptions) : void 0;
20474
- useEffect36(() => {
20909
+ useEffect35(() => {
20475
20910
  if (state.fiatCurrency !== fiatCurrency) {
20476
20911
  dispatch({
20477
20912
  type: "setFiatCurrency",
@@ -20486,7 +20921,7 @@ function useAmountInput(options) {
20486
20921
  }
20487
20922
  }
20488
20923
  }, [fiatCurrency]);
20489
- useEffect36(() => {
20924
+ useEffect35(() => {
20490
20925
  if (defaultAmount && state.inputValue === "") {
20491
20926
  dispatch({
20492
20927
  type: "setFiatAmount",
@@ -20495,27 +20930,28 @@ function useAmountInput(options) {
20495
20930
  });
20496
20931
  }
20497
20932
  }, [defaultAmount]);
20498
- const setFiatAmount = useCallback28(
20499
- (fiatAmount) => dispatchAndGetNewState({
20500
- type: "setFiatAmount",
20501
- fiatAmount,
20502
- unitPrice
20503
- }),
20933
+ const setFiatAmount = useCallback29(
20934
+ (fiatAmount) => {
20935
+ const newState = dispatchAndGetNewState({
20936
+ type: "setFiatAmount",
20937
+ fiatAmount,
20938
+ unitPrice
20939
+ });
20940
+ inputRef.current?.focus();
20941
+ return newState;
20942
+ },
20504
20943
  [dispatchAndGetNewState, unitPrice]
20505
20944
  );
20506
- const derivedState = getDerivedState(state);
20507
- const toggleInputInFiat = useCallback28(
20508
- () => dispatch({ type: "toggleInputInFiat" }),
20509
- []
20510
- );
20945
+ const toggleInputInFiat = useCallback29(() => {
20946
+ dispatch({ type: "toggleInputInFiat" });
20947
+ inputRef.current?.focus();
20948
+ }, []);
20511
20949
  return {
20512
20950
  ...derivedState,
20951
+ fontSize,
20952
+ inputWidth,
20513
20953
  onChange,
20514
- placeholder: state.isInputInFiat ? formatCurrencyAndStringify9(
20515
- 0,
20516
- {},
20517
- { currency: fiatCurrency, currencyDisplay: "narrowSymbol" }
20518
- ) : formatCryptoAndStringify4(0),
20954
+ ref: inputRef,
20519
20955
  setFiatAmount,
20520
20956
  // Meld flow does not support update amount suggestions
20521
20957
  suggestion: isMeldFlow ? void 0 : getInputAmountSuggestion(derivedState.inputError),
@@ -20565,6 +21001,7 @@ function InputAmountLoaded({
20565
21001
  checkoutConfig,
20566
21002
  modalState,
20567
21003
  onNext,
21004
+ onClose,
20568
21005
  sourceHolding,
20569
21006
  unitPrice,
20570
21007
  defaultFiatCurrency,
@@ -20578,32 +21015,40 @@ function InputAmountLoaded({
20578
21015
  const meldEnabled = useIsMeldEnabled() && isCardCheckout;
20579
21016
  const { targetAssetTicker, targetAssetMinAmount } = checkoutConfig;
20580
21017
  const { updateTargetAssetAmount } = useCheckoutContext();
21018
+ const { apiKey } = useFunkitConfig();
21019
+ const { checkoutItem } = useCheckoutContext();
20581
21020
  const minUsd = targetAssetMinAmount && unitPrice ? Math.ceil(targetAssetMinAmount * unitPrice * 100) / 100 : void 0;
20582
21021
  const fiatCurrency = modalState.fiatCurrency ?? defaultFiatCurrency;
20583
21022
  const quickOptions = useFiatAmountOptions(fiatCurrency);
20584
21023
  const {
20585
21024
  assetAmount,
21025
+ fiatAmount,
21026
+ fontSize,
20586
21027
  inputError,
21028
+ inputPrefix,
20587
21029
  inputValue,
21030
+ inputWidth,
20588
21031
  isInputInFiat,
20589
21032
  isValid,
20590
21033
  onChange,
20591
- toggleInputInFiat,
20592
- setFiatAmount,
20593
- fiatAmount,
20594
- usdAvailableAmount,
20595
21034
  placeholder,
20596
- suggestion
21035
+ ref,
21036
+ setFiatAmount,
21037
+ suggestion,
21038
+ toggleInputInFiat,
21039
+ usdAvailableAmount
20597
21040
  } = useAmountInput({
20598
- defaultAmount: modalState.fiatAmount,
20599
21041
  checkoutConfig,
20600
- paymentMethod,
20601
- sourceHolding,
20602
- unitPrice,
21042
+ defaultAmount: modalState.fiatAmount,
21043
+ fiatCurrency,
21044
+ locale: void 0,
21045
+ // browser default
20603
21046
  maxUsd: Number.parseFloat(maxCheckoutUsdString),
20604
21047
  minUsd,
21048
+ paymentMethod,
20605
21049
  quickOptions,
20606
- fiatCurrency
21050
+ sourceHolding,
21051
+ unitPrice
20607
21052
  });
20608
21053
  const {
20609
21054
  meldQuotesQuery,
@@ -20614,7 +21059,7 @@ function InputAmountLoaded({
20614
21059
  selectedQuote,
20615
21060
  isSelectedQuoteUnavailable
20616
21061
  } = useMeld(manuallySelectedQuote, fiatAmount, fiatCurrency);
20617
- const error = useMemo20(() => {
21062
+ const error = useMemo21(() => {
20618
21063
  if (isCardCheckout) {
20619
21064
  if (isSelectedQuoteUnavailable) {
20620
21065
  return {
@@ -20650,10 +21095,10 @@ function InputAmountLoaded({
20650
21095
  meldQuotesQuery.error,
20651
21096
  isSelectedQuoteUnavailable
20652
21097
  ]);
20653
- const { ref, fontSize, resetText } = useDynamicFont(inputValue || placeholder);
21098
+ const { onSelectCard } = useUpdateCardSourceAsset();
21099
+ const isMeldMoonpaySelected = selectedQuote?.serviceProvider === MeldServiceProvider2.MOONPAY;
20654
21100
  const handleIsAmountInAbsoluteToggle = () => {
20655
21101
  toggleInputInFiat();
20656
- resetText();
20657
21102
  };
20658
21103
  const handleContinue = async (assetAmount2) => {
20659
21104
  if (assetAmount2 === void 0) {
@@ -20664,6 +21109,17 @@ function InputAmountLoaded({
20664
21109
  onNext({});
20665
21110
  return;
20666
21111
  }
21112
+ if (isMeldMoonpaySelected) {
21113
+ const { onPolymarketCardSwitch } = checkoutItem?.initSettings || {};
21114
+ if (isPolymarketCustomer(apiKey) && onPolymarketCardSwitch) {
21115
+ onPolymarketCardSwitch();
21116
+ onClose();
21117
+ return;
21118
+ }
21119
+ await onSelectCard();
21120
+ onNext({});
21121
+ return;
21122
+ }
20667
21123
  if (selectedQuote) {
20668
21124
  openMeldPopup(() => mutateAsync(selectedQuote.serviceProvider));
20669
21125
  }
@@ -20684,7 +21140,7 @@ function InputAmountLoaded({
20684
21140
  event.preventDefault();
20685
21141
  handleSubmit();
20686
21142
  };
20687
- const displayAssetAmount = round3(
21143
+ const displayAssetAmount = round4(
20688
21144
  (isStablecoin(targetAssetTicker) ? fiatAmount : assetAmount) ?? 0,
20689
21145
  ASSET_DECIMALS
20690
21146
  );
@@ -20725,36 +21181,50 @@ function InputAmountLoaded({
20725
21181
  amountInput: /* @__PURE__ */ React163.createElement(
20726
21182
  Box,
20727
21183
  {
21184
+ alignItems: "center",
20728
21185
  display: "flex",
20729
- gap: "3",
21186
+ minHeight: "76",
20730
21187
  justifyContent: "center",
20731
- alignItems: "flex-end",
20732
21188
  width: "full"
20733
21189
  },
20734
21190
  /* @__PURE__ */ React163.createElement(
20735
- FunInput,
21191
+ Box,
20736
21192
  {
20737
- ref,
20738
- value: inputValue,
20739
- placeholder: `\xA0${placeholder}`,
20740
- onChange,
20741
- onKeyDown: handleKeyDown,
20742
- inputProps: {
20743
- type: isInputInFiat ? "text" : "number",
20744
- autoFocus: true,
20745
- spellCheck: false,
20746
- // get ios to use numpad key with period
20747
- inputMode: "decimal"
20748
- },
20749
- inputStyle: {
20750
- textAlign: "center",
20751
- padding: "0px",
20752
- fontSize: `${fontSize}px`
20753
- },
20754
- adornmentColor: "primaryText",
20755
- overrideBorderWidth: "0",
20756
- overrideBackground: "transparent"
20757
- }
21193
+ display: "flex",
21194
+ justifyContent: "center",
21195
+ style: {
21196
+ alignItems: "baseline",
21197
+ fontSize,
21198
+ transition: defaultTransition,
21199
+ width: inputWidth
21200
+ }
21201
+ },
21202
+ /* @__PURE__ */ React163.createElement(Box, { color: "primaryText", fontFamily: "body", fontWeight: "medium" }, inputPrefix),
21203
+ /* @__PURE__ */ React163.createElement(
21204
+ FunInput,
21205
+ {
21206
+ adornmentColor: "primaryText",
21207
+ onChange,
21208
+ onKeyDown: handleKeyDown,
21209
+ inputProps: {
21210
+ autoFocus: true,
21211
+ inputMode: "decimal",
21212
+ // get iOS to use numpad key with period
21213
+ spellCheck: false,
21214
+ type: "text"
21215
+ // cannot use numeric input because of our custom formatting
21216
+ },
21217
+ inputStyle: {
21218
+ fontSize,
21219
+ padding: "0px"
21220
+ },
21221
+ overrideBorderWidth: "0",
21222
+ overrideBackground: "transparent",
21223
+ placeholder,
21224
+ ref,
21225
+ value: inputValue
21226
+ }
21227
+ )
20758
21228
  )
20759
21229
  ),
20760
21230
  amountInputSwitch: isConvertedAmountShown && /* @__PURE__ */ React163.createElement(
@@ -20776,10 +21246,10 @@ function InputAmountLoaded({
20776
21246
  borderRadius: "inputAmountSwitcher",
20777
21247
  isDisabled: meldEnabled
20778
21248
  },
20779
- /* @__PURE__ */ React163.createElement(Text, { color: "secondaryText", size: "14" }, isInputInFiat ? formatCryptoAndStringify5(
21249
+ /* @__PURE__ */ React163.createElement(Text, { color: "secondaryText", size: "14" }, isInputInFiat ? formatCryptoAndStringify4(
20780
21250
  displayAssetAmount,
20781
21251
  targetAssetTicker
20782
- ) : formatCurrencyAndStringify10(fiatAmount ?? 0))
21252
+ ) : formatCurrencyAndStringify9(fiatAmount ?? 0))
20783
21253
  )
20784
21254
  ),
20785
21255
  amountOptions: (!!usdAvailableAmount || isCardCheckout) && /* @__PURE__ */ React163.createElement(
@@ -20809,6 +21279,7 @@ function InputAmountLoaded({
20809
21279
  meldQuotesQuery.data,
20810
21280
  selectedQuote
20811
21281
  ),
21282
+ bestQuoteLabel: isMeldMoonpaySelected ? "Fastest" : "Best price",
20812
21283
  disabled: !meldQuotesQuery.data || meldQuotesQuery.data.length === 0,
20813
21284
  isPreselected: !manuallySelectedQuote && !!bestRateQuote,
20814
21285
  error: meldLimitError?.issue
@@ -20869,8 +21340,8 @@ function YouPayYouReceiveWrapper({
20869
21340
  }
20870
21341
 
20871
21342
  // src/modals/CheckoutModal/InputAmount/InputAmountLoading.tsx
20872
- import { formatCryptoAndStringify as formatCryptoAndStringify6 } from "@funkit/utils";
20873
- import React164, { useMemo as useMemo21 } from "react";
21343
+ import { formatCryptoAndStringify as formatCryptoAndStringify5 } from "@funkit/utils";
21344
+ import React164, { useMemo as useMemo22 } from "react";
20874
21345
  function InputAmountLoading({
20875
21346
  modalState,
20876
21347
  sourceHoldingError,
@@ -20882,7 +21353,7 @@ function InputAmountLoading({
20882
21353
  const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
20883
21354
  const targetAssetAmount = checkoutItem?.initSettings.config.targetAssetAmount;
20884
21355
  const targetAssetTicker = checkoutItem?.initSettings.config.targetAssetTicker;
20885
- const error = useMemo21(() => {
21356
+ const error = useMemo22(() => {
20886
21357
  if (sourceHoldingError) {
20887
21358
  return {
20888
21359
  message: /* @__PURE__ */ React164.createElement("div", null, "Unable to retrieve your account balance. Please try re-linking your account.", " "),
@@ -20938,7 +21409,7 @@ function InputAmountLoading({
20938
21409
  paddingX: "6",
20939
21410
  color: { base: "actionColor" }
20940
21411
  },
20941
- targetAssetAmount !== void 0 ? /* @__PURE__ */ React164.createElement(Text, { color: "secondaryText", size: "14" }, formatCryptoAndStringify6(
21412
+ targetAssetAmount !== void 0 ? /* @__PURE__ */ React164.createElement(Text, { color: "secondaryText", size: "14" }, formatCryptoAndStringify5(
20942
21413
  targetAssetAmount,
20943
21414
  targetAssetTicker
20944
21415
  )) : /* @__PURE__ */ React164.createElement(Box, { alignItems: "center", display: "flex", gap: "8" }, /* @__PURE__ */ React164.createElement(FunSkeletonBlock, { height: "14", width: "60" }), /* @__PURE__ */ React164.createElement(Text, { color: "secondaryText", size: "14" }, targetAssetTicker))
@@ -20962,7 +21433,7 @@ function InputAmountLoading({
20962
21433
  }
20963
21434
 
20964
21435
  // src/modals/CheckoutModal/InputAmount/useAvailableBalanceForCheckout.ts
20965
- import { useMemo as useMemo22 } from "react";
21436
+ import { useMemo as useMemo23 } from "react";
20966
21437
  function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetChainId, assetSymbol) {
20967
21438
  const { data: walletAssetHoldings, isLoading: isLoadingWalletAssetHoldings } = useWalletAssetHoldings(targetChainId);
20968
21439
  const holdings = {
@@ -20972,7 +21443,7 @@ function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetC
20972
21443
  ["token_transfer" /* TOKEN_TRANSFER */]: null,
20973
21444
  ["virtual_bank" /* VIRTUAL_BANK */]: null
20974
21445
  }[paymentMethodInfo.paymentMethod];
20975
- const holdingItem = useMemo22(() => {
21446
+ const holdingItem = useMemo23(() => {
20976
21447
  if (!assetSymbol || !holdings) {
20977
21448
  return;
20978
21449
  }
@@ -21054,7 +21525,7 @@ function InputAmount(props) {
21054
21525
  assetTokenAddress: checkoutItem?.initSettings.config.targetAsset
21055
21526
  });
21056
21527
  const isLoaded = checkoutItem && unitPrice && !sourceHoldingError && !isLoadingSourceHolding && !isMeldDefaultCurrencyLoading;
21057
- useEffect37(() => setCheckoutQuote(null), []);
21528
+ useEffect36(() => setCheckoutQuote(null), []);
21058
21529
  if (isLoaded) {
21059
21530
  return /* @__PURE__ */ React165.createElement(
21060
21531
  InputAmountLoaded,
@@ -21079,12 +21550,12 @@ function InputAmount(props) {
21079
21550
  }
21080
21551
 
21081
21552
  // src/modals/CheckoutModal/LoadingAccount.tsx
21082
- import React168, { useEffect as useEffect38 } from "react";
21553
+ import React168, { useEffect as useEffect37 } from "react";
21083
21554
 
21084
21555
  // src/domains/wallet.ts
21085
- import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14 } from "@funkit/chains";
21556
+ import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15 } from "@funkit/chains";
21086
21557
  import { isNotNullish as isNotNullish7 } from "@funkit/utils";
21087
- import { mainnet as mainnet7, polygon as polygon6 } from "viem/chains";
21558
+ import { mainnet as mainnet8, polygon as polygon6 } from "viem/chains";
21088
21559
  var ASSETS_LOW_VALUE_THRESHOLD2 = 0.1;
21089
21560
 
21090
21561
  // src/hooks/usePaymentSources.ts
@@ -21092,7 +21563,7 @@ import { FlagKey as FlagKey23, isNotNullish as isNotNullish8 } from "@funkit/uti
21092
21563
  function usePaymentMethodEnablement({
21093
21564
  checkoutConfig
21094
21565
  }) {
21095
- const { apiKey, uiCustomizations } = useFunkitConfig();
21566
+ const { apiKey } = useFunkitConfig();
21096
21567
  const isTokenTransferFlagEnabled = useFlag(FlagKey23.EnableTokenTransfer);
21097
21568
  const isFiatFlagEnabled = useFiatEnabled();
21098
21569
  const isCardFlagEnabled = useFlag(FlagKey23.EnableCard);
@@ -21100,7 +21571,7 @@ function usePaymentMethodEnablement({
21100
21571
  const isUsKatanaUser = useIsUsKatanaUser();
21101
21572
  const isFiatEnabled = isFiatFlagEnabled && !isKatanaEarnFlowAction;
21102
21573
  const isTokenTransferEnabled = isTokenTransferFlagEnabled && !isKatanaEarnFlowAction && !isUsKatanaUser;
21103
- const isCardEnabled = isCardFlagEnabled && !isKatanaEarnFlowAction && (uiCustomizations?.paymentMethods?.isCardEnabled ?? true);
21574
+ const isCardEnabled = isCardFlagEnabled && !isKatanaEarnFlowAction;
21104
21575
  return {
21105
21576
  isFiatEnabled,
21106
21577
  isTokenTransferEnabled,
@@ -21152,8 +21623,8 @@ import React167 from "react";
21152
21623
 
21153
21624
  // src/components/FunAsset/FunAssetItem.tsx
21154
21625
  import {
21155
- formatCryptoAndStringify as formatCryptoAndStringify7,
21156
- formatCurrencyAndStringify as formatCurrencyAndStringify11,
21626
+ formatCryptoAndStringify as formatCryptoAndStringify6,
21627
+ formatCurrencyAndStringify as formatCurrencyAndStringify10,
21157
21628
  isNotNullish as isNotNullish9
21158
21629
  } from "@funkit/utils";
21159
21630
  import React166 from "react";
@@ -21234,7 +21705,7 @@ var FunAssetItem = ({
21234
21705
  fontSize: TEXT_SIZE_SMALL,
21235
21706
  fontWeight: "regular"
21236
21707
  },
21237
- isNotNullish9(asset.amount) ? /* @__PURE__ */ React166.createElement("div", null, formatCryptoAndStringify7(asset.amount), " ", asset.symbol) : null
21708
+ isNotNullish9(asset.amount) ? /* @__PURE__ */ React166.createElement("div", null, formatCryptoAndStringify6(asset.amount), " ", asset.symbol) : null
21238
21709
  ))
21239
21710
  ),
21240
21711
  /* @__PURE__ */ React166.createElement(
@@ -21246,7 +21717,7 @@ var FunAssetItem = ({
21246
21717
  gap: "12"
21247
21718
  },
21248
21719
  badgeText && /* @__PURE__ */ React166.createElement(FunBadge, { borderColor: "generalBorder" }, badgeText),
21249
- /* @__PURE__ */ React166.createElement(Box, { fontSize: TEXT_SIZE_MEDIUM, fontWeight: "medium" }, formatCurrencyAndStringify11(asset.usdAmount || 0))
21720
+ /* @__PURE__ */ React166.createElement(Box, { fontSize: TEXT_SIZE_MEDIUM, fontWeight: "medium" }, formatCurrencyAndStringify10(asset.usdAmount || 0))
21250
21721
  )
21251
21722
  )
21252
21723
  );
@@ -21408,7 +21879,7 @@ function LoadingAccount({
21408
21879
  const hasCustomStartingStep = !!checkoutConfig?.startingStep;
21409
21880
  const startsOnConfirmationStep = checkoutConfig?.startingStep === "confirmation" /* CONFIRMATION */;
21410
21881
  const startsOnSelectAssetStep = checkoutConfig?.startingStep === "select_asset" /* SELECT_ASSET */;
21411
- useEffect38(() => {
21882
+ useEffect37(() => {
21412
21883
  if (isLoadingFlags || isLoadingFiat || !checkoutConfig) {
21413
21884
  return;
21414
21885
  }
@@ -21471,7 +21942,7 @@ function LoadingAccount({
21471
21942
 
21472
21943
  // src/modals/CheckoutModal/MeldCurrencySelect/MeldCurrencySelect.tsx
21473
21944
  import clsx18 from "clsx";
21474
- import React169, { useMemo as useMemo23, useState as useState42 } from "react";
21945
+ import React169, { useMemo as useMemo24, useState as useState43 } from "react";
21475
21946
 
21476
21947
  // src/css/scrollStyles.css.ts
21477
21948
  var hideScrollBar = "_163ehmk0";
@@ -21523,11 +21994,11 @@ function MeldCurrencySelect({
21523
21994
  }) {
21524
21995
  const { defaultCurrency } = modalState;
21525
21996
  const { data, isPending } = useMeldCurrencies();
21526
- const [query, setQuery] = useState42("");
21527
- const [selectedCurrency, setSelectedCurrency] = useState42(
21997
+ const [query, setQuery] = useState43("");
21998
+ const [selectedCurrency, setSelectedCurrency] = useState43(
21528
21999
  defaultCurrency
21529
22000
  );
21530
- const filteredOptions = useMemo23(() => {
22001
+ const filteredOptions = useMemo24(() => {
21531
22002
  const newOptions = data?.filter(
21532
22003
  ({ name, currencyCode }) => currencyCode.toLowerCase().includes(query.toLowerCase()) || name.toLowerCase().includes(query.toLowerCase())
21533
22004
  ) ?? [];
@@ -21580,7 +22051,8 @@ function MeldCurrencySelect({
21580
22051
  key: optionItem.currencyCode,
21581
22052
  onClick: isActive ? void 0 : () => handleSelect(optionItem),
21582
22053
  paddingX: "12",
21583
- paddingY: "10"
22054
+ paddingY: "10",
22055
+ boxShadow: isActive ? "selectedDropdownItem" : void 0
21584
22056
  },
21585
22057
  /* @__PURE__ */ React169.createElement(Box, { display: "flex", alignItems: "center", gap: "8" }, /* @__PURE__ */ React169.createElement(Text, null, getFlagEmoji(optionItem.currencyCode)), /* @__PURE__ */ React169.createElement(Text, null, `${optionItem.name} (${getCurrencySymbol(optionItem.currencyCode)})`)),
21586
22058
  isActive && /* @__PURE__ */ React169.createElement(CheckIcon, null)
@@ -21590,6 +22062,7 @@ function MeldCurrencySelect({
21590
22062
  }
21591
22063
 
21592
22064
  // src/modals/CheckoutModal/MeldQuotes/MeldQuotes.tsx
22065
+ import { MeldServiceProvider as MeldServiceProvider3 } from "@funkit/api-base";
21593
22066
  import React170 from "react";
21594
22067
  import { createPortal as createPortal10 } from "react-dom";
21595
22068
  var MeldQuotesInfo = {
@@ -21624,26 +22097,44 @@ function MeldQuotes({
21624
22097
  const { fiatAmount, fiatCurrency } = modalState;
21625
22098
  const { query, countdown } = useMeldQuotes(fiatAmount, fiatCurrency);
21626
22099
  const titleCountdownRef = useTitleCountdownRef();
22100
+ const hasMoonPay = query.data?.find(
22101
+ (quote) => quote.serviceProvider === MeldServiceProvider3.MOONPAY
22102
+ );
21627
22103
  if (query.isPending) {
21628
22104
  return /* @__PURE__ */ React170.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, Array.from({ length: 6 }).map((_, index) => (
21629
22105
  // biome-ignore lint/suspicious/noArrayIndexKey: completely fine
21630
22106
  /* @__PURE__ */ React170.createElement(MeldQuoteItem, { quote: void 0, key: index })
21631
22107
  )));
21632
22108
  }
21633
- return /* @__PURE__ */ React170.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, query.data?.map((quote, index) => /* @__PURE__ */ React170.createElement(
21634
- MeldQuoteItem,
21635
- {
21636
- key: quote.serviceProvider,
21637
- isBestQuote: index === 0,
21638
- isActive: modalState.provider === quote.serviceProvider,
21639
- quote,
21640
- onClick: () => onNext({ quote, navigateToHistoryStep: true })
22109
+ const getBestQuoteLabel = (index) => {
22110
+ if (hasMoonPay && index === 0) {
22111
+ return "Best price";
21641
22112
  }
21642
- )), titleCountdownRef && createPortal10(countdown, titleCountdownRef));
22113
+ if (query.data?.[index].serviceProvider === MeldServiceProvider3.MOONPAY) {
22114
+ return "Fastest";
22115
+ }
22116
+ return "Best price, Fastest";
22117
+ };
22118
+ return /* @__PURE__ */ React170.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, query.data?.map((quote, index) => {
22119
+ const isBestPrice = index === 0;
22120
+ const isMoonPay = quote.serviceProvider === MeldServiceProvider3.MOONPAY;
22121
+ const bestQuoteLabel = getBestQuoteLabel(index);
22122
+ return /* @__PURE__ */ React170.createElement(
22123
+ MeldQuoteItem,
22124
+ {
22125
+ key: quote.serviceProvider,
22126
+ isBestQuote: isBestPrice || isMoonPay,
22127
+ bestQuoteLabel,
22128
+ isActive: modalState.provider === quote.serviceProvider,
22129
+ quote,
22130
+ onClick: () => onNext({ quote, navigateToHistoryStep: true })
22131
+ }
22132
+ );
22133
+ }), titleCountdownRef && createPortal10(countdown, titleCountdownRef));
21643
22134
  }
21644
22135
 
21645
22136
  // src/modals/CheckoutModal/MoonpaySetup.tsx
21646
- import React172, { useCallback as useCallback29, useMemo as useMemo25, useState as useState44 } from "react";
22137
+ import React172, { useCallback as useCallback30, useMemo as useMemo26, useState as useState45 } from "react";
21647
22138
 
21648
22139
  // src/components/FunPayments/FunPaymentMoonpayType.css.ts
21649
22140
  var mpClass = "_1kmpeyf0";
@@ -21652,10 +22143,10 @@ var stretchStyle = "_1kmpeyf1";
21652
22143
  // src/components/FunPayments/FunPaymentMoonpayType.tsx
21653
22144
  import { getMoonpayUrlSignature } from "@funkit/api-base";
21654
22145
  import { colorToHex } from "@funkit/utils";
21655
- import React171, { Fragment, useEffect as useEffect39, useMemo as useMemo24, useState as useState43 } from "react";
22146
+ import React171, { Fragment, useEffect as useEffect38, useMemo as useMemo25, useState as useState44 } from "react";
21656
22147
  var LazyMoonPayBuyWidget = (props) => {
21657
- const [MoonPayBuyWidget, setMoonPayBuyWidget] = useState43(null);
21658
- useEffect39(() => {
22148
+ const [MoonPayBuyWidget, setMoonPayBuyWidget] = useState44(null);
22149
+ useEffect38(() => {
21659
22150
  const loadMoonPayBuyWidget = async () => {
21660
22151
  const module = await import("@moonpay/moonpay-react");
21661
22152
  setMoonPayBuyWidget(() => module.MoonPayBuyWidget);
@@ -21683,7 +22174,7 @@ function FunPaymentMoonpayType({
21683
22174
  const isSandboxMode = useIsFunkitSandboxMode();
21684
22175
  const funkitConfig = useFunkitConfig();
21685
22176
  const { userInfo } = useGeneralWallet();
21686
- const currencyCode = useMemo24(() => {
22177
+ const currencyCode = useMemo25(() => {
21687
22178
  return generateMoonpayCurrencyCode(depositToken, depositTokenChainId);
21688
22179
  }, [depositToken, depositTokenChainId]);
21689
22180
  const depositTokenAmountStringFormatted = formatTokenAmountForMoonpay(
@@ -21706,7 +22197,7 @@ function FunPaymentMoonpayType({
21706
22197
  });
21707
22198
  return signature || "";
21708
22199
  };
21709
- const moonpayButtonColor = useMemo24(() => {
22200
+ const moonpayButtonColor = useMemo25(() => {
21710
22201
  const primaryButtonHex = colorToHex(activeTheme.colors.buttonPrimary);
21711
22202
  if (["#FFF", "#FFFF", "#FFFFFF", "#FFFFFFFF"].includes(primaryButtonHex)) {
21712
22203
  return void 0;
@@ -21762,14 +22253,14 @@ function MoonpaySetup({
21762
22253
  onNext
21763
22254
  }) {
21764
22255
  const { paymentAddress, token, tokenChainId, depositAmount } = modalState;
21765
- const [isSupportedRegion, setIsSupportedRegion] = useState44(true);
21766
- const [isContinueEnabled, setIsContinueEnabled] = useState44(false);
21767
- const handleOnCompleted = useCallback29(() => {
22256
+ const [isSupportedRegion, setIsSupportedRegion] = useState45(true);
22257
+ const [isContinueEnabled, setIsContinueEnabled] = useState45(false);
22258
+ const handleOnCompleted = useCallback30(() => {
21768
22259
  onNext({
21769
22260
  depositAddress: paymentAddress
21770
22261
  });
21771
22262
  }, [onNext, paymentAddress]);
21772
- const MoonpayWidget = useMemo25(() => {
22263
+ const MoonpayWidget = useMemo26(() => {
21773
22264
  return /* @__PURE__ */ React172.createElement(
21774
22265
  FunPaymentMoonpayType,
21775
22266
  {
@@ -21799,8 +22290,8 @@ function MoonpaySetup({
21799
22290
 
21800
22291
  // src/modals/CheckoutModal/SelectAsset.tsx
21801
22292
  import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2 } from "@funkit/chains";
21802
- import { formatCurrencyAndStringify as formatCurrencyAndStringify12, isTokenEquivalent as isTokenEquivalent6 } from "@funkit/utils";
21803
- import React175, { useEffect as useEffect40, useMemo as useMemo27, useState as useState45 } from "react";
22293
+ import { formatCurrencyAndStringify as formatCurrencyAndStringify11, isTokenEquivalent as isTokenEquivalent6 } from "@funkit/utils";
22294
+ import React175, { useEffect as useEffect39, useMemo as useMemo28, useState as useState46 } from "react";
21804
22295
  import { createPortal as createPortal11 } from "react-dom";
21805
22296
 
21806
22297
  // src/components/Dropdown/ReceiveTokenDropdown.tsx
@@ -21930,7 +22421,7 @@ var NewTokenDepositAlert = ({
21930
22421
  // src/hooks/useAllowedAssets.ts
21931
22422
  import { getAllowedAssets } from "@funkit/api-base";
21932
22423
  import { useQuery as useQuery16 } from "@tanstack/react-query";
21933
- import { useCallback as useCallback30, useMemo as useMemo26 } from "react";
22424
+ import { useCallback as useCallback31, useMemo as useMemo27 } from "react";
21934
22425
  function useAllowedAssets() {
21935
22426
  const { apiKey } = useFunkitConfig();
21936
22427
  const { checkoutItem } = useCheckoutContext();
@@ -21944,7 +22435,7 @@ function useAllowedAssets() {
21944
22435
  staleTime: 5 * 60 * 1e3,
21945
22436
  gcTime: Number.POSITIVE_INFINITY
21946
22437
  });
21947
- const tokens = useMemo26(() => {
22438
+ const tokens = useMemo27(() => {
21948
22439
  if (!allowedAssets) {
21949
22440
  return {};
21950
22441
  }
@@ -21955,7 +22446,7 @@ function useAllowedAssets() {
21955
22446
  }
21956
22447
  return ret;
21957
22448
  }, [allowedAssets]);
21958
- const isAllowed = useCallback30(
22449
+ const isAllowed = useCallback31(
21959
22450
  (chainId, tokenAddress) => {
21960
22451
  const disabledByCustomerList = checkoutItem?.initSettings.config.disabledSourceTokens?.some(
21961
22452
  (token) => {
@@ -22027,7 +22518,7 @@ function useEnrichedAccountHoldings({
22027
22518
  amount: checkoutConfig?.targetAssetAmount
22028
22519
  });
22029
22520
  const minValueThreshold = checkoutConfig?.isDefiMode ? targetAssetUsdAmount : void 0;
22030
- const enrichedAccountHoldings = useMemo27(() => {
22521
+ const enrichedAccountHoldings = useMemo28(() => {
22031
22522
  if (!checkoutConfig) {
22032
22523
  return [];
22033
22524
  }
@@ -22069,7 +22560,7 @@ function useAssetOptions({
22069
22560
  chainId,
22070
22561
  dynamicTargetAssetCandidates
22071
22562
  }) {
22072
- const assetOptions = useMemo27(() => {
22563
+ const assetOptions = useMemo28(() => {
22073
22564
  return enrichedAccountHoldings.filter(
22074
22565
  ({ asset }) => chainId !== void 0 ? asset.pickedChainId === chainId.toString() : true
22075
22566
  ).map(({ asset, usableForCheckout }) => {
@@ -22132,10 +22623,10 @@ function MeshOrAccountSelectAsset({
22132
22623
  fetchHoldingsError,
22133
22624
  onClose
22134
22625
  }) {
22135
- const [selectedChainId, setSelectedChainId] = useState45();
22626
+ const [selectedChainId, setSelectedChainId] = useState46();
22136
22627
  const { apiKey, textCustomizations } = useFunkitConfig();
22137
22628
  const { checkoutItem, updateSourceAsset, updateTargetAsset } = useCheckoutContext();
22138
- const [explicitlySelectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState45("");
22629
+ const [explicitlySelectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState46("");
22139
22630
  const checkoutConfig = checkoutItem?.initSettings.config;
22140
22631
  const candidates = checkoutConfig?.dynamicTargetAssetCandidates;
22141
22632
  const withTargetAssetSection = isBsxCustomer(apiKey) || isKatanaCustomer(apiKey);
@@ -22149,8 +22640,8 @@ function MeshOrAccountSelectAsset({
22149
22640
  iconSrc: checkoutItem?.initSettings.config.iconSrc || "",
22150
22641
  targetAssetMinAmount: 0
22151
22642
  };
22152
- const [selectedTargetAsset, setSelectedTargetAsset] = useState45(defaultTargetAsset);
22153
- const defaultTokenSymbols = useMemo27(() => {
22643
+ const [selectedTargetAsset, setSelectedTargetAsset] = useState46(defaultTargetAsset);
22644
+ const defaultTokenSymbols = useMemo28(() => {
22154
22645
  if (!checkoutConfig) {
22155
22646
  return [];
22156
22647
  }
@@ -22217,7 +22708,7 @@ function MeshOrAccountSelectAsset({
22217
22708
  handleTargetAssetUpdate(tokenItem);
22218
22709
  onFinish();
22219
22710
  });
22220
- const selectedChainTokenSymbol = useMemo27(() => {
22711
+ const selectedChainTokenSymbol = useMemo28(() => {
22221
22712
  if (explicitlySelectedChainTokenSymbol) {
22222
22713
  const assetExists = assetOptions.find(
22223
22714
  ({ asset }) => asset.chainSymbolKey === explicitlySelectedChainTokenSymbol
@@ -22245,7 +22736,7 @@ function MeshOrAccountSelectAsset({
22245
22736
  checkoutItem?.selectedSourceAssetInfo,
22246
22737
  explicitlySelectedChainTokenSymbol
22247
22738
  ]);
22248
- useEffect40(() => {
22739
+ useEffect39(() => {
22249
22740
  const optionEl = document.getElementById(
22250
22741
  `option-${selectedChainTokenSymbol}`
22251
22742
  );
@@ -22415,7 +22906,7 @@ var SelectAssetInfoSection = ({
22415
22906
  {
22416
22907
  type: paymentMethodInfo.paymentMethod,
22417
22908
  keyText: label.text,
22418
- disclaimerText: formatCurrencyAndStringify12(totalBalance),
22909
+ disclaimerText: formatCurrencyAndStringify11(totalBalance),
22419
22910
  keyIcon: label.icon,
22420
22911
  onClick: onSelectSource
22421
22912
  }
@@ -22479,8 +22970,8 @@ function SelectAsset({
22479
22970
  }
22480
22971
 
22481
22972
  // src/modals/CheckoutModal/SourceChange/SourceChange.tsx
22482
- import { BridgeCustomerStatus as BridgeCustomerStatus6, MeldServiceProvider as MeldServiceProvider2 } from "@funkit/api-base";
22483
- import React177, { useCallback as useCallback32, useEffect as useEffect41, useState as useState47 } from "react";
22973
+ import { BridgeCustomerStatus as BridgeCustomerStatus6, MeldServiceProvider as MeldServiceProvider4 } from "@funkit/api-base";
22974
+ import React177, { useCallback as useCallback32, useEffect as useEffect40, useState as useState47 } from "react";
22484
22975
  import { createPortal as createPortal12 } from "react-dom";
22485
22976
 
22486
22977
  // src/modals/CheckoutModal/SourceChange/DefiPurchaseSection.tsx
@@ -22503,85 +22994,6 @@ var DefiPurchaseSection = ({ config }) => {
22503
22994
  );
22504
22995
  };
22505
22996
 
22506
- // src/modals/CheckoutModal/SourceChange/useUpdateSourceAssetForCard.ts
22507
- import {
22508
- FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15,
22509
- katanaChain
22510
- } from "@funkit/chains";
22511
- import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
22512
- import { useCallback as useCallback31, useState as useState46 } from "react";
22513
- import { mainnet as mainnet8, mantle, zksync as zksync2 } from "viem/chains";
22514
- var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
22515
- if (!checkoutItem?.initSettings.config.targetChain) {
22516
- throw new Error("pickSourceAssetForCard: Missing targetChain");
22517
- }
22518
- logger.log("pickSourceAssetForCard:begin", checkoutItem.initSettings.config);
22519
- const isNyOrTxOrVi = userIpInfo ? userIpInfo.alpha2 === "US" && ["NY", "TX", "VI"].includes(userIpInfo.state) : false;
22520
- const isCanada = userIpInfo ? userIpInfo.alpha2 === "CA" : false;
22521
- const moonpayChainId = getMockedTargetChainId(
22522
- checkoutItem.initSettings.config,
22523
- [zksync2.id.toString(), mantle.id.toString(), katanaChain.id.toString()]
22524
- );
22525
- const wethAddrOnTargetChain = (await getTokenAddressBySymbolAndChainId2("weth", moonpayChainId)).toLowerCase();
22526
- const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
22527
- checkoutItem.initSettings.config.targetAsset
22528
- ) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
22529
- let sourceTokenAddress;
22530
- let sourceTokenTicker;
22531
- let sourceTokenChainId;
22532
- if (isCanada) {
22533
- sourceTokenTicker = "ETH" /* ETH */;
22534
- sourceTokenAddress = NATIVE_TOKEN;
22535
- sourceTokenChainId = moonpayChainId;
22536
- } else {
22537
- sourceTokenChainId = isNyOrTxOrVi ? mainnet8.id.toString() : moonpayChainId;
22538
- if (isTargetAssetEthOrWeth) {
22539
- sourceTokenTicker = "ETH" /* ETH */;
22540
- sourceTokenAddress = NATIVE_TOKEN;
22541
- } else {
22542
- sourceTokenTicker = "USDC" /* USDC */;
22543
- sourceTokenAddress = await getTokenAddressBySymbolAndChainId2(
22544
- "USDC" /* USDC */,
22545
- sourceTokenChainId
22546
- );
22547
- }
22548
- }
22549
- logger.log("pickSourceAssetForCard:result", {
22550
- targetAssetInfo: checkoutItem?.initSettings.config,
22551
- isNyOrTxOrVi,
22552
- isCanada,
22553
- isTargetAssetEthOrWeth,
22554
- sourceTokenAddress,
22555
- sourceTokenChainId,
22556
- sourceTokenTicker
22557
- });
22558
- return {
22559
- sourceTokenAddress,
22560
- sourceTokenTicker,
22561
- sourceTokenChainId
22562
- };
22563
- };
22564
- function useUpdateCardSourceAsset() {
22565
- const { checkoutItem, updateSourceAsset } = useCheckoutContext();
22566
- const { userIpInfo } = useFunkitUserIp();
22567
- const [isUpdating, setIsUpdating] = useState46(false);
22568
- const onSelectCard = useCallback31(async () => {
22569
- setIsUpdating(true);
22570
- try {
22571
- const source = await pickSourceAssetForCard(checkoutItem, userIpInfo);
22572
- updateSourceAsset({
22573
- tokenAddress: source.sourceTokenAddress,
22574
- symbol: source.sourceTokenTicker,
22575
- pickedChainId: source.sourceTokenChainId,
22576
- iconSrc: void 0
22577
- });
22578
- } finally {
22579
- setIsUpdating(false);
22580
- }
22581
- }, [checkoutItem, updateSourceAsset, userIpInfo]);
22582
- return { onSelectCard, isUpdating };
22583
- }
22584
-
22585
22997
  // src/modals/CheckoutModal/SourceChange/SourceChange.tsx
22586
22998
  var SourceChangeInfo = {
22587
22999
  Component: SourceChange,
@@ -22695,7 +23107,7 @@ function PayPal() {
22695
23107
  const isPaypalReady = false;
22696
23108
  const onClick = useCallback32(() => {
22697
23109
  if (isMeldEnabled && isPaypalReady) {
22698
- openMeldPopup(() => mutateAsync(MeldServiceProvider2.PAYPAL));
23110
+ openMeldPopup(() => mutateAsync(MeldServiceProvider4.PAYPAL));
22699
23111
  } else {
22700
23112
  checkoutItem?.initSettings.onPolymarketPayPalSwitch?.();
22701
23113
  }
@@ -22734,7 +23146,7 @@ function SourceChange({
22734
23146
  const enableMeldPayment = useIsMeldEnabled();
22735
23147
  const isDefiMode = checkoutItem?.initSettings.config.isDefiMode;
22736
23148
  const hasAutoContinue = !isOstiumCustomer(apiKey) && !isDefiMode;
22737
- useEffect41(() => {
23149
+ useEffect40(() => {
22738
23150
  if (!paymentMethodInfo) {
22739
23151
  return;
22740
23152
  }
@@ -22902,7 +23314,7 @@ function SourceChange({
22902
23314
 
22903
23315
  // src/modals/CheckoutModal/TransferToken/TransferToken.tsx
22904
23316
  import { motion as motion9, useAnimationControls as useAnimationControls3 } from "motion/react";
22905
- import React189, { useRef as useRef17, useState as useState51 } from "react";
23317
+ import React189, { useRef as useRef18, useState as useState51 } from "react";
22906
23318
  import { createPortal as createPortal13 } from "react-dom";
22907
23319
 
22908
23320
  // src/components/CopyAddress/CopyInputDisplayedAddress.tsx
@@ -22910,7 +23322,7 @@ import { truncateMiddleOfAddress } from "@funkit/utils";
22910
23322
  import React178, { useCallback as useCallback34, useState as useState49 } from "react";
22911
23323
 
22912
23324
  // src/hooks/useCopyToClipboard.ts
22913
- import { useCallback as useCallback33, useEffect as useEffect42, useState as useState48 } from "react";
23325
+ import { useCallback as useCallback33, useEffect as useEffect41, useState as useState48 } from "react";
22914
23326
  var useCopyToClipboard = (text, delay = 1500) => {
22915
23327
  const [isCopied, setCopied] = useState48(false);
22916
23328
  const handleCopy = useCallback33(() => {
@@ -22920,7 +23332,7 @@ var useCopyToClipboard = (text, delay = 1500) => {
22920
23332
  navigator.clipboard.writeText(text);
22921
23333
  setCopied(true);
22922
23334
  }, [text]);
22923
- useEffect42(() => {
23335
+ useEffect41(() => {
22924
23336
  if (!isCopied) {
22925
23337
  return;
22926
23338
  }
@@ -22931,7 +23343,7 @@ var useCopyToClipboard = (text, delay = 1500) => {
22931
23343
  };
22932
23344
 
22933
23345
  // src/components/CopyAddress/CopyInputDisplayedAddress.css.ts
22934
- var copyButton = "_1kbzei93 _1rsrm2fel _1rsrm2ffi _1rsrm2fgb _1rsrm2fdk _1rsrm2fi9 _1rsrm2f1m8 _1rsrm2fm2 _1rsrm2fmf _1rsrm2foa";
23346
+ var copyButton = "_1kbzei93 _1rsrm2fel _1rsrm2ffi _1rsrm2fgb _1rsrm2fdk _1rsrm2fi9 _1rsrm2f1mq _1rsrm2fm2 _1rsrm2fmf _1rsrm2foa";
22935
23347
  var copyButtonIcon = "_1kbzei94";
22936
23348
  var copyButtonIconActive = "_1kbzei96 _1kbzei94";
22937
23349
  var copyButtonIconBase = "_1kbzei95";
@@ -23016,7 +23428,7 @@ var LightningBoltIcon = ({ size = 16 }) => /* @__PURE__ */ React179.createElemen
23016
23428
 
23017
23429
  // src/components/QRCode/QRCode.tsx
23018
23430
  import QRCodeUtil from "qrcode";
23019
- import React180, { useMemo as useMemo28 } from "react";
23431
+ import React180, { useMemo as useMemo29 } from "react";
23020
23432
  var generateMatrix = (value, errorCorrectionLevel) => {
23021
23433
  const { data } = QRCodeUtil.create(value, { errorCorrectionLevel }).modules;
23022
23434
  const sqrt = Math.sqrt(data.length);
@@ -23044,7 +23456,7 @@ function QRCode({
23044
23456
  }) {
23045
23457
  const { activeTheme } = useActiveTheme();
23046
23458
  const size = sizeProp - Number.parseInt(outsidePadding, 10) * 2;
23047
- const dots = useMemo28(() => {
23459
+ const dots = useMemo29(() => {
23048
23460
  const dots2 = [];
23049
23461
  const matrix = generateMatrix(uri, ecl);
23050
23462
  const cellSize = size / matrix.length;
@@ -23587,7 +23999,7 @@ var TransferTokenDetails = ({
23587
23999
  // src/hooks/useTokenTransfer.ts
23588
24000
  import { solanaChain as solanaChain4 } from "@funkit/chains";
23589
24001
  import { FlagKey as FlagKey25 } from "@funkit/utils";
23590
- import { useMemo as useMemo29 } from "react";
24002
+ import { useMemo as useMemo30 } from "react";
23591
24003
  import { mainnet as mainnet9, polygon as polygon7 } from "viem/chains";
23592
24004
  var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
23593
24005
  const { checkoutItem } = useCheckoutContext();
@@ -23644,7 +24056,7 @@ var useMinTransferValue = (selectedChainId) => {
23644
24056
  };
23645
24057
  var useMinTransferValues = (chainIds) => {
23646
24058
  const limits = useMinTransferLimits();
23647
- return useMemo29(() => {
24059
+ return useMemo30(() => {
23648
24060
  return chainIds.reduce(
23649
24061
  (acc, id) => {
23650
24062
  const limit = id === mainnet9.id ? limits.mainnet : limits.nonMainnet;
@@ -23711,7 +24123,7 @@ function TransferToken({
23711
24123
  const { checkoutItem } = useCheckoutContext();
23712
24124
  const checkoutConfig = checkoutItem?.initSettings.config;
23713
24125
  const { transferToken } = modalState;
23714
- const disclaimerTextWrapperRef = useRef17(null);
24126
+ const disclaimerTextWrapperRef = useRef18(null);
23715
24127
  const { transferInit } = useCheckoutTransferInit();
23716
24128
  const {
23717
24129
  assets,
@@ -24319,7 +24731,7 @@ var FiatAccountDetail = {
24319
24731
 
24320
24732
  // src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
24321
24733
  import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
24322
- import React196, { useCallback as useCallback35, useEffect as useEffect43, useMemo as useMemo30, useState as useState53 } from "react";
24734
+ import React196, { useCallback as useCallback35, useEffect as useEffect42, useMemo as useMemo31, useState as useState53 } from "react";
24323
24735
  function useIframeListener(listeners) {
24324
24736
  const handleMessage = useCallback35(
24325
24737
  (event) => {
@@ -24343,7 +24755,7 @@ function useIframeListener(listeners) {
24343
24755
  },
24344
24756
  [listeners]
24345
24757
  );
24346
- useEffect43(() => {
24758
+ useEffect42(() => {
24347
24759
  window.addEventListener("message", handleMessage);
24348
24760
  return () => {
24349
24761
  window.removeEventListener("message", handleMessage);
@@ -24372,7 +24784,7 @@ function KycIframe({
24372
24784
  const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
24373
24785
  const { data: kycLink, isLoading: isLinkLoading } = useLoadKycLink(modalState);
24374
24786
  const [iframeLoading, setIframeLoading] = useState53(true);
24375
- const listeners = useMemo30(
24787
+ const listeners = useMemo31(
24376
24788
  () => ({
24377
24789
  load: () => {
24378
24790
  logger.info("KYC iframe loaded");
@@ -24529,7 +24941,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
24529
24941
  );
24530
24942
  const { animation, animate } = useAnimatedNavigation(void 0);
24531
24943
  const [stateHistory, setHistory] = useState54([]);
24532
- const prevStep = useRef18(null);
24944
+ const prevStep = useRef19(null);
24533
24945
  const hasHistoryEntry = stateHistory.length > 1;
24534
24946
  const onNext = useCallback36(
24535
24947
  (payload) => {
@@ -24650,11 +25062,11 @@ function FunCheckoutModalHeightAnimationWrapper({
24650
25062
  children,
24651
25063
  checkoutStep
24652
25064
  }) {
24653
- const containerRef = useRef19(null);
24654
- const animationFrameRef = useRef19(null);
24655
- const resizeObserverRef = useRef19(null);
25065
+ const containerRef = useRef20(null);
25066
+ const animationFrameRef = useRef20(null);
25067
+ const resizeObserverRef = useRef20(null);
24656
25068
  const [height, setHeight] = useState55("auto");
24657
- useEffect44(() => {
25069
+ useEffect43(() => {
24658
25070
  if (containerRef.current) {
24659
25071
  resizeObserverRef.current = new ResizeObserver((entries) => {
24660
25072
  animationFrameRef.current = requestAnimationFrame(() => {
@@ -24701,7 +25113,7 @@ function FunCheckoutModalHeightAnimationWrapper({
24701
25113
  }
24702
25114
 
24703
25115
  // src/components/FunConnectOptions/FunConnectResultStep.tsx
24704
- import React199, { useEffect as useEffect45 } from "react";
25116
+ import React199, { useEffect as useEffect44 } from "react";
24705
25117
 
24706
25118
  // src/components/FunMessage/FunMessage.tsx
24707
25119
  import React198 from "react";
@@ -24746,7 +25158,7 @@ var FunConnectResultStep = ({
24746
25158
  qrCodeUri
24747
25159
  }) => {
24748
25160
  const hasAutoclose = type === "success";
24749
- useEffect45(() => {
25161
+ useEffect44(() => {
24750
25162
  if (!hasAutoclose) {
24751
25163
  return;
24752
25164
  }
@@ -24798,7 +25210,7 @@ var FunConnectResultStep = ({
24798
25210
 
24799
25211
  // src/components/FunConnectOptions/FunFarcasterConnectingStep.tsx
24800
25212
  import { isMobile as isMobile7, isSafari as isSafari2, redirectInMobile } from "@funkit/utils";
24801
- import React202, { useCallback as useCallback37, useEffect as useEffect46 } from "react";
25213
+ import React202, { useCallback as useCallback37, useEffect as useEffect45 } from "react";
24802
25214
 
24803
25215
  // src/components/CopyAddress/OldCopyAddressButton.tsx
24804
25216
  import React201 from "react";
@@ -24845,7 +25257,7 @@ function FunFarcasterConnectingStep({
24845
25257
  }) {
24846
25258
  const mobile = isMobile7();
24847
25259
  const safari = isSafari2();
24848
- useEffect46(() => {
25260
+ useEffect45(() => {
24849
25261
  if (farcasterUri && mobile && !safari) {
24850
25262
  redirectInMobile(farcasterUri);
24851
25263
  }
@@ -24899,13 +25311,13 @@ function FunFarcasterConnectingStep({
24899
25311
 
24900
25312
  // src/components/FunConnectOptions/FunWeb2ConnectingStep.tsx
24901
25313
  import { isNotNullish as isNotNullish10 } from "@funkit/utils";
24902
- import React205, { useCallback as useCallback39, useEffect as useEffect48, useState as useState57 } from "react";
25314
+ import React205, { useCallback as useCallback39, useEffect as useEffect47, useState as useState57 } from "react";
24903
25315
 
24904
25316
  // src/components/FunInput/FunTwoFaInput.tsx
24905
25317
  import React203, {
24906
25318
  useCallback as useCallback38,
24907
- useEffect as useEffect47,
24908
- useRef as useRef20,
25319
+ useEffect as useEffect46,
25320
+ useRef as useRef21,
24909
25321
  useState as useState56
24910
25322
  } from "react";
24911
25323
  var FunTwoFaInput = ({
@@ -24919,13 +25331,13 @@ var FunTwoFaInput = ({
24919
25331
  hasResent = false,
24920
25332
  onCompleted
24921
25333
  }) => {
24922
- const inputRefs = useRef20(
25334
+ const inputRefs = useRef21(
24923
25335
  Array.from({ length: initialInputLength }, () => null)
24924
25336
  );
24925
25337
  const [currentLength, setCurrentLength] = useState56(initialInputLength);
24926
25338
  const [focusIndex, setFocusIndex] = useState56(0);
24927
25339
  const [isFocused, setIsFocused] = useState56(false);
24928
- useEffect47(() => {
25340
+ useEffect46(() => {
24929
25341
  if (!value) {
24930
25342
  setFocusIndex(0);
24931
25343
  }
@@ -25125,7 +25537,7 @@ var FunWeb2ConnectingStep = ({
25125
25537
  loginErrorMessage,
25126
25538
  clearLoginError
25127
25539
  } = useFunkitWeb2Login();
25128
- useEffect48(() => {
25540
+ useEffect47(() => {
25129
25541
  clearLoginError();
25130
25542
  }, []);
25131
25543
  const handleOtpComplete = useCallback39(
@@ -25369,7 +25781,7 @@ function FunConnectOptions({
25369
25781
  }
25370
25782
  }
25371
25783
  };
25372
- const stepComponent = useMemo31(() => {
25784
+ const stepComponent = useMemo32(() => {
25373
25785
  switch (step) {
25374
25786
  case 0 /* SIGNIN_PRIMARY */:
25375
25787
  case 1 /* SIGNIN_SECONDARY */:
@@ -25478,7 +25890,7 @@ var FULL_SOCIAL_LOGIN_OPTIONS = [
25478
25890
  function useEnabledSocialLogins() {
25479
25891
  const funkitConfig = useFunkitConfig();
25480
25892
  const { web2SocialLogins } = funkitConfig.loginConfig;
25481
- const enabledSocialItems = useMemo32(() => {
25893
+ const enabledSocialItems = useMemo33(() => {
25482
25894
  return FULL_SOCIAL_LOGIN_OPTIONS.filter(
25483
25895
  (oAuthItem) => !!web2SocialLogins[oAuthItem.funkitKey]
25484
25896
  );
@@ -25507,7 +25919,7 @@ function FunSignInStep({
25507
25919
  handleOauthRedirect,
25508
25920
  handleGenerateFcUri
25509
25921
  } = useFunkitWeb2Login();
25510
- const isEmailInputValid = useMemo32(() => {
25922
+ const isEmailInputValid = useMemo33(() => {
25511
25923
  return validateEmailString(emailInput);
25512
25924
  }, [emailInput]);
25513
25925
  const [emailError, setEmailError] = useState59();
@@ -25917,7 +26329,7 @@ function StatusTag({ state, refundState, isDelayed: isDelayed2 }) {
25917
26329
  const checkoutState = getCheckoutStateBooleans(state, refundState);
25918
26330
  const [delayedCheckoutState, setDelayedCheckoutState] = useState60(checkoutState);
25919
26331
  const { status, isCompleted, isRefundProceeded } = delayedCheckoutState;
25920
- useEffect49(() => {
26332
+ useEffect48(() => {
25921
26333
  const timeout = setTimeout(
25922
26334
  () => {
25923
26335
  setDelayedCheckoutState(getCheckoutStateBooleans(state, refundState));
@@ -25990,7 +26402,7 @@ function OrderDetail({
25990
26402
  checkoutHistoryItem
25991
26403
  }) {
25992
26404
  const [isExpanded, setIsExpanded] = useState60(false);
25993
- const contentRef = useRef21(null);
26405
+ const contentRef = useRef22(null);
25994
26406
  const isCheckoutItemLoaded = checkoutHistoryItem !== void 0;
25995
26407
  return /* @__PURE__ */ React214.createElement(Box, { ref: contentRef, paddingX: "12" }, /* @__PURE__ */ React214.createElement(
25996
26408
  Box,
@@ -26083,7 +26495,7 @@ function FunCheckoutHistoryDetail({
26083
26495
  isActiveCheckout
26084
26496
  ]
26085
26497
  );
26086
- const primaryButtonProps = useMemo33(() => {
26498
+ const primaryButtonProps = useMemo34(() => {
26087
26499
  if (!isCheckoutLoaded) {
26088
26500
  return void 0;
26089
26501
  }
@@ -26172,7 +26584,7 @@ var CheckoutAlert = ({ state, refundState, onHelp }) => {
26172
26584
 
26173
26585
  // src/components/FunCheckoutHistory/FunCheckoutHistoryHelp.tsx
26174
26586
  import { sendSupportMessage } from "@funkit/api-base";
26175
- import React218, { useEffect as useEffect50, useMemo as useMemo34, useRef as useRef22, useState as useState62 } from "react";
26587
+ import React218, { useEffect as useEffect49, useMemo as useMemo35, useRef as useRef23, useState as useState62 } from "react";
26176
26588
  import { createPortal as createPortal15 } from "react-dom";
26177
26589
 
26178
26590
  // src/components/FunInput/FunTextAreaInput.tsx
@@ -26325,14 +26737,14 @@ function FunCheckoutHistoryHelp({
26325
26737
  );
26326
26738
  const [descriptionInput, setDescriptionInput] = useState62("");
26327
26739
  const [errorMessage, setErrorMessage] = useState62();
26328
- const isEmailInputValid = useMemo34(() => {
26740
+ const isEmailInputValid = useMemo35(() => {
26329
26741
  return validateEmailString(emailInput);
26330
26742
  }, [emailInput]);
26331
26743
  const [processStage, setProcessStage] = useState62(
26332
26744
  0 /* INPUT */
26333
26745
  );
26334
- const wrapperRef = useRef22(null);
26335
- useEffect50(() => wrapperRef.current?.scrollIntoView(), []);
26746
+ const wrapperRef = useRef23(null);
26747
+ useEffect49(() => wrapperRef.current?.scrollIntoView(), []);
26336
26748
  const handleShowErrorMessage = (message, timeMs = FIVE_SECONDS_MS) => {
26337
26749
  setErrorMessage(message);
26338
26750
  if (timeMs !== void 0) {
@@ -26517,7 +26929,7 @@ import {
26517
26929
  formatTimestamp as formatTimestamp2,
26518
26930
  isTokenEquivalent as isTokenEquivalent7
26519
26931
  } from "@funkit/utils";
26520
- import React219, { useCallback as useCallback43, useMemo as useMemo35, useRef as useRef23, useState as useState63 } from "react";
26932
+ import React219, { useCallback as useCallback43, useMemo as useMemo36, useRef as useRef24, useState as useState63 } from "react";
26521
26933
  import { createPortal as createPortal16 } from "react-dom";
26522
26934
  function FunDirectExecutionStatusTagLoaded({
26523
26935
  directExecution
@@ -26558,7 +26970,7 @@ function FunDirectExecutionHistoryDetail({
26558
26970
  ]
26559
26971
  );
26560
26972
  const isWithdrawal = directExecution?.clientMetadata?.isWithdrawal;
26561
- const buttonProps = useMemo35(() => {
26973
+ const buttonProps = useMemo36(() => {
26562
26974
  if (!isLoaded) {
26563
26975
  return void 0;
26564
26976
  }
@@ -26682,7 +27094,7 @@ function DirectExecutionOrderDetail({
26682
27094
  isLoaded
26683
27095
  }) {
26684
27096
  const [isExpanded, setIsExpanded] = useState63(false);
26685
- const contentRef = useRef23(null);
27097
+ const contentRef = useRef24(null);
26686
27098
  return /* @__PURE__ */ React219.createElement(Box, { ref: contentRef, paddingX: "12" }, /* @__PURE__ */ React219.createElement(
26687
27099
  Box,
26688
27100
  {
@@ -26837,7 +27249,7 @@ function WithdrawalModal({
26837
27249
  hasBackButton: false,
26838
27250
  hasCloseButton: true,
26839
27251
  onClose,
26840
- title: config.modalTitle || "Withdrawal"
27252
+ title: config.modalTitle
26841
27253
  }
26842
27254
  ),
26843
27255
  withTopDivider: config.modalTitleMeta ? "always" : "scroll",
@@ -26971,7 +27383,7 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
26971
27383
  import { IN_PROGRESS_CHECKOUT_STATES as IN_PROGRESS_CHECKOUT_STATES2 } from "@funkit/api-base";
26972
27384
  import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
26973
27385
  import clsx20 from "clsx";
26974
- import React232, { useEffect as useEffect51, useMemo as useMemo36, useRef as useRef24, useState as useState67 } from "react";
27386
+ import React232, { useEffect as useEffect50, useMemo as useMemo37, useRef as useRef25, useState as useState67 } from "react";
26975
27387
  import { Virtuoso } from "react-virtuoso";
26976
27388
  import { useAccount as useAccount7 } from "wagmi";
26977
27389
 
@@ -26999,9 +27411,9 @@ var GreenRoundCheckmark = ({ size = 15 }) => {
26999
27411
 
27000
27412
  // src/modals/ProfileDetails/FunProfileViews/Home/BalanceSection.tsx
27001
27413
  import React225 from "react";
27002
- import { formatCurrencyAndStringify as formatCurrencyAndStringify13 } from "@funkit/utils";
27414
+ import { formatCurrencyAndStringify as formatCurrencyAndStringify12 } from "@funkit/utils";
27003
27415
  var BalanceSection = ({ totalBalance }) => {
27004
- return /* @__PURE__ */ React225.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React225.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React225.createElement(Text, { as: "h1", color: "primaryText", weight: "medium", size: "40" }, formatCurrencyAndStringify13(
27416
+ return /* @__PURE__ */ React225.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React225.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React225.createElement(Text, { as: "h1", color: "primaryText", weight: "medium", size: "40" }, formatCurrencyAndStringify12(
27005
27417
  Number.parseFloat(totalBalance.toString())
27006
27418
  ))));
27007
27419
  };
@@ -27015,7 +27427,7 @@ var tabLabelStyles = "_26hmws6";
27015
27427
  // src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
27016
27428
  import { formatTimestamp as formatTimestamp3 } from "@funkit/utils";
27017
27429
  import {
27018
- formatCurrencyAndStringify as formatCurrencyAndStringify14,
27430
+ formatCurrencyAndStringify as formatCurrencyAndStringify13,
27019
27431
  isMobile as isMobile9,
27020
27432
  isNotNullish as isNotNullish11
27021
27433
  } from "@funkit/utils";
@@ -27175,7 +27587,7 @@ var HomeCheckoutDisplayRow = ({
27175
27587
  gap: "16"
27176
27588
  },
27177
27589
  /* @__PURE__ */ React227.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, checkoutConfig.checkoutItemTitle),
27178
- /* @__PURE__ */ React227.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, `${formatCurrencyAndStringify14(
27590
+ /* @__PURE__ */ React227.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, `${formatCurrencyAndStringify13(
27179
27591
  checkoutClientMetadata?.finalDollarValue || 0
27180
27592
  )} USD`)
27181
27593
  ), /* @__PURE__ */ React227.createElement(Box, { display: "flex", justifyContent: "space-between", gap: "16" }, /* @__PURE__ */ React227.createElement(Text, { size: TEXT_SIZE_SMALL2, color: "secondaryText" }, formatTimestamp3(new Date(checkoutHistoryItem.createdTimeMs), {
@@ -27236,8 +27648,8 @@ var HomeCheckoutDisplayRowSkeleton = () => {
27236
27648
 
27237
27649
  // src/modals/ProfileDetails/FunProfileViews/Home/HomeTokenDisplayRow.tsx
27238
27650
  import {
27239
- formatCryptoAndStringify as formatCryptoAndStringify8,
27240
- formatCurrencyAndStringify as formatCurrencyAndStringify15,
27651
+ formatCryptoAndStringify as formatCryptoAndStringify7,
27652
+ formatCurrencyAndStringify as formatCurrencyAndStringify14,
27241
27653
  isMobile as isMobile10
27242
27654
  } from "@funkit/utils";
27243
27655
  import React228 from "react";
@@ -27296,10 +27708,10 @@ var HomeTokenBalanceDisplayRow = ({
27296
27708
  justifyContent: "space-between"
27297
27709
  },
27298
27710
  /* @__PURE__ */ React228.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, asset.name),
27299
- /* @__PURE__ */ React228.createElement(Text, { color: "secondaryText", size: TEXT_SIZE, weight: "regular" }, formatCryptoAndStringify8(normalizedAmount, asset.symbol))
27711
+ /* @__PURE__ */ React228.createElement(Text, { color: "secondaryText", size: TEXT_SIZE, weight: "regular" }, formatCryptoAndStringify7(normalizedAmount, asset.symbol))
27300
27712
  )
27301
27713
  ),
27302
- /* @__PURE__ */ React228.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, formatCurrencyAndStringify15(asset.totalUsdValue || 0))
27714
+ /* @__PURE__ */ React228.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, formatCurrencyAndStringify14(asset.totalUsdValue || 0))
27303
27715
  );
27304
27716
  };
27305
27717
  var HomeTokenBalanceDisplayRowSkeleton = () => {
@@ -27505,8 +27917,8 @@ function Home({
27505
27917
  animation
27506
27918
  }) {
27507
27919
  const [selectedView, setSelectedView] = useState67(defaultHomeTab);
27508
- const checkoutsListRef = useRef24(null);
27509
- const virtuosoParentRef = useRef24(null);
27920
+ const checkoutsListRef = useRef25(null);
27921
+ const virtuosoParentRef = useRef25(null);
27510
27922
  const account = useAccount7();
27511
27923
  useCheckoutHistoryListener();
27512
27924
  const { userInfo, handleLogout } = useGeneralWallet();
@@ -27514,11 +27926,11 @@ function Home({
27514
27926
  const { checkoutHistoryList, isCheckoutHistoryInited } = useCheckoutHistoryContext();
27515
27927
  const { returnViewPresets } = useActivityTraversal();
27516
27928
  const { animation: tabAnimation, navigateTo } = useAnimatedNavigation(setSelectedView);
27517
- useEffect51(() => {
27929
+ useEffect50(() => {
27518
27930
  const virtuosoDiv = virtuosoParentRef.current?.firstChild;
27519
27931
  virtuosoDiv?.classList.add(animateVirtuosoInClass);
27520
27932
  }, []);
27521
- const AssetsList = useMemo36(() => {
27933
+ const AssetsList = useMemo37(() => {
27522
27934
  if (walletAssets && !Object.keys(walletAssets).length) {
27523
27935
  return /* @__PURE__ */ React232.createElement(EmptyTabAlert, null);
27524
27936
  }
@@ -27545,7 +27957,7 @@ function Home({
27545
27957
  }
27546
27958
  ));
27547
27959
  }, [walletAssets]);
27548
- const CheckoutsList = useMemo36(() => {
27960
+ const CheckoutsList = useMemo37(() => {
27549
27961
  if (checkoutHistoryList.length === 0 && isCheckoutHistoryInited) {
27550
27962
  return /* @__PURE__ */ React232.createElement(EmptyTabAlert, null);
27551
27963
  }
@@ -28219,7 +28631,7 @@ function ChainModal({ onClose, open }) {
28219
28631
  import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST3 } from "@funkit/chains";
28220
28632
  import { LogLevel, initializeRelayClient } from "@funkit/fun-relay";
28221
28633
  import { FlagKey as FlagKey27 } from "@funkit/utils";
28222
- import React248, { useRef as useRef26 } from "react";
28634
+ import React248, { useRef as useRef27 } from "react";
28223
28635
 
28224
28636
  // src/components/FunCheckoutBlocked/FunCheckoutBlocked.tsx
28225
28637
  import React241 from "react";
@@ -28239,7 +28651,7 @@ var FunCheckoutBlocked = ({ reason }) => {
28239
28651
 
28240
28652
  // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
28241
28653
  import clsx23 from "clsx";
28242
- import React247, { useEffect as useEffect53, useMemo as useMemo37, useState as useState70 } from "react";
28654
+ import React247, { useEffect as useEffect52, useMemo as useMemo38, useState as useState70 } from "react";
28243
28655
 
28244
28656
  // src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
28245
28657
  import React242 from "react";
@@ -28366,7 +28778,7 @@ var showMoreButtonStyle = "_4yitd93 _1rsrm2f112 _1rsrm2f1e _1rsrm2f1b _1rsrm2flq
28366
28778
  // src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
28367
28779
  import clsx21 from "clsx";
28368
28780
  import { motion as motion12, useAnimate as useAnimate3 } from "motion/react";
28369
- import React243, { useCallback as useCallback47, useEffect as useEffect52, useRef as useRef25 } from "react";
28781
+ import React243, { useCallback as useCallback47, useEffect as useEffect51, useRef as useRef26 } from "react";
28370
28782
 
28371
28783
  // src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
28372
28784
  var STATUS_SPINNER_BOTTOM_POSITION = -5;
@@ -28815,8 +29227,8 @@ var FunNotificationBannerIcon = ({
28815
29227
  )
28816
29228
  ]);
28817
29229
  }, [animate]);
28818
- const statusRef = useRef25(status);
28819
- useEffect52(() => {
29230
+ const statusRef = useRef26(status);
29231
+ useEffect51(() => {
28820
29232
  if (statusRef.current !== status) {
28821
29233
  if (statusRef.current === "processing" && status === "completed") {
28822
29234
  triggerAnimationProcessingToCompleted();
@@ -29296,31 +29708,31 @@ var CheckoutNotifications = ({
29296
29708
  const { data: directExecutions } = useRecentDirectExecutions({
29297
29709
  isVisible
29298
29710
  });
29299
- useEffect53(() => {
29711
+ useEffect52(() => {
29300
29712
  if (initialCheckouts || !checkouts) {
29301
29713
  return;
29302
29714
  }
29303
29715
  setInitialCheckouts(checkouts);
29304
29716
  }, [initialCheckouts, checkouts]);
29305
- useEffect53(() => {
29717
+ useEffect52(() => {
29306
29718
  if (initialDirectExecutions || !directExecutions) {
29307
29719
  return;
29308
29720
  }
29309
29721
  setInitialDirectExecutions(directExecutions);
29310
29722
  }, [initialDirectExecutions, directExecutions]);
29311
- const displayedDirectExecutions = useMemo37(() => {
29723
+ const displayedDirectExecutions = useMemo38(() => {
29312
29724
  if (!directExecutions) {
29313
29725
  return [];
29314
29726
  }
29315
29727
  return getUpdatedDirectExecutions(directExecutions, initialDirectExecutions).filter(({ txHash }) => !closedNotifications.includes(txHash)).slice(0, MAX_COUNT);
29316
29728
  }, [initialDirectExecutions, directExecutions, closedNotifications]);
29317
- const displayedCheckouts = useMemo37(() => {
29729
+ const displayedCheckouts = useMemo38(() => {
29318
29730
  if (!checkouts) {
29319
29731
  return [];
29320
29732
  }
29321
29733
  return getUpdatedCheckouts(checkouts, initialCheckouts).filter(({ depositAddr }) => !closedNotifications.includes(depositAddr)).slice(0, MAX_COUNT);
29322
29734
  }, [initialCheckouts, checkouts, closedNotifications]);
29323
- const combinedNotifications = useMemo37(() => {
29735
+ const combinedNotifications = useMemo38(() => {
29324
29736
  return [
29325
29737
  ...displayedDirectExecutions.map(
29326
29738
  (item) => ({ ...item, isDirectExecution: true })
@@ -29330,7 +29742,7 @@ var CheckoutNotifications = ({
29330
29742
  )
29331
29743
  ].sort((a, b) => b.createdTimeMs - a.createdTimeMs);
29332
29744
  }, [displayedDirectExecutions, displayedCheckouts]);
29333
- const displayedNotifications = useMemo37(() => {
29745
+ const displayedNotifications = useMemo38(() => {
29334
29746
  return isExpanded ? combinedNotifications : combinedNotifications.slice(0, COLLAPSED_COUNT);
29335
29747
  }, [isExpanded, combinedNotifications]);
29336
29748
  const handleNotificationClose = (id) => setClosedNotifications((prev) => [...prev, id]);
@@ -29439,7 +29851,7 @@ function FunCheckoutModalInner({
29439
29851
  depositAddress
29440
29852
  });
29441
29853
  };
29442
- const animationCallbackRef = useRef26(null);
29854
+ const animationCallbackRef = useRef27(null);
29443
29855
  const handleAnimationCompleteRegister = (cb) => {
29444
29856
  animationCallbackRef.current = cb;
29445
29857
  };
@@ -29659,7 +30071,7 @@ function ModalProvider({ children }) {
29659
30071
  onConnect: () => closeModals(isUnauthenticated),
29660
30072
  onDisconnect: closeModals
29661
30073
  });
29662
- useEffect54(() => {
30074
+ useEffect53(() => {
29663
30075
  if (isUnauthenticated) {
29664
30076
  closeModals();
29665
30077
  }
@@ -29667,7 +30079,7 @@ function ModalProvider({ children }) {
29667
30079
  return /* @__PURE__ */ React250.createElement(
29668
30080
  ModalContext.Provider,
29669
30081
  {
29670
- value: useMemo38(
30082
+ value: useMemo39(
29671
30083
  () => ({
29672
30084
  accountModalOpen,
29673
30085
  accountModalTab,
@@ -29764,7 +30176,7 @@ function useConnectModal(onClose) {
29764
30176
  const { connectModalOpen, openConnectModal } = useContext16(ModalContext);
29765
30177
  const { isWalletConnectModalOpen } = useWalletConnectOpenState();
29766
30178
  const effectiveConnectModalOpen = connectModalOpen || isWalletConnectModalOpen;
29767
- useEffect54(() => {
30179
+ useEffect53(() => {
29768
30180
  if (!effectiveConnectModalOpen && onClose) {
29769
30181
  onClose();
29770
30182
  }
@@ -30098,7 +30510,7 @@ var FunkitWeb2Provider = ({
30098
30510
  },
30099
30511
  []
30100
30512
  );
30101
- useEffect55(() => {
30513
+ useEffect54(() => {
30102
30514
  const newPrivy = new PrivyJS({
30103
30515
  appId: DEFAULT_PRIVY_APP_ID,
30104
30516
  storage: new LocalStorage(),
@@ -30313,7 +30725,7 @@ var FunkitWeb2Provider = ({
30313
30725
  }
30314
30726
  }
30315
30727
  }, [handleFunkitWeb2Login, initChainId, loginMethod]);
30316
- useEffect55(() => {
30728
+ useEffect54(() => {
30317
30729
  if (privy && privyIframeUrl && isNotNullish12(initChainId)) {
30318
30730
  const iframe = document.getElementById(
30319
30731
  PRIVY_IFRAME_ID
@@ -30438,7 +30850,7 @@ var FunkitWeb2Provider = ({
30438
30850
  },
30439
30851
  [privy]
30440
30852
  );
30441
- const web2UserInfo = useMemo39(() => {
30853
+ const web2UserInfo = useMemo40(() => {
30442
30854
  if (!loggedInUser || !loggedInUser?.linked_accounts || !loggedInUser?.linked_accounts?.length) {
30443
30855
  return PLACEHOLDER_FUNKIT_USER_INFO;
30444
30856
  }
@@ -30556,15 +30968,15 @@ function ShowBalanceProvider({ children }) {
30556
30968
  var useShowBalance = () => useContext18(ShowBalanceContext);
30557
30969
 
30558
30970
  // src/components/ConnectButton/ConnectButtonRenderer.tsx
30559
- import { formatCurrencyAndStringify as formatCurrencyAndStringify16, isMobile as isMobile14, noop as noop9 } from "@funkit/utils";
30971
+ import { formatCurrencyAndStringify as formatCurrencyAndStringify15, isMobile as isMobile14, noop as noop9 } from "@funkit/utils";
30560
30972
  import React253 from "react";
30561
30973
  import { useAccount as useAccount12, useBalance, useConfig as useConfig7 } from "wagmi";
30562
30974
 
30563
30975
  // src/hooks/useIsMounted.ts
30564
- import { useCallback as useCallback50, useEffect as useEffect56, useState as useState74 } from "react";
30976
+ import { useCallback as useCallback50, useEffect as useEffect55, useState as useState74 } from "react";
30565
30977
  function useIsMounted() {
30566
30978
  const [isMounted, setIsMounted] = useState74(false);
30567
- useEffect56(() => {
30979
+ useEffect55(() => {
30568
30980
  setIsMounted(true);
30569
30981
  return () => {
30570
30982
  setIsMounted(false);
@@ -30645,7 +31057,7 @@ function ConnectButtonRenderer({
30645
31057
  query: { structuralSharing: false }
30646
31058
  });
30647
31059
  const balanceNativeAmount = balanceData ? `${abbreviateETHBalance(Number.parseFloat(balanceData.formatted))} ${balanceData.symbol}` : void 0;
30648
- const displayBalance = formatCurrencyAndStringify16(
31060
+ const displayBalance = formatCurrencyAndStringify15(
30649
31061
  Number.parseFloat(totalWalletAssetsUsd.toString())
30650
31062
  );
30651
31063
  const { openConnectModal } = useConnectModal();
@@ -30851,7 +31263,7 @@ function ConnectButton({
30851
31263
  const connectionStatus = useConnectionStatus();
30852
31264
  const { setShowBalance } = useShowBalance();
30853
31265
  const [ready, setReady] = useState75(false);
30854
- useEffect57(() => {
31266
+ useEffect56(() => {
30855
31267
  setShowBalance(showBalance);
30856
31268
  if (!ready) {
30857
31269
  setReady(true);
@@ -31363,10 +31775,10 @@ var useIsFunkitCheckoutActivated = () => {
31363
31775
  };
31364
31776
 
31365
31777
  // src/hooks/useFunkitMaxCheckoutUsdInfo.ts
31366
- import { FlagKey as FlagKey29, formatCurrencyAndStringify as formatCurrencyAndStringify17 } from "@funkit/utils";
31778
+ import { FlagKey as FlagKey29, formatCurrencyAndStringify as formatCurrencyAndStringify16 } from "@funkit/utils";
31367
31779
  var useFunkitMaxCheckoutUsdInfo = () => {
31368
31780
  const maxCheckoutUsd = Number(useFlag(FlagKey29.MaxCheckoutUsd));
31369
- const limitText = maxCheckoutUsd === Number.MAX_VALUE ? "no" : formatCurrencyAndStringify17(maxCheckoutUsd, {
31781
+ const limitText = maxCheckoutUsd === Number.MAX_VALUE ? "no" : formatCurrencyAndStringify16(maxCheckoutUsd, {
31370
31782
  decimalPrecisionForSuffix: 0,
31371
31783
  minimumSignificantDigits: 0,
31372
31784
  aggresiveDecimalPrecision: 0,
@@ -31476,26 +31888,26 @@ function validateFunkitProviderProps(props) {
31476
31888
  }
31477
31889
 
31478
31890
  // src/providers/useFingerprint.ts
31479
- import { useCallback as useCallback51, useEffect as useEffect58 } from "react";
31891
+ import { useCallback as useCallback51, useEffect as useEffect57 } from "react";
31480
31892
  var storageKey5 = "funkit-connect-version";
31481
31893
  function setFunkitConnectVersion({ version }) {
31482
31894
  localStorage.setItem(storageKey5, version);
31483
31895
  }
31484
31896
  function getCurrentSdkVersion() {
31485
- return "6.5.0";
31897
+ return "6.6.0";
31486
31898
  }
31487
31899
  function useFingerprint() {
31488
31900
  const fingerprint = useCallback51(() => {
31489
31901
  setFunkitConnectVersion({ version: getCurrentSdkVersion() });
31490
31902
  }, []);
31491
- useEffect58(() => {
31903
+ useEffect57(() => {
31492
31904
  fingerprint();
31493
31905
  }, [fingerprint]);
31494
31906
  }
31495
31907
 
31496
31908
  // src/providers/usePreloadImages.ts
31497
31909
  import { isNotNullish as isNotNullish13 } from "@funkit/utils";
31498
- import { useCallback as useCallback52, useEffect as useEffect59 } from "react";
31910
+ import { useCallback as useCallback52, useEffect as useEffect58 } from "react";
31499
31911
  function usePreloadImages() {
31500
31912
  const funkitConnectChains = useFunkitConnectChains();
31501
31913
  const walletConnectors = useWalletConnectors();
@@ -31505,7 +31917,7 @@ function usePreloadImages() {
31505
31917
  ...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish13)
31506
31918
  );
31507
31919
  }, [walletConnectors, funkitConnectChains]);
31508
- useEffect59(() => {
31920
+ useEffect58(() => {
31509
31921
  preloadImages();
31510
31922
  }, [preloadImages]);
31511
31923
  }