@funkit/connect 6.5.0 → 6.7.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 (34) hide show
  1. package/CHANGELOG.md +37 -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/config/getDefaultConfig.d.ts +2 -3
  13. package/dist/consts/customers.d.ts +1 -0
  14. package/dist/css/sprinkles.css.d.ts +19 -13
  15. package/dist/domains/meld.d.ts +2 -0
  16. package/dist/hooks/useCheckoutAccountBalanceTransfer.d.ts +1 -1
  17. package/dist/hooks/useTextMeasurer.d.ts +3 -0
  18. package/dist/index.css +875 -812
  19. package/dist/index.js +1088 -673
  20. package/dist/modals/CheckoutModal/InputAmount/InputAmountLoaded.d.ts +2 -2
  21. package/dist/modals/CheckoutModal/InputAmount/state.d.ts +8 -1
  22. package/dist/modals/CheckoutModal/InputAmount/useAmountInput.d.ts +4 -1
  23. package/dist/modals/CheckoutModal/InputAmount/utils.d.ts +27 -0
  24. package/dist/modals/CheckoutModal/MeldQuotes/MeldQuotes.d.ts +1 -1
  25. package/dist/providers/FunkitCheckoutContext.d.ts +2 -8
  26. package/dist/providers/FunkitConfigContext.d.ts +0 -7
  27. package/dist/providers/FunkitProvider.d.ts +1 -2
  28. package/dist/providers/FunkitThemeProvider.d.ts +9 -0
  29. package/dist/themes/darkTheme.js +1 -1
  30. package/dist/themes/lightTheme.js +1 -1
  31. package/dist/utils/checkout.d.ts +1 -1
  32. package/dist/wallets/Wallet.d.ts +3 -2
  33. package/dist/wallets/walletConnectors/index.js +33 -33
  34. 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,20 @@ 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
+ baseCurrencyAmount: fiatAmount,
21117
+ baseCurrencyCode: fiatCurrency
21118
+ });
21119
+ onClose();
21120
+ return;
21121
+ }
21122
+ await onSelectCard();
21123
+ onNext({});
21124
+ return;
21125
+ }
20667
21126
  if (selectedQuote) {
20668
21127
  openMeldPopup(() => mutateAsync(selectedQuote.serviceProvider));
20669
21128
  }
@@ -20684,7 +21143,7 @@ function InputAmountLoaded({
20684
21143
  event.preventDefault();
20685
21144
  handleSubmit();
20686
21145
  };
20687
- const displayAssetAmount = round3(
21146
+ const displayAssetAmount = round4(
20688
21147
  (isStablecoin(targetAssetTicker) ? fiatAmount : assetAmount) ?? 0,
20689
21148
  ASSET_DECIMALS
20690
21149
  );
@@ -20725,36 +21184,50 @@ function InputAmountLoaded({
20725
21184
  amountInput: /* @__PURE__ */ React163.createElement(
20726
21185
  Box,
20727
21186
  {
21187
+ alignItems: "center",
20728
21188
  display: "flex",
20729
- gap: "3",
21189
+ minHeight: "76",
20730
21190
  justifyContent: "center",
20731
- alignItems: "flex-end",
20732
21191
  width: "full"
20733
21192
  },
20734
21193
  /* @__PURE__ */ React163.createElement(
20735
- FunInput,
21194
+ Box,
20736
21195
  {
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
- }
21196
+ display: "flex",
21197
+ justifyContent: "center",
21198
+ style: {
21199
+ alignItems: "baseline",
21200
+ fontSize,
21201
+ transition: defaultTransition,
21202
+ width: inputWidth
21203
+ }
21204
+ },
21205
+ /* @__PURE__ */ React163.createElement(Box, { color: "primaryText", fontFamily: "body", fontWeight: "medium" }, inputPrefix),
21206
+ /* @__PURE__ */ React163.createElement(
21207
+ FunInput,
21208
+ {
21209
+ adornmentColor: "primaryText",
21210
+ onChange,
21211
+ onKeyDown: handleKeyDown,
21212
+ inputProps: {
21213
+ autoFocus: true,
21214
+ inputMode: "decimal",
21215
+ // get iOS to use numpad key with period
21216
+ spellCheck: false,
21217
+ type: "text"
21218
+ // cannot use numeric input because of our custom formatting
21219
+ },
21220
+ inputStyle: {
21221
+ fontSize,
21222
+ padding: "0px"
21223
+ },
21224
+ overrideBorderWidth: "0",
21225
+ overrideBackground: "transparent",
21226
+ placeholder,
21227
+ ref,
21228
+ value: inputValue
21229
+ }
21230
+ )
20758
21231
  )
20759
21232
  ),
20760
21233
  amountInputSwitch: isConvertedAmountShown && /* @__PURE__ */ React163.createElement(
@@ -20776,10 +21249,10 @@ function InputAmountLoaded({
20776
21249
  borderRadius: "inputAmountSwitcher",
20777
21250
  isDisabled: meldEnabled
20778
21251
  },
20779
- /* @__PURE__ */ React163.createElement(Text, { color: "secondaryText", size: "14" }, isInputInFiat ? formatCryptoAndStringify5(
21252
+ /* @__PURE__ */ React163.createElement(Text, { color: "secondaryText", size: "14" }, isInputInFiat ? formatCryptoAndStringify4(
20780
21253
  displayAssetAmount,
20781
21254
  targetAssetTicker
20782
- ) : formatCurrencyAndStringify10(fiatAmount ?? 0))
21255
+ ) : formatCurrencyAndStringify9(fiatAmount ?? 0))
20783
21256
  )
20784
21257
  ),
20785
21258
  amountOptions: (!!usdAvailableAmount || isCardCheckout) && /* @__PURE__ */ React163.createElement(
@@ -20809,6 +21282,7 @@ function InputAmountLoaded({
20809
21282
  meldQuotesQuery.data,
20810
21283
  selectedQuote
20811
21284
  ),
21285
+ bestQuoteLabel: isMeldMoonpaySelected ? "Fastest" : "Best price",
20812
21286
  disabled: !meldQuotesQuery.data || meldQuotesQuery.data.length === 0,
20813
21287
  isPreselected: !manuallySelectedQuote && !!bestRateQuote,
20814
21288
  error: meldLimitError?.issue
@@ -20869,8 +21343,8 @@ function YouPayYouReceiveWrapper({
20869
21343
  }
20870
21344
 
20871
21345
  // src/modals/CheckoutModal/InputAmount/InputAmountLoading.tsx
20872
- import { formatCryptoAndStringify as formatCryptoAndStringify6 } from "@funkit/utils";
20873
- import React164, { useMemo as useMemo21 } from "react";
21346
+ import { formatCryptoAndStringify as formatCryptoAndStringify5 } from "@funkit/utils";
21347
+ import React164, { useMemo as useMemo22 } from "react";
20874
21348
  function InputAmountLoading({
20875
21349
  modalState,
20876
21350
  sourceHoldingError,
@@ -20882,7 +21356,7 @@ function InputAmountLoading({
20882
21356
  const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
20883
21357
  const targetAssetAmount = checkoutItem?.initSettings.config.targetAssetAmount;
20884
21358
  const targetAssetTicker = checkoutItem?.initSettings.config.targetAssetTicker;
20885
- const error = useMemo21(() => {
21359
+ const error = useMemo22(() => {
20886
21360
  if (sourceHoldingError) {
20887
21361
  return {
20888
21362
  message: /* @__PURE__ */ React164.createElement("div", null, "Unable to retrieve your account balance. Please try re-linking your account.", " "),
@@ -20938,7 +21412,7 @@ function InputAmountLoading({
20938
21412
  paddingX: "6",
20939
21413
  color: { base: "actionColor" }
20940
21414
  },
20941
- targetAssetAmount !== void 0 ? /* @__PURE__ */ React164.createElement(Text, { color: "secondaryText", size: "14" }, formatCryptoAndStringify6(
21415
+ targetAssetAmount !== void 0 ? /* @__PURE__ */ React164.createElement(Text, { color: "secondaryText", size: "14" }, formatCryptoAndStringify5(
20942
21416
  targetAssetAmount,
20943
21417
  targetAssetTicker
20944
21418
  )) : /* @__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 +21436,7 @@ function InputAmountLoading({
20962
21436
  }
20963
21437
 
20964
21438
  // src/modals/CheckoutModal/InputAmount/useAvailableBalanceForCheckout.ts
20965
- import { useMemo as useMemo22 } from "react";
21439
+ import { useMemo as useMemo23 } from "react";
20966
21440
  function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetChainId, assetSymbol) {
20967
21441
  const { data: walletAssetHoldings, isLoading: isLoadingWalletAssetHoldings } = useWalletAssetHoldings(targetChainId);
20968
21442
  const holdings = {
@@ -20972,7 +21446,7 @@ function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetC
20972
21446
  ["token_transfer" /* TOKEN_TRANSFER */]: null,
20973
21447
  ["virtual_bank" /* VIRTUAL_BANK */]: null
20974
21448
  }[paymentMethodInfo.paymentMethod];
20975
- const holdingItem = useMemo22(() => {
21449
+ const holdingItem = useMemo23(() => {
20976
21450
  if (!assetSymbol || !holdings) {
20977
21451
  return;
20978
21452
  }
@@ -21054,7 +21528,7 @@ function InputAmount(props) {
21054
21528
  assetTokenAddress: checkoutItem?.initSettings.config.targetAsset
21055
21529
  });
21056
21530
  const isLoaded = checkoutItem && unitPrice && !sourceHoldingError && !isLoadingSourceHolding && !isMeldDefaultCurrencyLoading;
21057
- useEffect37(() => setCheckoutQuote(null), []);
21531
+ useEffect36(() => setCheckoutQuote(null), []);
21058
21532
  if (isLoaded) {
21059
21533
  return /* @__PURE__ */ React165.createElement(
21060
21534
  InputAmountLoaded,
@@ -21079,12 +21553,12 @@ function InputAmount(props) {
21079
21553
  }
21080
21554
 
21081
21555
  // src/modals/CheckoutModal/LoadingAccount.tsx
21082
- import React168, { useEffect as useEffect38 } from "react";
21556
+ import React168, { useEffect as useEffect37 } from "react";
21083
21557
 
21084
21558
  // src/domains/wallet.ts
21085
- import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14 } from "@funkit/chains";
21559
+ import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15 } from "@funkit/chains";
21086
21560
  import { isNotNullish as isNotNullish7 } from "@funkit/utils";
21087
- import { mainnet as mainnet7, polygon as polygon6 } from "viem/chains";
21561
+ import { mainnet as mainnet8, polygon as polygon6 } from "viem/chains";
21088
21562
  var ASSETS_LOW_VALUE_THRESHOLD2 = 0.1;
21089
21563
 
21090
21564
  // src/hooks/usePaymentSources.ts
@@ -21092,7 +21566,7 @@ import { FlagKey as FlagKey23, isNotNullish as isNotNullish8 } from "@funkit/uti
21092
21566
  function usePaymentMethodEnablement({
21093
21567
  checkoutConfig
21094
21568
  }) {
21095
- const { apiKey, uiCustomizations } = useFunkitConfig();
21569
+ const { apiKey } = useFunkitConfig();
21096
21570
  const isTokenTransferFlagEnabled = useFlag(FlagKey23.EnableTokenTransfer);
21097
21571
  const isFiatFlagEnabled = useFiatEnabled();
21098
21572
  const isCardFlagEnabled = useFlag(FlagKey23.EnableCard);
@@ -21100,7 +21574,7 @@ function usePaymentMethodEnablement({
21100
21574
  const isUsKatanaUser = useIsUsKatanaUser();
21101
21575
  const isFiatEnabled = isFiatFlagEnabled && !isKatanaEarnFlowAction;
21102
21576
  const isTokenTransferEnabled = isTokenTransferFlagEnabled && !isKatanaEarnFlowAction && !isUsKatanaUser;
21103
- const isCardEnabled = isCardFlagEnabled && !isKatanaEarnFlowAction && (uiCustomizations?.paymentMethods?.isCardEnabled ?? true);
21577
+ const isCardEnabled = isCardFlagEnabled && !isKatanaEarnFlowAction;
21104
21578
  return {
21105
21579
  isFiatEnabled,
21106
21580
  isTokenTransferEnabled,
@@ -21152,8 +21626,8 @@ import React167 from "react";
21152
21626
 
21153
21627
  // src/components/FunAsset/FunAssetItem.tsx
21154
21628
  import {
21155
- formatCryptoAndStringify as formatCryptoAndStringify7,
21156
- formatCurrencyAndStringify as formatCurrencyAndStringify11,
21629
+ formatCryptoAndStringify as formatCryptoAndStringify6,
21630
+ formatCurrencyAndStringify as formatCurrencyAndStringify10,
21157
21631
  isNotNullish as isNotNullish9
21158
21632
  } from "@funkit/utils";
21159
21633
  import React166 from "react";
@@ -21234,7 +21708,7 @@ var FunAssetItem = ({
21234
21708
  fontSize: TEXT_SIZE_SMALL,
21235
21709
  fontWeight: "regular"
21236
21710
  },
21237
- isNotNullish9(asset.amount) ? /* @__PURE__ */ React166.createElement("div", null, formatCryptoAndStringify7(asset.amount), " ", asset.symbol) : null
21711
+ isNotNullish9(asset.amount) ? /* @__PURE__ */ React166.createElement("div", null, formatCryptoAndStringify6(asset.amount), " ", asset.symbol) : null
21238
21712
  ))
21239
21713
  ),
21240
21714
  /* @__PURE__ */ React166.createElement(
@@ -21246,7 +21720,7 @@ var FunAssetItem = ({
21246
21720
  gap: "12"
21247
21721
  },
21248
21722
  badgeText && /* @__PURE__ */ React166.createElement(FunBadge, { borderColor: "generalBorder" }, badgeText),
21249
- /* @__PURE__ */ React166.createElement(Box, { fontSize: TEXT_SIZE_MEDIUM, fontWeight: "medium" }, formatCurrencyAndStringify11(asset.usdAmount || 0))
21723
+ /* @__PURE__ */ React166.createElement(Box, { fontSize: TEXT_SIZE_MEDIUM, fontWeight: "medium" }, formatCurrencyAndStringify10(asset.usdAmount || 0))
21250
21724
  )
21251
21725
  )
21252
21726
  );
@@ -21408,7 +21882,7 @@ function LoadingAccount({
21408
21882
  const hasCustomStartingStep = !!checkoutConfig?.startingStep;
21409
21883
  const startsOnConfirmationStep = checkoutConfig?.startingStep === "confirmation" /* CONFIRMATION */;
21410
21884
  const startsOnSelectAssetStep = checkoutConfig?.startingStep === "select_asset" /* SELECT_ASSET */;
21411
- useEffect38(() => {
21885
+ useEffect37(() => {
21412
21886
  if (isLoadingFlags || isLoadingFiat || !checkoutConfig) {
21413
21887
  return;
21414
21888
  }
@@ -21471,7 +21945,7 @@ function LoadingAccount({
21471
21945
 
21472
21946
  // src/modals/CheckoutModal/MeldCurrencySelect/MeldCurrencySelect.tsx
21473
21947
  import clsx18 from "clsx";
21474
- import React169, { useMemo as useMemo23, useState as useState42 } from "react";
21948
+ import React169, { useMemo as useMemo24, useState as useState43 } from "react";
21475
21949
 
21476
21950
  // src/css/scrollStyles.css.ts
21477
21951
  var hideScrollBar = "_163ehmk0";
@@ -21523,11 +21997,11 @@ function MeldCurrencySelect({
21523
21997
  }) {
21524
21998
  const { defaultCurrency } = modalState;
21525
21999
  const { data, isPending } = useMeldCurrencies();
21526
- const [query, setQuery] = useState42("");
21527
- const [selectedCurrency, setSelectedCurrency] = useState42(
22000
+ const [query, setQuery] = useState43("");
22001
+ const [selectedCurrency, setSelectedCurrency] = useState43(
21528
22002
  defaultCurrency
21529
22003
  );
21530
- const filteredOptions = useMemo23(() => {
22004
+ const filteredOptions = useMemo24(() => {
21531
22005
  const newOptions = data?.filter(
21532
22006
  ({ name, currencyCode }) => currencyCode.toLowerCase().includes(query.toLowerCase()) || name.toLowerCase().includes(query.toLowerCase())
21533
22007
  ) ?? [];
@@ -21580,7 +22054,8 @@ function MeldCurrencySelect({
21580
22054
  key: optionItem.currencyCode,
21581
22055
  onClick: isActive ? void 0 : () => handleSelect(optionItem),
21582
22056
  paddingX: "12",
21583
- paddingY: "10"
22057
+ paddingY: "10",
22058
+ boxShadow: isActive ? "selectedDropdownItem" : void 0
21584
22059
  },
21585
22060
  /* @__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
22061
  isActive && /* @__PURE__ */ React169.createElement(CheckIcon, null)
@@ -21590,6 +22065,7 @@ function MeldCurrencySelect({
21590
22065
  }
21591
22066
 
21592
22067
  // src/modals/CheckoutModal/MeldQuotes/MeldQuotes.tsx
22068
+ import { MeldServiceProvider as MeldServiceProvider3 } from "@funkit/api-base";
21593
22069
  import React170 from "react";
21594
22070
  import { createPortal as createPortal10 } from "react-dom";
21595
22071
  var MeldQuotesInfo = {
@@ -21624,26 +22100,44 @@ function MeldQuotes({
21624
22100
  const { fiatAmount, fiatCurrency } = modalState;
21625
22101
  const { query, countdown } = useMeldQuotes(fiatAmount, fiatCurrency);
21626
22102
  const titleCountdownRef = useTitleCountdownRef();
22103
+ const hasMoonPay = query.data?.find(
22104
+ (quote) => quote.serviceProvider === MeldServiceProvider3.MOONPAY
22105
+ );
21627
22106
  if (query.isPending) {
21628
22107
  return /* @__PURE__ */ React170.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, Array.from({ length: 6 }).map((_, index) => (
21629
22108
  // biome-ignore lint/suspicious/noArrayIndexKey: completely fine
21630
22109
  /* @__PURE__ */ React170.createElement(MeldQuoteItem, { quote: void 0, key: index })
21631
22110
  )));
21632
22111
  }
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 })
22112
+ const getBestQuoteLabel = (index) => {
22113
+ if (hasMoonPay && index === 0) {
22114
+ return "Best price";
21641
22115
  }
21642
- )), titleCountdownRef && createPortal10(countdown, titleCountdownRef));
22116
+ if (query.data?.[index].serviceProvider === MeldServiceProvider3.MOONPAY) {
22117
+ return "Fastest";
22118
+ }
22119
+ return "Best price, Fastest";
22120
+ };
22121
+ return /* @__PURE__ */ React170.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, query.data?.map((quote, index) => {
22122
+ const isBestPrice = index === 0;
22123
+ const isMoonPay = quote.serviceProvider === MeldServiceProvider3.MOONPAY;
22124
+ const bestQuoteLabel = getBestQuoteLabel(index);
22125
+ return /* @__PURE__ */ React170.createElement(
22126
+ MeldQuoteItem,
22127
+ {
22128
+ key: quote.serviceProvider,
22129
+ isBestQuote: isBestPrice || isMoonPay,
22130
+ bestQuoteLabel,
22131
+ isActive: modalState.provider === quote.serviceProvider,
22132
+ quote,
22133
+ onClick: () => onNext({ quote, navigateToHistoryStep: true })
22134
+ }
22135
+ );
22136
+ }), titleCountdownRef && createPortal10(countdown, titleCountdownRef));
21643
22137
  }
21644
22138
 
21645
22139
  // src/modals/CheckoutModal/MoonpaySetup.tsx
21646
- import React172, { useCallback as useCallback29, useMemo as useMemo25, useState as useState44 } from "react";
22140
+ import React172, { useCallback as useCallback30, useMemo as useMemo26, useState as useState45 } from "react";
21647
22141
 
21648
22142
  // src/components/FunPayments/FunPaymentMoonpayType.css.ts
21649
22143
  var mpClass = "_1kmpeyf0";
@@ -21652,10 +22146,10 @@ var stretchStyle = "_1kmpeyf1";
21652
22146
  // src/components/FunPayments/FunPaymentMoonpayType.tsx
21653
22147
  import { getMoonpayUrlSignature } from "@funkit/api-base";
21654
22148
  import { colorToHex } from "@funkit/utils";
21655
- import React171, { Fragment, useEffect as useEffect39, useMemo as useMemo24, useState as useState43 } from "react";
22149
+ import React171, { Fragment, useEffect as useEffect38, useMemo as useMemo25, useState as useState44 } from "react";
21656
22150
  var LazyMoonPayBuyWidget = (props) => {
21657
- const [MoonPayBuyWidget, setMoonPayBuyWidget] = useState43(null);
21658
- useEffect39(() => {
22151
+ const [MoonPayBuyWidget, setMoonPayBuyWidget] = useState44(null);
22152
+ useEffect38(() => {
21659
22153
  const loadMoonPayBuyWidget = async () => {
21660
22154
  const module = await import("@moonpay/moonpay-react");
21661
22155
  setMoonPayBuyWidget(() => module.MoonPayBuyWidget);
@@ -21683,7 +22177,7 @@ function FunPaymentMoonpayType({
21683
22177
  const isSandboxMode = useIsFunkitSandboxMode();
21684
22178
  const funkitConfig = useFunkitConfig();
21685
22179
  const { userInfo } = useGeneralWallet();
21686
- const currencyCode = useMemo24(() => {
22180
+ const currencyCode = useMemo25(() => {
21687
22181
  return generateMoonpayCurrencyCode(depositToken, depositTokenChainId);
21688
22182
  }, [depositToken, depositTokenChainId]);
21689
22183
  const depositTokenAmountStringFormatted = formatTokenAmountForMoonpay(
@@ -21706,7 +22200,7 @@ function FunPaymentMoonpayType({
21706
22200
  });
21707
22201
  return signature || "";
21708
22202
  };
21709
- const moonpayButtonColor = useMemo24(() => {
22203
+ const moonpayButtonColor = useMemo25(() => {
21710
22204
  const primaryButtonHex = colorToHex(activeTheme.colors.buttonPrimary);
21711
22205
  if (["#FFF", "#FFFF", "#FFFFFF", "#FFFFFFFF"].includes(primaryButtonHex)) {
21712
22206
  return void 0;
@@ -21762,14 +22256,14 @@ function MoonpaySetup({
21762
22256
  onNext
21763
22257
  }) {
21764
22258
  const { paymentAddress, token, tokenChainId, depositAmount } = modalState;
21765
- const [isSupportedRegion, setIsSupportedRegion] = useState44(true);
21766
- const [isContinueEnabled, setIsContinueEnabled] = useState44(false);
21767
- const handleOnCompleted = useCallback29(() => {
22259
+ const [isSupportedRegion, setIsSupportedRegion] = useState45(true);
22260
+ const [isContinueEnabled, setIsContinueEnabled] = useState45(false);
22261
+ const handleOnCompleted = useCallback30(() => {
21768
22262
  onNext({
21769
22263
  depositAddress: paymentAddress
21770
22264
  });
21771
22265
  }, [onNext, paymentAddress]);
21772
- const MoonpayWidget = useMemo25(() => {
22266
+ const MoonpayWidget = useMemo26(() => {
21773
22267
  return /* @__PURE__ */ React172.createElement(
21774
22268
  FunPaymentMoonpayType,
21775
22269
  {
@@ -21799,8 +22293,8 @@ function MoonpaySetup({
21799
22293
 
21800
22294
  // src/modals/CheckoutModal/SelectAsset.tsx
21801
22295
  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";
22296
+ import { formatCurrencyAndStringify as formatCurrencyAndStringify11, isTokenEquivalent as isTokenEquivalent6 } from "@funkit/utils";
22297
+ import React175, { useEffect as useEffect39, useMemo as useMemo28, useState as useState46 } from "react";
21804
22298
  import { createPortal as createPortal11 } from "react-dom";
21805
22299
 
21806
22300
  // src/components/Dropdown/ReceiveTokenDropdown.tsx
@@ -21930,7 +22424,7 @@ var NewTokenDepositAlert = ({
21930
22424
  // src/hooks/useAllowedAssets.ts
21931
22425
  import { getAllowedAssets } from "@funkit/api-base";
21932
22426
  import { useQuery as useQuery16 } from "@tanstack/react-query";
21933
- import { useCallback as useCallback30, useMemo as useMemo26 } from "react";
22427
+ import { useCallback as useCallback31, useMemo as useMemo27 } from "react";
21934
22428
  function useAllowedAssets() {
21935
22429
  const { apiKey } = useFunkitConfig();
21936
22430
  const { checkoutItem } = useCheckoutContext();
@@ -21944,7 +22438,7 @@ function useAllowedAssets() {
21944
22438
  staleTime: 5 * 60 * 1e3,
21945
22439
  gcTime: Number.POSITIVE_INFINITY
21946
22440
  });
21947
- const tokens = useMemo26(() => {
22441
+ const tokens = useMemo27(() => {
21948
22442
  if (!allowedAssets) {
21949
22443
  return {};
21950
22444
  }
@@ -21955,7 +22449,7 @@ function useAllowedAssets() {
21955
22449
  }
21956
22450
  return ret;
21957
22451
  }, [allowedAssets]);
21958
- const isAllowed = useCallback30(
22452
+ const isAllowed = useCallback31(
21959
22453
  (chainId, tokenAddress) => {
21960
22454
  const disabledByCustomerList = checkoutItem?.initSettings.config.disabledSourceTokens?.some(
21961
22455
  (token) => {
@@ -22027,7 +22521,7 @@ function useEnrichedAccountHoldings({
22027
22521
  amount: checkoutConfig?.targetAssetAmount
22028
22522
  });
22029
22523
  const minValueThreshold = checkoutConfig?.isDefiMode ? targetAssetUsdAmount : void 0;
22030
- const enrichedAccountHoldings = useMemo27(() => {
22524
+ const enrichedAccountHoldings = useMemo28(() => {
22031
22525
  if (!checkoutConfig) {
22032
22526
  return [];
22033
22527
  }
@@ -22069,7 +22563,7 @@ function useAssetOptions({
22069
22563
  chainId,
22070
22564
  dynamicTargetAssetCandidates
22071
22565
  }) {
22072
- const assetOptions = useMemo27(() => {
22566
+ const assetOptions = useMemo28(() => {
22073
22567
  return enrichedAccountHoldings.filter(
22074
22568
  ({ asset }) => chainId !== void 0 ? asset.pickedChainId === chainId.toString() : true
22075
22569
  ).map(({ asset, usableForCheckout }) => {
@@ -22132,10 +22626,10 @@ function MeshOrAccountSelectAsset({
22132
22626
  fetchHoldingsError,
22133
22627
  onClose
22134
22628
  }) {
22135
- const [selectedChainId, setSelectedChainId] = useState45();
22629
+ const [selectedChainId, setSelectedChainId] = useState46();
22136
22630
  const { apiKey, textCustomizations } = useFunkitConfig();
22137
22631
  const { checkoutItem, updateSourceAsset, updateTargetAsset } = useCheckoutContext();
22138
- const [explicitlySelectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState45("");
22632
+ const [explicitlySelectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState46("");
22139
22633
  const checkoutConfig = checkoutItem?.initSettings.config;
22140
22634
  const candidates = checkoutConfig?.dynamicTargetAssetCandidates;
22141
22635
  const withTargetAssetSection = isBsxCustomer(apiKey) || isKatanaCustomer(apiKey);
@@ -22149,8 +22643,8 @@ function MeshOrAccountSelectAsset({
22149
22643
  iconSrc: checkoutItem?.initSettings.config.iconSrc || "",
22150
22644
  targetAssetMinAmount: 0
22151
22645
  };
22152
- const [selectedTargetAsset, setSelectedTargetAsset] = useState45(defaultTargetAsset);
22153
- const defaultTokenSymbols = useMemo27(() => {
22646
+ const [selectedTargetAsset, setSelectedTargetAsset] = useState46(defaultTargetAsset);
22647
+ const defaultTokenSymbols = useMemo28(() => {
22154
22648
  if (!checkoutConfig) {
22155
22649
  return [];
22156
22650
  }
@@ -22217,7 +22711,7 @@ function MeshOrAccountSelectAsset({
22217
22711
  handleTargetAssetUpdate(tokenItem);
22218
22712
  onFinish();
22219
22713
  });
22220
- const selectedChainTokenSymbol = useMemo27(() => {
22714
+ const selectedChainTokenSymbol = useMemo28(() => {
22221
22715
  if (explicitlySelectedChainTokenSymbol) {
22222
22716
  const assetExists = assetOptions.find(
22223
22717
  ({ asset }) => asset.chainSymbolKey === explicitlySelectedChainTokenSymbol
@@ -22245,7 +22739,7 @@ function MeshOrAccountSelectAsset({
22245
22739
  checkoutItem?.selectedSourceAssetInfo,
22246
22740
  explicitlySelectedChainTokenSymbol
22247
22741
  ]);
22248
- useEffect40(() => {
22742
+ useEffect39(() => {
22249
22743
  const optionEl = document.getElementById(
22250
22744
  `option-${selectedChainTokenSymbol}`
22251
22745
  );
@@ -22415,7 +22909,7 @@ var SelectAssetInfoSection = ({
22415
22909
  {
22416
22910
  type: paymentMethodInfo.paymentMethod,
22417
22911
  keyText: label.text,
22418
- disclaimerText: formatCurrencyAndStringify12(totalBalance),
22912
+ disclaimerText: formatCurrencyAndStringify11(totalBalance),
22419
22913
  keyIcon: label.icon,
22420
22914
  onClick: onSelectSource
22421
22915
  }
@@ -22479,8 +22973,8 @@ function SelectAsset({
22479
22973
  }
22480
22974
 
22481
22975
  // 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";
22976
+ import { BridgeCustomerStatus as BridgeCustomerStatus6, MeldServiceProvider as MeldServiceProvider4 } from "@funkit/api-base";
22977
+ import React177, { useCallback as useCallback32, useEffect as useEffect40, useState as useState47 } from "react";
22484
22978
  import { createPortal as createPortal12 } from "react-dom";
22485
22979
 
22486
22980
  // src/modals/CheckoutModal/SourceChange/DefiPurchaseSection.tsx
@@ -22503,85 +22997,6 @@ var DefiPurchaseSection = ({ config }) => {
22503
22997
  );
22504
22998
  };
22505
22999
 
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
23000
  // src/modals/CheckoutModal/SourceChange/SourceChange.tsx
22586
23001
  var SourceChangeInfo = {
22587
23002
  Component: SourceChange,
@@ -22695,7 +23110,7 @@ function PayPal() {
22695
23110
  const isPaypalReady = false;
22696
23111
  const onClick = useCallback32(() => {
22697
23112
  if (isMeldEnabled && isPaypalReady) {
22698
- openMeldPopup(() => mutateAsync(MeldServiceProvider2.PAYPAL));
23113
+ openMeldPopup(() => mutateAsync(MeldServiceProvider4.PAYPAL));
22699
23114
  } else {
22700
23115
  checkoutItem?.initSettings.onPolymarketPayPalSwitch?.();
22701
23116
  }
@@ -22734,7 +23149,7 @@ function SourceChange({
22734
23149
  const enableMeldPayment = useIsMeldEnabled();
22735
23150
  const isDefiMode = checkoutItem?.initSettings.config.isDefiMode;
22736
23151
  const hasAutoContinue = !isOstiumCustomer(apiKey) && !isDefiMode;
22737
- useEffect41(() => {
23152
+ useEffect40(() => {
22738
23153
  if (!paymentMethodInfo) {
22739
23154
  return;
22740
23155
  }
@@ -22782,7 +23197,7 @@ function SourceChange({
22782
23197
  }
22783
23198
  if (newSource2 === "card" /* CARD */) {
22784
23199
  if (isPolymarketCustomer(apiKey) && !enableMeldPayment) {
22785
- checkoutItem?.initSettings.onPolymarketCardSwitch?.();
23200
+ checkoutItem?.initSettings.onPolymarketCardSwitch?.({});
22786
23201
  onClose();
22787
23202
  return;
22788
23203
  }
@@ -22902,7 +23317,7 @@ function SourceChange({
22902
23317
 
22903
23318
  // src/modals/CheckoutModal/TransferToken/TransferToken.tsx
22904
23319
  import { motion as motion9, useAnimationControls as useAnimationControls3 } from "motion/react";
22905
- import React189, { useRef as useRef17, useState as useState51 } from "react";
23320
+ import React189, { useRef as useRef18, useState as useState51 } from "react";
22906
23321
  import { createPortal as createPortal13 } from "react-dom";
22907
23322
 
22908
23323
  // src/components/CopyAddress/CopyInputDisplayedAddress.tsx
@@ -22910,7 +23325,7 @@ import { truncateMiddleOfAddress } from "@funkit/utils";
22910
23325
  import React178, { useCallback as useCallback34, useState as useState49 } from "react";
22911
23326
 
22912
23327
  // src/hooks/useCopyToClipboard.ts
22913
- import { useCallback as useCallback33, useEffect as useEffect42, useState as useState48 } from "react";
23328
+ import { useCallback as useCallback33, useEffect as useEffect41, useState as useState48 } from "react";
22914
23329
  var useCopyToClipboard = (text, delay = 1500) => {
22915
23330
  const [isCopied, setCopied] = useState48(false);
22916
23331
  const handleCopy = useCallback33(() => {
@@ -22920,7 +23335,7 @@ var useCopyToClipboard = (text, delay = 1500) => {
22920
23335
  navigator.clipboard.writeText(text);
22921
23336
  setCopied(true);
22922
23337
  }, [text]);
22923
- useEffect42(() => {
23338
+ useEffect41(() => {
22924
23339
  if (!isCopied) {
22925
23340
  return;
22926
23341
  }
@@ -22931,7 +23346,7 @@ var useCopyToClipboard = (text, delay = 1500) => {
22931
23346
  };
22932
23347
 
22933
23348
  // src/components/CopyAddress/CopyInputDisplayedAddress.css.ts
22934
- var copyButton = "_1kbzei93 _1rsrm2fel _1rsrm2ffi _1rsrm2fgb _1rsrm2fdk _1rsrm2fi9 _1rsrm2f1m8 _1rsrm2fm2 _1rsrm2fmf _1rsrm2foa";
23349
+ var copyButton = "_1kbzei93 _1rsrm2fel _1rsrm2ffi _1rsrm2fgb _1rsrm2fdk _1rsrm2fi9 _1rsrm2f1mq _1rsrm2fm2 _1rsrm2fmf _1rsrm2foa";
22935
23350
  var copyButtonIcon = "_1kbzei94";
22936
23351
  var copyButtonIconActive = "_1kbzei96 _1kbzei94";
22937
23352
  var copyButtonIconBase = "_1kbzei95";
@@ -23016,7 +23431,7 @@ var LightningBoltIcon = ({ size = 16 }) => /* @__PURE__ */ React179.createElemen
23016
23431
 
23017
23432
  // src/components/QRCode/QRCode.tsx
23018
23433
  import QRCodeUtil from "qrcode";
23019
- import React180, { useMemo as useMemo28 } from "react";
23434
+ import React180, { useMemo as useMemo29 } from "react";
23020
23435
  var generateMatrix = (value, errorCorrectionLevel) => {
23021
23436
  const { data } = QRCodeUtil.create(value, { errorCorrectionLevel }).modules;
23022
23437
  const sqrt = Math.sqrt(data.length);
@@ -23044,7 +23459,7 @@ function QRCode({
23044
23459
  }) {
23045
23460
  const { activeTheme } = useActiveTheme();
23046
23461
  const size = sizeProp - Number.parseInt(outsidePadding, 10) * 2;
23047
- const dots = useMemo28(() => {
23462
+ const dots = useMemo29(() => {
23048
23463
  const dots2 = [];
23049
23464
  const matrix = generateMatrix(uri, ecl);
23050
23465
  const cellSize = size / matrix.length;
@@ -23587,7 +24002,7 @@ var TransferTokenDetails = ({
23587
24002
  // src/hooks/useTokenTransfer.ts
23588
24003
  import { solanaChain as solanaChain4 } from "@funkit/chains";
23589
24004
  import { FlagKey as FlagKey25 } from "@funkit/utils";
23590
- import { useMemo as useMemo29 } from "react";
24005
+ import { useMemo as useMemo30 } from "react";
23591
24006
  import { mainnet as mainnet9, polygon as polygon7 } from "viem/chains";
23592
24007
  var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
23593
24008
  const { checkoutItem } = useCheckoutContext();
@@ -23644,7 +24059,7 @@ var useMinTransferValue = (selectedChainId) => {
23644
24059
  };
23645
24060
  var useMinTransferValues = (chainIds) => {
23646
24061
  const limits = useMinTransferLimits();
23647
- return useMemo29(() => {
24062
+ return useMemo30(() => {
23648
24063
  return chainIds.reduce(
23649
24064
  (acc, id) => {
23650
24065
  const limit = id === mainnet9.id ? limits.mainnet : limits.nonMainnet;
@@ -23711,7 +24126,7 @@ function TransferToken({
23711
24126
  const { checkoutItem } = useCheckoutContext();
23712
24127
  const checkoutConfig = checkoutItem?.initSettings.config;
23713
24128
  const { transferToken } = modalState;
23714
- const disclaimerTextWrapperRef = useRef17(null);
24129
+ const disclaimerTextWrapperRef = useRef18(null);
23715
24130
  const { transferInit } = useCheckoutTransferInit();
23716
24131
  const {
23717
24132
  assets,
@@ -24319,7 +24734,7 @@ var FiatAccountDetail = {
24319
24734
 
24320
24735
  // src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
24321
24736
  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";
24737
+ import React196, { useCallback as useCallback35, useEffect as useEffect42, useMemo as useMemo31, useState as useState53 } from "react";
24323
24738
  function useIframeListener(listeners) {
24324
24739
  const handleMessage = useCallback35(
24325
24740
  (event) => {
@@ -24343,7 +24758,7 @@ function useIframeListener(listeners) {
24343
24758
  },
24344
24759
  [listeners]
24345
24760
  );
24346
- useEffect43(() => {
24761
+ useEffect42(() => {
24347
24762
  window.addEventListener("message", handleMessage);
24348
24763
  return () => {
24349
24764
  window.removeEventListener("message", handleMessage);
@@ -24372,7 +24787,7 @@ function KycIframe({
24372
24787
  const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
24373
24788
  const { data: kycLink, isLoading: isLinkLoading } = useLoadKycLink(modalState);
24374
24789
  const [iframeLoading, setIframeLoading] = useState53(true);
24375
- const listeners = useMemo30(
24790
+ const listeners = useMemo31(
24376
24791
  () => ({
24377
24792
  load: () => {
24378
24793
  logger.info("KYC iframe loaded");
@@ -24529,7 +24944,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
24529
24944
  );
24530
24945
  const { animation, animate } = useAnimatedNavigation(void 0);
24531
24946
  const [stateHistory, setHistory] = useState54([]);
24532
- const prevStep = useRef18(null);
24947
+ const prevStep = useRef19(null);
24533
24948
  const hasHistoryEntry = stateHistory.length > 1;
24534
24949
  const onNext = useCallback36(
24535
24950
  (payload) => {
@@ -24650,11 +25065,11 @@ function FunCheckoutModalHeightAnimationWrapper({
24650
25065
  children,
24651
25066
  checkoutStep
24652
25067
  }) {
24653
- const containerRef = useRef19(null);
24654
- const animationFrameRef = useRef19(null);
24655
- const resizeObserverRef = useRef19(null);
25068
+ const containerRef = useRef20(null);
25069
+ const animationFrameRef = useRef20(null);
25070
+ const resizeObserverRef = useRef20(null);
24656
25071
  const [height, setHeight] = useState55("auto");
24657
- useEffect44(() => {
25072
+ useEffect43(() => {
24658
25073
  if (containerRef.current) {
24659
25074
  resizeObserverRef.current = new ResizeObserver((entries) => {
24660
25075
  animationFrameRef.current = requestAnimationFrame(() => {
@@ -24701,7 +25116,7 @@ function FunCheckoutModalHeightAnimationWrapper({
24701
25116
  }
24702
25117
 
24703
25118
  // src/components/FunConnectOptions/FunConnectResultStep.tsx
24704
- import React199, { useEffect as useEffect45 } from "react";
25119
+ import React199, { useEffect as useEffect44 } from "react";
24705
25120
 
24706
25121
  // src/components/FunMessage/FunMessage.tsx
24707
25122
  import React198 from "react";
@@ -24746,7 +25161,7 @@ var FunConnectResultStep = ({
24746
25161
  qrCodeUri
24747
25162
  }) => {
24748
25163
  const hasAutoclose = type === "success";
24749
- useEffect45(() => {
25164
+ useEffect44(() => {
24750
25165
  if (!hasAutoclose) {
24751
25166
  return;
24752
25167
  }
@@ -24798,7 +25213,7 @@ var FunConnectResultStep = ({
24798
25213
 
24799
25214
  // src/components/FunConnectOptions/FunFarcasterConnectingStep.tsx
24800
25215
  import { isMobile as isMobile7, isSafari as isSafari2, redirectInMobile } from "@funkit/utils";
24801
- import React202, { useCallback as useCallback37, useEffect as useEffect46 } from "react";
25216
+ import React202, { useCallback as useCallback37, useEffect as useEffect45 } from "react";
24802
25217
 
24803
25218
  // src/components/CopyAddress/OldCopyAddressButton.tsx
24804
25219
  import React201 from "react";
@@ -24845,7 +25260,7 @@ function FunFarcasterConnectingStep({
24845
25260
  }) {
24846
25261
  const mobile = isMobile7();
24847
25262
  const safari = isSafari2();
24848
- useEffect46(() => {
25263
+ useEffect45(() => {
24849
25264
  if (farcasterUri && mobile && !safari) {
24850
25265
  redirectInMobile(farcasterUri);
24851
25266
  }
@@ -24899,13 +25314,13 @@ function FunFarcasterConnectingStep({
24899
25314
 
24900
25315
  // src/components/FunConnectOptions/FunWeb2ConnectingStep.tsx
24901
25316
  import { isNotNullish as isNotNullish10 } from "@funkit/utils";
24902
- import React205, { useCallback as useCallback39, useEffect as useEffect48, useState as useState57 } from "react";
25317
+ import React205, { useCallback as useCallback39, useEffect as useEffect47, useState as useState57 } from "react";
24903
25318
 
24904
25319
  // src/components/FunInput/FunTwoFaInput.tsx
24905
25320
  import React203, {
24906
25321
  useCallback as useCallback38,
24907
- useEffect as useEffect47,
24908
- useRef as useRef20,
25322
+ useEffect as useEffect46,
25323
+ useRef as useRef21,
24909
25324
  useState as useState56
24910
25325
  } from "react";
24911
25326
  var FunTwoFaInput = ({
@@ -24919,13 +25334,13 @@ var FunTwoFaInput = ({
24919
25334
  hasResent = false,
24920
25335
  onCompleted
24921
25336
  }) => {
24922
- const inputRefs = useRef20(
25337
+ const inputRefs = useRef21(
24923
25338
  Array.from({ length: initialInputLength }, () => null)
24924
25339
  );
24925
25340
  const [currentLength, setCurrentLength] = useState56(initialInputLength);
24926
25341
  const [focusIndex, setFocusIndex] = useState56(0);
24927
25342
  const [isFocused, setIsFocused] = useState56(false);
24928
- useEffect47(() => {
25343
+ useEffect46(() => {
24929
25344
  if (!value) {
24930
25345
  setFocusIndex(0);
24931
25346
  }
@@ -25125,7 +25540,7 @@ var FunWeb2ConnectingStep = ({
25125
25540
  loginErrorMessage,
25126
25541
  clearLoginError
25127
25542
  } = useFunkitWeb2Login();
25128
- useEffect48(() => {
25543
+ useEffect47(() => {
25129
25544
  clearLoginError();
25130
25545
  }, []);
25131
25546
  const handleOtpComplete = useCallback39(
@@ -25369,7 +25784,7 @@ function FunConnectOptions({
25369
25784
  }
25370
25785
  }
25371
25786
  };
25372
- const stepComponent = useMemo31(() => {
25787
+ const stepComponent = useMemo32(() => {
25373
25788
  switch (step) {
25374
25789
  case 0 /* SIGNIN_PRIMARY */:
25375
25790
  case 1 /* SIGNIN_SECONDARY */:
@@ -25478,7 +25893,7 @@ var FULL_SOCIAL_LOGIN_OPTIONS = [
25478
25893
  function useEnabledSocialLogins() {
25479
25894
  const funkitConfig = useFunkitConfig();
25480
25895
  const { web2SocialLogins } = funkitConfig.loginConfig;
25481
- const enabledSocialItems = useMemo32(() => {
25896
+ const enabledSocialItems = useMemo33(() => {
25482
25897
  return FULL_SOCIAL_LOGIN_OPTIONS.filter(
25483
25898
  (oAuthItem) => !!web2SocialLogins[oAuthItem.funkitKey]
25484
25899
  );
@@ -25507,7 +25922,7 @@ function FunSignInStep({
25507
25922
  handleOauthRedirect,
25508
25923
  handleGenerateFcUri
25509
25924
  } = useFunkitWeb2Login();
25510
- const isEmailInputValid = useMemo32(() => {
25925
+ const isEmailInputValid = useMemo33(() => {
25511
25926
  return validateEmailString(emailInput);
25512
25927
  }, [emailInput]);
25513
25928
  const [emailError, setEmailError] = useState59();
@@ -25917,7 +26332,7 @@ function StatusTag({ state, refundState, isDelayed: isDelayed2 }) {
25917
26332
  const checkoutState = getCheckoutStateBooleans(state, refundState);
25918
26333
  const [delayedCheckoutState, setDelayedCheckoutState] = useState60(checkoutState);
25919
26334
  const { status, isCompleted, isRefundProceeded } = delayedCheckoutState;
25920
- useEffect49(() => {
26335
+ useEffect48(() => {
25921
26336
  const timeout = setTimeout(
25922
26337
  () => {
25923
26338
  setDelayedCheckoutState(getCheckoutStateBooleans(state, refundState));
@@ -25990,7 +26405,7 @@ function OrderDetail({
25990
26405
  checkoutHistoryItem
25991
26406
  }) {
25992
26407
  const [isExpanded, setIsExpanded] = useState60(false);
25993
- const contentRef = useRef21(null);
26408
+ const contentRef = useRef22(null);
25994
26409
  const isCheckoutItemLoaded = checkoutHistoryItem !== void 0;
25995
26410
  return /* @__PURE__ */ React214.createElement(Box, { ref: contentRef, paddingX: "12" }, /* @__PURE__ */ React214.createElement(
25996
26411
  Box,
@@ -26083,7 +26498,7 @@ function FunCheckoutHistoryDetail({
26083
26498
  isActiveCheckout
26084
26499
  ]
26085
26500
  );
26086
- const primaryButtonProps = useMemo33(() => {
26501
+ const primaryButtonProps = useMemo34(() => {
26087
26502
  if (!isCheckoutLoaded) {
26088
26503
  return void 0;
26089
26504
  }
@@ -26172,7 +26587,7 @@ var CheckoutAlert = ({ state, refundState, onHelp }) => {
26172
26587
 
26173
26588
  // src/components/FunCheckoutHistory/FunCheckoutHistoryHelp.tsx
26174
26589
  import { sendSupportMessage } from "@funkit/api-base";
26175
- import React218, { useEffect as useEffect50, useMemo as useMemo34, useRef as useRef22, useState as useState62 } from "react";
26590
+ import React218, { useEffect as useEffect49, useMemo as useMemo35, useRef as useRef23, useState as useState62 } from "react";
26176
26591
  import { createPortal as createPortal15 } from "react-dom";
26177
26592
 
26178
26593
  // src/components/FunInput/FunTextAreaInput.tsx
@@ -26325,14 +26740,14 @@ function FunCheckoutHistoryHelp({
26325
26740
  );
26326
26741
  const [descriptionInput, setDescriptionInput] = useState62("");
26327
26742
  const [errorMessage, setErrorMessage] = useState62();
26328
- const isEmailInputValid = useMemo34(() => {
26743
+ const isEmailInputValid = useMemo35(() => {
26329
26744
  return validateEmailString(emailInput);
26330
26745
  }, [emailInput]);
26331
26746
  const [processStage, setProcessStage] = useState62(
26332
26747
  0 /* INPUT */
26333
26748
  );
26334
- const wrapperRef = useRef22(null);
26335
- useEffect50(() => wrapperRef.current?.scrollIntoView(), []);
26749
+ const wrapperRef = useRef23(null);
26750
+ useEffect49(() => wrapperRef.current?.scrollIntoView(), []);
26336
26751
  const handleShowErrorMessage = (message, timeMs = FIVE_SECONDS_MS) => {
26337
26752
  setErrorMessage(message);
26338
26753
  if (timeMs !== void 0) {
@@ -26517,7 +26932,7 @@ import {
26517
26932
  formatTimestamp as formatTimestamp2,
26518
26933
  isTokenEquivalent as isTokenEquivalent7
26519
26934
  } from "@funkit/utils";
26520
- import React219, { useCallback as useCallback43, useMemo as useMemo35, useRef as useRef23, useState as useState63 } from "react";
26935
+ import React219, { useCallback as useCallback43, useMemo as useMemo36, useRef as useRef24, useState as useState63 } from "react";
26521
26936
  import { createPortal as createPortal16 } from "react-dom";
26522
26937
  function FunDirectExecutionStatusTagLoaded({
26523
26938
  directExecution
@@ -26558,7 +26973,7 @@ function FunDirectExecutionHistoryDetail({
26558
26973
  ]
26559
26974
  );
26560
26975
  const isWithdrawal = directExecution?.clientMetadata?.isWithdrawal;
26561
- const buttonProps = useMemo35(() => {
26976
+ const buttonProps = useMemo36(() => {
26562
26977
  if (!isLoaded) {
26563
26978
  return void 0;
26564
26979
  }
@@ -26682,7 +27097,7 @@ function DirectExecutionOrderDetail({
26682
27097
  isLoaded
26683
27098
  }) {
26684
27099
  const [isExpanded, setIsExpanded] = useState63(false);
26685
- const contentRef = useRef23(null);
27100
+ const contentRef = useRef24(null);
26686
27101
  return /* @__PURE__ */ React219.createElement(Box, { ref: contentRef, paddingX: "12" }, /* @__PURE__ */ React219.createElement(
26687
27102
  Box,
26688
27103
  {
@@ -26837,7 +27252,7 @@ function WithdrawalModal({
26837
27252
  hasBackButton: false,
26838
27253
  hasCloseButton: true,
26839
27254
  onClose,
26840
- title: config.modalTitle || "Withdrawal"
27255
+ title: config.modalTitle
26841
27256
  }
26842
27257
  ),
26843
27258
  withTopDivider: config.modalTitleMeta ? "always" : "scroll",
@@ -26971,7 +27386,7 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
26971
27386
  import { IN_PROGRESS_CHECKOUT_STATES as IN_PROGRESS_CHECKOUT_STATES2 } from "@funkit/api-base";
26972
27387
  import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
26973
27388
  import clsx20 from "clsx";
26974
- import React232, { useEffect as useEffect51, useMemo as useMemo36, useRef as useRef24, useState as useState67 } from "react";
27389
+ import React232, { useEffect as useEffect50, useMemo as useMemo37, useRef as useRef25, useState as useState67 } from "react";
26975
27390
  import { Virtuoso } from "react-virtuoso";
26976
27391
  import { useAccount as useAccount7 } from "wagmi";
26977
27392
 
@@ -26999,9 +27414,9 @@ var GreenRoundCheckmark = ({ size = 15 }) => {
26999
27414
 
27000
27415
  // src/modals/ProfileDetails/FunProfileViews/Home/BalanceSection.tsx
27001
27416
  import React225 from "react";
27002
- import { formatCurrencyAndStringify as formatCurrencyAndStringify13 } from "@funkit/utils";
27417
+ import { formatCurrencyAndStringify as formatCurrencyAndStringify12 } from "@funkit/utils";
27003
27418
  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(
27419
+ 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
27420
  Number.parseFloat(totalBalance.toString())
27006
27421
  ))));
27007
27422
  };
@@ -27015,7 +27430,7 @@ var tabLabelStyles = "_26hmws6";
27015
27430
  // src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
27016
27431
  import { formatTimestamp as formatTimestamp3 } from "@funkit/utils";
27017
27432
  import {
27018
- formatCurrencyAndStringify as formatCurrencyAndStringify14,
27433
+ formatCurrencyAndStringify as formatCurrencyAndStringify13,
27019
27434
  isMobile as isMobile9,
27020
27435
  isNotNullish as isNotNullish11
27021
27436
  } from "@funkit/utils";
@@ -27175,7 +27590,7 @@ var HomeCheckoutDisplayRow = ({
27175
27590
  gap: "16"
27176
27591
  },
27177
27592
  /* @__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(
27593
+ /* @__PURE__ */ React227.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, `${formatCurrencyAndStringify13(
27179
27594
  checkoutClientMetadata?.finalDollarValue || 0
27180
27595
  )} USD`)
27181
27596
  ), /* @__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 +27651,8 @@ var HomeCheckoutDisplayRowSkeleton = () => {
27236
27651
 
27237
27652
  // src/modals/ProfileDetails/FunProfileViews/Home/HomeTokenDisplayRow.tsx
27238
27653
  import {
27239
- formatCryptoAndStringify as formatCryptoAndStringify8,
27240
- formatCurrencyAndStringify as formatCurrencyAndStringify15,
27654
+ formatCryptoAndStringify as formatCryptoAndStringify7,
27655
+ formatCurrencyAndStringify as formatCurrencyAndStringify14,
27241
27656
  isMobile as isMobile10
27242
27657
  } from "@funkit/utils";
27243
27658
  import React228 from "react";
@@ -27296,10 +27711,10 @@ var HomeTokenBalanceDisplayRow = ({
27296
27711
  justifyContent: "space-between"
27297
27712
  },
27298
27713
  /* @__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))
27714
+ /* @__PURE__ */ React228.createElement(Text, { color: "secondaryText", size: TEXT_SIZE, weight: "regular" }, formatCryptoAndStringify7(normalizedAmount, asset.symbol))
27300
27715
  )
27301
27716
  ),
27302
- /* @__PURE__ */ React228.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, formatCurrencyAndStringify15(asset.totalUsdValue || 0))
27717
+ /* @__PURE__ */ React228.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, formatCurrencyAndStringify14(asset.totalUsdValue || 0))
27303
27718
  );
27304
27719
  };
27305
27720
  var HomeTokenBalanceDisplayRowSkeleton = () => {
@@ -27505,8 +27920,8 @@ function Home({
27505
27920
  animation
27506
27921
  }) {
27507
27922
  const [selectedView, setSelectedView] = useState67(defaultHomeTab);
27508
- const checkoutsListRef = useRef24(null);
27509
- const virtuosoParentRef = useRef24(null);
27923
+ const checkoutsListRef = useRef25(null);
27924
+ const virtuosoParentRef = useRef25(null);
27510
27925
  const account = useAccount7();
27511
27926
  useCheckoutHistoryListener();
27512
27927
  const { userInfo, handleLogout } = useGeneralWallet();
@@ -27514,11 +27929,11 @@ function Home({
27514
27929
  const { checkoutHistoryList, isCheckoutHistoryInited } = useCheckoutHistoryContext();
27515
27930
  const { returnViewPresets } = useActivityTraversal();
27516
27931
  const { animation: tabAnimation, navigateTo } = useAnimatedNavigation(setSelectedView);
27517
- useEffect51(() => {
27932
+ useEffect50(() => {
27518
27933
  const virtuosoDiv = virtuosoParentRef.current?.firstChild;
27519
27934
  virtuosoDiv?.classList.add(animateVirtuosoInClass);
27520
27935
  }, []);
27521
- const AssetsList = useMemo36(() => {
27936
+ const AssetsList = useMemo37(() => {
27522
27937
  if (walletAssets && !Object.keys(walletAssets).length) {
27523
27938
  return /* @__PURE__ */ React232.createElement(EmptyTabAlert, null);
27524
27939
  }
@@ -27545,7 +27960,7 @@ function Home({
27545
27960
  }
27546
27961
  ));
27547
27962
  }, [walletAssets]);
27548
- const CheckoutsList = useMemo36(() => {
27963
+ const CheckoutsList = useMemo37(() => {
27549
27964
  if (checkoutHistoryList.length === 0 && isCheckoutHistoryInited) {
27550
27965
  return /* @__PURE__ */ React232.createElement(EmptyTabAlert, null);
27551
27966
  }
@@ -28219,7 +28634,7 @@ function ChainModal({ onClose, open }) {
28219
28634
  import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST3 } from "@funkit/chains";
28220
28635
  import { LogLevel, initializeRelayClient } from "@funkit/fun-relay";
28221
28636
  import { FlagKey as FlagKey27 } from "@funkit/utils";
28222
- import React248, { useRef as useRef26 } from "react";
28637
+ import React248, { useRef as useRef27 } from "react";
28223
28638
 
28224
28639
  // src/components/FunCheckoutBlocked/FunCheckoutBlocked.tsx
28225
28640
  import React241 from "react";
@@ -28239,7 +28654,7 @@ var FunCheckoutBlocked = ({ reason }) => {
28239
28654
 
28240
28655
  // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
28241
28656
  import clsx23 from "clsx";
28242
- import React247, { useEffect as useEffect53, useMemo as useMemo37, useState as useState70 } from "react";
28657
+ import React247, { useEffect as useEffect52, useMemo as useMemo38, useState as useState70 } from "react";
28243
28658
 
28244
28659
  // src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
28245
28660
  import React242 from "react";
@@ -28366,7 +28781,7 @@ var showMoreButtonStyle = "_4yitd93 _1rsrm2f112 _1rsrm2f1e _1rsrm2f1b _1rsrm2flq
28366
28781
  // src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
28367
28782
  import clsx21 from "clsx";
28368
28783
  import { motion as motion12, useAnimate as useAnimate3 } from "motion/react";
28369
- import React243, { useCallback as useCallback47, useEffect as useEffect52, useRef as useRef25 } from "react";
28784
+ import React243, { useCallback as useCallback47, useEffect as useEffect51, useRef as useRef26 } from "react";
28370
28785
 
28371
28786
  // src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
28372
28787
  var STATUS_SPINNER_BOTTOM_POSITION = -5;
@@ -28815,8 +29230,8 @@ var FunNotificationBannerIcon = ({
28815
29230
  )
28816
29231
  ]);
28817
29232
  }, [animate]);
28818
- const statusRef = useRef25(status);
28819
- useEffect52(() => {
29233
+ const statusRef = useRef26(status);
29234
+ useEffect51(() => {
28820
29235
  if (statusRef.current !== status) {
28821
29236
  if (statusRef.current === "processing" && status === "completed") {
28822
29237
  triggerAnimationProcessingToCompleted();
@@ -29296,31 +29711,31 @@ var CheckoutNotifications = ({
29296
29711
  const { data: directExecutions } = useRecentDirectExecutions({
29297
29712
  isVisible
29298
29713
  });
29299
- useEffect53(() => {
29714
+ useEffect52(() => {
29300
29715
  if (initialCheckouts || !checkouts) {
29301
29716
  return;
29302
29717
  }
29303
29718
  setInitialCheckouts(checkouts);
29304
29719
  }, [initialCheckouts, checkouts]);
29305
- useEffect53(() => {
29720
+ useEffect52(() => {
29306
29721
  if (initialDirectExecutions || !directExecutions) {
29307
29722
  return;
29308
29723
  }
29309
29724
  setInitialDirectExecutions(directExecutions);
29310
29725
  }, [initialDirectExecutions, directExecutions]);
29311
- const displayedDirectExecutions = useMemo37(() => {
29726
+ const displayedDirectExecutions = useMemo38(() => {
29312
29727
  if (!directExecutions) {
29313
29728
  return [];
29314
29729
  }
29315
29730
  return getUpdatedDirectExecutions(directExecutions, initialDirectExecutions).filter(({ txHash }) => !closedNotifications.includes(txHash)).slice(0, MAX_COUNT);
29316
29731
  }, [initialDirectExecutions, directExecutions, closedNotifications]);
29317
- const displayedCheckouts = useMemo37(() => {
29732
+ const displayedCheckouts = useMemo38(() => {
29318
29733
  if (!checkouts) {
29319
29734
  return [];
29320
29735
  }
29321
29736
  return getUpdatedCheckouts(checkouts, initialCheckouts).filter(({ depositAddr }) => !closedNotifications.includes(depositAddr)).slice(0, MAX_COUNT);
29322
29737
  }, [initialCheckouts, checkouts, closedNotifications]);
29323
- const combinedNotifications = useMemo37(() => {
29738
+ const combinedNotifications = useMemo38(() => {
29324
29739
  return [
29325
29740
  ...displayedDirectExecutions.map(
29326
29741
  (item) => ({ ...item, isDirectExecution: true })
@@ -29330,7 +29745,7 @@ var CheckoutNotifications = ({
29330
29745
  )
29331
29746
  ].sort((a, b) => b.createdTimeMs - a.createdTimeMs);
29332
29747
  }, [displayedDirectExecutions, displayedCheckouts]);
29333
- const displayedNotifications = useMemo37(() => {
29748
+ const displayedNotifications = useMemo38(() => {
29334
29749
  return isExpanded ? combinedNotifications : combinedNotifications.slice(0, COLLAPSED_COUNT);
29335
29750
  }, [isExpanded, combinedNotifications]);
29336
29751
  const handleNotificationClose = (id) => setClosedNotifications((prev) => [...prev, id]);
@@ -29439,7 +29854,7 @@ function FunCheckoutModalInner({
29439
29854
  depositAddress
29440
29855
  });
29441
29856
  };
29442
- const animationCallbackRef = useRef26(null);
29857
+ const animationCallbackRef = useRef27(null);
29443
29858
  const handleAnimationCompleteRegister = (cb) => {
29444
29859
  animationCallbackRef.current = cb;
29445
29860
  };
@@ -29659,7 +30074,7 @@ function ModalProvider({ children }) {
29659
30074
  onConnect: () => closeModals(isUnauthenticated),
29660
30075
  onDisconnect: closeModals
29661
30076
  });
29662
- useEffect54(() => {
30077
+ useEffect53(() => {
29663
30078
  if (isUnauthenticated) {
29664
30079
  closeModals();
29665
30080
  }
@@ -29667,7 +30082,7 @@ function ModalProvider({ children }) {
29667
30082
  return /* @__PURE__ */ React250.createElement(
29668
30083
  ModalContext.Provider,
29669
30084
  {
29670
- value: useMemo38(
30085
+ value: useMemo39(
29671
30086
  () => ({
29672
30087
  accountModalOpen,
29673
30088
  accountModalTab,
@@ -29764,7 +30179,7 @@ function useConnectModal(onClose) {
29764
30179
  const { connectModalOpen, openConnectModal } = useContext16(ModalContext);
29765
30180
  const { isWalletConnectModalOpen } = useWalletConnectOpenState();
29766
30181
  const effectiveConnectModalOpen = connectModalOpen || isWalletConnectModalOpen;
29767
- useEffect54(() => {
30182
+ useEffect53(() => {
29768
30183
  if (!effectiveConnectModalOpen && onClose) {
29769
30184
  onClose();
29770
30185
  }
@@ -30098,7 +30513,7 @@ var FunkitWeb2Provider = ({
30098
30513
  },
30099
30514
  []
30100
30515
  );
30101
- useEffect55(() => {
30516
+ useEffect54(() => {
30102
30517
  const newPrivy = new PrivyJS({
30103
30518
  appId: DEFAULT_PRIVY_APP_ID,
30104
30519
  storage: new LocalStorage(),
@@ -30313,7 +30728,7 @@ var FunkitWeb2Provider = ({
30313
30728
  }
30314
30729
  }
30315
30730
  }, [handleFunkitWeb2Login, initChainId, loginMethod]);
30316
- useEffect55(() => {
30731
+ useEffect54(() => {
30317
30732
  if (privy && privyIframeUrl && isNotNullish12(initChainId)) {
30318
30733
  const iframe = document.getElementById(
30319
30734
  PRIVY_IFRAME_ID
@@ -30438,7 +30853,7 @@ var FunkitWeb2Provider = ({
30438
30853
  },
30439
30854
  [privy]
30440
30855
  );
30441
- const web2UserInfo = useMemo39(() => {
30856
+ const web2UserInfo = useMemo40(() => {
30442
30857
  if (!loggedInUser || !loggedInUser?.linked_accounts || !loggedInUser?.linked_accounts?.length) {
30443
30858
  return PLACEHOLDER_FUNKIT_USER_INFO;
30444
30859
  }
@@ -30556,15 +30971,15 @@ function ShowBalanceProvider({ children }) {
30556
30971
  var useShowBalance = () => useContext18(ShowBalanceContext);
30557
30972
 
30558
30973
  // src/components/ConnectButton/ConnectButtonRenderer.tsx
30559
- import { formatCurrencyAndStringify as formatCurrencyAndStringify16, isMobile as isMobile14, noop as noop9 } from "@funkit/utils";
30974
+ import { formatCurrencyAndStringify as formatCurrencyAndStringify15, isMobile as isMobile14, noop as noop9 } from "@funkit/utils";
30560
30975
  import React253 from "react";
30561
30976
  import { useAccount as useAccount12, useBalance, useConfig as useConfig7 } from "wagmi";
30562
30977
 
30563
30978
  // src/hooks/useIsMounted.ts
30564
- import { useCallback as useCallback50, useEffect as useEffect56, useState as useState74 } from "react";
30979
+ import { useCallback as useCallback50, useEffect as useEffect55, useState as useState74 } from "react";
30565
30980
  function useIsMounted() {
30566
30981
  const [isMounted, setIsMounted] = useState74(false);
30567
- useEffect56(() => {
30982
+ useEffect55(() => {
30568
30983
  setIsMounted(true);
30569
30984
  return () => {
30570
30985
  setIsMounted(false);
@@ -30645,7 +31060,7 @@ function ConnectButtonRenderer({
30645
31060
  query: { structuralSharing: false }
30646
31061
  });
30647
31062
  const balanceNativeAmount = balanceData ? `${abbreviateETHBalance(Number.parseFloat(balanceData.formatted))} ${balanceData.symbol}` : void 0;
30648
- const displayBalance = formatCurrencyAndStringify16(
31063
+ const displayBalance = formatCurrencyAndStringify15(
30649
31064
  Number.parseFloat(totalWalletAssetsUsd.toString())
30650
31065
  );
30651
31066
  const { openConnectModal } = useConnectModal();
@@ -30851,7 +31266,7 @@ function ConnectButton({
30851
31266
  const connectionStatus = useConnectionStatus();
30852
31267
  const { setShowBalance } = useShowBalance();
30853
31268
  const [ready, setReady] = useState75(false);
30854
- useEffect57(() => {
31269
+ useEffect56(() => {
30855
31270
  setShowBalance(showBalance);
30856
31271
  if (!ready) {
30857
31272
  setReady(true);
@@ -31363,10 +31778,10 @@ var useIsFunkitCheckoutActivated = () => {
31363
31778
  };
31364
31779
 
31365
31780
  // src/hooks/useFunkitMaxCheckoutUsdInfo.ts
31366
- import { FlagKey as FlagKey29, formatCurrencyAndStringify as formatCurrencyAndStringify17 } from "@funkit/utils";
31781
+ import { FlagKey as FlagKey29, formatCurrencyAndStringify as formatCurrencyAndStringify16 } from "@funkit/utils";
31367
31782
  var useFunkitMaxCheckoutUsdInfo = () => {
31368
31783
  const maxCheckoutUsd = Number(useFlag(FlagKey29.MaxCheckoutUsd));
31369
- const limitText = maxCheckoutUsd === Number.MAX_VALUE ? "no" : formatCurrencyAndStringify17(maxCheckoutUsd, {
31784
+ const limitText = maxCheckoutUsd === Number.MAX_VALUE ? "no" : formatCurrencyAndStringify16(maxCheckoutUsd, {
31370
31785
  decimalPrecisionForSuffix: 0,
31371
31786
  minimumSignificantDigits: 0,
31372
31787
  aggresiveDecimalPrecision: 0,
@@ -31476,26 +31891,26 @@ function validateFunkitProviderProps(props) {
31476
31891
  }
31477
31892
 
31478
31893
  // src/providers/useFingerprint.ts
31479
- import { useCallback as useCallback51, useEffect as useEffect58 } from "react";
31894
+ import { useCallback as useCallback51, useEffect as useEffect57 } from "react";
31480
31895
  var storageKey5 = "funkit-connect-version";
31481
31896
  function setFunkitConnectVersion({ version }) {
31482
31897
  localStorage.setItem(storageKey5, version);
31483
31898
  }
31484
31899
  function getCurrentSdkVersion() {
31485
- return "6.5.0";
31900
+ return "6.7.0";
31486
31901
  }
31487
31902
  function useFingerprint() {
31488
31903
  const fingerprint = useCallback51(() => {
31489
31904
  setFunkitConnectVersion({ version: getCurrentSdkVersion() });
31490
31905
  }, []);
31491
- useEffect58(() => {
31906
+ useEffect57(() => {
31492
31907
  fingerprint();
31493
31908
  }, [fingerprint]);
31494
31909
  }
31495
31910
 
31496
31911
  // src/providers/usePreloadImages.ts
31497
31912
  import { isNotNullish as isNotNullish13 } from "@funkit/utils";
31498
- import { useCallback as useCallback52, useEffect as useEffect59 } from "react";
31913
+ import { useCallback as useCallback52, useEffect as useEffect58 } from "react";
31499
31914
  function usePreloadImages() {
31500
31915
  const funkitConnectChains = useFunkitConnectChains();
31501
31916
  const walletConnectors = useWalletConnectors();
@@ -31505,7 +31920,7 @@ function usePreloadImages() {
31505
31920
  ...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish13)
31506
31921
  );
31507
31922
  }, [walletConnectors, funkitConnectChains]);
31508
- useEffect59(() => {
31923
+ useEffect58(() => {
31509
31924
  preloadImages();
31510
31925
  }, [preloadImages]);
31511
31926
  }