@funkit/connect 6.14.6 → 6.14.8

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 (19) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/dist/{chunk-CSLMZ5KJ.js → chunk-3SMGLDNF.js} +5 -0
  3. package/dist/{chunk-4WTYVVDI.js → chunk-XH2UUILF.js} +5 -0
  4. package/dist/components/Box/Box.d.ts +28 -28
  5. package/dist/components/FunButton/FunButton.css.d.ts +3 -0
  6. package/dist/consts/customers.d.ts +1 -0
  7. package/dist/css/sprinkles.css.d.ts +38 -28
  8. package/dist/domains/asset.d.ts +1 -0
  9. package/dist/index.css +2254 -1961
  10. package/dist/index.js +466 -308
  11. package/dist/modals/CheckoutModal/InputAmount/state.d.ts +4 -1
  12. package/dist/providers/FunkitThemeProvider.d.ts +15 -0
  13. package/dist/themes/darkTheme.js +1 -1
  14. package/dist/themes/lightTheme.js +1 -1
  15. package/dist/utils/checkout.d.ts +12 -1
  16. package/dist/utils/flags/config.d.ts +8 -1
  17. package/dist/wallets/useWalletConnectors.d.ts +0 -3
  18. package/dist/wallets/walletConnectors/index.js +53 -53
  19. package/package.json +7 -7
package/dist/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  "use client";
2
- import {
3
- darkTheme
4
- } from "./chunk-CSLMZ5KJ.js";
5
2
  import {
6
3
  lightTheme
7
- } from "./chunk-4WTYVVDI.js";
4
+ } from "./chunk-XH2UUILF.js";
5
+ import {
6
+ darkTheme
7
+ } from "./chunk-3SMGLDNF.js";
8
8
  import {
9
9
  systemFontStack
10
10
  } from "./chunk-WCUXJAGT.js";
@@ -13,9 +13,9 @@ import {
13
13
  var SCROLL_BAR_WIDTH = 6;
14
14
  var contentCollapsed = "_1pzt423g";
15
15
  var contentExpanded = "_1pzt423f";
16
- var dialog = "_1pzt4231 _1rsrm2fls _1rsrm2f13a _1rsrm2fw _1rsrm2f1c _1rsrm2f1g _1rsrm2f1ha _1rsrm2fa _1rsrm2f1r _1rsrm2fdd _1rsrm2fe9 _1rsrm2ff3 _1rsrm2fg0 _1rsrm2fh4";
17
- var dialogCompact = "_1pzt4232 _1pzt4231 _1rsrm2fls _1rsrm2f13a _1rsrm2fw _1rsrm2f1c _1rsrm2f1g _1rsrm2f1ha _1rsrm2fa _1rsrm2f1r _1rsrm2fdd _1rsrm2fe9 _1rsrm2ff3 _1rsrm2fg0 _1rsrm2fh4";
18
- var dialogMedium = "_1pzt4233 _1pzt4231 _1rsrm2fls _1rsrm2f13a _1rsrm2fw _1rsrm2f1c _1rsrm2f1g _1rsrm2f1ha _1rsrm2fa _1rsrm2f1r _1rsrm2fdd _1rsrm2fe9 _1rsrm2ff3 _1rsrm2fg0 _1rsrm2fh4";
16
+ var dialog = "_1pzt4231 _1rsrm2fls _1rsrm2f13y _1rsrm2fw _1rsrm2f1c _1rsrm2f1g _1rsrm2f1im _1rsrm2fa _1rsrm2f1r _1rsrm2fdd _1rsrm2fe9 _1rsrm2ff3 _1rsrm2fg0 _1rsrm2fh4";
17
+ var dialogCompact = "_1pzt4232 _1pzt4231 _1rsrm2fls _1rsrm2f13y _1rsrm2fw _1rsrm2f1c _1rsrm2f1g _1rsrm2f1im _1rsrm2fa _1rsrm2f1r _1rsrm2fdd _1rsrm2fe9 _1rsrm2ff3 _1rsrm2fg0 _1rsrm2fh4";
18
+ var dialogMedium = "_1pzt4233 _1pzt4231 _1rsrm2fls _1rsrm2f13y _1rsrm2fw _1rsrm2f1c _1rsrm2f1g _1rsrm2f1im _1rsrm2fa _1rsrm2f1r _1rsrm2fdd _1rsrm2fe9 _1rsrm2ff3 _1rsrm2fg0 _1rsrm2fh4";
19
19
  var dialogMobile = "_1pzt4238 _1rsrm2fx _1rsrm2f1g";
20
20
  var dividerTransition = "_1pzt423e";
21
21
  var fullHeightContent = "_1pzt423c";
@@ -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: "_1rsrm2fig", hover: "_1rsrm2fih", active: "_1rsrm2fii", selection: "_1rsrm2fij", focused: "_1rsrm2fik", focusedVisible: "_1rsrm2fil" }, defaultClass: "_1rsrm2fig" }, accentColorForeground: { conditions: { base: "_1rsrm2fim", hover: "_1rsrm2fin", active: "_1rsrm2fio", selection: "_1rsrm2fip", focused: "_1rsrm2fiq", focusedVisible: "_1rsrm2fir" }, defaultClass: "_1rsrm2fim" }, actionButtonBorder: { conditions: { base: "_1rsrm2fis", hover: "_1rsrm2fit", active: "_1rsrm2fiu", selection: "_1rsrm2fiv", focused: "_1rsrm2fiw", focusedVisible: "_1rsrm2fix" }, defaultClass: "_1rsrm2fis" }, connectButtonBackground: { conditions: { base: "_1rsrm2fiy", hover: "_1rsrm2fiz", active: "_1rsrm2fj0", selection: "_1rsrm2fj1", focused: "_1rsrm2fj2", focusedVisible: "_1rsrm2fj3" }, defaultClass: "_1rsrm2fiy" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fj4", hover: "_1rsrm2fj5", active: "_1rsrm2fj6", selection: "_1rsrm2fj7", focused: "_1rsrm2fj8", focusedVisible: "_1rsrm2fj9" }, defaultClass: "_1rsrm2fj4" }, connectButtonText: { conditions: { base: "_1rsrm2fja", hover: "_1rsrm2fjb", active: "_1rsrm2fjc", selection: "_1rsrm2fjd", focused: "_1rsrm2fje", focusedVisible: "_1rsrm2fjf" }, defaultClass: "_1rsrm2fja" }, connectButtonTextError: { conditions: { base: "_1rsrm2fjg", hover: "_1rsrm2fjh", active: "_1rsrm2fji", selection: "_1rsrm2fjj", focused: "_1rsrm2fjk", focusedVisible: "_1rsrm2fjl" }, defaultClass: "_1rsrm2fjg" }, connectionIndicator: { conditions: { base: "_1rsrm2fjm", hover: "_1rsrm2fjn", active: "_1rsrm2fjo", selection: "_1rsrm2fjp", focused: "_1rsrm2fjq", focusedVisible: "_1rsrm2fjr" }, defaultClass: "_1rsrm2fjm" }, error: { conditions: { base: "_1rsrm2fjs", hover: "_1rsrm2fjt", active: "_1rsrm2fju", selection: "_1rsrm2fjv", focused: "_1rsrm2fjw", focusedVisible: "_1rsrm2fjx" }, defaultClass: "_1rsrm2fjs" }, errorBackground: { conditions: { base: "_1rsrm2fjy", hover: "_1rsrm2fjz", active: "_1rsrm2fk0", selection: "_1rsrm2fk1", focused: "_1rsrm2fk2", focusedVisible: "_1rsrm2fk3" }, defaultClass: "_1rsrm2fjy" }, errorBorder: { conditions: { base: "_1rsrm2fk4", hover: "_1rsrm2fk5", active: "_1rsrm2fk6", selection: "_1rsrm2fk7", focused: "_1rsrm2fk8", focusedVisible: "_1rsrm2fk9" }, defaultClass: "_1rsrm2fk4" }, generalBorder: { conditions: { base: "_1rsrm2fka", hover: "_1rsrm2fkb", active: "_1rsrm2fkc", selection: "_1rsrm2fkd", focused: "_1rsrm2fke", focusedVisible: "_1rsrm2fkf" }, defaultClass: "_1rsrm2fka" }, generalBorderDim: { conditions: { base: "_1rsrm2fkg", hover: "_1rsrm2fkh", active: "_1rsrm2fki", selection: "_1rsrm2fkj", focused: "_1rsrm2fkk", focusedVisible: "_1rsrm2fkl" }, defaultClass: "_1rsrm2fkg" }, menuItemBackground: { conditions: { base: "_1rsrm2fkm", hover: "_1rsrm2fkn", active: "_1rsrm2fko", selection: "_1rsrm2fkp", focused: "_1rsrm2fkq", focusedVisible: "_1rsrm2fkr" }, defaultClass: "_1rsrm2fkm" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fks", hover: "_1rsrm2fkt", active: "_1rsrm2fku", selection: "_1rsrm2fkv", focused: "_1rsrm2fkw", focusedVisible: "_1rsrm2fkx" }, defaultClass: "_1rsrm2fks" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fky", hover: "_1rsrm2fkz", active: "_1rsrm2fl0", selection: "_1rsrm2fl1", focused: "_1rsrm2fl2", focusedVisible: "_1rsrm2fl3" }, defaultClass: "_1rsrm2fky" }, standby: { conditions: { base: "_1rsrm2fl4", hover: "_1rsrm2fl5", active: "_1rsrm2fl6", selection: "_1rsrm2fl7", focused: "_1rsrm2fl8", focusedVisible: "_1rsrm2fl9" }, defaultClass: "_1rsrm2fl4" }, success: { conditions: { base: "_1rsrm2fla", hover: "_1rsrm2flb", active: "_1rsrm2flc", selection: "_1rsrm2fld", focused: "_1rsrm2fle", focusedVisible: "_1rsrm2flf" }, defaultClass: "_1rsrm2fla" }, chainIconBorder: { conditions: { base: "_1rsrm2flg", hover: "_1rsrm2flh", active: "_1rsrm2fli", selection: "_1rsrm2flj", focused: "_1rsrm2flk", focusedVisible: "_1rsrm2fll" }, defaultClass: "_1rsrm2flg" }, modalBackdrop: { conditions: { base: "_1rsrm2flm", hover: "_1rsrm2fln", active: "_1rsrm2flo", selection: "_1rsrm2flp", focused: "_1rsrm2flq", focusedVisible: "_1rsrm2flr" }, defaultClass: "_1rsrm2flm" }, modalBackground: { conditions: { base: "_1rsrm2fls", hover: "_1rsrm2flt", active: "_1rsrm2flu", selection: "_1rsrm2flv", focused: "_1rsrm2flw", focusedVisible: "_1rsrm2flx" }, defaultClass: "_1rsrm2fls" }, modalBorder: { conditions: { base: "_1rsrm2fly", hover: "_1rsrm2flz", active: "_1rsrm2fm0", selection: "_1rsrm2fm1", focused: "_1rsrm2fm2", focusedVisible: "_1rsrm2fm3" }, defaultClass: "_1rsrm2fly" }, offBackground: { conditions: { base: "_1rsrm2fm4", hover: "_1rsrm2fm5", active: "_1rsrm2fm6", selection: "_1rsrm2fm7", focused: "_1rsrm2fm8", focusedVisible: "_1rsrm2fm9" }, defaultClass: "_1rsrm2fm4" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fma", hover: "_1rsrm2fmb", active: "_1rsrm2fmc", selection: "_1rsrm2fmd", focused: "_1rsrm2fme", focusedVisible: "_1rsrm2fmf" }, defaultClass: "_1rsrm2fma" }, hoverState: { conditions: { base: "_1rsrm2fmg", hover: "_1rsrm2fmh", active: "_1rsrm2fmi", selection: "_1rsrm2fmj", focused: "_1rsrm2fmk", focusedVisible: "_1rsrm2fml" }, defaultClass: "_1rsrm2fmg" }, lightStroke: { conditions: { base: "_1rsrm2fmm", hover: "_1rsrm2fmn", active: "_1rsrm2fmo", selection: "_1rsrm2fmp", focused: "_1rsrm2fmq", focusedVisible: "_1rsrm2fmr" }, defaultClass: "_1rsrm2fmm" }, mediumStroke: { conditions: { base: "_1rsrm2fms", hover: "_1rsrm2fmt", active: "_1rsrm2fmu", selection: "_1rsrm2fmv", focused: "_1rsrm2fmw", focusedVisible: "_1rsrm2fmx" }, defaultClass: "_1rsrm2fms" }, heavyStroke: { conditions: { base: "_1rsrm2fmy", hover: "_1rsrm2fmz", active: "_1rsrm2fn0", selection: "_1rsrm2fn1", focused: "_1rsrm2fn2", focusedVisible: "_1rsrm2fn3" }, defaultClass: "_1rsrm2fmy" }, strokeColor: { conditions: { base: "_1rsrm2fn4", hover: "_1rsrm2fn5", active: "_1rsrm2fn6", selection: "_1rsrm2fn7", focused: "_1rsrm2fn8", focusedVisible: "_1rsrm2fn9" }, defaultClass: "_1rsrm2fn4" }, modalTopbarIcon: { conditions: { base: "_1rsrm2fna", hover: "_1rsrm2fnb", active: "_1rsrm2fnc", selection: "_1rsrm2fnd", focused: "_1rsrm2fne", focusedVisible: "_1rsrm2fnf" }, defaultClass: "_1rsrm2fna" }, primaryText: { conditions: { base: "_1rsrm2fng", hover: "_1rsrm2fnh", active: "_1rsrm2fni", selection: "_1rsrm2fnj", focused: "_1rsrm2fnk", focusedVisible: "_1rsrm2fnl" }, defaultClass: "_1rsrm2fng" }, secondaryText: { conditions: { base: "_1rsrm2fnm", hover: "_1rsrm2fnn", active: "_1rsrm2fno", selection: "_1rsrm2fnp", focused: "_1rsrm2fnq", focusedVisible: "_1rsrm2fnr" }, defaultClass: "_1rsrm2fnm" }, tertiaryText: { conditions: { base: "_1rsrm2fns", hover: "_1rsrm2fnt", active: "_1rsrm2fnu", selection: "_1rsrm2fnv", focused: "_1rsrm2fnw", focusedVisible: "_1rsrm2fnx" }, defaultClass: "_1rsrm2fns" }, textSelection: { conditions: { base: "_1rsrm2fny", hover: "_1rsrm2fnz", active: "_1rsrm2fo0", selection: "_1rsrm2fo1", focused: "_1rsrm2fo2", focusedVisible: "_1rsrm2fo3" }, defaultClass: "_1rsrm2fny" }, inputBackground: { conditions: { base: "_1rsrm2fo4", hover: "_1rsrm2fo5", active: "_1rsrm2fo6", selection: "_1rsrm2fo7", focused: "_1rsrm2fo8", focusedVisible: "_1rsrm2fo9" }, defaultClass: "_1rsrm2fo4" }, inputBorderBase: { conditions: { base: "_1rsrm2foa", hover: "_1rsrm2fob", active: "_1rsrm2foc", selection: "_1rsrm2fod", focused: "_1rsrm2foe", focusedVisible: "_1rsrm2fof" }, defaultClass: "_1rsrm2foa" }, inputBorderHover: { conditions: { base: "_1rsrm2fog", hover: "_1rsrm2foh", active: "_1rsrm2foi", selection: "_1rsrm2foj", focused: "_1rsrm2fok", focusedVisible: "_1rsrm2fol" }, defaultClass: "_1rsrm2fog" }, actionColor: { conditions: { base: "_1rsrm2fom", hover: "_1rsrm2fon", active: "_1rsrm2foo", selection: "_1rsrm2fop", focused: "_1rsrm2foq", focusedVisible: "_1rsrm2for" }, defaultClass: "_1rsrm2fom" }, actionColorHover: { conditions: { base: "_1rsrm2fos", hover: "_1rsrm2fot", active: "_1rsrm2fou", selection: "_1rsrm2fov", focused: "_1rsrm2fow", focusedVisible: "_1rsrm2fox" }, defaultClass: "_1rsrm2fos" }, actionColorDisabled: { conditions: { base: "_1rsrm2foy", hover: "_1rsrm2foz", active: "_1rsrm2fp0", selection: "_1rsrm2fp1", focused: "_1rsrm2fp2", focusedVisible: "_1rsrm2fp3" }, defaultClass: "_1rsrm2foy" }, buttonPrimary: { conditions: { base: "_1rsrm2fp4", hover: "_1rsrm2fp5", active: "_1rsrm2fp6", selection: "_1rsrm2fp7", focused: "_1rsrm2fp8", focusedVisible: "_1rsrm2fp9" }, defaultClass: "_1rsrm2fp4" }, buttonDisabled: { conditions: { base: "_1rsrm2fpa", hover: "_1rsrm2fpb", active: "_1rsrm2fpc", selection: "_1rsrm2fpd", focused: "_1rsrm2fpe", focusedVisible: "_1rsrm2fpf" }, defaultClass: "_1rsrm2fpa" }, buttonWarning: { conditions: { base: "_1rsrm2fpg", hover: "_1rsrm2fph", active: "_1rsrm2fpi", selection: "_1rsrm2fpj", focused: "_1rsrm2fpk", focusedVisible: "_1rsrm2fpl" }, defaultClass: "_1rsrm2fpg" }, buttonSuccess: { conditions: { base: "_1rsrm2fpm", hover: "_1rsrm2fpn", active: "_1rsrm2fpo", selection: "_1rsrm2fpp", focused: "_1rsrm2fpq", focusedVisible: "_1rsrm2fpr" }, defaultClass: "_1rsrm2fpm" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fps", hover: "_1rsrm2fpt", active: "_1rsrm2fpu", selection: "_1rsrm2fpv", focused: "_1rsrm2fpw", focusedVisible: "_1rsrm2fpx" }, defaultClass: "_1rsrm2fps" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fpy", hover: "_1rsrm2fpz", active: "_1rsrm2fq0", selection: "_1rsrm2fq1", focused: "_1rsrm2fq2", focusedVisible: "_1rsrm2fq3" }, defaultClass: "_1rsrm2fpy" }, transparent: { conditions: { base: "_1rsrm2fq4", hover: "_1rsrm2fq5", active: "_1rsrm2fq6", selection: "_1rsrm2fq7", focused: "_1rsrm2fq8", focusedVisible: "_1rsrm2fq9" }, defaultClass: "_1rsrm2fq4" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fqa", hover: "_1rsrm2fqb", active: "_1rsrm2fqc", selection: "_1rsrm2fqd", focused: "_1rsrm2fqe", focusedVisible: "_1rsrm2fqf" }, defaultClass: "_1rsrm2fqa" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fqg", hover: "_1rsrm2fqh", active: "_1rsrm2fqi", selection: "_1rsrm2fqj", focused: "_1rsrm2fqk", focusedVisible: "_1rsrm2fql" }, defaultClass: "_1rsrm2fqg" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2fqm", hover: "_1rsrm2fqn", active: "_1rsrm2fqo", selection: "_1rsrm2fqp", focused: "_1rsrm2fqq", focusedVisible: "_1rsrm2fqr" }, defaultClass: "_1rsrm2fqm" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fqs", hover: "_1rsrm2fqt", active: "_1rsrm2fqu", selection: "_1rsrm2fqv", focused: "_1rsrm2fqw", focusedVisible: "_1rsrm2fqx" }, defaultClass: "_1rsrm2fqs" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fqy", hover: "_1rsrm2fqz", active: "_1rsrm2fr0", selection: "_1rsrm2fr1", focused: "_1rsrm2fr2", focusedVisible: "_1rsrm2fr3" }, defaultClass: "_1rsrm2fqy" }, buttonBackground: { conditions: { base: "_1rsrm2fr4", hover: "_1rsrm2fr5", active: "_1rsrm2fr6", selection: "_1rsrm2fr7", focused: "_1rsrm2fr8", focusedVisible: "_1rsrm2fr9" }, defaultClass: "_1rsrm2fr4" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2fra", hover: "_1rsrm2frb", active: "_1rsrm2frc", selection: "_1rsrm2frd", focused: "_1rsrm2fre", focusedVisible: "_1rsrm2frf" }, defaultClass: "_1rsrm2fra" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2frg", hover: "_1rsrm2frh", active: "_1rsrm2fri", selection: "_1rsrm2frj", focused: "_1rsrm2frk", focusedVisible: "_1rsrm2frl" }, defaultClass: "_1rsrm2frg" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2frm", hover: "_1rsrm2frn", active: "_1rsrm2fro", selection: "_1rsrm2frp", focused: "_1rsrm2frq", focusedVisible: "_1rsrm2frr" }, defaultClass: "_1rsrm2frm" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2frs", hover: "_1rsrm2frt", active: "_1rsrm2fru", selection: "_1rsrm2frv", focused: "_1rsrm2frw", focusedVisible: "_1rsrm2frx" }, defaultClass: "_1rsrm2frs" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fry", hover: "_1rsrm2frz", active: "_1rsrm2fs0", selection: "_1rsrm2fs1", focused: "_1rsrm2fs2", focusedVisible: "_1rsrm2fs3" }, defaultClass: "_1rsrm2fry" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2fs4", hover: "_1rsrm2fs5", active: "_1rsrm2fs6", selection: "_1rsrm2fs7", focused: "_1rsrm2fs8", focusedVisible: "_1rsrm2fs9" }, defaultClass: "_1rsrm2fs4" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2fsa", hover: "_1rsrm2fsb", active: "_1rsrm2fsc", selection: "_1rsrm2fsd", focused: "_1rsrm2fse", focusedVisible: "_1rsrm2fsf" }, defaultClass: "_1rsrm2fsa" }, buttonIconStroke: { conditions: { base: "_1rsrm2fsg", hover: "_1rsrm2fsh", active: "_1rsrm2fsi", selection: "_1rsrm2fsj", focused: "_1rsrm2fsk", focusedVisible: "_1rsrm2fsl" }, defaultClass: "_1rsrm2fsg" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fsm", hover: "_1rsrm2fsn", active: "_1rsrm2fso", selection: "_1rsrm2fsp", focused: "_1rsrm2fsq", focusedVisible: "_1rsrm2fsr" }, defaultClass: "_1rsrm2fsm" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fss", hover: "_1rsrm2fst", active: "_1rsrm2fsu", selection: "_1rsrm2fsv", focused: "_1rsrm2fsw", focusedVisible: "_1rsrm2fsx" }, defaultClass: "_1rsrm2fss" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2fsy", hover: "_1rsrm2fsz", active: "_1rsrm2ft0", selection: "_1rsrm2ft1", focused: "_1rsrm2ft2", focusedVisible: "_1rsrm2ft3" }, defaultClass: "_1rsrm2fsy" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2ft4", hover: "_1rsrm2ft5", active: "_1rsrm2ft6", selection: "_1rsrm2ft7", focused: "_1rsrm2ft8", focusedVisible: "_1rsrm2ft9" }, defaultClass: "_1rsrm2ft4" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fta", hover: "_1rsrm2ftb", active: "_1rsrm2ftc", selection: "_1rsrm2ftd", focused: "_1rsrm2fte", focusedVisible: "_1rsrm2ftf" }, defaultClass: "_1rsrm2fta" }, newBadgeBackground: { conditions: { base: "_1rsrm2ftg", hover: "_1rsrm2fth", active: "_1rsrm2fti", selection: "_1rsrm2ftj", focused: "_1rsrm2ftk", focusedVisible: "_1rsrm2ftl" }, defaultClass: "_1rsrm2ftg" }, newBadgeBorder: { conditions: { base: "_1rsrm2ftm", hover: "_1rsrm2ftn", active: "_1rsrm2fto", selection: "_1rsrm2ftp", focused: "_1rsrm2ftq", focusedVisible: "_1rsrm2ftr" }, defaultClass: "_1rsrm2ftm" }, newBadgeText: { conditions: { base: "_1rsrm2fts", hover: "_1rsrm2ftt", active: "_1rsrm2ftu", selection: "_1rsrm2ftv", focused: "_1rsrm2ftw", focusedVisible: "_1rsrm2ftx" }, defaultClass: "_1rsrm2fts" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2fty", hover: "_1rsrm2ftz", active: "_1rsrm2fu0", selection: "_1rsrm2fu1", focused: "_1rsrm2fu2", focusedVisible: "_1rsrm2fu3" }, defaultClass: "_1rsrm2fty" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2fu4", hover: "_1rsrm2fu5", active: "_1rsrm2fu6", selection: "_1rsrm2fu7", focused: "_1rsrm2fu8", focusedVisible: "_1rsrm2fu9" }, defaultClass: "_1rsrm2fu4" }, approvedBadgeText: { conditions: { base: "_1rsrm2fua", hover: "_1rsrm2fub", active: "_1rsrm2fuc", selection: "_1rsrm2fud", focused: "_1rsrm2fue", focusedVisible: "_1rsrm2fuf" }, defaultClass: "_1rsrm2fua" }, failedBadgeBackground: { conditions: { base: "_1rsrm2fug", hover: "_1rsrm2fuh", active: "_1rsrm2fui", selection: "_1rsrm2fuj", focused: "_1rsrm2fuk", focusedVisible: "_1rsrm2ful" }, defaultClass: "_1rsrm2fug" }, failedBadgeBorder: { conditions: { base: "_1rsrm2fum", hover: "_1rsrm2fun", active: "_1rsrm2fuo", selection: "_1rsrm2fup", focused: "_1rsrm2fuq", focusedVisible: "_1rsrm2fur" }, defaultClass: "_1rsrm2fum" }, failedBadgeText: { conditions: { base: "_1rsrm2fus", hover: "_1rsrm2fut", active: "_1rsrm2fuu", selection: "_1rsrm2fuv", focused: "_1rsrm2fuw", focusedVisible: "_1rsrm2fux" }, defaultClass: "_1rsrm2fus" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fuy", hover: "_1rsrm2fuz", active: "_1rsrm2fv0", selection: "_1rsrm2fv1", focused: "_1rsrm2fv2", focusedVisible: "_1rsrm2fv3" }, defaultClass: "_1rsrm2fuy" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2fv4", hover: "_1rsrm2fv5", active: "_1rsrm2fv6", selection: "_1rsrm2fv7", focused: "_1rsrm2fv8", focusedVisible: "_1rsrm2fv9" }, defaultClass: "_1rsrm2fv4" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2fva", hover: "_1rsrm2fvb", active: "_1rsrm2fvc", selection: "_1rsrm2fvd", focused: "_1rsrm2fve", focusedVisible: "_1rsrm2fvf" }, defaultClass: "_1rsrm2fva" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2fvg", hover: "_1rsrm2fvh", active: "_1rsrm2fvi", selection: "_1rsrm2fvj", focused: "_1rsrm2fvk", focusedVisible: "_1rsrm2fvl" }, defaultClass: "_1rsrm2fvg" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2fvm", hover: "_1rsrm2fvn", active: "_1rsrm2fvo", selection: "_1rsrm2fvp", focused: "_1rsrm2fvq", focusedVisible: "_1rsrm2fvr" }, defaultClass: "_1rsrm2fvm" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2fvs", hover: "_1rsrm2fvt", active: "_1rsrm2fvu", selection: "_1rsrm2fvv", focused: "_1rsrm2fvw", focusedVisible: "_1rsrm2fvx" }, defaultClass: "_1rsrm2fvs" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2fvy", hover: "_1rsrm2fvz", active: "_1rsrm2fw0", selection: "_1rsrm2fw1", focused: "_1rsrm2fw2", focusedVisible: "_1rsrm2fw3" }, defaultClass: "_1rsrm2fvy" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2fw4", hover: "_1rsrm2fw5", active: "_1rsrm2fw6", selection: "_1rsrm2fw7", focused: "_1rsrm2fw8", focusedVisible: "_1rsrm2fw9" }, defaultClass: "_1rsrm2fw4" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2fwa", hover: "_1rsrm2fwb", active: "_1rsrm2fwc", selection: "_1rsrm2fwd", focused: "_1rsrm2fwe", focusedVisible: "_1rsrm2fwf" }, defaultClass: "_1rsrm2fwa" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2fwg", hover: "_1rsrm2fwh", active: "_1rsrm2fwi", selection: "_1rsrm2fwj", focused: "_1rsrm2fwk", focusedVisible: "_1rsrm2fwl" }, defaultClass: "_1rsrm2fwg" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2fwm", hover: "_1rsrm2fwn", active: "_1rsrm2fwo", selection: "_1rsrm2fwp", focused: "_1rsrm2fwq", focusedVisible: "_1rsrm2fwr" }, defaultClass: "_1rsrm2fwm" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2fws", hover: "_1rsrm2fwt", active: "_1rsrm2fwu", selection: "_1rsrm2fwv", focused: "_1rsrm2fww", focusedVisible: "_1rsrm2fwx" }, defaultClass: "_1rsrm2fws" }, announceGradientFrom: { conditions: { base: "_1rsrm2fwy", hover: "_1rsrm2fwz", active: "_1rsrm2fx0", selection: "_1rsrm2fx1", focused: "_1rsrm2fx2", focusedVisible: "_1rsrm2fx3" }, defaultClass: "_1rsrm2fwy" }, announceGradientTo: { conditions: { base: "_1rsrm2fx4", hover: "_1rsrm2fx5", active: "_1rsrm2fx6", selection: "_1rsrm2fx7", focused: "_1rsrm2fx8", focusedVisible: "_1rsrm2fx9" }, defaultClass: "_1rsrm2fx4" }, modalHeaderDivider: { conditions: { base: "_1rsrm2fxa", hover: "_1rsrm2fxb", active: "_1rsrm2fxc", selection: "_1rsrm2fxd", focused: "_1rsrm2fxe", focusedVisible: "_1rsrm2fxf" }, defaultClass: "_1rsrm2fxa" }, modalFooterDivider: { conditions: { base: "_1rsrm2fxg", hover: "_1rsrm2fxh", active: "_1rsrm2fxi", selection: "_1rsrm2fxj", focused: "_1rsrm2fxk", focusedVisible: "_1rsrm2fxl" }, defaultClass: "_1rsrm2fxg" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2fxm", hover: "_1rsrm2fxn", active: "_1rsrm2fxo", selection: "_1rsrm2fxp", focused: "_1rsrm2fxq", focusedVisible: "_1rsrm2fxr" }, defaultClass: "_1rsrm2fxm" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2fxs", hover: "_1rsrm2fxt", active: "_1rsrm2fxu", selection: "_1rsrm2fxv", focused: "_1rsrm2fxw", focusedVisible: "_1rsrm2fxx" }, defaultClass: "_1rsrm2fxs" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2fxy", hover: "_1rsrm2fxz", active: "_1rsrm2fy0", selection: "_1rsrm2fy1", focused: "_1rsrm2fy2", focusedVisible: "_1rsrm2fy3" }, defaultClass: "_1rsrm2fxy" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2fy4", hover: "_1rsrm2fy5", active: "_1rsrm2fy6", selection: "_1rsrm2fy7", focused: "_1rsrm2fy8", focusedVisible: "_1rsrm2fy9" }, defaultClass: "_1rsrm2fy4" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2fya", hover: "_1rsrm2fyb", active: "_1rsrm2fyc", selection: "_1rsrm2fyd", focused: "_1rsrm2fye", focusedVisible: "_1rsrm2fyf" }, defaultClass: "_1rsrm2fya" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2fyg", hover: "_1rsrm2fyh", active: "_1rsrm2fyi", selection: "_1rsrm2fyj", focused: "_1rsrm2fyk", focusedVisible: "_1rsrm2fyl" }, defaultClass: "_1rsrm2fyg" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2fym", hover: "_1rsrm2fyn", active: "_1rsrm2fyo", selection: "_1rsrm2fyp", focused: "_1rsrm2fyq", focusedVisible: "_1rsrm2fyr" }, defaultClass: "_1rsrm2fym" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2fys", hover: "_1rsrm2fyt", active: "_1rsrm2fyu", selection: "_1rsrm2fyv", focused: "_1rsrm2fyw", focusedVisible: "_1rsrm2fyx" }, defaultClass: "_1rsrm2fys" }, optionBoxBackground: { conditions: { base: "_1rsrm2fyy", hover: "_1rsrm2fyz", active: "_1rsrm2fz0", selection: "_1rsrm2fz1", focused: "_1rsrm2fz2", focusedVisible: "_1rsrm2fz3" }, defaultClass: "_1rsrm2fyy" }, spinnerBackground: { conditions: { base: "_1rsrm2fz4", hover: "_1rsrm2fz5", active: "_1rsrm2fz6", selection: "_1rsrm2fz7", focused: "_1rsrm2fz8", focusedVisible: "_1rsrm2fz9" }, defaultClass: "_1rsrm2fz4" }, spinnerIndicator: { conditions: { base: "_1rsrm2fza", hover: "_1rsrm2fzb", active: "_1rsrm2fzc", selection: "_1rsrm2fzd", focused: "_1rsrm2fze", focusedVisible: "_1rsrm2fzf" }, defaultClass: "_1rsrm2fza" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2fzg", hover: "_1rsrm2fzh", active: "_1rsrm2fzi", selection: "_1rsrm2fzj", focused: "_1rsrm2fzk", focusedVisible: "_1rsrm2fzl" }, defaultClass: "_1rsrm2fzg" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2fzm", hover: "_1rsrm2fzn", active: "_1rsrm2fzo", selection: "_1rsrm2fzp", focused: "_1rsrm2fzq", focusedVisible: "_1rsrm2fzr" }, defaultClass: "_1rsrm2fzm" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fzs", hover: "_1rsrm2fzt", active: "_1rsrm2fzu", selection: "_1rsrm2fzv", focused: "_1rsrm2fzw", focusedVisible: "_1rsrm2fzx" }, defaultClass: "_1rsrm2fzs" }, accentColorForeground: { conditions: { base: "_1rsrm2fzy", hover: "_1rsrm2fzz", active: "_1rsrm2f100", selection: "_1rsrm2f101", focused: "_1rsrm2f102", focusedVisible: "_1rsrm2f103" }, defaultClass: "_1rsrm2fzy" }, actionButtonBorder: { conditions: { base: "_1rsrm2f104", hover: "_1rsrm2f105", active: "_1rsrm2f106", selection: "_1rsrm2f107", focused: "_1rsrm2f108", focusedVisible: "_1rsrm2f109" }, defaultClass: "_1rsrm2f104" }, connectButtonBackground: { conditions: { base: "_1rsrm2f10a", hover: "_1rsrm2f10b", active: "_1rsrm2f10c", selection: "_1rsrm2f10d", focused: "_1rsrm2f10e", focusedVisible: "_1rsrm2f10f" }, defaultClass: "_1rsrm2f10a" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f10g", hover: "_1rsrm2f10h", active: "_1rsrm2f10i", selection: "_1rsrm2f10j", focused: "_1rsrm2f10k", focusedVisible: "_1rsrm2f10l" }, defaultClass: "_1rsrm2f10g" }, connectButtonText: { conditions: { base: "_1rsrm2f10m", hover: "_1rsrm2f10n", active: "_1rsrm2f10o", selection: "_1rsrm2f10p", focused: "_1rsrm2f10q", focusedVisible: "_1rsrm2f10r" }, defaultClass: "_1rsrm2f10m" }, connectButtonTextError: { conditions: { base: "_1rsrm2f10s", hover: "_1rsrm2f10t", active: "_1rsrm2f10u", selection: "_1rsrm2f10v", focused: "_1rsrm2f10w", focusedVisible: "_1rsrm2f10x" }, defaultClass: "_1rsrm2f10s" }, connectionIndicator: { conditions: { base: "_1rsrm2f10y", hover: "_1rsrm2f10z", active: "_1rsrm2f110", selection: "_1rsrm2f111", focused: "_1rsrm2f112", focusedVisible: "_1rsrm2f113" }, defaultClass: "_1rsrm2f10y" }, error: { conditions: { base: "_1rsrm2f114", hover: "_1rsrm2f115", active: "_1rsrm2f116", selection: "_1rsrm2f117", focused: "_1rsrm2f118", focusedVisible: "_1rsrm2f119" }, defaultClass: "_1rsrm2f114" }, errorBackground: { conditions: { base: "_1rsrm2f11a", hover: "_1rsrm2f11b", active: "_1rsrm2f11c", selection: "_1rsrm2f11d", focused: "_1rsrm2f11e", focusedVisible: "_1rsrm2f11f" }, defaultClass: "_1rsrm2f11a" }, errorBorder: { conditions: { base: "_1rsrm2f11g", hover: "_1rsrm2f11h", active: "_1rsrm2f11i", selection: "_1rsrm2f11j", focused: "_1rsrm2f11k", focusedVisible: "_1rsrm2f11l" }, defaultClass: "_1rsrm2f11g" }, generalBorder: { conditions: { base: "_1rsrm2f11m", hover: "_1rsrm2f11n", active: "_1rsrm2f11o", selection: "_1rsrm2f11p", focused: "_1rsrm2f11q", focusedVisible: "_1rsrm2f11r" }, defaultClass: "_1rsrm2f11m" }, generalBorderDim: { conditions: { base: "_1rsrm2f11s", hover: "_1rsrm2f11t", active: "_1rsrm2f11u", selection: "_1rsrm2f11v", focused: "_1rsrm2f11w", focusedVisible: "_1rsrm2f11x" }, defaultClass: "_1rsrm2f11s" }, menuItemBackground: { conditions: { base: "_1rsrm2f11y", hover: "_1rsrm2f11z", active: "_1rsrm2f120", selection: "_1rsrm2f121", focused: "_1rsrm2f122", focusedVisible: "_1rsrm2f123" }, defaultClass: "_1rsrm2f11y" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f124", hover: "_1rsrm2f125", active: "_1rsrm2f126", selection: "_1rsrm2f127", focused: "_1rsrm2f128", focusedVisible: "_1rsrm2f129" }, defaultClass: "_1rsrm2f124" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f12a", hover: "_1rsrm2f12b", active: "_1rsrm2f12c", selection: "_1rsrm2f12d", focused: "_1rsrm2f12e", focusedVisible: "_1rsrm2f12f" }, defaultClass: "_1rsrm2f12a" }, standby: { conditions: { base: "_1rsrm2f12g", hover: "_1rsrm2f12h", active: "_1rsrm2f12i", selection: "_1rsrm2f12j", focused: "_1rsrm2f12k", focusedVisible: "_1rsrm2f12l" }, defaultClass: "_1rsrm2f12g" }, success: { conditions: { base: "_1rsrm2f12m", hover: "_1rsrm2f12n", active: "_1rsrm2f12o", selection: "_1rsrm2f12p", focused: "_1rsrm2f12q", focusedVisible: "_1rsrm2f12r" }, defaultClass: "_1rsrm2f12m" }, chainIconBorder: { conditions: { base: "_1rsrm2f12s", hover: "_1rsrm2f12t", active: "_1rsrm2f12u", selection: "_1rsrm2f12v", focused: "_1rsrm2f12w", focusedVisible: "_1rsrm2f12x" }, defaultClass: "_1rsrm2f12s" }, modalBackdrop: { conditions: { base: "_1rsrm2f12y", hover: "_1rsrm2f12z", active: "_1rsrm2f130", selection: "_1rsrm2f131", focused: "_1rsrm2f132", focusedVisible: "_1rsrm2f133" }, defaultClass: "_1rsrm2f12y" }, modalBackground: { conditions: { base: "_1rsrm2f134", hover: "_1rsrm2f135", active: "_1rsrm2f136", selection: "_1rsrm2f137", focused: "_1rsrm2f138", focusedVisible: "_1rsrm2f139" }, defaultClass: "_1rsrm2f134" }, modalBorder: { conditions: { base: "_1rsrm2f13a", hover: "_1rsrm2f13b", active: "_1rsrm2f13c", selection: "_1rsrm2f13d", focused: "_1rsrm2f13e", focusedVisible: "_1rsrm2f13f" }, defaultClass: "_1rsrm2f13a" }, offBackground: { conditions: { base: "_1rsrm2f13g", hover: "_1rsrm2f13h", active: "_1rsrm2f13i", selection: "_1rsrm2f13j", focused: "_1rsrm2f13k", focusedVisible: "_1rsrm2f13l" }, defaultClass: "_1rsrm2f13g" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f13m", hover: "_1rsrm2f13n", active: "_1rsrm2f13o", selection: "_1rsrm2f13p", focused: "_1rsrm2f13q", focusedVisible: "_1rsrm2f13r" }, defaultClass: "_1rsrm2f13m" }, hoverState: { conditions: { base: "_1rsrm2f13s", hover: "_1rsrm2f13t", active: "_1rsrm2f13u", selection: "_1rsrm2f13v", focused: "_1rsrm2f13w", focusedVisible: "_1rsrm2f13x" }, defaultClass: "_1rsrm2f13s" }, lightStroke: { conditions: { base: "_1rsrm2f13y", hover: "_1rsrm2f13z", active: "_1rsrm2f140", selection: "_1rsrm2f141", focused: "_1rsrm2f142", focusedVisible: "_1rsrm2f143" }, defaultClass: "_1rsrm2f13y" }, mediumStroke: { conditions: { base: "_1rsrm2f144", hover: "_1rsrm2f145", active: "_1rsrm2f146", selection: "_1rsrm2f147", focused: "_1rsrm2f148", focusedVisible: "_1rsrm2f149" }, defaultClass: "_1rsrm2f144" }, heavyStroke: { conditions: { base: "_1rsrm2f14a", hover: "_1rsrm2f14b", active: "_1rsrm2f14c", selection: "_1rsrm2f14d", focused: "_1rsrm2f14e", focusedVisible: "_1rsrm2f14f" }, defaultClass: "_1rsrm2f14a" }, strokeColor: { conditions: { base: "_1rsrm2f14g", hover: "_1rsrm2f14h", active: "_1rsrm2f14i", selection: "_1rsrm2f14j", focused: "_1rsrm2f14k", focusedVisible: "_1rsrm2f14l" }, defaultClass: "_1rsrm2f14g" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f14m", hover: "_1rsrm2f14n", active: "_1rsrm2f14o", selection: "_1rsrm2f14p", focused: "_1rsrm2f14q", focusedVisible: "_1rsrm2f14r" }, defaultClass: "_1rsrm2f14m" }, primaryText: { conditions: { base: "_1rsrm2f14s", hover: "_1rsrm2f14t", active: "_1rsrm2f14u", selection: "_1rsrm2f14v", focused: "_1rsrm2f14w", focusedVisible: "_1rsrm2f14x" }, defaultClass: "_1rsrm2f14s" }, secondaryText: { conditions: { base: "_1rsrm2f14y", hover: "_1rsrm2f14z", active: "_1rsrm2f150", selection: "_1rsrm2f151", focused: "_1rsrm2f152", focusedVisible: "_1rsrm2f153" }, defaultClass: "_1rsrm2f14y" }, tertiaryText: { conditions: { base: "_1rsrm2f154", hover: "_1rsrm2f155", active: "_1rsrm2f156", selection: "_1rsrm2f157", focused: "_1rsrm2f158", focusedVisible: "_1rsrm2f159" }, defaultClass: "_1rsrm2f154" }, textSelection: { conditions: { base: "_1rsrm2f15a", hover: "_1rsrm2f15b", active: "_1rsrm2f15c", selection: "_1rsrm2f15d", focused: "_1rsrm2f15e", focusedVisible: "_1rsrm2f15f" }, defaultClass: "_1rsrm2f15a" }, inputBackground: { conditions: { base: "_1rsrm2f15g", hover: "_1rsrm2f15h", active: "_1rsrm2f15i", selection: "_1rsrm2f15j", focused: "_1rsrm2f15k", focusedVisible: "_1rsrm2f15l" }, defaultClass: "_1rsrm2f15g" }, inputBorderBase: { conditions: { base: "_1rsrm2f15m", hover: "_1rsrm2f15n", active: "_1rsrm2f15o", selection: "_1rsrm2f15p", focused: "_1rsrm2f15q", focusedVisible: "_1rsrm2f15r" }, defaultClass: "_1rsrm2f15m" }, inputBorderHover: { conditions: { base: "_1rsrm2f15s", hover: "_1rsrm2f15t", active: "_1rsrm2f15u", selection: "_1rsrm2f15v", focused: "_1rsrm2f15w", focusedVisible: "_1rsrm2f15x" }, defaultClass: "_1rsrm2f15s" }, actionColor: { conditions: { base: "_1rsrm2f15y", hover: "_1rsrm2f15z", active: "_1rsrm2f160", selection: "_1rsrm2f161", focused: "_1rsrm2f162", focusedVisible: "_1rsrm2f163" }, defaultClass: "_1rsrm2f15y" }, actionColorHover: { conditions: { base: "_1rsrm2f164", hover: "_1rsrm2f165", active: "_1rsrm2f166", selection: "_1rsrm2f167", focused: "_1rsrm2f168", focusedVisible: "_1rsrm2f169" }, defaultClass: "_1rsrm2f164" }, actionColorDisabled: { conditions: { base: "_1rsrm2f16a", hover: "_1rsrm2f16b", active: "_1rsrm2f16c", selection: "_1rsrm2f16d", focused: "_1rsrm2f16e", focusedVisible: "_1rsrm2f16f" }, defaultClass: "_1rsrm2f16a" }, buttonPrimary: { conditions: { base: "_1rsrm2f16g", hover: "_1rsrm2f16h", active: "_1rsrm2f16i", selection: "_1rsrm2f16j", focused: "_1rsrm2f16k", focusedVisible: "_1rsrm2f16l" }, defaultClass: "_1rsrm2f16g" }, buttonDisabled: { conditions: { base: "_1rsrm2f16m", hover: "_1rsrm2f16n", active: "_1rsrm2f16o", selection: "_1rsrm2f16p", focused: "_1rsrm2f16q", focusedVisible: "_1rsrm2f16r" }, defaultClass: "_1rsrm2f16m" }, buttonWarning: { conditions: { base: "_1rsrm2f16s", hover: "_1rsrm2f16t", active: "_1rsrm2f16u", selection: "_1rsrm2f16v", focused: "_1rsrm2f16w", focusedVisible: "_1rsrm2f16x" }, defaultClass: "_1rsrm2f16s" }, buttonSuccess: { conditions: { base: "_1rsrm2f16y", hover: "_1rsrm2f16z", active: "_1rsrm2f170", selection: "_1rsrm2f171", focused: "_1rsrm2f172", focusedVisible: "_1rsrm2f173" }, defaultClass: "_1rsrm2f16y" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f174", hover: "_1rsrm2f175", active: "_1rsrm2f176", selection: "_1rsrm2f177", focused: "_1rsrm2f178", focusedVisible: "_1rsrm2f179" }, defaultClass: "_1rsrm2f174" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f17a", hover: "_1rsrm2f17b", active: "_1rsrm2f17c", selection: "_1rsrm2f17d", focused: "_1rsrm2f17e", focusedVisible: "_1rsrm2f17f" }, defaultClass: "_1rsrm2f17a" }, transparent: { conditions: { base: "_1rsrm2f17g", hover: "_1rsrm2f17h", active: "_1rsrm2f17i", selection: "_1rsrm2f17j", focused: "_1rsrm2f17k", focusedVisible: "_1rsrm2f17l" }, defaultClass: "_1rsrm2f17g" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f17m", hover: "_1rsrm2f17n", active: "_1rsrm2f17o", selection: "_1rsrm2f17p", focused: "_1rsrm2f17q", focusedVisible: "_1rsrm2f17r" }, defaultClass: "_1rsrm2f17m" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f17s", hover: "_1rsrm2f17t", active: "_1rsrm2f17u", selection: "_1rsrm2f17v", focused: "_1rsrm2f17w", focusedVisible: "_1rsrm2f17x" }, defaultClass: "_1rsrm2f17s" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f17y", hover: "_1rsrm2f17z", active: "_1rsrm2f180", selection: "_1rsrm2f181", focused: "_1rsrm2f182", focusedVisible: "_1rsrm2f183" }, defaultClass: "_1rsrm2f17y" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f184", hover: "_1rsrm2f185", active: "_1rsrm2f186", selection: "_1rsrm2f187", focused: "_1rsrm2f188", focusedVisible: "_1rsrm2f189" }, defaultClass: "_1rsrm2f184" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f18a", hover: "_1rsrm2f18b", active: "_1rsrm2f18c", selection: "_1rsrm2f18d", focused: "_1rsrm2f18e", focusedVisible: "_1rsrm2f18f" }, defaultClass: "_1rsrm2f18a" }, buttonBackground: { conditions: { base: "_1rsrm2f18g", hover: "_1rsrm2f18h", active: "_1rsrm2f18i", selection: "_1rsrm2f18j", focused: "_1rsrm2f18k", focusedVisible: "_1rsrm2f18l" }, defaultClass: "_1rsrm2f18g" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f18m", hover: "_1rsrm2f18n", active: "_1rsrm2f18o", selection: "_1rsrm2f18p", focused: "_1rsrm2f18q", focusedVisible: "_1rsrm2f18r" }, defaultClass: "_1rsrm2f18m" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f18s", hover: "_1rsrm2f18t", active: "_1rsrm2f18u", selection: "_1rsrm2f18v", focused: "_1rsrm2f18w", focusedVisible: "_1rsrm2f18x" }, defaultClass: "_1rsrm2f18s" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f18y", hover: "_1rsrm2f18z", active: "_1rsrm2f190", selection: "_1rsrm2f191", focused: "_1rsrm2f192", focusedVisible: "_1rsrm2f193" }, defaultClass: "_1rsrm2f18y" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f194", hover: "_1rsrm2f195", active: "_1rsrm2f196", selection: "_1rsrm2f197", focused: "_1rsrm2f198", focusedVisible: "_1rsrm2f199" }, defaultClass: "_1rsrm2f194" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f19a", hover: "_1rsrm2f19b", active: "_1rsrm2f19c", selection: "_1rsrm2f19d", focused: "_1rsrm2f19e", focusedVisible: "_1rsrm2f19f" }, defaultClass: "_1rsrm2f19a" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f19g", hover: "_1rsrm2f19h", active: "_1rsrm2f19i", selection: "_1rsrm2f19j", focused: "_1rsrm2f19k", focusedVisible: "_1rsrm2f19l" }, defaultClass: "_1rsrm2f19g" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f19m", hover: "_1rsrm2f19n", active: "_1rsrm2f19o", selection: "_1rsrm2f19p", focused: "_1rsrm2f19q", focusedVisible: "_1rsrm2f19r" }, defaultClass: "_1rsrm2f19m" }, buttonIconStroke: { conditions: { base: "_1rsrm2f19s", hover: "_1rsrm2f19t", active: "_1rsrm2f19u", selection: "_1rsrm2f19v", focused: "_1rsrm2f19w", focusedVisible: "_1rsrm2f19x" }, defaultClass: "_1rsrm2f19s" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f19y", hover: "_1rsrm2f19z", active: "_1rsrm2f1a0", selection: "_1rsrm2f1a1", focused: "_1rsrm2f1a2", focusedVisible: "_1rsrm2f1a3" }, defaultClass: "_1rsrm2f19y" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1a4", hover: "_1rsrm2f1a5", active: "_1rsrm2f1a6", selection: "_1rsrm2f1a7", focused: "_1rsrm2f1a8", focusedVisible: "_1rsrm2f1a9" }, defaultClass: "_1rsrm2f1a4" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1aa", hover: "_1rsrm2f1ab", active: "_1rsrm2f1ac", selection: "_1rsrm2f1ad", focused: "_1rsrm2f1ae", focusedVisible: "_1rsrm2f1af" }, defaultClass: "_1rsrm2f1aa" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1ag", hover: "_1rsrm2f1ah", active: "_1rsrm2f1ai", selection: "_1rsrm2f1aj", focused: "_1rsrm2f1ak", focusedVisible: "_1rsrm2f1al" }, defaultClass: "_1rsrm2f1ag" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1am", hover: "_1rsrm2f1an", active: "_1rsrm2f1ao", selection: "_1rsrm2f1ap", focused: "_1rsrm2f1aq", focusedVisible: "_1rsrm2f1ar" }, defaultClass: "_1rsrm2f1am" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1as", hover: "_1rsrm2f1at", active: "_1rsrm2f1au", selection: "_1rsrm2f1av", focused: "_1rsrm2f1aw", focusedVisible: "_1rsrm2f1ax" }, defaultClass: "_1rsrm2f1as" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1ay", hover: "_1rsrm2f1az", active: "_1rsrm2f1b0", selection: "_1rsrm2f1b1", focused: "_1rsrm2f1b2", focusedVisible: "_1rsrm2f1b3" }, defaultClass: "_1rsrm2f1ay" }, newBadgeText: { conditions: { base: "_1rsrm2f1b4", hover: "_1rsrm2f1b5", active: "_1rsrm2f1b6", selection: "_1rsrm2f1b7", focused: "_1rsrm2f1b8", focusedVisible: "_1rsrm2f1b9" }, defaultClass: "_1rsrm2f1b4" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1ba", hover: "_1rsrm2f1bb", active: "_1rsrm2f1bc", selection: "_1rsrm2f1bd", focused: "_1rsrm2f1be", focusedVisible: "_1rsrm2f1bf" }, defaultClass: "_1rsrm2f1ba" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1bg", hover: "_1rsrm2f1bh", active: "_1rsrm2f1bi", selection: "_1rsrm2f1bj", focused: "_1rsrm2f1bk", focusedVisible: "_1rsrm2f1bl" }, defaultClass: "_1rsrm2f1bg" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1bm", hover: "_1rsrm2f1bn", active: "_1rsrm2f1bo", selection: "_1rsrm2f1bp", focused: "_1rsrm2f1bq", focusedVisible: "_1rsrm2f1br" }, defaultClass: "_1rsrm2f1bm" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1bs", hover: "_1rsrm2f1bt", active: "_1rsrm2f1bu", selection: "_1rsrm2f1bv", focused: "_1rsrm2f1bw", focusedVisible: "_1rsrm2f1bx" }, defaultClass: "_1rsrm2f1bs" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1by", hover: "_1rsrm2f1bz", active: "_1rsrm2f1c0", selection: "_1rsrm2f1c1", focused: "_1rsrm2f1c2", focusedVisible: "_1rsrm2f1c3" }, defaultClass: "_1rsrm2f1by" }, failedBadgeText: { conditions: { base: "_1rsrm2f1c4", hover: "_1rsrm2f1c5", active: "_1rsrm2f1c6", selection: "_1rsrm2f1c7", focused: "_1rsrm2f1c8", focusedVisible: "_1rsrm2f1c9" }, defaultClass: "_1rsrm2f1c4" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1ca", hover: "_1rsrm2f1cb", active: "_1rsrm2f1cc", selection: "_1rsrm2f1cd", focused: "_1rsrm2f1ce", focusedVisible: "_1rsrm2f1cf" }, defaultClass: "_1rsrm2f1ca" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1cg", hover: "_1rsrm2f1ch", active: "_1rsrm2f1ci", selection: "_1rsrm2f1cj", focused: "_1rsrm2f1ck", focusedVisible: "_1rsrm2f1cl" }, defaultClass: "_1rsrm2f1cg" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1cm", hover: "_1rsrm2f1cn", active: "_1rsrm2f1co", selection: "_1rsrm2f1cp", focused: "_1rsrm2f1cq", focusedVisible: "_1rsrm2f1cr" }, defaultClass: "_1rsrm2f1cm" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1cs", hover: "_1rsrm2f1ct", active: "_1rsrm2f1cu", selection: "_1rsrm2f1cv", focused: "_1rsrm2f1cw", focusedVisible: "_1rsrm2f1cx" }, defaultClass: "_1rsrm2f1cs" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1cy", hover: "_1rsrm2f1cz", active: "_1rsrm2f1d0", selection: "_1rsrm2f1d1", focused: "_1rsrm2f1d2", focusedVisible: "_1rsrm2f1d3" }, defaultClass: "_1rsrm2f1cy" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1d4", hover: "_1rsrm2f1d5", active: "_1rsrm2f1d6", selection: "_1rsrm2f1d7", focused: "_1rsrm2f1d8", focusedVisible: "_1rsrm2f1d9" }, defaultClass: "_1rsrm2f1d4" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1da", hover: "_1rsrm2f1db", active: "_1rsrm2f1dc", selection: "_1rsrm2f1dd", focused: "_1rsrm2f1de", focusedVisible: "_1rsrm2f1df" }, defaultClass: "_1rsrm2f1da" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1dg", hover: "_1rsrm2f1dh", active: "_1rsrm2f1di", selection: "_1rsrm2f1dj", focused: "_1rsrm2f1dk", focusedVisible: "_1rsrm2f1dl" }, defaultClass: "_1rsrm2f1dg" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1dm", hover: "_1rsrm2f1dn", active: "_1rsrm2f1do", selection: "_1rsrm2f1dp", focused: "_1rsrm2f1dq", focusedVisible: "_1rsrm2f1dr" }, defaultClass: "_1rsrm2f1dm" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1ds", hover: "_1rsrm2f1dt", active: "_1rsrm2f1du", selection: "_1rsrm2f1dv", focused: "_1rsrm2f1dw", focusedVisible: "_1rsrm2f1dx" }, defaultClass: "_1rsrm2f1ds" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1dy", hover: "_1rsrm2f1dz", active: "_1rsrm2f1e0", selection: "_1rsrm2f1e1", focused: "_1rsrm2f1e2", focusedVisible: "_1rsrm2f1e3" }, defaultClass: "_1rsrm2f1dy" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1e4", hover: "_1rsrm2f1e5", active: "_1rsrm2f1e6", selection: "_1rsrm2f1e7", focused: "_1rsrm2f1e8", focusedVisible: "_1rsrm2f1e9" }, defaultClass: "_1rsrm2f1e4" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1ea", hover: "_1rsrm2f1eb", active: "_1rsrm2f1ec", selection: "_1rsrm2f1ed", focused: "_1rsrm2f1ee", focusedVisible: "_1rsrm2f1ef" }, defaultClass: "_1rsrm2f1ea" }, announceGradientTo: { conditions: { base: "_1rsrm2f1eg", hover: "_1rsrm2f1eh", active: "_1rsrm2f1ei", selection: "_1rsrm2f1ej", focused: "_1rsrm2f1ek", focusedVisible: "_1rsrm2f1el" }, defaultClass: "_1rsrm2f1eg" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1em", hover: "_1rsrm2f1en", active: "_1rsrm2f1eo", selection: "_1rsrm2f1ep", focused: "_1rsrm2f1eq", focusedVisible: "_1rsrm2f1er" }, defaultClass: "_1rsrm2f1em" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1es", hover: "_1rsrm2f1et", active: "_1rsrm2f1eu", selection: "_1rsrm2f1ev", focused: "_1rsrm2f1ew", focusedVisible: "_1rsrm2f1ex" }, defaultClass: "_1rsrm2f1es" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1ey", hover: "_1rsrm2f1ez", active: "_1rsrm2f1f0", selection: "_1rsrm2f1f1", focused: "_1rsrm2f1f2", focusedVisible: "_1rsrm2f1f3" }, defaultClass: "_1rsrm2f1ey" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1f4", hover: "_1rsrm2f1f5", active: "_1rsrm2f1f6", selection: "_1rsrm2f1f7", focused: "_1rsrm2f1f8", focusedVisible: "_1rsrm2f1f9" }, defaultClass: "_1rsrm2f1f4" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1fa", hover: "_1rsrm2f1fb", active: "_1rsrm2f1fc", selection: "_1rsrm2f1fd", focused: "_1rsrm2f1fe", focusedVisible: "_1rsrm2f1ff" }, defaultClass: "_1rsrm2f1fa" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1fg", hover: "_1rsrm2f1fh", active: "_1rsrm2f1fi", selection: "_1rsrm2f1fj", focused: "_1rsrm2f1fk", focusedVisible: "_1rsrm2f1fl" }, defaultClass: "_1rsrm2f1fg" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1fm", hover: "_1rsrm2f1fn", active: "_1rsrm2f1fo", selection: "_1rsrm2f1fp", focused: "_1rsrm2f1fq", focusedVisible: "_1rsrm2f1fr" }, defaultClass: "_1rsrm2f1fm" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1fs", hover: "_1rsrm2f1ft", active: "_1rsrm2f1fu", selection: "_1rsrm2f1fv", focused: "_1rsrm2f1fw", focusedVisible: "_1rsrm2f1fx" }, defaultClass: "_1rsrm2f1fs" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1fy", hover: "_1rsrm2f1fz", active: "_1rsrm2f1g0", selection: "_1rsrm2f1g1", focused: "_1rsrm2f1g2", focusedVisible: "_1rsrm2f1g3" }, defaultClass: "_1rsrm2f1fy" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1g4", hover: "_1rsrm2f1g5", active: "_1rsrm2f1g6", selection: "_1rsrm2f1g7", focused: "_1rsrm2f1g8", focusedVisible: "_1rsrm2f1g9" }, defaultClass: "_1rsrm2f1g4" }, optionBoxBackground: { conditions: { base: "_1rsrm2f1ga", hover: "_1rsrm2f1gb", active: "_1rsrm2f1gc", selection: "_1rsrm2f1gd", focused: "_1rsrm2f1ge", focusedVisible: "_1rsrm2f1gf" }, defaultClass: "_1rsrm2f1ga" }, spinnerBackground: { conditions: { base: "_1rsrm2f1gg", hover: "_1rsrm2f1gh", active: "_1rsrm2f1gi", selection: "_1rsrm2f1gj", focused: "_1rsrm2f1gk", focusedVisible: "_1rsrm2f1gl" }, defaultClass: "_1rsrm2f1gg" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1gm", hover: "_1rsrm2f1gn", active: "_1rsrm2f1go", selection: "_1rsrm2f1gp", focused: "_1rsrm2f1gq", focusedVisible: "_1rsrm2f1gr" }, defaultClass: "_1rsrm2f1gm" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1gs", hover: "_1rsrm2f1gt", active: "_1rsrm2f1gu", selection: "_1rsrm2f1gv", focused: "_1rsrm2f1gw", focusedVisible: "_1rsrm2f1gx" }, defaultClass: "_1rsrm2f1gs" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1gy", hover: "_1rsrm2f1gz", active: "_1rsrm2f1h0", selection: "_1rsrm2f1h1", focused: "_1rsrm2f1h2", focusedVisible: "_1rsrm2f1h3" }, defaultClass: "_1rsrm2f1gy" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f1h4", hover: "_1rsrm2f1h5", active: "_1rsrm2f1h6", selection: "_1rsrm2f1h7", focused: "_1rsrm2f1h8", focusedVisible: "_1rsrm2f1h9" }, defaultClass: "_1rsrm2f1h4" }, dialog: { conditions: { base: "_1rsrm2f1ha", hover: "_1rsrm2f1hb", active: "_1rsrm2f1hc", selection: "_1rsrm2f1hd", focused: "_1rsrm2f1he", focusedVisible: "_1rsrm2f1hf" }, defaultClass: "_1rsrm2f1ha" }, selectedOption: { conditions: { base: "_1rsrm2f1hg", hover: "_1rsrm2f1hh", active: "_1rsrm2f1hi", selection: "_1rsrm2f1hj", focused: "_1rsrm2f1hk", focusedVisible: "_1rsrm2f1hl" }, defaultClass: "_1rsrm2f1hg" }, selectedWallet: { conditions: { base: "_1rsrm2f1hm", hover: "_1rsrm2f1hn", active: "_1rsrm2f1ho", selection: "_1rsrm2f1hp", focused: "_1rsrm2f1hq", focusedVisible: "_1rsrm2f1hr" }, defaultClass: "_1rsrm2f1hm" }, dropdown: { conditions: { base: "_1rsrm2f1hs", hover: "_1rsrm2f1ht", active: "_1rsrm2f1hu", selection: "_1rsrm2f1hv", focused: "_1rsrm2f1hw", focusedVisible: "_1rsrm2f1hx" }, defaultClass: "_1rsrm2f1hs" }, notification: { conditions: { base: "_1rsrm2f1hy", hover: "_1rsrm2f1hz", active: "_1rsrm2f1i0", selection: "_1rsrm2f1i1", focused: "_1rsrm2f1i2", focusedVisible: "_1rsrm2f1i3" }, defaultClass: "_1rsrm2f1hy" }, qrCode: { conditions: { base: "_1rsrm2f1i4", hover: "_1rsrm2f1i5", active: "_1rsrm2f1i6", selection: "_1rsrm2f1i7", focused: "_1rsrm2f1i8", focusedVisible: "_1rsrm2f1i9" }, defaultClass: "_1rsrm2f1i4" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f1ia", hover: "_1rsrm2f1ib", active: "_1rsrm2f1ic", selection: "_1rsrm2f1id", focused: "_1rsrm2f1ie", focusedVisible: "_1rsrm2f1if" }, defaultClass: "_1rsrm2f1ia" }, buttonHoverShadow: { conditions: { base: "_1rsrm2f1ig", hover: "_1rsrm2f1ih", active: "_1rsrm2f1ii", selection: "_1rsrm2f1ij", focused: "_1rsrm2f1ik", focusedVisible: "_1rsrm2f1il" }, defaultClass: "_1rsrm2f1ig" }, buttonFocusedShadowTertiary: { conditions: { base: "_1rsrm2f1im", hover: "_1rsrm2f1in", active: "_1rsrm2f1io", selection: "_1rsrm2f1ip", focused: "_1rsrm2f1iq", focusedVisible: "_1rsrm2f1ir" }, defaultClass: "_1rsrm2f1im" }, buttonHoverShadowTertiary: { conditions: { base: "_1rsrm2f1is", hover: "_1rsrm2f1it", active: "_1rsrm2f1iu", selection: "_1rsrm2f1iv", focused: "_1rsrm2f1iw", focusedVisible: "_1rsrm2f1ix" }, defaultClass: "_1rsrm2f1is" }, buttonDisabledShadow: { conditions: { base: "_1rsrm2f1iy", hover: "_1rsrm2f1iz", active: "_1rsrm2f1j0", selection: "_1rsrm2f1j1", focused: "_1rsrm2f1j2", focusedVisible: "_1rsrm2f1j3" }, defaultClass: "_1rsrm2f1iy" }, selectedDropdownItem: { conditions: { base: "_1rsrm2f1j4", hover: "_1rsrm2f1j5", active: "_1rsrm2f1j6", selection: "_1rsrm2f1j7", focused: "_1rsrm2f1j8", focusedVisible: "_1rsrm2f1j9" }, defaultClass: "_1rsrm2f1j4" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f1ja", hover: "_1rsrm2f1jb", active: "_1rsrm2f1jc", selection: "_1rsrm2f1jd", focused: "_1rsrm2f1je", focusedVisible: "_1rsrm2f1jf" }, defaultClass: "_1rsrm2f1ja" }, accentColorForeground: { conditions: { base: "_1rsrm2f1jg", hover: "_1rsrm2f1jh", active: "_1rsrm2f1ji", selection: "_1rsrm2f1jj", focused: "_1rsrm2f1jk", focusedVisible: "_1rsrm2f1jl" }, defaultClass: "_1rsrm2f1jg" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1jm", hover: "_1rsrm2f1jn", active: "_1rsrm2f1jo", selection: "_1rsrm2f1jp", focused: "_1rsrm2f1jq", focusedVisible: "_1rsrm2f1jr" }, defaultClass: "_1rsrm2f1jm" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1js", hover: "_1rsrm2f1jt", active: "_1rsrm2f1ju", selection: "_1rsrm2f1jv", focused: "_1rsrm2f1jw", focusedVisible: "_1rsrm2f1jx" }, defaultClass: "_1rsrm2f1js" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1jy", hover: "_1rsrm2f1jz", active: "_1rsrm2f1k0", selection: "_1rsrm2f1k1", focused: "_1rsrm2f1k2", focusedVisible: "_1rsrm2f1k3" }, defaultClass: "_1rsrm2f1jy" }, connectButtonText: { conditions: { base: "_1rsrm2f1k4", hover: "_1rsrm2f1k5", active: "_1rsrm2f1k6", selection: "_1rsrm2f1k7", focused: "_1rsrm2f1k8", focusedVisible: "_1rsrm2f1k9" }, defaultClass: "_1rsrm2f1k4" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1ka", hover: "_1rsrm2f1kb", active: "_1rsrm2f1kc", selection: "_1rsrm2f1kd", focused: "_1rsrm2f1ke", focusedVisible: "_1rsrm2f1kf" }, defaultClass: "_1rsrm2f1ka" }, connectionIndicator: { conditions: { base: "_1rsrm2f1kg", hover: "_1rsrm2f1kh", active: "_1rsrm2f1ki", selection: "_1rsrm2f1kj", focused: "_1rsrm2f1kk", focusedVisible: "_1rsrm2f1kl" }, defaultClass: "_1rsrm2f1kg" }, error: { conditions: { base: "_1rsrm2f1km", hover: "_1rsrm2f1kn", active: "_1rsrm2f1ko", selection: "_1rsrm2f1kp", focused: "_1rsrm2f1kq", focusedVisible: "_1rsrm2f1kr" }, defaultClass: "_1rsrm2f1km" }, errorBackground: { conditions: { base: "_1rsrm2f1ks", hover: "_1rsrm2f1kt", active: "_1rsrm2f1ku", selection: "_1rsrm2f1kv", focused: "_1rsrm2f1kw", focusedVisible: "_1rsrm2f1kx" }, defaultClass: "_1rsrm2f1ks" }, errorBorder: { conditions: { base: "_1rsrm2f1ky", hover: "_1rsrm2f1kz", active: "_1rsrm2f1l0", selection: "_1rsrm2f1l1", focused: "_1rsrm2f1l2", focusedVisible: "_1rsrm2f1l3" }, defaultClass: "_1rsrm2f1ky" }, generalBorder: { conditions: { base: "_1rsrm2f1l4", hover: "_1rsrm2f1l5", active: "_1rsrm2f1l6", selection: "_1rsrm2f1l7", focused: "_1rsrm2f1l8", focusedVisible: "_1rsrm2f1l9" }, defaultClass: "_1rsrm2f1l4" }, generalBorderDim: { conditions: { base: "_1rsrm2f1la", hover: "_1rsrm2f1lb", active: "_1rsrm2f1lc", selection: "_1rsrm2f1ld", focused: "_1rsrm2f1le", focusedVisible: "_1rsrm2f1lf" }, defaultClass: "_1rsrm2f1la" }, menuItemBackground: { conditions: { base: "_1rsrm2f1lg", hover: "_1rsrm2f1lh", active: "_1rsrm2f1li", selection: "_1rsrm2f1lj", focused: "_1rsrm2f1lk", focusedVisible: "_1rsrm2f1ll" }, defaultClass: "_1rsrm2f1lg" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1lm", hover: "_1rsrm2f1ln", active: "_1rsrm2f1lo", selection: "_1rsrm2f1lp", focused: "_1rsrm2f1lq", focusedVisible: "_1rsrm2f1lr" }, defaultClass: "_1rsrm2f1lm" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1ls", hover: "_1rsrm2f1lt", active: "_1rsrm2f1lu", selection: "_1rsrm2f1lv", focused: "_1rsrm2f1lw", focusedVisible: "_1rsrm2f1lx" }, defaultClass: "_1rsrm2f1ls" }, standby: { conditions: { base: "_1rsrm2f1ly", hover: "_1rsrm2f1lz", active: "_1rsrm2f1m0", selection: "_1rsrm2f1m1", focused: "_1rsrm2f1m2", focusedVisible: "_1rsrm2f1m3" }, defaultClass: "_1rsrm2f1ly" }, success: { conditions: { base: "_1rsrm2f1m4", hover: "_1rsrm2f1m5", active: "_1rsrm2f1m6", selection: "_1rsrm2f1m7", focused: "_1rsrm2f1m8", focusedVisible: "_1rsrm2f1m9" }, defaultClass: "_1rsrm2f1m4" }, chainIconBorder: { conditions: { base: "_1rsrm2f1ma", hover: "_1rsrm2f1mb", active: "_1rsrm2f1mc", selection: "_1rsrm2f1md", focused: "_1rsrm2f1me", focusedVisible: "_1rsrm2f1mf" }, defaultClass: "_1rsrm2f1ma" }, modalBackdrop: { conditions: { base: "_1rsrm2f1mg", hover: "_1rsrm2f1mh", active: "_1rsrm2f1mi", selection: "_1rsrm2f1mj", focused: "_1rsrm2f1mk", focusedVisible: "_1rsrm2f1ml" }, defaultClass: "_1rsrm2f1mg" }, modalBackground: { conditions: { base: "_1rsrm2f1mm", hover: "_1rsrm2f1mn", active: "_1rsrm2f1mo", selection: "_1rsrm2f1mp", focused: "_1rsrm2f1mq", focusedVisible: "_1rsrm2f1mr" }, defaultClass: "_1rsrm2f1mm" }, modalBorder: { conditions: { base: "_1rsrm2f1ms", hover: "_1rsrm2f1mt", active: "_1rsrm2f1mu", selection: "_1rsrm2f1mv", focused: "_1rsrm2f1mw", focusedVisible: "_1rsrm2f1mx" }, defaultClass: "_1rsrm2f1ms" }, offBackground: { conditions: { base: "_1rsrm2f1my", hover: "_1rsrm2f1mz", active: "_1rsrm2f1n0", selection: "_1rsrm2f1n1", focused: "_1rsrm2f1n2", focusedVisible: "_1rsrm2f1n3" }, defaultClass: "_1rsrm2f1my" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1n4", hover: "_1rsrm2f1n5", active: "_1rsrm2f1n6", selection: "_1rsrm2f1n7", focused: "_1rsrm2f1n8", focusedVisible: "_1rsrm2f1n9" }, defaultClass: "_1rsrm2f1n4" }, hoverState: { conditions: { base: "_1rsrm2f1na", hover: "_1rsrm2f1nb", active: "_1rsrm2f1nc", selection: "_1rsrm2f1nd", focused: "_1rsrm2f1ne", focusedVisible: "_1rsrm2f1nf" }, defaultClass: "_1rsrm2f1na" }, lightStroke: { conditions: { base: "_1rsrm2f1ng", hover: "_1rsrm2f1nh", active: "_1rsrm2f1ni", selection: "_1rsrm2f1nj", focused: "_1rsrm2f1nk", focusedVisible: "_1rsrm2f1nl" }, defaultClass: "_1rsrm2f1ng" }, mediumStroke: { conditions: { base: "_1rsrm2f1nm", hover: "_1rsrm2f1nn", active: "_1rsrm2f1no", selection: "_1rsrm2f1np", focused: "_1rsrm2f1nq", focusedVisible: "_1rsrm2f1nr" }, defaultClass: "_1rsrm2f1nm" }, heavyStroke: { conditions: { base: "_1rsrm2f1ns", hover: "_1rsrm2f1nt", active: "_1rsrm2f1nu", selection: "_1rsrm2f1nv", focused: "_1rsrm2f1nw", focusedVisible: "_1rsrm2f1nx" }, defaultClass: "_1rsrm2f1ns" }, strokeColor: { conditions: { base: "_1rsrm2f1ny", hover: "_1rsrm2f1nz", active: "_1rsrm2f1o0", selection: "_1rsrm2f1o1", focused: "_1rsrm2f1o2", focusedVisible: "_1rsrm2f1o3" }, defaultClass: "_1rsrm2f1ny" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f1o4", hover: "_1rsrm2f1o5", active: "_1rsrm2f1o6", selection: "_1rsrm2f1o7", focused: "_1rsrm2f1o8", focusedVisible: "_1rsrm2f1o9" }, defaultClass: "_1rsrm2f1o4" }, primaryText: { conditions: { base: "_1rsrm2f1oa", hover: "_1rsrm2f1ob", active: "_1rsrm2f1oc", selection: "_1rsrm2f1od", focused: "_1rsrm2f1oe", focusedVisible: "_1rsrm2f1of" }, defaultClass: "_1rsrm2f1oa" }, secondaryText: { conditions: { base: "_1rsrm2f1og", hover: "_1rsrm2f1oh", active: "_1rsrm2f1oi", selection: "_1rsrm2f1oj", focused: "_1rsrm2f1ok", focusedVisible: "_1rsrm2f1ol" }, defaultClass: "_1rsrm2f1og" }, tertiaryText: { conditions: { base: "_1rsrm2f1om", hover: "_1rsrm2f1on", active: "_1rsrm2f1oo", selection: "_1rsrm2f1op", focused: "_1rsrm2f1oq", focusedVisible: "_1rsrm2f1or" }, defaultClass: "_1rsrm2f1om" }, textSelection: { conditions: { base: "_1rsrm2f1os", hover: "_1rsrm2f1ot", active: "_1rsrm2f1ou", selection: "_1rsrm2f1ov", focused: "_1rsrm2f1ow", focusedVisible: "_1rsrm2f1ox" }, defaultClass: "_1rsrm2f1os" }, inputBackground: { conditions: { base: "_1rsrm2f1oy", hover: "_1rsrm2f1oz", active: "_1rsrm2f1p0", selection: "_1rsrm2f1p1", focused: "_1rsrm2f1p2", focusedVisible: "_1rsrm2f1p3" }, defaultClass: "_1rsrm2f1oy" }, inputBorderBase: { conditions: { base: "_1rsrm2f1p4", hover: "_1rsrm2f1p5", active: "_1rsrm2f1p6", selection: "_1rsrm2f1p7", focused: "_1rsrm2f1p8", focusedVisible: "_1rsrm2f1p9" }, defaultClass: "_1rsrm2f1p4" }, inputBorderHover: { conditions: { base: "_1rsrm2f1pa", hover: "_1rsrm2f1pb", active: "_1rsrm2f1pc", selection: "_1rsrm2f1pd", focused: "_1rsrm2f1pe", focusedVisible: "_1rsrm2f1pf" }, defaultClass: "_1rsrm2f1pa" }, actionColor: { conditions: { base: "_1rsrm2f1pg", hover: "_1rsrm2f1ph", active: "_1rsrm2f1pi", selection: "_1rsrm2f1pj", focused: "_1rsrm2f1pk", focusedVisible: "_1rsrm2f1pl" }, defaultClass: "_1rsrm2f1pg" }, actionColorHover: { conditions: { base: "_1rsrm2f1pm", hover: "_1rsrm2f1pn", active: "_1rsrm2f1po", selection: "_1rsrm2f1pp", focused: "_1rsrm2f1pq", focusedVisible: "_1rsrm2f1pr" }, defaultClass: "_1rsrm2f1pm" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1ps", hover: "_1rsrm2f1pt", active: "_1rsrm2f1pu", selection: "_1rsrm2f1pv", focused: "_1rsrm2f1pw", focusedVisible: "_1rsrm2f1px" }, defaultClass: "_1rsrm2f1ps" }, buttonPrimary: { conditions: { base: "_1rsrm2f1py", hover: "_1rsrm2f1pz", active: "_1rsrm2f1q0", selection: "_1rsrm2f1q1", focused: "_1rsrm2f1q2", focusedVisible: "_1rsrm2f1q3" }, defaultClass: "_1rsrm2f1py" }, buttonDisabled: { conditions: { base: "_1rsrm2f1q4", hover: "_1rsrm2f1q5", active: "_1rsrm2f1q6", selection: "_1rsrm2f1q7", focused: "_1rsrm2f1q8", focusedVisible: "_1rsrm2f1q9" }, defaultClass: "_1rsrm2f1q4" }, buttonWarning: { conditions: { base: "_1rsrm2f1qa", hover: "_1rsrm2f1qb", active: "_1rsrm2f1qc", selection: "_1rsrm2f1qd", focused: "_1rsrm2f1qe", focusedVisible: "_1rsrm2f1qf" }, defaultClass: "_1rsrm2f1qa" }, buttonSuccess: { conditions: { base: "_1rsrm2f1qg", hover: "_1rsrm2f1qh", active: "_1rsrm2f1qi", selection: "_1rsrm2f1qj", focused: "_1rsrm2f1qk", focusedVisible: "_1rsrm2f1ql" }, defaultClass: "_1rsrm2f1qg" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1qm", hover: "_1rsrm2f1qn", active: "_1rsrm2f1qo", selection: "_1rsrm2f1qp", focused: "_1rsrm2f1qq", focusedVisible: "_1rsrm2f1qr" }, defaultClass: "_1rsrm2f1qm" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1qs", hover: "_1rsrm2f1qt", active: "_1rsrm2f1qu", selection: "_1rsrm2f1qv", focused: "_1rsrm2f1qw", focusedVisible: "_1rsrm2f1qx" }, defaultClass: "_1rsrm2f1qs" }, transparent: { conditions: { base: "_1rsrm2f1qy", hover: "_1rsrm2f1qz", active: "_1rsrm2f1r0", selection: "_1rsrm2f1r1", focused: "_1rsrm2f1r2", focusedVisible: "_1rsrm2f1r3" }, defaultClass: "_1rsrm2f1qy" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1r4", hover: "_1rsrm2f1r5", active: "_1rsrm2f1r6", selection: "_1rsrm2f1r7", focused: "_1rsrm2f1r8", focusedVisible: "_1rsrm2f1r9" }, defaultClass: "_1rsrm2f1r4" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1ra", hover: "_1rsrm2f1rb", active: "_1rsrm2f1rc", selection: "_1rsrm2f1rd", focused: "_1rsrm2f1re", focusedVisible: "_1rsrm2f1rf" }, defaultClass: "_1rsrm2f1ra" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f1rg", hover: "_1rsrm2f1rh", active: "_1rsrm2f1ri", selection: "_1rsrm2f1rj", focused: "_1rsrm2f1rk", focusedVisible: "_1rsrm2f1rl" }, defaultClass: "_1rsrm2f1rg" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1rm", hover: "_1rsrm2f1rn", active: "_1rsrm2f1ro", selection: "_1rsrm2f1rp", focused: "_1rsrm2f1rq", focusedVisible: "_1rsrm2f1rr" }, defaultClass: "_1rsrm2f1rm" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1rs", hover: "_1rsrm2f1rt", active: "_1rsrm2f1ru", selection: "_1rsrm2f1rv", focused: "_1rsrm2f1rw", focusedVisible: "_1rsrm2f1rx" }, defaultClass: "_1rsrm2f1rs" }, buttonBackground: { conditions: { base: "_1rsrm2f1ry", hover: "_1rsrm2f1rz", active: "_1rsrm2f1s0", selection: "_1rsrm2f1s1", focused: "_1rsrm2f1s2", focusedVisible: "_1rsrm2f1s3" }, defaultClass: "_1rsrm2f1ry" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1s4", hover: "_1rsrm2f1s5", active: "_1rsrm2f1s6", selection: "_1rsrm2f1s7", focused: "_1rsrm2f1s8", focusedVisible: "_1rsrm2f1s9" }, defaultClass: "_1rsrm2f1s4" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f1sa", hover: "_1rsrm2f1sb", active: "_1rsrm2f1sc", selection: "_1rsrm2f1sd", focused: "_1rsrm2f1se", focusedVisible: "_1rsrm2f1sf" }, defaultClass: "_1rsrm2f1sa" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1sg", hover: "_1rsrm2f1sh", active: "_1rsrm2f1si", selection: "_1rsrm2f1sj", focused: "_1rsrm2f1sk", focusedVisible: "_1rsrm2f1sl" }, defaultClass: "_1rsrm2f1sg" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1sm", hover: "_1rsrm2f1sn", active: "_1rsrm2f1so", selection: "_1rsrm2f1sp", focused: "_1rsrm2f1sq", focusedVisible: "_1rsrm2f1sr" }, defaultClass: "_1rsrm2f1sm" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1ss", hover: "_1rsrm2f1st", active: "_1rsrm2f1su", selection: "_1rsrm2f1sv", focused: "_1rsrm2f1sw", focusedVisible: "_1rsrm2f1sx" }, defaultClass: "_1rsrm2f1ss" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1sy", hover: "_1rsrm2f1sz", active: "_1rsrm2f1t0", selection: "_1rsrm2f1t1", focused: "_1rsrm2f1t2", focusedVisible: "_1rsrm2f1t3" }, defaultClass: "_1rsrm2f1sy" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1t4", hover: "_1rsrm2f1t5", active: "_1rsrm2f1t6", selection: "_1rsrm2f1t7", focused: "_1rsrm2f1t8", focusedVisible: "_1rsrm2f1t9" }, defaultClass: "_1rsrm2f1t4" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1ta", hover: "_1rsrm2f1tb", active: "_1rsrm2f1tc", selection: "_1rsrm2f1td", focused: "_1rsrm2f1te", focusedVisible: "_1rsrm2f1tf" }, defaultClass: "_1rsrm2f1ta" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1tg", hover: "_1rsrm2f1th", active: "_1rsrm2f1ti", selection: "_1rsrm2f1tj", focused: "_1rsrm2f1tk", focusedVisible: "_1rsrm2f1tl" }, defaultClass: "_1rsrm2f1tg" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1tm", hover: "_1rsrm2f1tn", active: "_1rsrm2f1to", selection: "_1rsrm2f1tp", focused: "_1rsrm2f1tq", focusedVisible: "_1rsrm2f1tr" }, defaultClass: "_1rsrm2f1tm" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1ts", hover: "_1rsrm2f1tt", active: "_1rsrm2f1tu", selection: "_1rsrm2f1tv", focused: "_1rsrm2f1tw", focusedVisible: "_1rsrm2f1tx" }, defaultClass: "_1rsrm2f1ts" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1ty", hover: "_1rsrm2f1tz", active: "_1rsrm2f1u0", selection: "_1rsrm2f1u1", focused: "_1rsrm2f1u2", focusedVisible: "_1rsrm2f1u3" }, defaultClass: "_1rsrm2f1ty" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1u4", hover: "_1rsrm2f1u5", active: "_1rsrm2f1u6", selection: "_1rsrm2f1u7", focused: "_1rsrm2f1u8", focusedVisible: "_1rsrm2f1u9" }, defaultClass: "_1rsrm2f1u4" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1ua", hover: "_1rsrm2f1ub", active: "_1rsrm2f1uc", selection: "_1rsrm2f1ud", focused: "_1rsrm2f1ue", focusedVisible: "_1rsrm2f1uf" }, defaultClass: "_1rsrm2f1ua" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1ug", hover: "_1rsrm2f1uh", active: "_1rsrm2f1ui", selection: "_1rsrm2f1uj", focused: "_1rsrm2f1uk", focusedVisible: "_1rsrm2f1ul" }, defaultClass: "_1rsrm2f1ug" }, newBadgeText: { conditions: { base: "_1rsrm2f1um", hover: "_1rsrm2f1un", active: "_1rsrm2f1uo", selection: "_1rsrm2f1up", focused: "_1rsrm2f1uq", focusedVisible: "_1rsrm2f1ur" }, defaultClass: "_1rsrm2f1um" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1us", hover: "_1rsrm2f1ut", active: "_1rsrm2f1uu", selection: "_1rsrm2f1uv", focused: "_1rsrm2f1uw", focusedVisible: "_1rsrm2f1ux" }, defaultClass: "_1rsrm2f1us" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1uy", hover: "_1rsrm2f1uz", active: "_1rsrm2f1v0", selection: "_1rsrm2f1v1", focused: "_1rsrm2f1v2", focusedVisible: "_1rsrm2f1v3" }, defaultClass: "_1rsrm2f1uy" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1v4", hover: "_1rsrm2f1v5", active: "_1rsrm2f1v6", selection: "_1rsrm2f1v7", focused: "_1rsrm2f1v8", focusedVisible: "_1rsrm2f1v9" }, defaultClass: "_1rsrm2f1v4" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1va", hover: "_1rsrm2f1vb", active: "_1rsrm2f1vc", selection: "_1rsrm2f1vd", focused: "_1rsrm2f1ve", focusedVisible: "_1rsrm2f1vf" }, defaultClass: "_1rsrm2f1va" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1vg", hover: "_1rsrm2f1vh", active: "_1rsrm2f1vi", selection: "_1rsrm2f1vj", focused: "_1rsrm2f1vk", focusedVisible: "_1rsrm2f1vl" }, defaultClass: "_1rsrm2f1vg" }, failedBadgeText: { conditions: { base: "_1rsrm2f1vm", hover: "_1rsrm2f1vn", active: "_1rsrm2f1vo", selection: "_1rsrm2f1vp", focused: "_1rsrm2f1vq", focusedVisible: "_1rsrm2f1vr" }, defaultClass: "_1rsrm2f1vm" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1vs", hover: "_1rsrm2f1vt", active: "_1rsrm2f1vu", selection: "_1rsrm2f1vv", focused: "_1rsrm2f1vw", focusedVisible: "_1rsrm2f1vx" }, defaultClass: "_1rsrm2f1vs" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1vy", hover: "_1rsrm2f1vz", active: "_1rsrm2f1w0", selection: "_1rsrm2f1w1", focused: "_1rsrm2f1w2", focusedVisible: "_1rsrm2f1w3" }, defaultClass: "_1rsrm2f1vy" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1w4", hover: "_1rsrm2f1w5", active: "_1rsrm2f1w6", selection: "_1rsrm2f1w7", focused: "_1rsrm2f1w8", focusedVisible: "_1rsrm2f1w9" }, defaultClass: "_1rsrm2f1w4" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1wa", hover: "_1rsrm2f1wb", active: "_1rsrm2f1wc", selection: "_1rsrm2f1wd", focused: "_1rsrm2f1we", focusedVisible: "_1rsrm2f1wf" }, defaultClass: "_1rsrm2f1wa" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1wg", hover: "_1rsrm2f1wh", active: "_1rsrm2f1wi", selection: "_1rsrm2f1wj", focused: "_1rsrm2f1wk", focusedVisible: "_1rsrm2f1wl" }, defaultClass: "_1rsrm2f1wg" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1wm", hover: "_1rsrm2f1wn", active: "_1rsrm2f1wo", selection: "_1rsrm2f1wp", focused: "_1rsrm2f1wq", focusedVisible: "_1rsrm2f1wr" }, defaultClass: "_1rsrm2f1wm" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1ws", hover: "_1rsrm2f1wt", active: "_1rsrm2f1wu", selection: "_1rsrm2f1wv", focused: "_1rsrm2f1ww", focusedVisible: "_1rsrm2f1wx" }, defaultClass: "_1rsrm2f1ws" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1wy", hover: "_1rsrm2f1wz", active: "_1rsrm2f1x0", selection: "_1rsrm2f1x1", focused: "_1rsrm2f1x2", focusedVisible: "_1rsrm2f1x3" }, defaultClass: "_1rsrm2f1wy" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1x4", hover: "_1rsrm2f1x5", active: "_1rsrm2f1x6", selection: "_1rsrm2f1x7", focused: "_1rsrm2f1x8", focusedVisible: "_1rsrm2f1x9" }, defaultClass: "_1rsrm2f1x4" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1xa", hover: "_1rsrm2f1xb", active: "_1rsrm2f1xc", selection: "_1rsrm2f1xd", focused: "_1rsrm2f1xe", focusedVisible: "_1rsrm2f1xf" }, defaultClass: "_1rsrm2f1xa" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1xg", hover: "_1rsrm2f1xh", active: "_1rsrm2f1xi", selection: "_1rsrm2f1xj", focused: "_1rsrm2f1xk", focusedVisible: "_1rsrm2f1xl" }, defaultClass: "_1rsrm2f1xg" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1xm", hover: "_1rsrm2f1xn", active: "_1rsrm2f1xo", selection: "_1rsrm2f1xp", focused: "_1rsrm2f1xq", focusedVisible: "_1rsrm2f1xr" }, defaultClass: "_1rsrm2f1xm" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1xs", hover: "_1rsrm2f1xt", active: "_1rsrm2f1xu", selection: "_1rsrm2f1xv", focused: "_1rsrm2f1xw", focusedVisible: "_1rsrm2f1xx" }, defaultClass: "_1rsrm2f1xs" }, announceGradientTo: { conditions: { base: "_1rsrm2f1xy", hover: "_1rsrm2f1xz", active: "_1rsrm2f1y0", selection: "_1rsrm2f1y1", focused: "_1rsrm2f1y2", focusedVisible: "_1rsrm2f1y3" }, defaultClass: "_1rsrm2f1xy" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1y4", hover: "_1rsrm2f1y5", active: "_1rsrm2f1y6", selection: "_1rsrm2f1y7", focused: "_1rsrm2f1y8", focusedVisible: "_1rsrm2f1y9" }, defaultClass: "_1rsrm2f1y4" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1ya", hover: "_1rsrm2f1yb", active: "_1rsrm2f1yc", selection: "_1rsrm2f1yd", focused: "_1rsrm2f1ye", focusedVisible: "_1rsrm2f1yf" }, defaultClass: "_1rsrm2f1ya" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1yg", hover: "_1rsrm2f1yh", active: "_1rsrm2f1yi", selection: "_1rsrm2f1yj", focused: "_1rsrm2f1yk", focusedVisible: "_1rsrm2f1yl" }, defaultClass: "_1rsrm2f1yg" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1ym", hover: "_1rsrm2f1yn", active: "_1rsrm2f1yo", selection: "_1rsrm2f1yp", focused: "_1rsrm2f1yq", focusedVisible: "_1rsrm2f1yr" }, defaultClass: "_1rsrm2f1ym" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1ys", hover: "_1rsrm2f1yt", active: "_1rsrm2f1yu", selection: "_1rsrm2f1yv", focused: "_1rsrm2f1yw", focusedVisible: "_1rsrm2f1yx" }, defaultClass: "_1rsrm2f1ys" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1yy", hover: "_1rsrm2f1yz", active: "_1rsrm2f1z0", selection: "_1rsrm2f1z1", focused: "_1rsrm2f1z2", focusedVisible: "_1rsrm2f1z3" }, defaultClass: "_1rsrm2f1yy" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1z4", hover: "_1rsrm2f1z5", active: "_1rsrm2f1z6", selection: "_1rsrm2f1z7", focused: "_1rsrm2f1z8", focusedVisible: "_1rsrm2f1z9" }, defaultClass: "_1rsrm2f1z4" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1za", hover: "_1rsrm2f1zb", active: "_1rsrm2f1zc", selection: "_1rsrm2f1zd", focused: "_1rsrm2f1ze", focusedVisible: "_1rsrm2f1zf" }, defaultClass: "_1rsrm2f1za" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1zg", hover: "_1rsrm2f1zh", active: "_1rsrm2f1zi", selection: "_1rsrm2f1zj", focused: "_1rsrm2f1zk", focusedVisible: "_1rsrm2f1zl" }, defaultClass: "_1rsrm2f1zg" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1zm", hover: "_1rsrm2f1zn", active: "_1rsrm2f1zo", selection: "_1rsrm2f1zp", focused: "_1rsrm2f1zq", focusedVisible: "_1rsrm2f1zr" }, defaultClass: "_1rsrm2f1zm" }, optionBoxBackground: { conditions: { base: "_1rsrm2f1zs", hover: "_1rsrm2f1zt", active: "_1rsrm2f1zu", selection: "_1rsrm2f1zv", focused: "_1rsrm2f1zw", focusedVisible: "_1rsrm2f1zx" }, defaultClass: "_1rsrm2f1zs" }, spinnerBackground: { conditions: { base: "_1rsrm2f1zy", hover: "_1rsrm2f1zz", active: "_1rsrm2f200", selection: "_1rsrm2f201", focused: "_1rsrm2f202", focusedVisible: "_1rsrm2f203" }, defaultClass: "_1rsrm2f1zy" }, spinnerIndicator: { conditions: { base: "_1rsrm2f204", hover: "_1rsrm2f205", active: "_1rsrm2f206", selection: "_1rsrm2f207", focused: "_1rsrm2f208", focusedVisible: "_1rsrm2f209" }, defaultClass: "_1rsrm2f204" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f20a", hover: "_1rsrm2f20b", active: "_1rsrm2f20c", selection: "_1rsrm2f20d", focused: "_1rsrm2f20e", focusedVisible: "_1rsrm2f20f" }, defaultClass: "_1rsrm2f20a" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f20g", hover: "_1rsrm2f20h", active: "_1rsrm2f20i", selection: "_1rsrm2f20j", focused: "_1rsrm2f20k", focusedVisible: "_1rsrm2f20l" }, defaultClass: "_1rsrm2f20g" } } } } }, { conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 }, styles: { alignItems: { values: { "flex-start": { conditions: { smallScreen: "_1rsrm2f0", largeScreen: "_1rsrm2f1" }, defaultClass: "_1rsrm2f0" }, "flex-end": { conditions: { smallScreen: "_1rsrm2f2", largeScreen: "_1rsrm2f3" }, defaultClass: "_1rsrm2f2" }, center: { conditions: { smallScreen: "_1rsrm2f4", largeScreen: "_1rsrm2f5" }, defaultClass: "_1rsrm2f4" } } }, display: { values: { none: { conditions: { smallScreen: "_1rsrm2f6", largeScreen: "_1rsrm2f7" }, defaultClass: "_1rsrm2f6" }, block: { conditions: { smallScreen: "_1rsrm2f8", largeScreen: "_1rsrm2f9" }, defaultClass: "_1rsrm2f8" }, flex: { conditions: { smallScreen: "_1rsrm2fa", largeScreen: "_1rsrm2fb" }, defaultClass: "_1rsrm2fa" }, inline: { conditions: { smallScreen: "_1rsrm2fc", largeScreen: "_1rsrm2fd" }, defaultClass: "_1rsrm2fc" } } } } }, { conditions: void 0, styles: { margin: { mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, alignSelf: { values: { "flex-start": { defaultClass: "_1rsrm2fe" }, "flex-end": { defaultClass: "_1rsrm2ff" }, center: { defaultClass: "_1rsrm2fg" } } }, backgroundSize: { values: { cover: { defaultClass: "_1rsrm2fh" } } }, borderRadius: { values: { "1": { defaultClass: "_1rsrm2fi" }, "4": { defaultClass: "_1rsrm2fj" }, "6": { defaultClass: "_1rsrm2fk" }, "8": { defaultClass: "_1rsrm2fl" }, "10": { defaultClass: "_1rsrm2fm" }, "11": { defaultClass: "_1rsrm2fn" }, "13": { defaultClass: "_1rsrm2fo" }, "16": { defaultClass: "_1rsrm2fp" }, "24": { defaultClass: "_1rsrm2fq" }, "30": { defaultClass: "_1rsrm2fr" }, actionButton: { defaultClass: "_1rsrm2fs" }, actionButtonInner: { defaultClass: "_1rsrm2ft" }, connectButton: { defaultClass: "_1rsrm2fu" }, menuButton: { defaultClass: "_1rsrm2fv" }, modal: { defaultClass: "_1rsrm2fw" }, modalMobile: { defaultClass: "_1rsrm2fx" }, modalActionButton: { defaultClass: "_1rsrm2fy" }, modalActionButtonMobile: { defaultClass: "_1rsrm2fz" }, summaryBox: { defaultClass: "_1rsrm2f10" }, youPayYouReceive: { defaultClass: "_1rsrm2f11" }, inputAmountSwitcher: { defaultClass: "_1rsrm2f12" }, qrCode: { defaultClass: "_1rsrm2f13" }, skeleton: { defaultClass: "_1rsrm2f14" }, tooltip: { defaultClass: "_1rsrm2f15" }, dropdown: { defaultClass: "_1rsrm2f16" }, dropdownItem: { defaultClass: "_1rsrm2f17" }, modalTopbarIcon: { defaultClass: "_1rsrm2f18" }, full: { defaultClass: "_1rsrm2f19" }, badge: { defaultClass: "_1rsrm2f1a" }, smallBadge: { defaultClass: "_1rsrm2f1b" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1c" }, dotted: { defaultClass: "_1rsrm2f1d" }, hidden: { defaultClass: "_1rsrm2f1e" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1f" }, "1": { defaultClass: "_1rsrm2f1g" }, "2": { defaultClass: "_1rsrm2f1h" }, "3": { defaultClass: "_1rsrm2f1i" }, "4": { defaultClass: "_1rsrm2f1j" }, activeOptionBorderWidth: { defaultClass: "_1rsrm2f1k" }, "0.5": { defaultClass: "_1rsrm2f1l" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1m" }, pointer: { defaultClass: "_1rsrm2f1n" }, "not-allowed": { defaultClass: "_1rsrm2f1o" }, "default": { defaultClass: "_1rsrm2f1p" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1q" }, column: { defaultClass: "_1rsrm2f1r" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1s" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1t" }, "12": { defaultClass: "_1rsrm2f1u" }, "13": { defaultClass: "_1rsrm2f1v" }, "14": { defaultClass: "_1rsrm2f1w" }, "16": { defaultClass: "_1rsrm2f1x" }, "18": { defaultClass: "_1rsrm2f1y" }, "20": { defaultClass: "_1rsrm2f1z" }, "21": { defaultClass: "_1rsrm2f20" }, "40": { defaultClass: "_1rsrm2f21" }, "57": { defaultClass: "_1rsrm2f22" }, modalTopbarSubtitle: { defaultClass: "_1rsrm2f23" }, modalTopbarTitle: { defaultClass: "_1rsrm2f24" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f25" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f26" }, medium: { defaultClass: "_1rsrm2f27" }, semibold: { defaultClass: "_1rsrm2f28" }, bold: { defaultClass: "_1rsrm2f29" }, heavy: { defaultClass: "_1rsrm2f2a" }, modalTopbarTitle: { defaultClass: "_1rsrm2f2b" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f2c" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f2d" }, "1": { defaultClass: "_1rsrm2f2e" }, "2": { defaultClass: "_1rsrm2f2f" }, "3": { defaultClass: "_1rsrm2f2g" }, "4": { defaultClass: "_1rsrm2f2h" }, "5": { defaultClass: "_1rsrm2f2i" }, "6": { defaultClass: "_1rsrm2f2j" }, "7": { defaultClass: "_1rsrm2f2k" }, "8": { defaultClass: "_1rsrm2f2l" }, "9": { defaultClass: "_1rsrm2f2m" }, "10": { defaultClass: "_1rsrm2f2n" }, "11": { defaultClass: "_1rsrm2f2o" }, "12": { defaultClass: "_1rsrm2f2p" }, "13": { defaultClass: "_1rsrm2f2q" }, "14": { defaultClass: "_1rsrm2f2r" }, "15": { defaultClass: "_1rsrm2f2s" }, "16": { defaultClass: "_1rsrm2f2t" }, "18": { defaultClass: "_1rsrm2f2u" }, "20": { defaultClass: "_1rsrm2f2v" }, "24": { defaultClass: "_1rsrm2f2w" }, "28": { defaultClass: "_1rsrm2f2x" }, "30": { defaultClass: "_1rsrm2f2y" }, "32": { defaultClass: "_1rsrm2f2z" }, "36": { defaultClass: "_1rsrm2f30" }, "40": { defaultClass: "_1rsrm2f31" }, "44": { defaultClass: "_1rsrm2f32" }, "64": { defaultClass: "_1rsrm2f33" }, "-1": { defaultClass: "_1rsrm2f34" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f35" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f36" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f37" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f38" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f39" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f3a" }, "2": { defaultClass: "_1rsrm2f3b" }, "4": { defaultClass: "_1rsrm2f3c" }, "8": { defaultClass: "_1rsrm2f3d" }, "10": { defaultClass: "_1rsrm2f3e" }, "11": { defaultClass: "_1rsrm2f3f" }, "12": { defaultClass: "_1rsrm2f3g" }, "13": { defaultClass: "_1rsrm2f3h" }, "14": { defaultClass: "_1rsrm2f3i" }, "15": { defaultClass: "_1rsrm2f3j" }, "16": { defaultClass: "_1rsrm2f3k" }, "18": { defaultClass: "_1rsrm2f3l" }, "20": { defaultClass: "_1rsrm2f3m" }, "24": { defaultClass: "_1rsrm2f3n" }, "28": { defaultClass: "_1rsrm2f3o" }, "30": { defaultClass: "_1rsrm2f3p" }, "32": { defaultClass: "_1rsrm2f3q" }, "34": { defaultClass: "_1rsrm2f3r" }, "36": { defaultClass: "_1rsrm2f3s" }, "40": { defaultClass: "_1rsrm2f3t" }, "44": { defaultClass: "_1rsrm2f3u" }, "48": { defaultClass: "_1rsrm2f3v" }, "50": { defaultClass: "_1rsrm2f3w" }, "54": { defaultClass: "_1rsrm2f3x" }, "57": { defaultClass: "_1rsrm2f3y" }, "60": { defaultClass: "_1rsrm2f3z" }, "72": { defaultClass: "_1rsrm2f40" }, "76": { defaultClass: "_1rsrm2f41" }, "93": { defaultClass: "_1rsrm2f42" }, "96": { defaultClass: "_1rsrm2f43" }, "100": { defaultClass: "_1rsrm2f44" }, "108": { defaultClass: "_1rsrm2f45" }, "120": { defaultClass: "_1rsrm2f46" }, "160": { defaultClass: "_1rsrm2f47" }, "180": { defaultClass: "_1rsrm2f48" }, "200": { defaultClass: "_1rsrm2f49" }, "240": { defaultClass: "_1rsrm2f4a" }, half: { defaultClass: "_1rsrm2f4b" }, full: { defaultClass: "_1rsrm2f4c" }, max: { defaultClass: "_1rsrm2f4d" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f4e" }, modalTopBarHeight: { defaultClass: "_1rsrm2f4f" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f4g" }, "flex-end": { defaultClass: "_1rsrm2f4h" }, center: { defaultClass: "_1rsrm2f4i" }, "space-between": { defaultClass: "_1rsrm2f4j" }, "space-around": { defaultClass: "_1rsrm2f4k" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f4l" }, center: { defaultClass: "_1rsrm2f4m" }, right: { defaultClass: "_1rsrm2f4n" }, inherit: { defaultClass: "_1rsrm2f4o" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f4p" }, "1": { defaultClass: "_1rsrm2f4q" }, "2": { defaultClass: "_1rsrm2f4r" }, "3": { defaultClass: "_1rsrm2f4s" }, "4": { defaultClass: "_1rsrm2f4t" }, "5": { defaultClass: "_1rsrm2f4u" }, "6": { defaultClass: "_1rsrm2f4v" }, "7": { defaultClass: "_1rsrm2f4w" }, "8": { defaultClass: "_1rsrm2f4x" }, "9": { defaultClass: "_1rsrm2f4y" }, "10": { defaultClass: "_1rsrm2f4z" }, "11": { defaultClass: "_1rsrm2f50" }, "12": { defaultClass: "_1rsrm2f51" }, "13": { defaultClass: "_1rsrm2f52" }, "14": { defaultClass: "_1rsrm2f53" }, "15": { defaultClass: "_1rsrm2f54" }, "16": { defaultClass: "_1rsrm2f55" }, "18": { defaultClass: "_1rsrm2f56" }, "20": { defaultClass: "_1rsrm2f57" }, "24": { defaultClass: "_1rsrm2f58" }, "28": { defaultClass: "_1rsrm2f59" }, "30": { defaultClass: "_1rsrm2f5a" }, "32": { defaultClass: "_1rsrm2f5b" }, "36": { defaultClass: "_1rsrm2f5c" }, "40": { defaultClass: "_1rsrm2f5d" }, "44": { defaultClass: "_1rsrm2f5e" }, "64": { defaultClass: "_1rsrm2f5f" }, auto: { defaultClass: "_1rsrm2f5g" }, "-18": { defaultClass: "_1rsrm2f5h" }, "-12": { defaultClass: "_1rsrm2f5i" }, "-1": { defaultClass: "_1rsrm2f5j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f5k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f5l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f5m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f5n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f5o" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f5p" }, "1": { defaultClass: "_1rsrm2f5q" }, "2": { defaultClass: "_1rsrm2f5r" }, "3": { defaultClass: "_1rsrm2f5s" }, "4": { defaultClass: "_1rsrm2f5t" }, "5": { defaultClass: "_1rsrm2f5u" }, "6": { defaultClass: "_1rsrm2f5v" }, "7": { defaultClass: "_1rsrm2f5w" }, "8": { defaultClass: "_1rsrm2f5x" }, "9": { defaultClass: "_1rsrm2f5y" }, "10": { defaultClass: "_1rsrm2f5z" }, "11": { defaultClass: "_1rsrm2f60" }, "12": { defaultClass: "_1rsrm2f61" }, "13": { defaultClass: "_1rsrm2f62" }, "14": { defaultClass: "_1rsrm2f63" }, "15": { defaultClass: "_1rsrm2f64" }, "16": { defaultClass: "_1rsrm2f65" }, "18": { defaultClass: "_1rsrm2f66" }, "20": { defaultClass: "_1rsrm2f67" }, "24": { defaultClass: "_1rsrm2f68" }, "28": { defaultClass: "_1rsrm2f69" }, "30": { defaultClass: "_1rsrm2f6a" }, "32": { defaultClass: "_1rsrm2f6b" }, "36": { defaultClass: "_1rsrm2f6c" }, "40": { defaultClass: "_1rsrm2f6d" }, "44": { defaultClass: "_1rsrm2f6e" }, "64": { defaultClass: "_1rsrm2f6f" }, auto: { defaultClass: "_1rsrm2f6g" }, "-18": { defaultClass: "_1rsrm2f6h" }, "-12": { defaultClass: "_1rsrm2f6i" }, "-1": { defaultClass: "_1rsrm2f6j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f6k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f6l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f6m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f6n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f6o" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f6p" }, "1": { defaultClass: "_1rsrm2f6q" }, "2": { defaultClass: "_1rsrm2f6r" }, "3": { defaultClass: "_1rsrm2f6s" }, "4": { defaultClass: "_1rsrm2f6t" }, "5": { defaultClass: "_1rsrm2f6u" }, "6": { defaultClass: "_1rsrm2f6v" }, "7": { defaultClass: "_1rsrm2f6w" }, "8": { defaultClass: "_1rsrm2f6x" }, "9": { defaultClass: "_1rsrm2f6y" }, "10": { defaultClass: "_1rsrm2f6z" }, "11": { defaultClass: "_1rsrm2f70" }, "12": { defaultClass: "_1rsrm2f71" }, "13": { defaultClass: "_1rsrm2f72" }, "14": { defaultClass: "_1rsrm2f73" }, "15": { defaultClass: "_1rsrm2f74" }, "16": { defaultClass: "_1rsrm2f75" }, "18": { defaultClass: "_1rsrm2f76" }, "20": { defaultClass: "_1rsrm2f77" }, "24": { defaultClass: "_1rsrm2f78" }, "28": { defaultClass: "_1rsrm2f79" }, "30": { defaultClass: "_1rsrm2f7a" }, "32": { defaultClass: "_1rsrm2f7b" }, "36": { defaultClass: "_1rsrm2f7c" }, "40": { defaultClass: "_1rsrm2f7d" }, "44": { defaultClass: "_1rsrm2f7e" }, "64": { defaultClass: "_1rsrm2f7f" }, auto: { defaultClass: "_1rsrm2f7g" }, "-18": { defaultClass: "_1rsrm2f7h" }, "-12": { defaultClass: "_1rsrm2f7i" }, "-1": { defaultClass: "_1rsrm2f7j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f7k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f7l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f7m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f7n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f7o" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f7p" }, "1": { defaultClass: "_1rsrm2f7q" }, "2": { defaultClass: "_1rsrm2f7r" }, "3": { defaultClass: "_1rsrm2f7s" }, "4": { defaultClass: "_1rsrm2f7t" }, "5": { defaultClass: "_1rsrm2f7u" }, "6": { defaultClass: "_1rsrm2f7v" }, "7": { defaultClass: "_1rsrm2f7w" }, "8": { defaultClass: "_1rsrm2f7x" }, "9": { defaultClass: "_1rsrm2f7y" }, "10": { defaultClass: "_1rsrm2f7z" }, "11": { defaultClass: "_1rsrm2f80" }, "12": { defaultClass: "_1rsrm2f81" }, "13": { defaultClass: "_1rsrm2f82" }, "14": { defaultClass: "_1rsrm2f83" }, "15": { defaultClass: "_1rsrm2f84" }, "16": { defaultClass: "_1rsrm2f85" }, "18": { defaultClass: "_1rsrm2f86" }, "20": { defaultClass: "_1rsrm2f87" }, "24": { defaultClass: "_1rsrm2f88" }, "28": { defaultClass: "_1rsrm2f89" }, "30": { defaultClass: "_1rsrm2f8a" }, "32": { defaultClass: "_1rsrm2f8b" }, "36": { defaultClass: "_1rsrm2f8c" }, "40": { defaultClass: "_1rsrm2f8d" }, "44": { defaultClass: "_1rsrm2f8e" }, "64": { defaultClass: "_1rsrm2f8f" }, auto: { defaultClass: "_1rsrm2f8g" }, "-18": { defaultClass: "_1rsrm2f8h" }, "-12": { defaultClass: "_1rsrm2f8i" }, "-1": { defaultClass: "_1rsrm2f8j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f8k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f8l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f8m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f8n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f8o" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f8p" }, "2": { defaultClass: "_1rsrm2f8q" }, "4": { defaultClass: "_1rsrm2f8r" }, "8": { defaultClass: "_1rsrm2f8s" }, "10": { defaultClass: "_1rsrm2f8t" }, "11": { defaultClass: "_1rsrm2f8u" }, "12": { defaultClass: "_1rsrm2f8v" }, "13": { defaultClass: "_1rsrm2f8w" }, "14": { defaultClass: "_1rsrm2f8x" }, "15": { defaultClass: "_1rsrm2f8y" }, "16": { defaultClass: "_1rsrm2f8z" }, "18": { defaultClass: "_1rsrm2f90" }, "20": { defaultClass: "_1rsrm2f91" }, "24": { defaultClass: "_1rsrm2f92" }, "28": { defaultClass: "_1rsrm2f93" }, "30": { defaultClass: "_1rsrm2f94" }, "32": { defaultClass: "_1rsrm2f95" }, "34": { defaultClass: "_1rsrm2f96" }, "36": { defaultClass: "_1rsrm2f97" }, "40": { defaultClass: "_1rsrm2f98" }, "44": { defaultClass: "_1rsrm2f99" }, "48": { defaultClass: "_1rsrm2f9a" }, "50": { defaultClass: "_1rsrm2f9b" }, "54": { defaultClass: "_1rsrm2f9c" }, "57": { defaultClass: "_1rsrm2f9d" }, "60": { defaultClass: "_1rsrm2f9e" }, "72": { defaultClass: "_1rsrm2f9f" }, "76": { defaultClass: "_1rsrm2f9g" }, "93": { defaultClass: "_1rsrm2f9h" }, "96": { defaultClass: "_1rsrm2f9i" }, "100": { defaultClass: "_1rsrm2f9j" }, "108": { defaultClass: "_1rsrm2f9k" }, "120": { defaultClass: "_1rsrm2f9l" }, "160": { defaultClass: "_1rsrm2f9m" }, "180": { defaultClass: "_1rsrm2f9n" }, "200": { defaultClass: "_1rsrm2f9o" }, "240": { defaultClass: "_1rsrm2f9p" }, half: { defaultClass: "_1rsrm2f9q" }, full: { defaultClass: "_1rsrm2f9r" }, max: { defaultClass: "_1rsrm2f9s" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f9t" }, modalTopBarHeight: { defaultClass: "_1rsrm2f9u" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f9v" }, "2": { defaultClass: "_1rsrm2f9w" }, "4": { defaultClass: "_1rsrm2f9x" }, "8": { defaultClass: "_1rsrm2f9y" }, "10": { defaultClass: "_1rsrm2f9z" }, "11": { defaultClass: "_1rsrm2fa0" }, "12": { defaultClass: "_1rsrm2fa1" }, "13": { defaultClass: "_1rsrm2fa2" }, "14": { defaultClass: "_1rsrm2fa3" }, "15": { defaultClass: "_1rsrm2fa4" }, "16": { defaultClass: "_1rsrm2fa5" }, "18": { defaultClass: "_1rsrm2fa6" }, "20": { defaultClass: "_1rsrm2fa7" }, "24": { defaultClass: "_1rsrm2fa8" }, "28": { defaultClass: "_1rsrm2fa9" }, "30": { defaultClass: "_1rsrm2faa" }, "32": { defaultClass: "_1rsrm2fab" }, "34": { defaultClass: "_1rsrm2fac" }, "36": { defaultClass: "_1rsrm2fad" }, "40": { defaultClass: "_1rsrm2fae" }, "44": { defaultClass: "_1rsrm2faf" }, "48": { defaultClass: "_1rsrm2fag" }, "50": { defaultClass: "_1rsrm2fah" }, "54": { defaultClass: "_1rsrm2fai" }, "57": { defaultClass: "_1rsrm2faj" }, "60": { defaultClass: "_1rsrm2fak" }, "72": { defaultClass: "_1rsrm2fal" }, "76": { defaultClass: "_1rsrm2fam" }, "93": { defaultClass: "_1rsrm2fan" }, "96": { defaultClass: "_1rsrm2fao" }, "100": { defaultClass: "_1rsrm2fap" }, "108": { defaultClass: "_1rsrm2faq" }, "120": { defaultClass: "_1rsrm2far" }, "160": { defaultClass: "_1rsrm2fas" }, "180": { defaultClass: "_1rsrm2fat" }, "200": { defaultClass: "_1rsrm2fau" }, "240": { defaultClass: "_1rsrm2fav" }, half: { defaultClass: "_1rsrm2faw" }, full: { defaultClass: "_1rsrm2fax" }, max: { defaultClass: "_1rsrm2fay" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2faz" }, modalTopBarHeight: { defaultClass: "_1rsrm2fb0" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2fb1" }, "2": { defaultClass: "_1rsrm2fb2" }, "4": { defaultClass: "_1rsrm2fb3" }, "8": { defaultClass: "_1rsrm2fb4" }, "10": { defaultClass: "_1rsrm2fb5" }, "11": { defaultClass: "_1rsrm2fb6" }, "12": { defaultClass: "_1rsrm2fb7" }, "13": { defaultClass: "_1rsrm2fb8" }, "14": { defaultClass: "_1rsrm2fb9" }, "15": { defaultClass: "_1rsrm2fba" }, "16": { defaultClass: "_1rsrm2fbb" }, "18": { defaultClass: "_1rsrm2fbc" }, "20": { defaultClass: "_1rsrm2fbd" }, "24": { defaultClass: "_1rsrm2fbe" }, "28": { defaultClass: "_1rsrm2fbf" }, "30": { defaultClass: "_1rsrm2fbg" }, "32": { defaultClass: "_1rsrm2fbh" }, "34": { defaultClass: "_1rsrm2fbi" }, "36": { defaultClass: "_1rsrm2fbj" }, "40": { defaultClass: "_1rsrm2fbk" }, "44": { defaultClass: "_1rsrm2fbl" }, "48": { defaultClass: "_1rsrm2fbm" }, "50": { defaultClass: "_1rsrm2fbn" }, "54": { defaultClass: "_1rsrm2fbo" }, "57": { defaultClass: "_1rsrm2fbp" }, "60": { defaultClass: "_1rsrm2fbq" }, "72": { defaultClass: "_1rsrm2fbr" }, "76": { defaultClass: "_1rsrm2fbs" }, "93": { defaultClass: "_1rsrm2fbt" }, "96": { defaultClass: "_1rsrm2fbu" }, "100": { defaultClass: "_1rsrm2fbv" }, "108": { defaultClass: "_1rsrm2fbw" }, "120": { defaultClass: "_1rsrm2fbx" }, "160": { defaultClass: "_1rsrm2fby" }, "180": { defaultClass: "_1rsrm2fbz" }, "200": { defaultClass: "_1rsrm2fc0" }, "240": { defaultClass: "_1rsrm2fc1" }, half: { defaultClass: "_1rsrm2fc2" }, full: { defaultClass: "_1rsrm2fc3" }, max: { defaultClass: "_1rsrm2fc4" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fc5" }, modalTopBarHeight: { defaultClass: "_1rsrm2fc6" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fc7" }, "2": { defaultClass: "_1rsrm2fc8" }, "4": { defaultClass: "_1rsrm2fc9" }, "8": { defaultClass: "_1rsrm2fca" }, "10": { defaultClass: "_1rsrm2fcb" }, "11": { defaultClass: "_1rsrm2fcc" }, "12": { defaultClass: "_1rsrm2fcd" }, "13": { defaultClass: "_1rsrm2fce" }, "14": { defaultClass: "_1rsrm2fcf" }, "15": { defaultClass: "_1rsrm2fcg" }, "16": { defaultClass: "_1rsrm2fch" }, "18": { defaultClass: "_1rsrm2fci" }, "20": { defaultClass: "_1rsrm2fcj" }, "24": { defaultClass: "_1rsrm2fck" }, "28": { defaultClass: "_1rsrm2fcl" }, "30": { defaultClass: "_1rsrm2fcm" }, "32": { defaultClass: "_1rsrm2fcn" }, "34": { defaultClass: "_1rsrm2fco" }, "36": { defaultClass: "_1rsrm2fcp" }, "40": { defaultClass: "_1rsrm2fcq" }, "44": { defaultClass: "_1rsrm2fcr" }, "48": { defaultClass: "_1rsrm2fcs" }, "50": { defaultClass: "_1rsrm2fct" }, "54": { defaultClass: "_1rsrm2fcu" }, "57": { defaultClass: "_1rsrm2fcv" }, "60": { defaultClass: "_1rsrm2fcw" }, "72": { defaultClass: "_1rsrm2fcx" }, "76": { defaultClass: "_1rsrm2fcy" }, "93": { defaultClass: "_1rsrm2fcz" }, "96": { defaultClass: "_1rsrm2fd0" }, "100": { defaultClass: "_1rsrm2fd1" }, "108": { defaultClass: "_1rsrm2fd2" }, "120": { defaultClass: "_1rsrm2fd3" }, "160": { defaultClass: "_1rsrm2fd4" }, "180": { defaultClass: "_1rsrm2fd5" }, "200": { defaultClass: "_1rsrm2fd6" }, "240": { defaultClass: "_1rsrm2fd7" }, half: { defaultClass: "_1rsrm2fd8" }, full: { defaultClass: "_1rsrm2fd9" }, max: { defaultClass: "_1rsrm2fda" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fdb" }, modalTopBarHeight: { defaultClass: "_1rsrm2fdc" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fdd" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fde" }, "1": { defaultClass: "_1rsrm2fdf" }, "2": { defaultClass: "_1rsrm2fdg" }, "3": { defaultClass: "_1rsrm2fdh" }, "4": { defaultClass: "_1rsrm2fdi" }, "5": { defaultClass: "_1rsrm2fdj" }, "6": { defaultClass: "_1rsrm2fdk" }, "7": { defaultClass: "_1rsrm2fdl" }, "8": { defaultClass: "_1rsrm2fdm" }, "9": { defaultClass: "_1rsrm2fdn" }, "10": { defaultClass: "_1rsrm2fdo" }, "11": { defaultClass: "_1rsrm2fdp" }, "12": { defaultClass: "_1rsrm2fdq" }, "13": { defaultClass: "_1rsrm2fdr" }, "14": { defaultClass: "_1rsrm2fds" }, "15": { defaultClass: "_1rsrm2fdt" }, "16": { defaultClass: "_1rsrm2fdu" }, "18": { defaultClass: "_1rsrm2fdv" }, "20": { defaultClass: "_1rsrm2fdw" }, "24": { defaultClass: "_1rsrm2fdx" }, "28": { defaultClass: "_1rsrm2fdy" }, "30": { defaultClass: "_1rsrm2fdz" }, "32": { defaultClass: "_1rsrm2fe0" }, "36": { defaultClass: "_1rsrm2fe1" }, "40": { defaultClass: "_1rsrm2fe2" }, "44": { defaultClass: "_1rsrm2fe3" }, "64": { defaultClass: "_1rsrm2fe4" }, "-1": { defaultClass: "_1rsrm2fe5" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fe6" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fe7" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fe8" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fe9" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fea" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2feb" }, "1": { defaultClass: "_1rsrm2fec" }, "2": { defaultClass: "_1rsrm2fed" }, "3": { defaultClass: "_1rsrm2fee" }, "4": { defaultClass: "_1rsrm2fef" }, "5": { defaultClass: "_1rsrm2feg" }, "6": { defaultClass: "_1rsrm2feh" }, "7": { defaultClass: "_1rsrm2fei" }, "8": { defaultClass: "_1rsrm2fej" }, "9": { defaultClass: "_1rsrm2fek" }, "10": { defaultClass: "_1rsrm2fel" }, "11": { defaultClass: "_1rsrm2fem" }, "12": { defaultClass: "_1rsrm2fen" }, "13": { defaultClass: "_1rsrm2feo" }, "14": { defaultClass: "_1rsrm2fep" }, "15": { defaultClass: "_1rsrm2feq" }, "16": { defaultClass: "_1rsrm2fer" }, "18": { defaultClass: "_1rsrm2fes" }, "20": { defaultClass: "_1rsrm2fet" }, "24": { defaultClass: "_1rsrm2feu" }, "28": { defaultClass: "_1rsrm2fev" }, "30": { defaultClass: "_1rsrm2few" }, "32": { defaultClass: "_1rsrm2fex" }, "36": { defaultClass: "_1rsrm2fey" }, "40": { defaultClass: "_1rsrm2fez" }, "44": { defaultClass: "_1rsrm2ff0" }, "64": { defaultClass: "_1rsrm2ff1" }, "-1": { defaultClass: "_1rsrm2ff2" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2ff3" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ff4" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2ff5" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2ff6" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2ff7" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2ff8" }, "1": { defaultClass: "_1rsrm2ff9" }, "2": { defaultClass: "_1rsrm2ffa" }, "3": { defaultClass: "_1rsrm2ffb" }, "4": { defaultClass: "_1rsrm2ffc" }, "5": { defaultClass: "_1rsrm2ffd" }, "6": { defaultClass: "_1rsrm2ffe" }, "7": { defaultClass: "_1rsrm2fff" }, "8": { defaultClass: "_1rsrm2ffg" }, "9": { defaultClass: "_1rsrm2ffh" }, "10": { defaultClass: "_1rsrm2ffi" }, "11": { defaultClass: "_1rsrm2ffj" }, "12": { defaultClass: "_1rsrm2ffk" }, "13": { defaultClass: "_1rsrm2ffl" }, "14": { defaultClass: "_1rsrm2ffm" }, "15": { defaultClass: "_1rsrm2ffn" }, "16": { defaultClass: "_1rsrm2ffo" }, "18": { defaultClass: "_1rsrm2ffp" }, "20": { defaultClass: "_1rsrm2ffq" }, "24": { defaultClass: "_1rsrm2ffr" }, "28": { defaultClass: "_1rsrm2ffs" }, "30": { defaultClass: "_1rsrm2fft" }, "32": { defaultClass: "_1rsrm2ffu" }, "36": { defaultClass: "_1rsrm2ffv" }, "40": { defaultClass: "_1rsrm2ffw" }, "44": { defaultClass: "_1rsrm2ffx" }, "64": { defaultClass: "_1rsrm2ffy" }, "-1": { defaultClass: "_1rsrm2ffz" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fg0" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fg1" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fg2" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fg3" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fg4" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fg5" }, "1": { defaultClass: "_1rsrm2fg6" }, "2": { defaultClass: "_1rsrm2fg7" }, "3": { defaultClass: "_1rsrm2fg8" }, "4": { defaultClass: "_1rsrm2fg9" }, "5": { defaultClass: "_1rsrm2fga" }, "6": { defaultClass: "_1rsrm2fgb" }, "7": { defaultClass: "_1rsrm2fgc" }, "8": { defaultClass: "_1rsrm2fgd" }, "9": { defaultClass: "_1rsrm2fge" }, "10": { defaultClass: "_1rsrm2fgf" }, "11": { defaultClass: "_1rsrm2fgg" }, "12": { defaultClass: "_1rsrm2fgh" }, "13": { defaultClass: "_1rsrm2fgi" }, "14": { defaultClass: "_1rsrm2fgj" }, "15": { defaultClass: "_1rsrm2fgk" }, "16": { defaultClass: "_1rsrm2fgl" }, "18": { defaultClass: "_1rsrm2fgm" }, "20": { defaultClass: "_1rsrm2fgn" }, "24": { defaultClass: "_1rsrm2fgo" }, "28": { defaultClass: "_1rsrm2fgp" }, "30": { defaultClass: "_1rsrm2fgq" }, "32": { defaultClass: "_1rsrm2fgr" }, "36": { defaultClass: "_1rsrm2fgs" }, "40": { defaultClass: "_1rsrm2fgt" }, "44": { defaultClass: "_1rsrm2fgu" }, "64": { defaultClass: "_1rsrm2fgv" }, "-1": { defaultClass: "_1rsrm2fgw" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fgx" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fgy" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fgz" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fh0" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fh1" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fh2" }, fixed: { defaultClass: "_1rsrm2fh3" }, relative: { defaultClass: "_1rsrm2fh4" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fh5" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fh6" }, transform: { defaultClass: "_1rsrm2fh7" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fh8" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fh9" }, "2": { defaultClass: "_1rsrm2fha" }, "4": { defaultClass: "_1rsrm2fhb" }, "8": { defaultClass: "_1rsrm2fhc" }, "10": { defaultClass: "_1rsrm2fhd" }, "11": { defaultClass: "_1rsrm2fhe" }, "12": { defaultClass: "_1rsrm2fhf" }, "13": { defaultClass: "_1rsrm2fhg" }, "14": { defaultClass: "_1rsrm2fhh" }, "15": { defaultClass: "_1rsrm2fhi" }, "16": { defaultClass: "_1rsrm2fhj" }, "18": { defaultClass: "_1rsrm2fhk" }, "20": { defaultClass: "_1rsrm2fhl" }, "24": { defaultClass: "_1rsrm2fhm" }, "28": { defaultClass: "_1rsrm2fhn" }, "30": { defaultClass: "_1rsrm2fho" }, "32": { defaultClass: "_1rsrm2fhp" }, "34": { defaultClass: "_1rsrm2fhq" }, "36": { defaultClass: "_1rsrm2fhr" }, "40": { defaultClass: "_1rsrm2fhs" }, "44": { defaultClass: "_1rsrm2fht" }, "48": { defaultClass: "_1rsrm2fhu" }, "50": { defaultClass: "_1rsrm2fhv" }, "54": { defaultClass: "_1rsrm2fhw" }, "57": { defaultClass: "_1rsrm2fhx" }, "60": { defaultClass: "_1rsrm2fhy" }, "72": { defaultClass: "_1rsrm2fhz" }, "76": { defaultClass: "_1rsrm2fi0" }, "93": { defaultClass: "_1rsrm2fi1" }, "96": { defaultClass: "_1rsrm2fi2" }, "100": { defaultClass: "_1rsrm2fi3" }, "108": { defaultClass: "_1rsrm2fi4" }, "120": { defaultClass: "_1rsrm2fi5" }, "160": { defaultClass: "_1rsrm2fi6" }, "180": { defaultClass: "_1rsrm2fi7" }, "200": { defaultClass: "_1rsrm2fi8" }, "240": { defaultClass: "_1rsrm2fi9" }, half: { defaultClass: "_1rsrm2fia" }, full: { defaultClass: "_1rsrm2fib" }, max: { defaultClass: "_1rsrm2fic" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fid" }, modalTopBarHeight: { defaultClass: "_1rsrm2fie" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fif" } } } } });
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)", modalTopbarIcon: "var(--rk-colors-modalTopbarIcon)", 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)", buttonBackgroundDisabledTertiary: "var(--rk-colors-buttonBackgroundDisabledTertiary)", buttonTextTertiary: "var(--rk-colors-buttonTextTertiary)", buttonTextDisabledTertiary: "var(--rk-colors-buttonTextDisabledTertiary)", buttonBackground: "var(--rk-colors-buttonBackground)", buttonBackgroundHover: "var(--rk-colors-buttonBackgroundHover)", buttonBackgroundPressed: "var(--rk-colors-buttonBackgroundPressed)", buttonBackgroundDisabled: "var(--rk-colors-buttonBackgroundDisabled)", buttonTextSecondaryDisabled: "var(--rk-colors-buttonTextSecondaryDisabled)", buttonTextSecondary: "var(--rk-colors-buttonTextSecondary)", buttonIconBackgroundHover: "var(--rk-colors-buttonIconBackgroundHover)", buttonIconBackgroundPressed: "var(--rk-colors-buttonIconBackgroundPressed)", buttonIconStroke: "var(--rk-colors-buttonIconStroke)", 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)", optionBoxBackground: "var(--rk-colors-optionBoxBackground)", 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)", modalTopbarIcon: "var(--rk-radii-modalTopbarIcon)" }, borderWidths: { activeOptionBorderWidth: "var(--rk-borderWidths-activeOptionBorderWidth)" }, 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)", buttonFocusedShadowTertiary: "var(--rk-shadows-buttonFocusedShadowTertiary)", buttonHoverShadowTertiary: "var(--rk-shadows-buttonHoverShadowTertiary)", 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)" };
48
+ var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fig", hover: "_1rsrm2fih", active: "_1rsrm2fii", selection: "_1rsrm2fij", focused: "_1rsrm2fik", focusedVisible: "_1rsrm2fil" }, defaultClass: "_1rsrm2fig" }, accentColorForeground: { conditions: { base: "_1rsrm2fim", hover: "_1rsrm2fin", active: "_1rsrm2fio", selection: "_1rsrm2fip", focused: "_1rsrm2fiq", focusedVisible: "_1rsrm2fir" }, defaultClass: "_1rsrm2fim" }, actionButtonBorder: { conditions: { base: "_1rsrm2fis", hover: "_1rsrm2fit", active: "_1rsrm2fiu", selection: "_1rsrm2fiv", focused: "_1rsrm2fiw", focusedVisible: "_1rsrm2fix" }, defaultClass: "_1rsrm2fis" }, connectButtonBackground: { conditions: { base: "_1rsrm2fiy", hover: "_1rsrm2fiz", active: "_1rsrm2fj0", selection: "_1rsrm2fj1", focused: "_1rsrm2fj2", focusedVisible: "_1rsrm2fj3" }, defaultClass: "_1rsrm2fiy" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fj4", hover: "_1rsrm2fj5", active: "_1rsrm2fj6", selection: "_1rsrm2fj7", focused: "_1rsrm2fj8", focusedVisible: "_1rsrm2fj9" }, defaultClass: "_1rsrm2fj4" }, connectButtonText: { conditions: { base: "_1rsrm2fja", hover: "_1rsrm2fjb", active: "_1rsrm2fjc", selection: "_1rsrm2fjd", focused: "_1rsrm2fje", focusedVisible: "_1rsrm2fjf" }, defaultClass: "_1rsrm2fja" }, connectButtonTextError: { conditions: { base: "_1rsrm2fjg", hover: "_1rsrm2fjh", active: "_1rsrm2fji", selection: "_1rsrm2fjj", focused: "_1rsrm2fjk", focusedVisible: "_1rsrm2fjl" }, defaultClass: "_1rsrm2fjg" }, connectionIndicator: { conditions: { base: "_1rsrm2fjm", hover: "_1rsrm2fjn", active: "_1rsrm2fjo", selection: "_1rsrm2fjp", focused: "_1rsrm2fjq", focusedVisible: "_1rsrm2fjr" }, defaultClass: "_1rsrm2fjm" }, error: { conditions: { base: "_1rsrm2fjs", hover: "_1rsrm2fjt", active: "_1rsrm2fju", selection: "_1rsrm2fjv", focused: "_1rsrm2fjw", focusedVisible: "_1rsrm2fjx" }, defaultClass: "_1rsrm2fjs" }, errorBackground: { conditions: { base: "_1rsrm2fjy", hover: "_1rsrm2fjz", active: "_1rsrm2fk0", selection: "_1rsrm2fk1", focused: "_1rsrm2fk2", focusedVisible: "_1rsrm2fk3" }, defaultClass: "_1rsrm2fjy" }, errorBorder: { conditions: { base: "_1rsrm2fk4", hover: "_1rsrm2fk5", active: "_1rsrm2fk6", selection: "_1rsrm2fk7", focused: "_1rsrm2fk8", focusedVisible: "_1rsrm2fk9" }, defaultClass: "_1rsrm2fk4" }, generalBorder: { conditions: { base: "_1rsrm2fka", hover: "_1rsrm2fkb", active: "_1rsrm2fkc", selection: "_1rsrm2fkd", focused: "_1rsrm2fke", focusedVisible: "_1rsrm2fkf" }, defaultClass: "_1rsrm2fka" }, generalBorderDim: { conditions: { base: "_1rsrm2fkg", hover: "_1rsrm2fkh", active: "_1rsrm2fki", selection: "_1rsrm2fkj", focused: "_1rsrm2fkk", focusedVisible: "_1rsrm2fkl" }, defaultClass: "_1rsrm2fkg" }, menuItemBackground: { conditions: { base: "_1rsrm2fkm", hover: "_1rsrm2fkn", active: "_1rsrm2fko", selection: "_1rsrm2fkp", focused: "_1rsrm2fkq", focusedVisible: "_1rsrm2fkr" }, defaultClass: "_1rsrm2fkm" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fks", hover: "_1rsrm2fkt", active: "_1rsrm2fku", selection: "_1rsrm2fkv", focused: "_1rsrm2fkw", focusedVisible: "_1rsrm2fkx" }, defaultClass: "_1rsrm2fks" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fky", hover: "_1rsrm2fkz", active: "_1rsrm2fl0", selection: "_1rsrm2fl1", focused: "_1rsrm2fl2", focusedVisible: "_1rsrm2fl3" }, defaultClass: "_1rsrm2fky" }, standby: { conditions: { base: "_1rsrm2fl4", hover: "_1rsrm2fl5", active: "_1rsrm2fl6", selection: "_1rsrm2fl7", focused: "_1rsrm2fl8", focusedVisible: "_1rsrm2fl9" }, defaultClass: "_1rsrm2fl4" }, success: { conditions: { base: "_1rsrm2fla", hover: "_1rsrm2flb", active: "_1rsrm2flc", selection: "_1rsrm2fld", focused: "_1rsrm2fle", focusedVisible: "_1rsrm2flf" }, defaultClass: "_1rsrm2fla" }, chainIconBorder: { conditions: { base: "_1rsrm2flg", hover: "_1rsrm2flh", active: "_1rsrm2fli", selection: "_1rsrm2flj", focused: "_1rsrm2flk", focusedVisible: "_1rsrm2fll" }, defaultClass: "_1rsrm2flg" }, modalBackdrop: { conditions: { base: "_1rsrm2flm", hover: "_1rsrm2fln", active: "_1rsrm2flo", selection: "_1rsrm2flp", focused: "_1rsrm2flq", focusedVisible: "_1rsrm2flr" }, defaultClass: "_1rsrm2flm" }, modalBackground: { conditions: { base: "_1rsrm2fls", hover: "_1rsrm2flt", active: "_1rsrm2flu", selection: "_1rsrm2flv", focused: "_1rsrm2flw", focusedVisible: "_1rsrm2flx" }, defaultClass: "_1rsrm2fls" }, modalBorder: { conditions: { base: "_1rsrm2fly", hover: "_1rsrm2flz", active: "_1rsrm2fm0", selection: "_1rsrm2fm1", focused: "_1rsrm2fm2", focusedVisible: "_1rsrm2fm3" }, defaultClass: "_1rsrm2fly" }, offBackground: { conditions: { base: "_1rsrm2fm4", hover: "_1rsrm2fm5", active: "_1rsrm2fm6", selection: "_1rsrm2fm7", focused: "_1rsrm2fm8", focusedVisible: "_1rsrm2fm9" }, defaultClass: "_1rsrm2fm4" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fma", hover: "_1rsrm2fmb", active: "_1rsrm2fmc", selection: "_1rsrm2fmd", focused: "_1rsrm2fme", focusedVisible: "_1rsrm2fmf" }, defaultClass: "_1rsrm2fma" }, hoverState: { conditions: { base: "_1rsrm2fmg", hover: "_1rsrm2fmh", active: "_1rsrm2fmi", selection: "_1rsrm2fmj", focused: "_1rsrm2fmk", focusedVisible: "_1rsrm2fml" }, defaultClass: "_1rsrm2fmg" }, lightStroke: { conditions: { base: "_1rsrm2fmm", hover: "_1rsrm2fmn", active: "_1rsrm2fmo", selection: "_1rsrm2fmp", focused: "_1rsrm2fmq", focusedVisible: "_1rsrm2fmr" }, defaultClass: "_1rsrm2fmm" }, mediumStroke: { conditions: { base: "_1rsrm2fms", hover: "_1rsrm2fmt", active: "_1rsrm2fmu", selection: "_1rsrm2fmv", focused: "_1rsrm2fmw", focusedVisible: "_1rsrm2fmx" }, defaultClass: "_1rsrm2fms" }, heavyStroke: { conditions: { base: "_1rsrm2fmy", hover: "_1rsrm2fmz", active: "_1rsrm2fn0", selection: "_1rsrm2fn1", focused: "_1rsrm2fn2", focusedVisible: "_1rsrm2fn3" }, defaultClass: "_1rsrm2fmy" }, strokeColor: { conditions: { base: "_1rsrm2fn4", hover: "_1rsrm2fn5", active: "_1rsrm2fn6", selection: "_1rsrm2fn7", focused: "_1rsrm2fn8", focusedVisible: "_1rsrm2fn9" }, defaultClass: "_1rsrm2fn4" }, modalTopbarIcon: { conditions: { base: "_1rsrm2fna", hover: "_1rsrm2fnb", active: "_1rsrm2fnc", selection: "_1rsrm2fnd", focused: "_1rsrm2fne", focusedVisible: "_1rsrm2fnf" }, defaultClass: "_1rsrm2fna" }, primaryText: { conditions: { base: "_1rsrm2fng", hover: "_1rsrm2fnh", active: "_1rsrm2fni", selection: "_1rsrm2fnj", focused: "_1rsrm2fnk", focusedVisible: "_1rsrm2fnl" }, defaultClass: "_1rsrm2fng" }, secondaryText: { conditions: { base: "_1rsrm2fnm", hover: "_1rsrm2fnn", active: "_1rsrm2fno", selection: "_1rsrm2fnp", focused: "_1rsrm2fnq", focusedVisible: "_1rsrm2fnr" }, defaultClass: "_1rsrm2fnm" }, tertiaryText: { conditions: { base: "_1rsrm2fns", hover: "_1rsrm2fnt", active: "_1rsrm2fnu", selection: "_1rsrm2fnv", focused: "_1rsrm2fnw", focusedVisible: "_1rsrm2fnx" }, defaultClass: "_1rsrm2fns" }, textSelection: { conditions: { base: "_1rsrm2fny", hover: "_1rsrm2fnz", active: "_1rsrm2fo0", selection: "_1rsrm2fo1", focused: "_1rsrm2fo2", focusedVisible: "_1rsrm2fo3" }, defaultClass: "_1rsrm2fny" }, inputBackground: { conditions: { base: "_1rsrm2fo4", hover: "_1rsrm2fo5", active: "_1rsrm2fo6", selection: "_1rsrm2fo7", focused: "_1rsrm2fo8", focusedVisible: "_1rsrm2fo9" }, defaultClass: "_1rsrm2fo4" }, inputBorderBase: { conditions: { base: "_1rsrm2foa", hover: "_1rsrm2fob", active: "_1rsrm2foc", selection: "_1rsrm2fod", focused: "_1rsrm2foe", focusedVisible: "_1rsrm2fof" }, defaultClass: "_1rsrm2foa" }, inputBorderHover: { conditions: { base: "_1rsrm2fog", hover: "_1rsrm2foh", active: "_1rsrm2foi", selection: "_1rsrm2foj", focused: "_1rsrm2fok", focusedVisible: "_1rsrm2fol" }, defaultClass: "_1rsrm2fog" }, actionColor: { conditions: { base: "_1rsrm2fom", hover: "_1rsrm2fon", active: "_1rsrm2foo", selection: "_1rsrm2fop", focused: "_1rsrm2foq", focusedVisible: "_1rsrm2for" }, defaultClass: "_1rsrm2fom" }, actionColorHover: { conditions: { base: "_1rsrm2fos", hover: "_1rsrm2fot", active: "_1rsrm2fou", selection: "_1rsrm2fov", focused: "_1rsrm2fow", focusedVisible: "_1rsrm2fox" }, defaultClass: "_1rsrm2fos" }, actionColorDisabled: { conditions: { base: "_1rsrm2foy", hover: "_1rsrm2foz", active: "_1rsrm2fp0", selection: "_1rsrm2fp1", focused: "_1rsrm2fp2", focusedVisible: "_1rsrm2fp3" }, defaultClass: "_1rsrm2foy" }, buttonPrimary: { conditions: { base: "_1rsrm2fp4", hover: "_1rsrm2fp5", active: "_1rsrm2fp6", selection: "_1rsrm2fp7", focused: "_1rsrm2fp8", focusedVisible: "_1rsrm2fp9" }, defaultClass: "_1rsrm2fp4" }, buttonDisabled: { conditions: { base: "_1rsrm2fpa", hover: "_1rsrm2fpb", active: "_1rsrm2fpc", selection: "_1rsrm2fpd", focused: "_1rsrm2fpe", focusedVisible: "_1rsrm2fpf" }, defaultClass: "_1rsrm2fpa" }, buttonWarning: { conditions: { base: "_1rsrm2fpg", hover: "_1rsrm2fph", active: "_1rsrm2fpi", selection: "_1rsrm2fpj", focused: "_1rsrm2fpk", focusedVisible: "_1rsrm2fpl" }, defaultClass: "_1rsrm2fpg" }, buttonSuccess: { conditions: { base: "_1rsrm2fpm", hover: "_1rsrm2fpn", active: "_1rsrm2fpo", selection: "_1rsrm2fpp", focused: "_1rsrm2fpq", focusedVisible: "_1rsrm2fpr" }, defaultClass: "_1rsrm2fpm" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fps", hover: "_1rsrm2fpt", active: "_1rsrm2fpu", selection: "_1rsrm2fpv", focused: "_1rsrm2fpw", focusedVisible: "_1rsrm2fpx" }, defaultClass: "_1rsrm2fps" }, buttonTextHover: { conditions: { base: "_1rsrm2fpy", hover: "_1rsrm2fpz", active: "_1rsrm2fq0", selection: "_1rsrm2fq1", focused: "_1rsrm2fq2", focusedVisible: "_1rsrm2fq3" }, defaultClass: "_1rsrm2fpy" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fq4", hover: "_1rsrm2fq5", active: "_1rsrm2fq6", selection: "_1rsrm2fq7", focused: "_1rsrm2fq8", focusedVisible: "_1rsrm2fq9" }, defaultClass: "_1rsrm2fq4" }, transparent: { conditions: { base: "_1rsrm2fqa", hover: "_1rsrm2fqb", active: "_1rsrm2fqc", selection: "_1rsrm2fqd", focused: "_1rsrm2fqe", focusedVisible: "_1rsrm2fqf" }, defaultClass: "_1rsrm2fqa" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fqg", hover: "_1rsrm2fqh", active: "_1rsrm2fqi", selection: "_1rsrm2fqj", focused: "_1rsrm2fqk", focusedVisible: "_1rsrm2fql" }, defaultClass: "_1rsrm2fqg" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fqm", hover: "_1rsrm2fqn", active: "_1rsrm2fqo", selection: "_1rsrm2fqp", focused: "_1rsrm2fqq", focusedVisible: "_1rsrm2fqr" }, defaultClass: "_1rsrm2fqm" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2fqs", hover: "_1rsrm2fqt", active: "_1rsrm2fqu", selection: "_1rsrm2fqv", focused: "_1rsrm2fqw", focusedVisible: "_1rsrm2fqx" }, defaultClass: "_1rsrm2fqs" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fqy", hover: "_1rsrm2fqz", active: "_1rsrm2fr0", selection: "_1rsrm2fr1", focused: "_1rsrm2fr2", focusedVisible: "_1rsrm2fr3" }, defaultClass: "_1rsrm2fqy" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fr4", hover: "_1rsrm2fr5", active: "_1rsrm2fr6", selection: "_1rsrm2fr7", focused: "_1rsrm2fr8", focusedVisible: "_1rsrm2fr9" }, defaultClass: "_1rsrm2fr4" }, buttonBackground: { conditions: { base: "_1rsrm2fra", hover: "_1rsrm2frb", active: "_1rsrm2frc", selection: "_1rsrm2frd", focused: "_1rsrm2fre", focusedVisible: "_1rsrm2frf" }, defaultClass: "_1rsrm2fra" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2frg", hover: "_1rsrm2frh", active: "_1rsrm2fri", selection: "_1rsrm2frj", focused: "_1rsrm2frk", focusedVisible: "_1rsrm2frl" }, defaultClass: "_1rsrm2frg" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2frm", hover: "_1rsrm2frn", active: "_1rsrm2fro", selection: "_1rsrm2frp", focused: "_1rsrm2frq", focusedVisible: "_1rsrm2frr" }, defaultClass: "_1rsrm2frm" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2frs", hover: "_1rsrm2frt", active: "_1rsrm2fru", selection: "_1rsrm2frv", focused: "_1rsrm2frw", focusedVisible: "_1rsrm2frx" }, defaultClass: "_1rsrm2frs" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fry", hover: "_1rsrm2frz", active: "_1rsrm2fs0", selection: "_1rsrm2fs1", focused: "_1rsrm2fs2", focusedVisible: "_1rsrm2fs3" }, defaultClass: "_1rsrm2fry" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fs4", hover: "_1rsrm2fs5", active: "_1rsrm2fs6", selection: "_1rsrm2fs7", focused: "_1rsrm2fs8", focusedVisible: "_1rsrm2fs9" }, defaultClass: "_1rsrm2fs4" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2fsa", hover: "_1rsrm2fsb", active: "_1rsrm2fsc", selection: "_1rsrm2fsd", focused: "_1rsrm2fse", focusedVisible: "_1rsrm2fsf" }, defaultClass: "_1rsrm2fsa" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2fsg", hover: "_1rsrm2fsh", active: "_1rsrm2fsi", selection: "_1rsrm2fsj", focused: "_1rsrm2fsk", focusedVisible: "_1rsrm2fsl" }, defaultClass: "_1rsrm2fsg" }, buttonIconStroke: { conditions: { base: "_1rsrm2fsm", hover: "_1rsrm2fsn", active: "_1rsrm2fso", selection: "_1rsrm2fsp", focused: "_1rsrm2fsq", focusedVisible: "_1rsrm2fsr" }, defaultClass: "_1rsrm2fsm" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fss", hover: "_1rsrm2fst", active: "_1rsrm2fsu", selection: "_1rsrm2fsv", focused: "_1rsrm2fsw", focusedVisible: "_1rsrm2fsx" }, defaultClass: "_1rsrm2fss" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fsy", hover: "_1rsrm2fsz", active: "_1rsrm2ft0", selection: "_1rsrm2ft1", focused: "_1rsrm2ft2", focusedVisible: "_1rsrm2ft3" }, defaultClass: "_1rsrm2fsy" }, buttonBorderGradient: { conditions: { base: "_1rsrm2ft4", hover: "_1rsrm2ft5", active: "_1rsrm2ft6", selection: "_1rsrm2ft7", focused: "_1rsrm2ft8", focusedVisible: "_1rsrm2ft9" }, defaultClass: "_1rsrm2ft4" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2fta", hover: "_1rsrm2ftb", active: "_1rsrm2ftc", selection: "_1rsrm2ftd", focused: "_1rsrm2fte", focusedVisible: "_1rsrm2ftf" }, defaultClass: "_1rsrm2fta" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2ftg", hover: "_1rsrm2fth", active: "_1rsrm2fti", selection: "_1rsrm2ftj", focused: "_1rsrm2ftk", focusedVisible: "_1rsrm2ftl" }, defaultClass: "_1rsrm2ftg" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2ftm", hover: "_1rsrm2ftn", active: "_1rsrm2fto", selection: "_1rsrm2ftp", focused: "_1rsrm2ftq", focusedVisible: "_1rsrm2ftr" }, defaultClass: "_1rsrm2ftm" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fts", hover: "_1rsrm2ftt", active: "_1rsrm2ftu", selection: "_1rsrm2ftv", focused: "_1rsrm2ftw", focusedVisible: "_1rsrm2ftx" }, defaultClass: "_1rsrm2fts" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fty", hover: "_1rsrm2ftz", active: "_1rsrm2fu0", selection: "_1rsrm2fu1", focused: "_1rsrm2fu2", focusedVisible: "_1rsrm2fu3" }, defaultClass: "_1rsrm2fty" }, newBadgeBackground: { conditions: { base: "_1rsrm2fu4", hover: "_1rsrm2fu5", active: "_1rsrm2fu6", selection: "_1rsrm2fu7", focused: "_1rsrm2fu8", focusedVisible: "_1rsrm2fu9" }, defaultClass: "_1rsrm2fu4" }, newBadgeBorder: { conditions: { base: "_1rsrm2fua", hover: "_1rsrm2fub", active: "_1rsrm2fuc", selection: "_1rsrm2fud", focused: "_1rsrm2fue", focusedVisible: "_1rsrm2fuf" }, defaultClass: "_1rsrm2fua" }, newBadgeText: { conditions: { base: "_1rsrm2fug", hover: "_1rsrm2fuh", active: "_1rsrm2fui", selection: "_1rsrm2fuj", focused: "_1rsrm2fuk", focusedVisible: "_1rsrm2ful" }, defaultClass: "_1rsrm2fug" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2fum", hover: "_1rsrm2fun", active: "_1rsrm2fuo", selection: "_1rsrm2fup", focused: "_1rsrm2fuq", focusedVisible: "_1rsrm2fur" }, defaultClass: "_1rsrm2fum" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2fus", hover: "_1rsrm2fut", active: "_1rsrm2fuu", selection: "_1rsrm2fuv", focused: "_1rsrm2fuw", focusedVisible: "_1rsrm2fux" }, defaultClass: "_1rsrm2fus" }, approvedBadgeText: { conditions: { base: "_1rsrm2fuy", hover: "_1rsrm2fuz", active: "_1rsrm2fv0", selection: "_1rsrm2fv1", focused: "_1rsrm2fv2", focusedVisible: "_1rsrm2fv3" }, defaultClass: "_1rsrm2fuy" }, failedBadgeBackground: { conditions: { base: "_1rsrm2fv4", hover: "_1rsrm2fv5", active: "_1rsrm2fv6", selection: "_1rsrm2fv7", focused: "_1rsrm2fv8", focusedVisible: "_1rsrm2fv9" }, defaultClass: "_1rsrm2fv4" }, failedBadgeBorder: { conditions: { base: "_1rsrm2fva", hover: "_1rsrm2fvb", active: "_1rsrm2fvc", selection: "_1rsrm2fvd", focused: "_1rsrm2fve", focusedVisible: "_1rsrm2fvf" }, defaultClass: "_1rsrm2fva" }, failedBadgeText: { conditions: { base: "_1rsrm2fvg", hover: "_1rsrm2fvh", active: "_1rsrm2fvi", selection: "_1rsrm2fvj", focused: "_1rsrm2fvk", focusedVisible: "_1rsrm2fvl" }, defaultClass: "_1rsrm2fvg" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fvm", hover: "_1rsrm2fvn", active: "_1rsrm2fvo", selection: "_1rsrm2fvp", focused: "_1rsrm2fvq", focusedVisible: "_1rsrm2fvr" }, defaultClass: "_1rsrm2fvm" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2fvs", hover: "_1rsrm2fvt", active: "_1rsrm2fvu", selection: "_1rsrm2fvv", focused: "_1rsrm2fvw", focusedVisible: "_1rsrm2fvx" }, defaultClass: "_1rsrm2fvs" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2fvy", hover: "_1rsrm2fvz", active: "_1rsrm2fw0", selection: "_1rsrm2fw1", focused: "_1rsrm2fw2", focusedVisible: "_1rsrm2fw3" }, defaultClass: "_1rsrm2fvy" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2fw4", hover: "_1rsrm2fw5", active: "_1rsrm2fw6", selection: "_1rsrm2fw7", focused: "_1rsrm2fw8", focusedVisible: "_1rsrm2fw9" }, defaultClass: "_1rsrm2fw4" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2fwa", hover: "_1rsrm2fwb", active: "_1rsrm2fwc", selection: "_1rsrm2fwd", focused: "_1rsrm2fwe", focusedVisible: "_1rsrm2fwf" }, defaultClass: "_1rsrm2fwa" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2fwg", hover: "_1rsrm2fwh", active: "_1rsrm2fwi", selection: "_1rsrm2fwj", focused: "_1rsrm2fwk", focusedVisible: "_1rsrm2fwl" }, defaultClass: "_1rsrm2fwg" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2fwm", hover: "_1rsrm2fwn", active: "_1rsrm2fwo", selection: "_1rsrm2fwp", focused: "_1rsrm2fwq", focusedVisible: "_1rsrm2fwr" }, defaultClass: "_1rsrm2fwm" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2fws", hover: "_1rsrm2fwt", active: "_1rsrm2fwu", selection: "_1rsrm2fwv", focused: "_1rsrm2fww", focusedVisible: "_1rsrm2fwx" }, defaultClass: "_1rsrm2fws" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2fwy", hover: "_1rsrm2fwz", active: "_1rsrm2fx0", selection: "_1rsrm2fx1", focused: "_1rsrm2fx2", focusedVisible: "_1rsrm2fx3" }, defaultClass: "_1rsrm2fwy" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2fx4", hover: "_1rsrm2fx5", active: "_1rsrm2fx6", selection: "_1rsrm2fx7", focused: "_1rsrm2fx8", focusedVisible: "_1rsrm2fx9" }, defaultClass: "_1rsrm2fx4" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2fxa", hover: "_1rsrm2fxb", active: "_1rsrm2fxc", selection: "_1rsrm2fxd", focused: "_1rsrm2fxe", focusedVisible: "_1rsrm2fxf" }, defaultClass: "_1rsrm2fxa" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2fxg", hover: "_1rsrm2fxh", active: "_1rsrm2fxi", selection: "_1rsrm2fxj", focused: "_1rsrm2fxk", focusedVisible: "_1rsrm2fxl" }, defaultClass: "_1rsrm2fxg" }, announceGradientFrom: { conditions: { base: "_1rsrm2fxm", hover: "_1rsrm2fxn", active: "_1rsrm2fxo", selection: "_1rsrm2fxp", focused: "_1rsrm2fxq", focusedVisible: "_1rsrm2fxr" }, defaultClass: "_1rsrm2fxm" }, announceGradientTo: { conditions: { base: "_1rsrm2fxs", hover: "_1rsrm2fxt", active: "_1rsrm2fxu", selection: "_1rsrm2fxv", focused: "_1rsrm2fxw", focusedVisible: "_1rsrm2fxx" }, defaultClass: "_1rsrm2fxs" }, modalHeaderDivider: { conditions: { base: "_1rsrm2fxy", hover: "_1rsrm2fxz", active: "_1rsrm2fy0", selection: "_1rsrm2fy1", focused: "_1rsrm2fy2", focusedVisible: "_1rsrm2fy3" }, defaultClass: "_1rsrm2fxy" }, modalFooterDivider: { conditions: { base: "_1rsrm2fy4", hover: "_1rsrm2fy5", active: "_1rsrm2fy6", selection: "_1rsrm2fy7", focused: "_1rsrm2fy8", focusedVisible: "_1rsrm2fy9" }, defaultClass: "_1rsrm2fy4" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2fya", hover: "_1rsrm2fyb", active: "_1rsrm2fyc", selection: "_1rsrm2fyd", focused: "_1rsrm2fye", focusedVisible: "_1rsrm2fyf" }, defaultClass: "_1rsrm2fya" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2fyg", hover: "_1rsrm2fyh", active: "_1rsrm2fyi", selection: "_1rsrm2fyj", focused: "_1rsrm2fyk", focusedVisible: "_1rsrm2fyl" }, defaultClass: "_1rsrm2fyg" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2fym", hover: "_1rsrm2fyn", active: "_1rsrm2fyo", selection: "_1rsrm2fyp", focused: "_1rsrm2fyq", focusedVisible: "_1rsrm2fyr" }, defaultClass: "_1rsrm2fym" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2fys", hover: "_1rsrm2fyt", active: "_1rsrm2fyu", selection: "_1rsrm2fyv", focused: "_1rsrm2fyw", focusedVisible: "_1rsrm2fyx" }, defaultClass: "_1rsrm2fys" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2fyy", hover: "_1rsrm2fyz", active: "_1rsrm2fz0", selection: "_1rsrm2fz1", focused: "_1rsrm2fz2", focusedVisible: "_1rsrm2fz3" }, defaultClass: "_1rsrm2fyy" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2fz4", hover: "_1rsrm2fz5", active: "_1rsrm2fz6", selection: "_1rsrm2fz7", focused: "_1rsrm2fz8", focusedVisible: "_1rsrm2fz9" }, defaultClass: "_1rsrm2fz4" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2fza", hover: "_1rsrm2fzb", active: "_1rsrm2fzc", selection: "_1rsrm2fzd", focused: "_1rsrm2fze", focusedVisible: "_1rsrm2fzf" }, defaultClass: "_1rsrm2fza" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2fzg", hover: "_1rsrm2fzh", active: "_1rsrm2fzi", selection: "_1rsrm2fzj", focused: "_1rsrm2fzk", focusedVisible: "_1rsrm2fzl" }, defaultClass: "_1rsrm2fzg" }, optionBoxBackground: { conditions: { base: "_1rsrm2fzm", hover: "_1rsrm2fzn", active: "_1rsrm2fzo", selection: "_1rsrm2fzp", focused: "_1rsrm2fzq", focusedVisible: "_1rsrm2fzr" }, defaultClass: "_1rsrm2fzm" }, spinnerBackground: { conditions: { base: "_1rsrm2fzs", hover: "_1rsrm2fzt", active: "_1rsrm2fzu", selection: "_1rsrm2fzv", focused: "_1rsrm2fzw", focusedVisible: "_1rsrm2fzx" }, defaultClass: "_1rsrm2fzs" }, spinnerIndicator: { conditions: { base: "_1rsrm2fzy", hover: "_1rsrm2fzz", active: "_1rsrm2f100", selection: "_1rsrm2f101", focused: "_1rsrm2f102", focusedVisible: "_1rsrm2f103" }, defaultClass: "_1rsrm2fzy" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f104", hover: "_1rsrm2f105", active: "_1rsrm2f106", selection: "_1rsrm2f107", focused: "_1rsrm2f108", focusedVisible: "_1rsrm2f109" }, defaultClass: "_1rsrm2f104" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f10a", hover: "_1rsrm2f10b", active: "_1rsrm2f10c", selection: "_1rsrm2f10d", focused: "_1rsrm2f10e", focusedVisible: "_1rsrm2f10f" }, defaultClass: "_1rsrm2f10a" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2f10g", hover: "_1rsrm2f10h", active: "_1rsrm2f10i", selection: "_1rsrm2f10j", focused: "_1rsrm2f10k", focusedVisible: "_1rsrm2f10l" }, defaultClass: "_1rsrm2f10g" }, accentColorForeground: { conditions: { base: "_1rsrm2f10m", hover: "_1rsrm2f10n", active: "_1rsrm2f10o", selection: "_1rsrm2f10p", focused: "_1rsrm2f10q", focusedVisible: "_1rsrm2f10r" }, defaultClass: "_1rsrm2f10m" }, actionButtonBorder: { conditions: { base: "_1rsrm2f10s", hover: "_1rsrm2f10t", active: "_1rsrm2f10u", selection: "_1rsrm2f10v", focused: "_1rsrm2f10w", focusedVisible: "_1rsrm2f10x" }, defaultClass: "_1rsrm2f10s" }, connectButtonBackground: { conditions: { base: "_1rsrm2f10y", hover: "_1rsrm2f10z", active: "_1rsrm2f110", selection: "_1rsrm2f111", focused: "_1rsrm2f112", focusedVisible: "_1rsrm2f113" }, defaultClass: "_1rsrm2f10y" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f114", hover: "_1rsrm2f115", active: "_1rsrm2f116", selection: "_1rsrm2f117", focused: "_1rsrm2f118", focusedVisible: "_1rsrm2f119" }, defaultClass: "_1rsrm2f114" }, connectButtonText: { conditions: { base: "_1rsrm2f11a", hover: "_1rsrm2f11b", active: "_1rsrm2f11c", selection: "_1rsrm2f11d", focused: "_1rsrm2f11e", focusedVisible: "_1rsrm2f11f" }, defaultClass: "_1rsrm2f11a" }, connectButtonTextError: { conditions: { base: "_1rsrm2f11g", hover: "_1rsrm2f11h", active: "_1rsrm2f11i", selection: "_1rsrm2f11j", focused: "_1rsrm2f11k", focusedVisible: "_1rsrm2f11l" }, defaultClass: "_1rsrm2f11g" }, connectionIndicator: { conditions: { base: "_1rsrm2f11m", hover: "_1rsrm2f11n", active: "_1rsrm2f11o", selection: "_1rsrm2f11p", focused: "_1rsrm2f11q", focusedVisible: "_1rsrm2f11r" }, defaultClass: "_1rsrm2f11m" }, error: { conditions: { base: "_1rsrm2f11s", hover: "_1rsrm2f11t", active: "_1rsrm2f11u", selection: "_1rsrm2f11v", focused: "_1rsrm2f11w", focusedVisible: "_1rsrm2f11x" }, defaultClass: "_1rsrm2f11s" }, errorBackground: { conditions: { base: "_1rsrm2f11y", hover: "_1rsrm2f11z", active: "_1rsrm2f120", selection: "_1rsrm2f121", focused: "_1rsrm2f122", focusedVisible: "_1rsrm2f123" }, defaultClass: "_1rsrm2f11y" }, errorBorder: { conditions: { base: "_1rsrm2f124", hover: "_1rsrm2f125", active: "_1rsrm2f126", selection: "_1rsrm2f127", focused: "_1rsrm2f128", focusedVisible: "_1rsrm2f129" }, defaultClass: "_1rsrm2f124" }, generalBorder: { conditions: { base: "_1rsrm2f12a", hover: "_1rsrm2f12b", active: "_1rsrm2f12c", selection: "_1rsrm2f12d", focused: "_1rsrm2f12e", focusedVisible: "_1rsrm2f12f" }, defaultClass: "_1rsrm2f12a" }, generalBorderDim: { conditions: { base: "_1rsrm2f12g", hover: "_1rsrm2f12h", active: "_1rsrm2f12i", selection: "_1rsrm2f12j", focused: "_1rsrm2f12k", focusedVisible: "_1rsrm2f12l" }, defaultClass: "_1rsrm2f12g" }, menuItemBackground: { conditions: { base: "_1rsrm2f12m", hover: "_1rsrm2f12n", active: "_1rsrm2f12o", selection: "_1rsrm2f12p", focused: "_1rsrm2f12q", focusedVisible: "_1rsrm2f12r" }, defaultClass: "_1rsrm2f12m" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f12s", hover: "_1rsrm2f12t", active: "_1rsrm2f12u", selection: "_1rsrm2f12v", focused: "_1rsrm2f12w", focusedVisible: "_1rsrm2f12x" }, defaultClass: "_1rsrm2f12s" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f12y", hover: "_1rsrm2f12z", active: "_1rsrm2f130", selection: "_1rsrm2f131", focused: "_1rsrm2f132", focusedVisible: "_1rsrm2f133" }, defaultClass: "_1rsrm2f12y" }, standby: { conditions: { base: "_1rsrm2f134", hover: "_1rsrm2f135", active: "_1rsrm2f136", selection: "_1rsrm2f137", focused: "_1rsrm2f138", focusedVisible: "_1rsrm2f139" }, defaultClass: "_1rsrm2f134" }, success: { conditions: { base: "_1rsrm2f13a", hover: "_1rsrm2f13b", active: "_1rsrm2f13c", selection: "_1rsrm2f13d", focused: "_1rsrm2f13e", focusedVisible: "_1rsrm2f13f" }, defaultClass: "_1rsrm2f13a" }, chainIconBorder: { conditions: { base: "_1rsrm2f13g", hover: "_1rsrm2f13h", active: "_1rsrm2f13i", selection: "_1rsrm2f13j", focused: "_1rsrm2f13k", focusedVisible: "_1rsrm2f13l" }, defaultClass: "_1rsrm2f13g" }, modalBackdrop: { conditions: { base: "_1rsrm2f13m", hover: "_1rsrm2f13n", active: "_1rsrm2f13o", selection: "_1rsrm2f13p", focused: "_1rsrm2f13q", focusedVisible: "_1rsrm2f13r" }, defaultClass: "_1rsrm2f13m" }, modalBackground: { conditions: { base: "_1rsrm2f13s", hover: "_1rsrm2f13t", active: "_1rsrm2f13u", selection: "_1rsrm2f13v", focused: "_1rsrm2f13w", focusedVisible: "_1rsrm2f13x" }, defaultClass: "_1rsrm2f13s" }, modalBorder: { conditions: { base: "_1rsrm2f13y", hover: "_1rsrm2f13z", active: "_1rsrm2f140", selection: "_1rsrm2f141", focused: "_1rsrm2f142", focusedVisible: "_1rsrm2f143" }, defaultClass: "_1rsrm2f13y" }, offBackground: { conditions: { base: "_1rsrm2f144", hover: "_1rsrm2f145", active: "_1rsrm2f146", selection: "_1rsrm2f147", focused: "_1rsrm2f148", focusedVisible: "_1rsrm2f149" }, defaultClass: "_1rsrm2f144" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f14a", hover: "_1rsrm2f14b", active: "_1rsrm2f14c", selection: "_1rsrm2f14d", focused: "_1rsrm2f14e", focusedVisible: "_1rsrm2f14f" }, defaultClass: "_1rsrm2f14a" }, hoverState: { conditions: { base: "_1rsrm2f14g", hover: "_1rsrm2f14h", active: "_1rsrm2f14i", selection: "_1rsrm2f14j", focused: "_1rsrm2f14k", focusedVisible: "_1rsrm2f14l" }, defaultClass: "_1rsrm2f14g" }, lightStroke: { conditions: { base: "_1rsrm2f14m", hover: "_1rsrm2f14n", active: "_1rsrm2f14o", selection: "_1rsrm2f14p", focused: "_1rsrm2f14q", focusedVisible: "_1rsrm2f14r" }, defaultClass: "_1rsrm2f14m" }, mediumStroke: { conditions: { base: "_1rsrm2f14s", hover: "_1rsrm2f14t", active: "_1rsrm2f14u", selection: "_1rsrm2f14v", focused: "_1rsrm2f14w", focusedVisible: "_1rsrm2f14x" }, defaultClass: "_1rsrm2f14s" }, heavyStroke: { conditions: { base: "_1rsrm2f14y", hover: "_1rsrm2f14z", active: "_1rsrm2f150", selection: "_1rsrm2f151", focused: "_1rsrm2f152", focusedVisible: "_1rsrm2f153" }, defaultClass: "_1rsrm2f14y" }, strokeColor: { conditions: { base: "_1rsrm2f154", hover: "_1rsrm2f155", active: "_1rsrm2f156", selection: "_1rsrm2f157", focused: "_1rsrm2f158", focusedVisible: "_1rsrm2f159" }, defaultClass: "_1rsrm2f154" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f15a", hover: "_1rsrm2f15b", active: "_1rsrm2f15c", selection: "_1rsrm2f15d", focused: "_1rsrm2f15e", focusedVisible: "_1rsrm2f15f" }, defaultClass: "_1rsrm2f15a" }, primaryText: { conditions: { base: "_1rsrm2f15g", hover: "_1rsrm2f15h", active: "_1rsrm2f15i", selection: "_1rsrm2f15j", focused: "_1rsrm2f15k", focusedVisible: "_1rsrm2f15l" }, defaultClass: "_1rsrm2f15g" }, secondaryText: { conditions: { base: "_1rsrm2f15m", hover: "_1rsrm2f15n", active: "_1rsrm2f15o", selection: "_1rsrm2f15p", focused: "_1rsrm2f15q", focusedVisible: "_1rsrm2f15r" }, defaultClass: "_1rsrm2f15m" }, tertiaryText: { conditions: { base: "_1rsrm2f15s", hover: "_1rsrm2f15t", active: "_1rsrm2f15u", selection: "_1rsrm2f15v", focused: "_1rsrm2f15w", focusedVisible: "_1rsrm2f15x" }, defaultClass: "_1rsrm2f15s" }, textSelection: { conditions: { base: "_1rsrm2f15y", hover: "_1rsrm2f15z", active: "_1rsrm2f160", selection: "_1rsrm2f161", focused: "_1rsrm2f162", focusedVisible: "_1rsrm2f163" }, defaultClass: "_1rsrm2f15y" }, inputBackground: { conditions: { base: "_1rsrm2f164", hover: "_1rsrm2f165", active: "_1rsrm2f166", selection: "_1rsrm2f167", focused: "_1rsrm2f168", focusedVisible: "_1rsrm2f169" }, defaultClass: "_1rsrm2f164" }, inputBorderBase: { conditions: { base: "_1rsrm2f16a", hover: "_1rsrm2f16b", active: "_1rsrm2f16c", selection: "_1rsrm2f16d", focused: "_1rsrm2f16e", focusedVisible: "_1rsrm2f16f" }, defaultClass: "_1rsrm2f16a" }, inputBorderHover: { conditions: { base: "_1rsrm2f16g", hover: "_1rsrm2f16h", active: "_1rsrm2f16i", selection: "_1rsrm2f16j", focused: "_1rsrm2f16k", focusedVisible: "_1rsrm2f16l" }, defaultClass: "_1rsrm2f16g" }, actionColor: { conditions: { base: "_1rsrm2f16m", hover: "_1rsrm2f16n", active: "_1rsrm2f16o", selection: "_1rsrm2f16p", focused: "_1rsrm2f16q", focusedVisible: "_1rsrm2f16r" }, defaultClass: "_1rsrm2f16m" }, actionColorHover: { conditions: { base: "_1rsrm2f16s", hover: "_1rsrm2f16t", active: "_1rsrm2f16u", selection: "_1rsrm2f16v", focused: "_1rsrm2f16w", focusedVisible: "_1rsrm2f16x" }, defaultClass: "_1rsrm2f16s" }, actionColorDisabled: { conditions: { base: "_1rsrm2f16y", hover: "_1rsrm2f16z", active: "_1rsrm2f170", selection: "_1rsrm2f171", focused: "_1rsrm2f172", focusedVisible: "_1rsrm2f173" }, defaultClass: "_1rsrm2f16y" }, buttonPrimary: { conditions: { base: "_1rsrm2f174", hover: "_1rsrm2f175", active: "_1rsrm2f176", selection: "_1rsrm2f177", focused: "_1rsrm2f178", focusedVisible: "_1rsrm2f179" }, defaultClass: "_1rsrm2f174" }, buttonDisabled: { conditions: { base: "_1rsrm2f17a", hover: "_1rsrm2f17b", active: "_1rsrm2f17c", selection: "_1rsrm2f17d", focused: "_1rsrm2f17e", focusedVisible: "_1rsrm2f17f" }, defaultClass: "_1rsrm2f17a" }, buttonWarning: { conditions: { base: "_1rsrm2f17g", hover: "_1rsrm2f17h", active: "_1rsrm2f17i", selection: "_1rsrm2f17j", focused: "_1rsrm2f17k", focusedVisible: "_1rsrm2f17l" }, defaultClass: "_1rsrm2f17g" }, buttonSuccess: { conditions: { base: "_1rsrm2f17m", hover: "_1rsrm2f17n", active: "_1rsrm2f17o", selection: "_1rsrm2f17p", focused: "_1rsrm2f17q", focusedVisible: "_1rsrm2f17r" }, defaultClass: "_1rsrm2f17m" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f17s", hover: "_1rsrm2f17t", active: "_1rsrm2f17u", selection: "_1rsrm2f17v", focused: "_1rsrm2f17w", focusedVisible: "_1rsrm2f17x" }, defaultClass: "_1rsrm2f17s" }, buttonTextHover: { conditions: { base: "_1rsrm2f17y", hover: "_1rsrm2f17z", active: "_1rsrm2f180", selection: "_1rsrm2f181", focused: "_1rsrm2f182", focusedVisible: "_1rsrm2f183" }, defaultClass: "_1rsrm2f17y" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f184", hover: "_1rsrm2f185", active: "_1rsrm2f186", selection: "_1rsrm2f187", focused: "_1rsrm2f188", focusedVisible: "_1rsrm2f189" }, defaultClass: "_1rsrm2f184" }, transparent: { conditions: { base: "_1rsrm2f18a", hover: "_1rsrm2f18b", active: "_1rsrm2f18c", selection: "_1rsrm2f18d", focused: "_1rsrm2f18e", focusedVisible: "_1rsrm2f18f" }, defaultClass: "_1rsrm2f18a" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f18g", hover: "_1rsrm2f18h", active: "_1rsrm2f18i", selection: "_1rsrm2f18j", focused: "_1rsrm2f18k", focusedVisible: "_1rsrm2f18l" }, defaultClass: "_1rsrm2f18g" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f18m", hover: "_1rsrm2f18n", active: "_1rsrm2f18o", selection: "_1rsrm2f18p", focused: "_1rsrm2f18q", focusedVisible: "_1rsrm2f18r" }, defaultClass: "_1rsrm2f18m" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f18s", hover: "_1rsrm2f18t", active: "_1rsrm2f18u", selection: "_1rsrm2f18v", focused: "_1rsrm2f18w", focusedVisible: "_1rsrm2f18x" }, defaultClass: "_1rsrm2f18s" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f18y", hover: "_1rsrm2f18z", active: "_1rsrm2f190", selection: "_1rsrm2f191", focused: "_1rsrm2f192", focusedVisible: "_1rsrm2f193" }, defaultClass: "_1rsrm2f18y" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f194", hover: "_1rsrm2f195", active: "_1rsrm2f196", selection: "_1rsrm2f197", focused: "_1rsrm2f198", focusedVisible: "_1rsrm2f199" }, defaultClass: "_1rsrm2f194" }, buttonBackground: { conditions: { base: "_1rsrm2f19a", hover: "_1rsrm2f19b", active: "_1rsrm2f19c", selection: "_1rsrm2f19d", focused: "_1rsrm2f19e", focusedVisible: "_1rsrm2f19f" }, defaultClass: "_1rsrm2f19a" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f19g", hover: "_1rsrm2f19h", active: "_1rsrm2f19i", selection: "_1rsrm2f19j", focused: "_1rsrm2f19k", focusedVisible: "_1rsrm2f19l" }, defaultClass: "_1rsrm2f19g" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f19m", hover: "_1rsrm2f19n", active: "_1rsrm2f19o", selection: "_1rsrm2f19p", focused: "_1rsrm2f19q", focusedVisible: "_1rsrm2f19r" }, defaultClass: "_1rsrm2f19m" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f19s", hover: "_1rsrm2f19t", active: "_1rsrm2f19u", selection: "_1rsrm2f19v", focused: "_1rsrm2f19w", focusedVisible: "_1rsrm2f19x" }, defaultClass: "_1rsrm2f19s" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f19y", hover: "_1rsrm2f19z", active: "_1rsrm2f1a0", selection: "_1rsrm2f1a1", focused: "_1rsrm2f1a2", focusedVisible: "_1rsrm2f1a3" }, defaultClass: "_1rsrm2f19y" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1a4", hover: "_1rsrm2f1a5", active: "_1rsrm2f1a6", selection: "_1rsrm2f1a7", focused: "_1rsrm2f1a8", focusedVisible: "_1rsrm2f1a9" }, defaultClass: "_1rsrm2f1a4" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1aa", hover: "_1rsrm2f1ab", active: "_1rsrm2f1ac", selection: "_1rsrm2f1ad", focused: "_1rsrm2f1ae", focusedVisible: "_1rsrm2f1af" }, defaultClass: "_1rsrm2f1aa" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1ag", hover: "_1rsrm2f1ah", active: "_1rsrm2f1ai", selection: "_1rsrm2f1aj", focused: "_1rsrm2f1ak", focusedVisible: "_1rsrm2f1al" }, defaultClass: "_1rsrm2f1ag" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1am", hover: "_1rsrm2f1an", active: "_1rsrm2f1ao", selection: "_1rsrm2f1ap", focused: "_1rsrm2f1aq", focusedVisible: "_1rsrm2f1ar" }, defaultClass: "_1rsrm2f1am" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1as", hover: "_1rsrm2f1at", active: "_1rsrm2f1au", selection: "_1rsrm2f1av", focused: "_1rsrm2f1aw", focusedVisible: "_1rsrm2f1ax" }, defaultClass: "_1rsrm2f1as" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1ay", hover: "_1rsrm2f1az", active: "_1rsrm2f1b0", selection: "_1rsrm2f1b1", focused: "_1rsrm2f1b2", focusedVisible: "_1rsrm2f1b3" }, defaultClass: "_1rsrm2f1ay" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f1b4", hover: "_1rsrm2f1b5", active: "_1rsrm2f1b6", selection: "_1rsrm2f1b7", focused: "_1rsrm2f1b8", focusedVisible: "_1rsrm2f1b9" }, defaultClass: "_1rsrm2f1b4" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f1ba", hover: "_1rsrm2f1bb", active: "_1rsrm2f1bc", selection: "_1rsrm2f1bd", focused: "_1rsrm2f1be", focusedVisible: "_1rsrm2f1bf" }, defaultClass: "_1rsrm2f1ba" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f1bg", hover: "_1rsrm2f1bh", active: "_1rsrm2f1bi", selection: "_1rsrm2f1bj", focused: "_1rsrm2f1bk", focusedVisible: "_1rsrm2f1bl" }, defaultClass: "_1rsrm2f1bg" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1bm", hover: "_1rsrm2f1bn", active: "_1rsrm2f1bo", selection: "_1rsrm2f1bp", focused: "_1rsrm2f1bq", focusedVisible: "_1rsrm2f1br" }, defaultClass: "_1rsrm2f1bm" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1bs", hover: "_1rsrm2f1bt", active: "_1rsrm2f1bu", selection: "_1rsrm2f1bv", focused: "_1rsrm2f1bw", focusedVisible: "_1rsrm2f1bx" }, defaultClass: "_1rsrm2f1bs" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1by", hover: "_1rsrm2f1bz", active: "_1rsrm2f1c0", selection: "_1rsrm2f1c1", focused: "_1rsrm2f1c2", focusedVisible: "_1rsrm2f1c3" }, defaultClass: "_1rsrm2f1by" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1c4", hover: "_1rsrm2f1c5", active: "_1rsrm2f1c6", selection: "_1rsrm2f1c7", focused: "_1rsrm2f1c8", focusedVisible: "_1rsrm2f1c9" }, defaultClass: "_1rsrm2f1c4" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1ca", hover: "_1rsrm2f1cb", active: "_1rsrm2f1cc", selection: "_1rsrm2f1cd", focused: "_1rsrm2f1ce", focusedVisible: "_1rsrm2f1cf" }, defaultClass: "_1rsrm2f1ca" }, newBadgeText: { conditions: { base: "_1rsrm2f1cg", hover: "_1rsrm2f1ch", active: "_1rsrm2f1ci", selection: "_1rsrm2f1cj", focused: "_1rsrm2f1ck", focusedVisible: "_1rsrm2f1cl" }, defaultClass: "_1rsrm2f1cg" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1cm", hover: "_1rsrm2f1cn", active: "_1rsrm2f1co", selection: "_1rsrm2f1cp", focused: "_1rsrm2f1cq", focusedVisible: "_1rsrm2f1cr" }, defaultClass: "_1rsrm2f1cm" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1cs", hover: "_1rsrm2f1ct", active: "_1rsrm2f1cu", selection: "_1rsrm2f1cv", focused: "_1rsrm2f1cw", focusedVisible: "_1rsrm2f1cx" }, defaultClass: "_1rsrm2f1cs" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1cy", hover: "_1rsrm2f1cz", active: "_1rsrm2f1d0", selection: "_1rsrm2f1d1", focused: "_1rsrm2f1d2", focusedVisible: "_1rsrm2f1d3" }, defaultClass: "_1rsrm2f1cy" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1d4", hover: "_1rsrm2f1d5", active: "_1rsrm2f1d6", selection: "_1rsrm2f1d7", focused: "_1rsrm2f1d8", focusedVisible: "_1rsrm2f1d9" }, defaultClass: "_1rsrm2f1d4" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1da", hover: "_1rsrm2f1db", active: "_1rsrm2f1dc", selection: "_1rsrm2f1dd", focused: "_1rsrm2f1de", focusedVisible: "_1rsrm2f1df" }, defaultClass: "_1rsrm2f1da" }, failedBadgeText: { conditions: { base: "_1rsrm2f1dg", hover: "_1rsrm2f1dh", active: "_1rsrm2f1di", selection: "_1rsrm2f1dj", focused: "_1rsrm2f1dk", focusedVisible: "_1rsrm2f1dl" }, defaultClass: "_1rsrm2f1dg" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1dm", hover: "_1rsrm2f1dn", active: "_1rsrm2f1do", selection: "_1rsrm2f1dp", focused: "_1rsrm2f1dq", focusedVisible: "_1rsrm2f1dr" }, defaultClass: "_1rsrm2f1dm" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1ds", hover: "_1rsrm2f1dt", active: "_1rsrm2f1du", selection: "_1rsrm2f1dv", focused: "_1rsrm2f1dw", focusedVisible: "_1rsrm2f1dx" }, defaultClass: "_1rsrm2f1ds" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1dy", hover: "_1rsrm2f1dz", active: "_1rsrm2f1e0", selection: "_1rsrm2f1e1", focused: "_1rsrm2f1e2", focusedVisible: "_1rsrm2f1e3" }, defaultClass: "_1rsrm2f1dy" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1e4", hover: "_1rsrm2f1e5", active: "_1rsrm2f1e6", selection: "_1rsrm2f1e7", focused: "_1rsrm2f1e8", focusedVisible: "_1rsrm2f1e9" }, defaultClass: "_1rsrm2f1e4" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1ea", hover: "_1rsrm2f1eb", active: "_1rsrm2f1ec", selection: "_1rsrm2f1ed", focused: "_1rsrm2f1ee", focusedVisible: "_1rsrm2f1ef" }, defaultClass: "_1rsrm2f1ea" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1eg", hover: "_1rsrm2f1eh", active: "_1rsrm2f1ei", selection: "_1rsrm2f1ej", focused: "_1rsrm2f1ek", focusedVisible: "_1rsrm2f1el" }, defaultClass: "_1rsrm2f1eg" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1em", hover: "_1rsrm2f1en", active: "_1rsrm2f1eo", selection: "_1rsrm2f1ep", focused: "_1rsrm2f1eq", focusedVisible: "_1rsrm2f1er" }, defaultClass: "_1rsrm2f1em" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1es", hover: "_1rsrm2f1et", active: "_1rsrm2f1eu", selection: "_1rsrm2f1ev", focused: "_1rsrm2f1ew", focusedVisible: "_1rsrm2f1ex" }, defaultClass: "_1rsrm2f1es" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1ey", hover: "_1rsrm2f1ez", active: "_1rsrm2f1f0", selection: "_1rsrm2f1f1", focused: "_1rsrm2f1f2", focusedVisible: "_1rsrm2f1f3" }, defaultClass: "_1rsrm2f1ey" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1f4", hover: "_1rsrm2f1f5", active: "_1rsrm2f1f6", selection: "_1rsrm2f1f7", focused: "_1rsrm2f1f8", focusedVisible: "_1rsrm2f1f9" }, defaultClass: "_1rsrm2f1f4" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1fa", hover: "_1rsrm2f1fb", active: "_1rsrm2f1fc", selection: "_1rsrm2f1fd", focused: "_1rsrm2f1fe", focusedVisible: "_1rsrm2f1ff" }, defaultClass: "_1rsrm2f1fa" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1fg", hover: "_1rsrm2f1fh", active: "_1rsrm2f1fi", selection: "_1rsrm2f1fj", focused: "_1rsrm2f1fk", focusedVisible: "_1rsrm2f1fl" }, defaultClass: "_1rsrm2f1fg" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1fm", hover: "_1rsrm2f1fn", active: "_1rsrm2f1fo", selection: "_1rsrm2f1fp", focused: "_1rsrm2f1fq", focusedVisible: "_1rsrm2f1fr" }, defaultClass: "_1rsrm2f1fm" }, announceGradientTo: { conditions: { base: "_1rsrm2f1fs", hover: "_1rsrm2f1ft", active: "_1rsrm2f1fu", selection: "_1rsrm2f1fv", focused: "_1rsrm2f1fw", focusedVisible: "_1rsrm2f1fx" }, defaultClass: "_1rsrm2f1fs" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1fy", hover: "_1rsrm2f1fz", active: "_1rsrm2f1g0", selection: "_1rsrm2f1g1", focused: "_1rsrm2f1g2", focusedVisible: "_1rsrm2f1g3" }, defaultClass: "_1rsrm2f1fy" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1g4", hover: "_1rsrm2f1g5", active: "_1rsrm2f1g6", selection: "_1rsrm2f1g7", focused: "_1rsrm2f1g8", focusedVisible: "_1rsrm2f1g9" }, defaultClass: "_1rsrm2f1g4" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1ga", hover: "_1rsrm2f1gb", active: "_1rsrm2f1gc", selection: "_1rsrm2f1gd", focused: "_1rsrm2f1ge", focusedVisible: "_1rsrm2f1gf" }, defaultClass: "_1rsrm2f1ga" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1gg", hover: "_1rsrm2f1gh", active: "_1rsrm2f1gi", selection: "_1rsrm2f1gj", focused: "_1rsrm2f1gk", focusedVisible: "_1rsrm2f1gl" }, defaultClass: "_1rsrm2f1gg" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1gm", hover: "_1rsrm2f1gn", active: "_1rsrm2f1go", selection: "_1rsrm2f1gp", focused: "_1rsrm2f1gq", focusedVisible: "_1rsrm2f1gr" }, defaultClass: "_1rsrm2f1gm" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1gs", hover: "_1rsrm2f1gt", active: "_1rsrm2f1gu", selection: "_1rsrm2f1gv", focused: "_1rsrm2f1gw", focusedVisible: "_1rsrm2f1gx" }, defaultClass: "_1rsrm2f1gs" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1gy", hover: "_1rsrm2f1gz", active: "_1rsrm2f1h0", selection: "_1rsrm2f1h1", focused: "_1rsrm2f1h2", focusedVisible: "_1rsrm2f1h3" }, defaultClass: "_1rsrm2f1gy" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1h4", hover: "_1rsrm2f1h5", active: "_1rsrm2f1h6", selection: "_1rsrm2f1h7", focused: "_1rsrm2f1h8", focusedVisible: "_1rsrm2f1h9" }, defaultClass: "_1rsrm2f1h4" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1ha", hover: "_1rsrm2f1hb", active: "_1rsrm2f1hc", selection: "_1rsrm2f1hd", focused: "_1rsrm2f1he", focusedVisible: "_1rsrm2f1hf" }, defaultClass: "_1rsrm2f1ha" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1hg", hover: "_1rsrm2f1hh", active: "_1rsrm2f1hi", selection: "_1rsrm2f1hj", focused: "_1rsrm2f1hk", focusedVisible: "_1rsrm2f1hl" }, defaultClass: "_1rsrm2f1hg" }, optionBoxBackground: { conditions: { base: "_1rsrm2f1hm", hover: "_1rsrm2f1hn", active: "_1rsrm2f1ho", selection: "_1rsrm2f1hp", focused: "_1rsrm2f1hq", focusedVisible: "_1rsrm2f1hr" }, defaultClass: "_1rsrm2f1hm" }, spinnerBackground: { conditions: { base: "_1rsrm2f1hs", hover: "_1rsrm2f1ht", active: "_1rsrm2f1hu", selection: "_1rsrm2f1hv", focused: "_1rsrm2f1hw", focusedVisible: "_1rsrm2f1hx" }, defaultClass: "_1rsrm2f1hs" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1hy", hover: "_1rsrm2f1hz", active: "_1rsrm2f1i0", selection: "_1rsrm2f1i1", focused: "_1rsrm2f1i2", focusedVisible: "_1rsrm2f1i3" }, defaultClass: "_1rsrm2f1hy" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1i4", hover: "_1rsrm2f1i5", active: "_1rsrm2f1i6", selection: "_1rsrm2f1i7", focused: "_1rsrm2f1i8", focusedVisible: "_1rsrm2f1i9" }, defaultClass: "_1rsrm2f1i4" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1ia", hover: "_1rsrm2f1ib", active: "_1rsrm2f1ic", selection: "_1rsrm2f1id", focused: "_1rsrm2f1ie", focusedVisible: "_1rsrm2f1if" }, defaultClass: "_1rsrm2f1ia" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f1ig", hover: "_1rsrm2f1ih", active: "_1rsrm2f1ii", selection: "_1rsrm2f1ij", focused: "_1rsrm2f1ik", focusedVisible: "_1rsrm2f1il" }, defaultClass: "_1rsrm2f1ig" }, dialog: { conditions: { base: "_1rsrm2f1im", hover: "_1rsrm2f1in", active: "_1rsrm2f1io", selection: "_1rsrm2f1ip", focused: "_1rsrm2f1iq", focusedVisible: "_1rsrm2f1ir" }, defaultClass: "_1rsrm2f1im" }, selectedOption: { conditions: { base: "_1rsrm2f1is", hover: "_1rsrm2f1it", active: "_1rsrm2f1iu", selection: "_1rsrm2f1iv", focused: "_1rsrm2f1iw", focusedVisible: "_1rsrm2f1ix" }, defaultClass: "_1rsrm2f1is" }, selectedWallet: { conditions: { base: "_1rsrm2f1iy", hover: "_1rsrm2f1iz", active: "_1rsrm2f1j0", selection: "_1rsrm2f1j1", focused: "_1rsrm2f1j2", focusedVisible: "_1rsrm2f1j3" }, defaultClass: "_1rsrm2f1iy" }, dropdown: { conditions: { base: "_1rsrm2f1j4", hover: "_1rsrm2f1j5", active: "_1rsrm2f1j6", selection: "_1rsrm2f1j7", focused: "_1rsrm2f1j8", focusedVisible: "_1rsrm2f1j9" }, defaultClass: "_1rsrm2f1j4" }, notification: { conditions: { base: "_1rsrm2f1ja", hover: "_1rsrm2f1jb", active: "_1rsrm2f1jc", selection: "_1rsrm2f1jd", focused: "_1rsrm2f1je", focusedVisible: "_1rsrm2f1jf" }, defaultClass: "_1rsrm2f1ja" }, qrCode: { conditions: { base: "_1rsrm2f1jg", hover: "_1rsrm2f1jh", active: "_1rsrm2f1ji", selection: "_1rsrm2f1jj", focused: "_1rsrm2f1jk", focusedVisible: "_1rsrm2f1jl" }, defaultClass: "_1rsrm2f1jg" }, buttonShadow: { conditions: { base: "_1rsrm2f1jm", hover: "_1rsrm2f1jn", active: "_1rsrm2f1jo", selection: "_1rsrm2f1jp", focused: "_1rsrm2f1jq", focusedVisible: "_1rsrm2f1jr" }, defaultClass: "_1rsrm2f1jm" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f1js", hover: "_1rsrm2f1jt", active: "_1rsrm2f1ju", selection: "_1rsrm2f1jv", focused: "_1rsrm2f1jw", focusedVisible: "_1rsrm2f1jx" }, defaultClass: "_1rsrm2f1js" }, buttonHoverShadow: { conditions: { base: "_1rsrm2f1jy", hover: "_1rsrm2f1jz", active: "_1rsrm2f1k0", selection: "_1rsrm2f1k1", focused: "_1rsrm2f1k2", focusedVisible: "_1rsrm2f1k3" }, defaultClass: "_1rsrm2f1jy" }, buttonFocusedShadowTertiary: { conditions: { base: "_1rsrm2f1k4", hover: "_1rsrm2f1k5", active: "_1rsrm2f1k6", selection: "_1rsrm2f1k7", focused: "_1rsrm2f1k8", focusedVisible: "_1rsrm2f1k9" }, defaultClass: "_1rsrm2f1k4" }, buttonHoverShadowTertiary: { conditions: { base: "_1rsrm2f1ka", hover: "_1rsrm2f1kb", active: "_1rsrm2f1kc", selection: "_1rsrm2f1kd", focused: "_1rsrm2f1ke", focusedVisible: "_1rsrm2f1kf" }, defaultClass: "_1rsrm2f1ka" }, buttonDisabledShadow: { conditions: { base: "_1rsrm2f1kg", hover: "_1rsrm2f1kh", active: "_1rsrm2f1ki", selection: "_1rsrm2f1kj", focused: "_1rsrm2f1kk", focusedVisible: "_1rsrm2f1kl" }, defaultClass: "_1rsrm2f1kg" }, selectedDropdownItem: { conditions: { base: "_1rsrm2f1km", hover: "_1rsrm2f1kn", active: "_1rsrm2f1ko", selection: "_1rsrm2f1kp", focused: "_1rsrm2f1kq", focusedVisible: "_1rsrm2f1kr" }, defaultClass: "_1rsrm2f1km" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f1ks", hover: "_1rsrm2f1kt", active: "_1rsrm2f1ku", selection: "_1rsrm2f1kv", focused: "_1rsrm2f1kw", focusedVisible: "_1rsrm2f1kx" }, defaultClass: "_1rsrm2f1ks" }, accentColorForeground: { conditions: { base: "_1rsrm2f1ky", hover: "_1rsrm2f1kz", active: "_1rsrm2f1l0", selection: "_1rsrm2f1l1", focused: "_1rsrm2f1l2", focusedVisible: "_1rsrm2f1l3" }, defaultClass: "_1rsrm2f1ky" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1l4", hover: "_1rsrm2f1l5", active: "_1rsrm2f1l6", selection: "_1rsrm2f1l7", focused: "_1rsrm2f1l8", focusedVisible: "_1rsrm2f1l9" }, defaultClass: "_1rsrm2f1l4" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1la", hover: "_1rsrm2f1lb", active: "_1rsrm2f1lc", selection: "_1rsrm2f1ld", focused: "_1rsrm2f1le", focusedVisible: "_1rsrm2f1lf" }, defaultClass: "_1rsrm2f1la" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1lg", hover: "_1rsrm2f1lh", active: "_1rsrm2f1li", selection: "_1rsrm2f1lj", focused: "_1rsrm2f1lk", focusedVisible: "_1rsrm2f1ll" }, defaultClass: "_1rsrm2f1lg" }, connectButtonText: { conditions: { base: "_1rsrm2f1lm", hover: "_1rsrm2f1ln", active: "_1rsrm2f1lo", selection: "_1rsrm2f1lp", focused: "_1rsrm2f1lq", focusedVisible: "_1rsrm2f1lr" }, defaultClass: "_1rsrm2f1lm" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1ls", hover: "_1rsrm2f1lt", active: "_1rsrm2f1lu", selection: "_1rsrm2f1lv", focused: "_1rsrm2f1lw", focusedVisible: "_1rsrm2f1lx" }, defaultClass: "_1rsrm2f1ls" }, connectionIndicator: { conditions: { base: "_1rsrm2f1ly", hover: "_1rsrm2f1lz", active: "_1rsrm2f1m0", selection: "_1rsrm2f1m1", focused: "_1rsrm2f1m2", focusedVisible: "_1rsrm2f1m3" }, defaultClass: "_1rsrm2f1ly" }, error: { conditions: { base: "_1rsrm2f1m4", hover: "_1rsrm2f1m5", active: "_1rsrm2f1m6", selection: "_1rsrm2f1m7", focused: "_1rsrm2f1m8", focusedVisible: "_1rsrm2f1m9" }, defaultClass: "_1rsrm2f1m4" }, errorBackground: { conditions: { base: "_1rsrm2f1ma", hover: "_1rsrm2f1mb", active: "_1rsrm2f1mc", selection: "_1rsrm2f1md", focused: "_1rsrm2f1me", focusedVisible: "_1rsrm2f1mf" }, defaultClass: "_1rsrm2f1ma" }, errorBorder: { conditions: { base: "_1rsrm2f1mg", hover: "_1rsrm2f1mh", active: "_1rsrm2f1mi", selection: "_1rsrm2f1mj", focused: "_1rsrm2f1mk", focusedVisible: "_1rsrm2f1ml" }, defaultClass: "_1rsrm2f1mg" }, generalBorder: { conditions: { base: "_1rsrm2f1mm", hover: "_1rsrm2f1mn", active: "_1rsrm2f1mo", selection: "_1rsrm2f1mp", focused: "_1rsrm2f1mq", focusedVisible: "_1rsrm2f1mr" }, defaultClass: "_1rsrm2f1mm" }, generalBorderDim: { conditions: { base: "_1rsrm2f1ms", hover: "_1rsrm2f1mt", active: "_1rsrm2f1mu", selection: "_1rsrm2f1mv", focused: "_1rsrm2f1mw", focusedVisible: "_1rsrm2f1mx" }, defaultClass: "_1rsrm2f1ms" }, menuItemBackground: { conditions: { base: "_1rsrm2f1my", hover: "_1rsrm2f1mz", active: "_1rsrm2f1n0", selection: "_1rsrm2f1n1", focused: "_1rsrm2f1n2", focusedVisible: "_1rsrm2f1n3" }, defaultClass: "_1rsrm2f1my" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1n4", hover: "_1rsrm2f1n5", active: "_1rsrm2f1n6", selection: "_1rsrm2f1n7", focused: "_1rsrm2f1n8", focusedVisible: "_1rsrm2f1n9" }, defaultClass: "_1rsrm2f1n4" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1na", hover: "_1rsrm2f1nb", active: "_1rsrm2f1nc", selection: "_1rsrm2f1nd", focused: "_1rsrm2f1ne", focusedVisible: "_1rsrm2f1nf" }, defaultClass: "_1rsrm2f1na" }, standby: { conditions: { base: "_1rsrm2f1ng", hover: "_1rsrm2f1nh", active: "_1rsrm2f1ni", selection: "_1rsrm2f1nj", focused: "_1rsrm2f1nk", focusedVisible: "_1rsrm2f1nl" }, defaultClass: "_1rsrm2f1ng" }, success: { conditions: { base: "_1rsrm2f1nm", hover: "_1rsrm2f1nn", active: "_1rsrm2f1no", selection: "_1rsrm2f1np", focused: "_1rsrm2f1nq", focusedVisible: "_1rsrm2f1nr" }, defaultClass: "_1rsrm2f1nm" }, chainIconBorder: { conditions: { base: "_1rsrm2f1ns", hover: "_1rsrm2f1nt", active: "_1rsrm2f1nu", selection: "_1rsrm2f1nv", focused: "_1rsrm2f1nw", focusedVisible: "_1rsrm2f1nx" }, defaultClass: "_1rsrm2f1ns" }, modalBackdrop: { conditions: { base: "_1rsrm2f1ny", hover: "_1rsrm2f1nz", active: "_1rsrm2f1o0", selection: "_1rsrm2f1o1", focused: "_1rsrm2f1o2", focusedVisible: "_1rsrm2f1o3" }, defaultClass: "_1rsrm2f1ny" }, modalBackground: { conditions: { base: "_1rsrm2f1o4", hover: "_1rsrm2f1o5", active: "_1rsrm2f1o6", selection: "_1rsrm2f1o7", focused: "_1rsrm2f1o8", focusedVisible: "_1rsrm2f1o9" }, defaultClass: "_1rsrm2f1o4" }, modalBorder: { conditions: { base: "_1rsrm2f1oa", hover: "_1rsrm2f1ob", active: "_1rsrm2f1oc", selection: "_1rsrm2f1od", focused: "_1rsrm2f1oe", focusedVisible: "_1rsrm2f1of" }, defaultClass: "_1rsrm2f1oa" }, offBackground: { conditions: { base: "_1rsrm2f1og", hover: "_1rsrm2f1oh", active: "_1rsrm2f1oi", selection: "_1rsrm2f1oj", focused: "_1rsrm2f1ok", focusedVisible: "_1rsrm2f1ol" }, defaultClass: "_1rsrm2f1og" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1om", hover: "_1rsrm2f1on", active: "_1rsrm2f1oo", selection: "_1rsrm2f1op", focused: "_1rsrm2f1oq", focusedVisible: "_1rsrm2f1or" }, defaultClass: "_1rsrm2f1om" }, hoverState: { conditions: { base: "_1rsrm2f1os", hover: "_1rsrm2f1ot", active: "_1rsrm2f1ou", selection: "_1rsrm2f1ov", focused: "_1rsrm2f1ow", focusedVisible: "_1rsrm2f1ox" }, defaultClass: "_1rsrm2f1os" }, lightStroke: { conditions: { base: "_1rsrm2f1oy", hover: "_1rsrm2f1oz", active: "_1rsrm2f1p0", selection: "_1rsrm2f1p1", focused: "_1rsrm2f1p2", focusedVisible: "_1rsrm2f1p3" }, defaultClass: "_1rsrm2f1oy" }, mediumStroke: { conditions: { base: "_1rsrm2f1p4", hover: "_1rsrm2f1p5", active: "_1rsrm2f1p6", selection: "_1rsrm2f1p7", focused: "_1rsrm2f1p8", focusedVisible: "_1rsrm2f1p9" }, defaultClass: "_1rsrm2f1p4" }, heavyStroke: { conditions: { base: "_1rsrm2f1pa", hover: "_1rsrm2f1pb", active: "_1rsrm2f1pc", selection: "_1rsrm2f1pd", focused: "_1rsrm2f1pe", focusedVisible: "_1rsrm2f1pf" }, defaultClass: "_1rsrm2f1pa" }, strokeColor: { conditions: { base: "_1rsrm2f1pg", hover: "_1rsrm2f1ph", active: "_1rsrm2f1pi", selection: "_1rsrm2f1pj", focused: "_1rsrm2f1pk", focusedVisible: "_1rsrm2f1pl" }, defaultClass: "_1rsrm2f1pg" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f1pm", hover: "_1rsrm2f1pn", active: "_1rsrm2f1po", selection: "_1rsrm2f1pp", focused: "_1rsrm2f1pq", focusedVisible: "_1rsrm2f1pr" }, defaultClass: "_1rsrm2f1pm" }, primaryText: { conditions: { base: "_1rsrm2f1ps", hover: "_1rsrm2f1pt", active: "_1rsrm2f1pu", selection: "_1rsrm2f1pv", focused: "_1rsrm2f1pw", focusedVisible: "_1rsrm2f1px" }, defaultClass: "_1rsrm2f1ps" }, secondaryText: { conditions: { base: "_1rsrm2f1py", hover: "_1rsrm2f1pz", active: "_1rsrm2f1q0", selection: "_1rsrm2f1q1", focused: "_1rsrm2f1q2", focusedVisible: "_1rsrm2f1q3" }, defaultClass: "_1rsrm2f1py" }, tertiaryText: { conditions: { base: "_1rsrm2f1q4", hover: "_1rsrm2f1q5", active: "_1rsrm2f1q6", selection: "_1rsrm2f1q7", focused: "_1rsrm2f1q8", focusedVisible: "_1rsrm2f1q9" }, defaultClass: "_1rsrm2f1q4" }, textSelection: { conditions: { base: "_1rsrm2f1qa", hover: "_1rsrm2f1qb", active: "_1rsrm2f1qc", selection: "_1rsrm2f1qd", focused: "_1rsrm2f1qe", focusedVisible: "_1rsrm2f1qf" }, defaultClass: "_1rsrm2f1qa" }, inputBackground: { conditions: { base: "_1rsrm2f1qg", hover: "_1rsrm2f1qh", active: "_1rsrm2f1qi", selection: "_1rsrm2f1qj", focused: "_1rsrm2f1qk", focusedVisible: "_1rsrm2f1ql" }, defaultClass: "_1rsrm2f1qg" }, inputBorderBase: { conditions: { base: "_1rsrm2f1qm", hover: "_1rsrm2f1qn", active: "_1rsrm2f1qo", selection: "_1rsrm2f1qp", focused: "_1rsrm2f1qq", focusedVisible: "_1rsrm2f1qr" }, defaultClass: "_1rsrm2f1qm" }, inputBorderHover: { conditions: { base: "_1rsrm2f1qs", hover: "_1rsrm2f1qt", active: "_1rsrm2f1qu", selection: "_1rsrm2f1qv", focused: "_1rsrm2f1qw", focusedVisible: "_1rsrm2f1qx" }, defaultClass: "_1rsrm2f1qs" }, actionColor: { conditions: { base: "_1rsrm2f1qy", hover: "_1rsrm2f1qz", active: "_1rsrm2f1r0", selection: "_1rsrm2f1r1", focused: "_1rsrm2f1r2", focusedVisible: "_1rsrm2f1r3" }, defaultClass: "_1rsrm2f1qy" }, actionColorHover: { conditions: { base: "_1rsrm2f1r4", hover: "_1rsrm2f1r5", active: "_1rsrm2f1r6", selection: "_1rsrm2f1r7", focused: "_1rsrm2f1r8", focusedVisible: "_1rsrm2f1r9" }, defaultClass: "_1rsrm2f1r4" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1ra", hover: "_1rsrm2f1rb", active: "_1rsrm2f1rc", selection: "_1rsrm2f1rd", focused: "_1rsrm2f1re", focusedVisible: "_1rsrm2f1rf" }, defaultClass: "_1rsrm2f1ra" }, buttonPrimary: { conditions: { base: "_1rsrm2f1rg", hover: "_1rsrm2f1rh", active: "_1rsrm2f1ri", selection: "_1rsrm2f1rj", focused: "_1rsrm2f1rk", focusedVisible: "_1rsrm2f1rl" }, defaultClass: "_1rsrm2f1rg" }, buttonDisabled: { conditions: { base: "_1rsrm2f1rm", hover: "_1rsrm2f1rn", active: "_1rsrm2f1ro", selection: "_1rsrm2f1rp", focused: "_1rsrm2f1rq", focusedVisible: "_1rsrm2f1rr" }, defaultClass: "_1rsrm2f1rm" }, buttonWarning: { conditions: { base: "_1rsrm2f1rs", hover: "_1rsrm2f1rt", active: "_1rsrm2f1ru", selection: "_1rsrm2f1rv", focused: "_1rsrm2f1rw", focusedVisible: "_1rsrm2f1rx" }, defaultClass: "_1rsrm2f1rs" }, buttonSuccess: { conditions: { base: "_1rsrm2f1ry", hover: "_1rsrm2f1rz", active: "_1rsrm2f1s0", selection: "_1rsrm2f1s1", focused: "_1rsrm2f1s2", focusedVisible: "_1rsrm2f1s3" }, defaultClass: "_1rsrm2f1ry" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1s4", hover: "_1rsrm2f1s5", active: "_1rsrm2f1s6", selection: "_1rsrm2f1s7", focused: "_1rsrm2f1s8", focusedVisible: "_1rsrm2f1s9" }, defaultClass: "_1rsrm2f1s4" }, buttonTextHover: { conditions: { base: "_1rsrm2f1sa", hover: "_1rsrm2f1sb", active: "_1rsrm2f1sc", selection: "_1rsrm2f1sd", focused: "_1rsrm2f1se", focusedVisible: "_1rsrm2f1sf" }, defaultClass: "_1rsrm2f1sa" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1sg", hover: "_1rsrm2f1sh", active: "_1rsrm2f1si", selection: "_1rsrm2f1sj", focused: "_1rsrm2f1sk", focusedVisible: "_1rsrm2f1sl" }, defaultClass: "_1rsrm2f1sg" }, transparent: { conditions: { base: "_1rsrm2f1sm", hover: "_1rsrm2f1sn", active: "_1rsrm2f1so", selection: "_1rsrm2f1sp", focused: "_1rsrm2f1sq", focusedVisible: "_1rsrm2f1sr" }, defaultClass: "_1rsrm2f1sm" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1ss", hover: "_1rsrm2f1st", active: "_1rsrm2f1su", selection: "_1rsrm2f1sv", focused: "_1rsrm2f1sw", focusedVisible: "_1rsrm2f1sx" }, defaultClass: "_1rsrm2f1ss" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1sy", hover: "_1rsrm2f1sz", active: "_1rsrm2f1t0", selection: "_1rsrm2f1t1", focused: "_1rsrm2f1t2", focusedVisible: "_1rsrm2f1t3" }, defaultClass: "_1rsrm2f1sy" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f1t4", hover: "_1rsrm2f1t5", active: "_1rsrm2f1t6", selection: "_1rsrm2f1t7", focused: "_1rsrm2f1t8", focusedVisible: "_1rsrm2f1t9" }, defaultClass: "_1rsrm2f1t4" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1ta", hover: "_1rsrm2f1tb", active: "_1rsrm2f1tc", selection: "_1rsrm2f1td", focused: "_1rsrm2f1te", focusedVisible: "_1rsrm2f1tf" }, defaultClass: "_1rsrm2f1ta" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1tg", hover: "_1rsrm2f1th", active: "_1rsrm2f1ti", selection: "_1rsrm2f1tj", focused: "_1rsrm2f1tk", focusedVisible: "_1rsrm2f1tl" }, defaultClass: "_1rsrm2f1tg" }, buttonBackground: { conditions: { base: "_1rsrm2f1tm", hover: "_1rsrm2f1tn", active: "_1rsrm2f1to", selection: "_1rsrm2f1tp", focused: "_1rsrm2f1tq", focusedVisible: "_1rsrm2f1tr" }, defaultClass: "_1rsrm2f1tm" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1ts", hover: "_1rsrm2f1tt", active: "_1rsrm2f1tu", selection: "_1rsrm2f1tv", focused: "_1rsrm2f1tw", focusedVisible: "_1rsrm2f1tx" }, defaultClass: "_1rsrm2f1ts" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f1ty", hover: "_1rsrm2f1tz", active: "_1rsrm2f1u0", selection: "_1rsrm2f1u1", focused: "_1rsrm2f1u2", focusedVisible: "_1rsrm2f1u3" }, defaultClass: "_1rsrm2f1ty" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1u4", hover: "_1rsrm2f1u5", active: "_1rsrm2f1u6", selection: "_1rsrm2f1u7", focused: "_1rsrm2f1u8", focusedVisible: "_1rsrm2f1u9" }, defaultClass: "_1rsrm2f1u4" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1ua", hover: "_1rsrm2f1ub", active: "_1rsrm2f1uc", selection: "_1rsrm2f1ud", focused: "_1rsrm2f1ue", focusedVisible: "_1rsrm2f1uf" }, defaultClass: "_1rsrm2f1ua" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1ug", hover: "_1rsrm2f1uh", active: "_1rsrm2f1ui", selection: "_1rsrm2f1uj", focused: "_1rsrm2f1uk", focusedVisible: "_1rsrm2f1ul" }, defaultClass: "_1rsrm2f1ug" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1um", hover: "_1rsrm2f1un", active: "_1rsrm2f1uo", selection: "_1rsrm2f1up", focused: "_1rsrm2f1uq", focusedVisible: "_1rsrm2f1ur" }, defaultClass: "_1rsrm2f1um" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1us", hover: "_1rsrm2f1ut", active: "_1rsrm2f1uu", selection: "_1rsrm2f1uv", focused: "_1rsrm2f1uw", focusedVisible: "_1rsrm2f1ux" }, defaultClass: "_1rsrm2f1us" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1uy", hover: "_1rsrm2f1uz", active: "_1rsrm2f1v0", selection: "_1rsrm2f1v1", focused: "_1rsrm2f1v2", focusedVisible: "_1rsrm2f1v3" }, defaultClass: "_1rsrm2f1uy" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1v4", hover: "_1rsrm2f1v5", active: "_1rsrm2f1v6", selection: "_1rsrm2f1v7", focused: "_1rsrm2f1v8", focusedVisible: "_1rsrm2f1v9" }, defaultClass: "_1rsrm2f1v4" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1va", hover: "_1rsrm2f1vb", active: "_1rsrm2f1vc", selection: "_1rsrm2f1vd", focused: "_1rsrm2f1ve", focusedVisible: "_1rsrm2f1vf" }, defaultClass: "_1rsrm2f1va" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f1vg", hover: "_1rsrm2f1vh", active: "_1rsrm2f1vi", selection: "_1rsrm2f1vj", focused: "_1rsrm2f1vk", focusedVisible: "_1rsrm2f1vl" }, defaultClass: "_1rsrm2f1vg" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f1vm", hover: "_1rsrm2f1vn", active: "_1rsrm2f1vo", selection: "_1rsrm2f1vp", focused: "_1rsrm2f1vq", focusedVisible: "_1rsrm2f1vr" }, defaultClass: "_1rsrm2f1vm" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f1vs", hover: "_1rsrm2f1vt", active: "_1rsrm2f1vu", selection: "_1rsrm2f1vv", focused: "_1rsrm2f1vw", focusedVisible: "_1rsrm2f1vx" }, defaultClass: "_1rsrm2f1vs" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1vy", hover: "_1rsrm2f1vz", active: "_1rsrm2f1w0", selection: "_1rsrm2f1w1", focused: "_1rsrm2f1w2", focusedVisible: "_1rsrm2f1w3" }, defaultClass: "_1rsrm2f1vy" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1w4", hover: "_1rsrm2f1w5", active: "_1rsrm2f1w6", selection: "_1rsrm2f1w7", focused: "_1rsrm2f1w8", focusedVisible: "_1rsrm2f1w9" }, defaultClass: "_1rsrm2f1w4" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1wa", hover: "_1rsrm2f1wb", active: "_1rsrm2f1wc", selection: "_1rsrm2f1wd", focused: "_1rsrm2f1we", focusedVisible: "_1rsrm2f1wf" }, defaultClass: "_1rsrm2f1wa" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1wg", hover: "_1rsrm2f1wh", active: "_1rsrm2f1wi", selection: "_1rsrm2f1wj", focused: "_1rsrm2f1wk", focusedVisible: "_1rsrm2f1wl" }, defaultClass: "_1rsrm2f1wg" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1wm", hover: "_1rsrm2f1wn", active: "_1rsrm2f1wo", selection: "_1rsrm2f1wp", focused: "_1rsrm2f1wq", focusedVisible: "_1rsrm2f1wr" }, defaultClass: "_1rsrm2f1wm" }, newBadgeText: { conditions: { base: "_1rsrm2f1ws", hover: "_1rsrm2f1wt", active: "_1rsrm2f1wu", selection: "_1rsrm2f1wv", focused: "_1rsrm2f1ww", focusedVisible: "_1rsrm2f1wx" }, defaultClass: "_1rsrm2f1ws" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1wy", hover: "_1rsrm2f1wz", active: "_1rsrm2f1x0", selection: "_1rsrm2f1x1", focused: "_1rsrm2f1x2", focusedVisible: "_1rsrm2f1x3" }, defaultClass: "_1rsrm2f1wy" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1x4", hover: "_1rsrm2f1x5", active: "_1rsrm2f1x6", selection: "_1rsrm2f1x7", focused: "_1rsrm2f1x8", focusedVisible: "_1rsrm2f1x9" }, defaultClass: "_1rsrm2f1x4" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1xa", hover: "_1rsrm2f1xb", active: "_1rsrm2f1xc", selection: "_1rsrm2f1xd", focused: "_1rsrm2f1xe", focusedVisible: "_1rsrm2f1xf" }, defaultClass: "_1rsrm2f1xa" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1xg", hover: "_1rsrm2f1xh", active: "_1rsrm2f1xi", selection: "_1rsrm2f1xj", focused: "_1rsrm2f1xk", focusedVisible: "_1rsrm2f1xl" }, defaultClass: "_1rsrm2f1xg" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1xm", hover: "_1rsrm2f1xn", active: "_1rsrm2f1xo", selection: "_1rsrm2f1xp", focused: "_1rsrm2f1xq", focusedVisible: "_1rsrm2f1xr" }, defaultClass: "_1rsrm2f1xm" }, failedBadgeText: { conditions: { base: "_1rsrm2f1xs", hover: "_1rsrm2f1xt", active: "_1rsrm2f1xu", selection: "_1rsrm2f1xv", focused: "_1rsrm2f1xw", focusedVisible: "_1rsrm2f1xx" }, defaultClass: "_1rsrm2f1xs" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1xy", hover: "_1rsrm2f1xz", active: "_1rsrm2f1y0", selection: "_1rsrm2f1y1", focused: "_1rsrm2f1y2", focusedVisible: "_1rsrm2f1y3" }, defaultClass: "_1rsrm2f1xy" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1y4", hover: "_1rsrm2f1y5", active: "_1rsrm2f1y6", selection: "_1rsrm2f1y7", focused: "_1rsrm2f1y8", focusedVisible: "_1rsrm2f1y9" }, defaultClass: "_1rsrm2f1y4" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1ya", hover: "_1rsrm2f1yb", active: "_1rsrm2f1yc", selection: "_1rsrm2f1yd", focused: "_1rsrm2f1ye", focusedVisible: "_1rsrm2f1yf" }, defaultClass: "_1rsrm2f1ya" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1yg", hover: "_1rsrm2f1yh", active: "_1rsrm2f1yi", selection: "_1rsrm2f1yj", focused: "_1rsrm2f1yk", focusedVisible: "_1rsrm2f1yl" }, defaultClass: "_1rsrm2f1yg" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1ym", hover: "_1rsrm2f1yn", active: "_1rsrm2f1yo", selection: "_1rsrm2f1yp", focused: "_1rsrm2f1yq", focusedVisible: "_1rsrm2f1yr" }, defaultClass: "_1rsrm2f1ym" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1ys", hover: "_1rsrm2f1yt", active: "_1rsrm2f1yu", selection: "_1rsrm2f1yv", focused: "_1rsrm2f1yw", focusedVisible: "_1rsrm2f1yx" }, defaultClass: "_1rsrm2f1ys" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1yy", hover: "_1rsrm2f1yz", active: "_1rsrm2f1z0", selection: "_1rsrm2f1z1", focused: "_1rsrm2f1z2", focusedVisible: "_1rsrm2f1z3" }, defaultClass: "_1rsrm2f1yy" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1z4", hover: "_1rsrm2f1z5", active: "_1rsrm2f1z6", selection: "_1rsrm2f1z7", focused: "_1rsrm2f1z8", focusedVisible: "_1rsrm2f1z9" }, defaultClass: "_1rsrm2f1z4" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1za", hover: "_1rsrm2f1zb", active: "_1rsrm2f1zc", selection: "_1rsrm2f1zd", focused: "_1rsrm2f1ze", focusedVisible: "_1rsrm2f1zf" }, defaultClass: "_1rsrm2f1za" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1zg", hover: "_1rsrm2f1zh", active: "_1rsrm2f1zi", selection: "_1rsrm2f1zj", focused: "_1rsrm2f1zk", focusedVisible: "_1rsrm2f1zl" }, defaultClass: "_1rsrm2f1zg" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1zm", hover: "_1rsrm2f1zn", active: "_1rsrm2f1zo", selection: "_1rsrm2f1zp", focused: "_1rsrm2f1zq", focusedVisible: "_1rsrm2f1zr" }, defaultClass: "_1rsrm2f1zm" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1zs", hover: "_1rsrm2f1zt", active: "_1rsrm2f1zu", selection: "_1rsrm2f1zv", focused: "_1rsrm2f1zw", focusedVisible: "_1rsrm2f1zx" }, defaultClass: "_1rsrm2f1zs" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1zy", hover: "_1rsrm2f1zz", active: "_1rsrm2f200", selection: "_1rsrm2f201", focused: "_1rsrm2f202", focusedVisible: "_1rsrm2f203" }, defaultClass: "_1rsrm2f1zy" }, announceGradientTo: { conditions: { base: "_1rsrm2f204", hover: "_1rsrm2f205", active: "_1rsrm2f206", selection: "_1rsrm2f207", focused: "_1rsrm2f208", focusedVisible: "_1rsrm2f209" }, defaultClass: "_1rsrm2f204" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f20a", hover: "_1rsrm2f20b", active: "_1rsrm2f20c", selection: "_1rsrm2f20d", focused: "_1rsrm2f20e", focusedVisible: "_1rsrm2f20f" }, defaultClass: "_1rsrm2f20a" }, modalFooterDivider: { conditions: { base: "_1rsrm2f20g", hover: "_1rsrm2f20h", active: "_1rsrm2f20i", selection: "_1rsrm2f20j", focused: "_1rsrm2f20k", focusedVisible: "_1rsrm2f20l" }, defaultClass: "_1rsrm2f20g" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f20m", hover: "_1rsrm2f20n", active: "_1rsrm2f20o", selection: "_1rsrm2f20p", focused: "_1rsrm2f20q", focusedVisible: "_1rsrm2f20r" }, defaultClass: "_1rsrm2f20m" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f20s", hover: "_1rsrm2f20t", active: "_1rsrm2f20u", selection: "_1rsrm2f20v", focused: "_1rsrm2f20w", focusedVisible: "_1rsrm2f20x" }, defaultClass: "_1rsrm2f20s" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f20y", hover: "_1rsrm2f20z", active: "_1rsrm2f210", selection: "_1rsrm2f211", focused: "_1rsrm2f212", focusedVisible: "_1rsrm2f213" }, defaultClass: "_1rsrm2f20y" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f214", hover: "_1rsrm2f215", active: "_1rsrm2f216", selection: "_1rsrm2f217", focused: "_1rsrm2f218", focusedVisible: "_1rsrm2f219" }, defaultClass: "_1rsrm2f214" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f21a", hover: "_1rsrm2f21b", active: "_1rsrm2f21c", selection: "_1rsrm2f21d", focused: "_1rsrm2f21e", focusedVisible: "_1rsrm2f21f" }, defaultClass: "_1rsrm2f21a" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f21g", hover: "_1rsrm2f21h", active: "_1rsrm2f21i", selection: "_1rsrm2f21j", focused: "_1rsrm2f21k", focusedVisible: "_1rsrm2f21l" }, defaultClass: "_1rsrm2f21g" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f21m", hover: "_1rsrm2f21n", active: "_1rsrm2f21o", selection: "_1rsrm2f21p", focused: "_1rsrm2f21q", focusedVisible: "_1rsrm2f21r" }, defaultClass: "_1rsrm2f21m" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f21s", hover: "_1rsrm2f21t", active: "_1rsrm2f21u", selection: "_1rsrm2f21v", focused: "_1rsrm2f21w", focusedVisible: "_1rsrm2f21x" }, defaultClass: "_1rsrm2f21s" }, optionBoxBackground: { conditions: { base: "_1rsrm2f21y", hover: "_1rsrm2f21z", active: "_1rsrm2f220", selection: "_1rsrm2f221", focused: "_1rsrm2f222", focusedVisible: "_1rsrm2f223" }, defaultClass: "_1rsrm2f21y" }, spinnerBackground: { conditions: { base: "_1rsrm2f224", hover: "_1rsrm2f225", active: "_1rsrm2f226", selection: "_1rsrm2f227", focused: "_1rsrm2f228", focusedVisible: "_1rsrm2f229" }, defaultClass: "_1rsrm2f224" }, spinnerIndicator: { conditions: { base: "_1rsrm2f22a", hover: "_1rsrm2f22b", active: "_1rsrm2f22c", selection: "_1rsrm2f22d", focused: "_1rsrm2f22e", focusedVisible: "_1rsrm2f22f" }, defaultClass: "_1rsrm2f22a" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f22g", hover: "_1rsrm2f22h", active: "_1rsrm2f22i", selection: "_1rsrm2f22j", focused: "_1rsrm2f22k", focusedVisible: "_1rsrm2f22l" }, defaultClass: "_1rsrm2f22g" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f22m", hover: "_1rsrm2f22n", active: "_1rsrm2f22o", selection: "_1rsrm2f22p", focused: "_1rsrm2f22q", focusedVisible: "_1rsrm2f22r" }, defaultClass: "_1rsrm2f22m" } } } } }, { conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 }, styles: { alignItems: { values: { "flex-start": { conditions: { smallScreen: "_1rsrm2f0", largeScreen: "_1rsrm2f1" }, defaultClass: "_1rsrm2f0" }, "flex-end": { conditions: { smallScreen: "_1rsrm2f2", largeScreen: "_1rsrm2f3" }, defaultClass: "_1rsrm2f2" }, center: { conditions: { smallScreen: "_1rsrm2f4", largeScreen: "_1rsrm2f5" }, defaultClass: "_1rsrm2f4" } } }, display: { values: { none: { conditions: { smallScreen: "_1rsrm2f6", largeScreen: "_1rsrm2f7" }, defaultClass: "_1rsrm2f6" }, block: { conditions: { smallScreen: "_1rsrm2f8", largeScreen: "_1rsrm2f9" }, defaultClass: "_1rsrm2f8" }, flex: { conditions: { smallScreen: "_1rsrm2fa", largeScreen: "_1rsrm2fb" }, defaultClass: "_1rsrm2fa" }, inline: { conditions: { smallScreen: "_1rsrm2fc", largeScreen: "_1rsrm2fd" }, defaultClass: "_1rsrm2fc" } } } } }, { conditions: void 0, styles: { margin: { mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, alignSelf: { values: { "flex-start": { defaultClass: "_1rsrm2fe" }, "flex-end": { defaultClass: "_1rsrm2ff" }, center: { defaultClass: "_1rsrm2fg" } } }, backgroundSize: { values: { cover: { defaultClass: "_1rsrm2fh" } } }, borderRadius: { values: { "1": { defaultClass: "_1rsrm2fi" }, "4": { defaultClass: "_1rsrm2fj" }, "6": { defaultClass: "_1rsrm2fk" }, "8": { defaultClass: "_1rsrm2fl" }, "10": { defaultClass: "_1rsrm2fm" }, "11": { defaultClass: "_1rsrm2fn" }, "13": { defaultClass: "_1rsrm2fo" }, "16": { defaultClass: "_1rsrm2fp" }, "24": { defaultClass: "_1rsrm2fq" }, "30": { defaultClass: "_1rsrm2fr" }, actionButton: { defaultClass: "_1rsrm2fs" }, actionButtonInner: { defaultClass: "_1rsrm2ft" }, connectButton: { defaultClass: "_1rsrm2fu" }, menuButton: { defaultClass: "_1rsrm2fv" }, modal: { defaultClass: "_1rsrm2fw" }, modalMobile: { defaultClass: "_1rsrm2fx" }, modalActionButton: { defaultClass: "_1rsrm2fy" }, modalActionButtonMobile: { defaultClass: "_1rsrm2fz" }, summaryBox: { defaultClass: "_1rsrm2f10" }, youPayYouReceive: { defaultClass: "_1rsrm2f11" }, inputAmountSwitcher: { defaultClass: "_1rsrm2f12" }, qrCode: { defaultClass: "_1rsrm2f13" }, skeleton: { defaultClass: "_1rsrm2f14" }, tooltip: { defaultClass: "_1rsrm2f15" }, dropdown: { defaultClass: "_1rsrm2f16" }, dropdownItem: { defaultClass: "_1rsrm2f17" }, modalTopbarIcon: { defaultClass: "_1rsrm2f18" }, full: { defaultClass: "_1rsrm2f19" }, badge: { defaultClass: "_1rsrm2f1a" }, smallBadge: { defaultClass: "_1rsrm2f1b" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1c" }, dotted: { defaultClass: "_1rsrm2f1d" }, hidden: { defaultClass: "_1rsrm2f1e" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1f" }, "1": { defaultClass: "_1rsrm2f1g" }, "2": { defaultClass: "_1rsrm2f1h" }, "3": { defaultClass: "_1rsrm2f1i" }, "4": { defaultClass: "_1rsrm2f1j" }, activeOptionBorderWidth: { defaultClass: "_1rsrm2f1k" }, "0.5": { defaultClass: "_1rsrm2f1l" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1m" }, pointer: { defaultClass: "_1rsrm2f1n" }, "not-allowed": { defaultClass: "_1rsrm2f1o" }, "default": { defaultClass: "_1rsrm2f1p" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1q" }, column: { defaultClass: "_1rsrm2f1r" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1s" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1t" }, "12": { defaultClass: "_1rsrm2f1u" }, "13": { defaultClass: "_1rsrm2f1v" }, "14": { defaultClass: "_1rsrm2f1w" }, "16": { defaultClass: "_1rsrm2f1x" }, "18": { defaultClass: "_1rsrm2f1y" }, "20": { defaultClass: "_1rsrm2f1z" }, "21": { defaultClass: "_1rsrm2f20" }, "40": { defaultClass: "_1rsrm2f21" }, "57": { defaultClass: "_1rsrm2f22" }, modalTopbarSubtitle: { defaultClass: "_1rsrm2f23" }, modalTopbarTitle: { defaultClass: "_1rsrm2f24" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f25" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f26" }, medium: { defaultClass: "_1rsrm2f27" }, semibold: { defaultClass: "_1rsrm2f28" }, bold: { defaultClass: "_1rsrm2f29" }, heavy: { defaultClass: "_1rsrm2f2a" }, modalTopbarTitle: { defaultClass: "_1rsrm2f2b" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f2c" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f2d" }, "1": { defaultClass: "_1rsrm2f2e" }, "2": { defaultClass: "_1rsrm2f2f" }, "3": { defaultClass: "_1rsrm2f2g" }, "4": { defaultClass: "_1rsrm2f2h" }, "5": { defaultClass: "_1rsrm2f2i" }, "6": { defaultClass: "_1rsrm2f2j" }, "7": { defaultClass: "_1rsrm2f2k" }, "8": { defaultClass: "_1rsrm2f2l" }, "9": { defaultClass: "_1rsrm2f2m" }, "10": { defaultClass: "_1rsrm2f2n" }, "11": { defaultClass: "_1rsrm2f2o" }, "12": { defaultClass: "_1rsrm2f2p" }, "13": { defaultClass: "_1rsrm2f2q" }, "14": { defaultClass: "_1rsrm2f2r" }, "15": { defaultClass: "_1rsrm2f2s" }, "16": { defaultClass: "_1rsrm2f2t" }, "18": { defaultClass: "_1rsrm2f2u" }, "20": { defaultClass: "_1rsrm2f2v" }, "24": { defaultClass: "_1rsrm2f2w" }, "28": { defaultClass: "_1rsrm2f2x" }, "30": { defaultClass: "_1rsrm2f2y" }, "32": { defaultClass: "_1rsrm2f2z" }, "36": { defaultClass: "_1rsrm2f30" }, "40": { defaultClass: "_1rsrm2f31" }, "44": { defaultClass: "_1rsrm2f32" }, "64": { defaultClass: "_1rsrm2f33" }, "-1": { defaultClass: "_1rsrm2f34" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f35" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f36" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f37" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f38" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f39" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f3a" }, "2": { defaultClass: "_1rsrm2f3b" }, "4": { defaultClass: "_1rsrm2f3c" }, "8": { defaultClass: "_1rsrm2f3d" }, "10": { defaultClass: "_1rsrm2f3e" }, "11": { defaultClass: "_1rsrm2f3f" }, "12": { defaultClass: "_1rsrm2f3g" }, "13": { defaultClass: "_1rsrm2f3h" }, "14": { defaultClass: "_1rsrm2f3i" }, "15": { defaultClass: "_1rsrm2f3j" }, "16": { defaultClass: "_1rsrm2f3k" }, "18": { defaultClass: "_1rsrm2f3l" }, "20": { defaultClass: "_1rsrm2f3m" }, "24": { defaultClass: "_1rsrm2f3n" }, "28": { defaultClass: "_1rsrm2f3o" }, "30": { defaultClass: "_1rsrm2f3p" }, "32": { defaultClass: "_1rsrm2f3q" }, "34": { defaultClass: "_1rsrm2f3r" }, "36": { defaultClass: "_1rsrm2f3s" }, "40": { defaultClass: "_1rsrm2f3t" }, "44": { defaultClass: "_1rsrm2f3u" }, "48": { defaultClass: "_1rsrm2f3v" }, "50": { defaultClass: "_1rsrm2f3w" }, "54": { defaultClass: "_1rsrm2f3x" }, "57": { defaultClass: "_1rsrm2f3y" }, "60": { defaultClass: "_1rsrm2f3z" }, "72": { defaultClass: "_1rsrm2f40" }, "76": { defaultClass: "_1rsrm2f41" }, "93": { defaultClass: "_1rsrm2f42" }, "96": { defaultClass: "_1rsrm2f43" }, "100": { defaultClass: "_1rsrm2f44" }, "108": { defaultClass: "_1rsrm2f45" }, "120": { defaultClass: "_1rsrm2f46" }, "160": { defaultClass: "_1rsrm2f47" }, "180": { defaultClass: "_1rsrm2f48" }, "200": { defaultClass: "_1rsrm2f49" }, "240": { defaultClass: "_1rsrm2f4a" }, half: { defaultClass: "_1rsrm2f4b" }, full: { defaultClass: "_1rsrm2f4c" }, max: { defaultClass: "_1rsrm2f4d" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f4e" }, modalTopBarHeight: { defaultClass: "_1rsrm2f4f" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f4g" }, "flex-end": { defaultClass: "_1rsrm2f4h" }, center: { defaultClass: "_1rsrm2f4i" }, "space-between": { defaultClass: "_1rsrm2f4j" }, "space-around": { defaultClass: "_1rsrm2f4k" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f4l" }, center: { defaultClass: "_1rsrm2f4m" }, right: { defaultClass: "_1rsrm2f4n" }, inherit: { defaultClass: "_1rsrm2f4o" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f4p" }, "1": { defaultClass: "_1rsrm2f4q" }, "2": { defaultClass: "_1rsrm2f4r" }, "3": { defaultClass: "_1rsrm2f4s" }, "4": { defaultClass: "_1rsrm2f4t" }, "5": { defaultClass: "_1rsrm2f4u" }, "6": { defaultClass: "_1rsrm2f4v" }, "7": { defaultClass: "_1rsrm2f4w" }, "8": { defaultClass: "_1rsrm2f4x" }, "9": { defaultClass: "_1rsrm2f4y" }, "10": { defaultClass: "_1rsrm2f4z" }, "11": { defaultClass: "_1rsrm2f50" }, "12": { defaultClass: "_1rsrm2f51" }, "13": { defaultClass: "_1rsrm2f52" }, "14": { defaultClass: "_1rsrm2f53" }, "15": { defaultClass: "_1rsrm2f54" }, "16": { defaultClass: "_1rsrm2f55" }, "18": { defaultClass: "_1rsrm2f56" }, "20": { defaultClass: "_1rsrm2f57" }, "24": { defaultClass: "_1rsrm2f58" }, "28": { defaultClass: "_1rsrm2f59" }, "30": { defaultClass: "_1rsrm2f5a" }, "32": { defaultClass: "_1rsrm2f5b" }, "36": { defaultClass: "_1rsrm2f5c" }, "40": { defaultClass: "_1rsrm2f5d" }, "44": { defaultClass: "_1rsrm2f5e" }, "64": { defaultClass: "_1rsrm2f5f" }, auto: { defaultClass: "_1rsrm2f5g" }, "-18": { defaultClass: "_1rsrm2f5h" }, "-12": { defaultClass: "_1rsrm2f5i" }, "-1": { defaultClass: "_1rsrm2f5j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f5k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f5l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f5m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f5n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f5o" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f5p" }, "1": { defaultClass: "_1rsrm2f5q" }, "2": { defaultClass: "_1rsrm2f5r" }, "3": { defaultClass: "_1rsrm2f5s" }, "4": { defaultClass: "_1rsrm2f5t" }, "5": { defaultClass: "_1rsrm2f5u" }, "6": { defaultClass: "_1rsrm2f5v" }, "7": { defaultClass: "_1rsrm2f5w" }, "8": { defaultClass: "_1rsrm2f5x" }, "9": { defaultClass: "_1rsrm2f5y" }, "10": { defaultClass: "_1rsrm2f5z" }, "11": { defaultClass: "_1rsrm2f60" }, "12": { defaultClass: "_1rsrm2f61" }, "13": { defaultClass: "_1rsrm2f62" }, "14": { defaultClass: "_1rsrm2f63" }, "15": { defaultClass: "_1rsrm2f64" }, "16": { defaultClass: "_1rsrm2f65" }, "18": { defaultClass: "_1rsrm2f66" }, "20": { defaultClass: "_1rsrm2f67" }, "24": { defaultClass: "_1rsrm2f68" }, "28": { defaultClass: "_1rsrm2f69" }, "30": { defaultClass: "_1rsrm2f6a" }, "32": { defaultClass: "_1rsrm2f6b" }, "36": { defaultClass: "_1rsrm2f6c" }, "40": { defaultClass: "_1rsrm2f6d" }, "44": { defaultClass: "_1rsrm2f6e" }, "64": { defaultClass: "_1rsrm2f6f" }, auto: { defaultClass: "_1rsrm2f6g" }, "-18": { defaultClass: "_1rsrm2f6h" }, "-12": { defaultClass: "_1rsrm2f6i" }, "-1": { defaultClass: "_1rsrm2f6j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f6k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f6l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f6m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f6n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f6o" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f6p" }, "1": { defaultClass: "_1rsrm2f6q" }, "2": { defaultClass: "_1rsrm2f6r" }, "3": { defaultClass: "_1rsrm2f6s" }, "4": { defaultClass: "_1rsrm2f6t" }, "5": { defaultClass: "_1rsrm2f6u" }, "6": { defaultClass: "_1rsrm2f6v" }, "7": { defaultClass: "_1rsrm2f6w" }, "8": { defaultClass: "_1rsrm2f6x" }, "9": { defaultClass: "_1rsrm2f6y" }, "10": { defaultClass: "_1rsrm2f6z" }, "11": { defaultClass: "_1rsrm2f70" }, "12": { defaultClass: "_1rsrm2f71" }, "13": { defaultClass: "_1rsrm2f72" }, "14": { defaultClass: "_1rsrm2f73" }, "15": { defaultClass: "_1rsrm2f74" }, "16": { defaultClass: "_1rsrm2f75" }, "18": { defaultClass: "_1rsrm2f76" }, "20": { defaultClass: "_1rsrm2f77" }, "24": { defaultClass: "_1rsrm2f78" }, "28": { defaultClass: "_1rsrm2f79" }, "30": { defaultClass: "_1rsrm2f7a" }, "32": { defaultClass: "_1rsrm2f7b" }, "36": { defaultClass: "_1rsrm2f7c" }, "40": { defaultClass: "_1rsrm2f7d" }, "44": { defaultClass: "_1rsrm2f7e" }, "64": { defaultClass: "_1rsrm2f7f" }, auto: { defaultClass: "_1rsrm2f7g" }, "-18": { defaultClass: "_1rsrm2f7h" }, "-12": { defaultClass: "_1rsrm2f7i" }, "-1": { defaultClass: "_1rsrm2f7j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f7k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f7l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f7m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f7n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f7o" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f7p" }, "1": { defaultClass: "_1rsrm2f7q" }, "2": { defaultClass: "_1rsrm2f7r" }, "3": { defaultClass: "_1rsrm2f7s" }, "4": { defaultClass: "_1rsrm2f7t" }, "5": { defaultClass: "_1rsrm2f7u" }, "6": { defaultClass: "_1rsrm2f7v" }, "7": { defaultClass: "_1rsrm2f7w" }, "8": { defaultClass: "_1rsrm2f7x" }, "9": { defaultClass: "_1rsrm2f7y" }, "10": { defaultClass: "_1rsrm2f7z" }, "11": { defaultClass: "_1rsrm2f80" }, "12": { defaultClass: "_1rsrm2f81" }, "13": { defaultClass: "_1rsrm2f82" }, "14": { defaultClass: "_1rsrm2f83" }, "15": { defaultClass: "_1rsrm2f84" }, "16": { defaultClass: "_1rsrm2f85" }, "18": { defaultClass: "_1rsrm2f86" }, "20": { defaultClass: "_1rsrm2f87" }, "24": { defaultClass: "_1rsrm2f88" }, "28": { defaultClass: "_1rsrm2f89" }, "30": { defaultClass: "_1rsrm2f8a" }, "32": { defaultClass: "_1rsrm2f8b" }, "36": { defaultClass: "_1rsrm2f8c" }, "40": { defaultClass: "_1rsrm2f8d" }, "44": { defaultClass: "_1rsrm2f8e" }, "64": { defaultClass: "_1rsrm2f8f" }, auto: { defaultClass: "_1rsrm2f8g" }, "-18": { defaultClass: "_1rsrm2f8h" }, "-12": { defaultClass: "_1rsrm2f8i" }, "-1": { defaultClass: "_1rsrm2f8j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f8k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f8l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f8m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f8n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f8o" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f8p" }, "2": { defaultClass: "_1rsrm2f8q" }, "4": { defaultClass: "_1rsrm2f8r" }, "8": { defaultClass: "_1rsrm2f8s" }, "10": { defaultClass: "_1rsrm2f8t" }, "11": { defaultClass: "_1rsrm2f8u" }, "12": { defaultClass: "_1rsrm2f8v" }, "13": { defaultClass: "_1rsrm2f8w" }, "14": { defaultClass: "_1rsrm2f8x" }, "15": { defaultClass: "_1rsrm2f8y" }, "16": { defaultClass: "_1rsrm2f8z" }, "18": { defaultClass: "_1rsrm2f90" }, "20": { defaultClass: "_1rsrm2f91" }, "24": { defaultClass: "_1rsrm2f92" }, "28": { defaultClass: "_1rsrm2f93" }, "30": { defaultClass: "_1rsrm2f94" }, "32": { defaultClass: "_1rsrm2f95" }, "34": { defaultClass: "_1rsrm2f96" }, "36": { defaultClass: "_1rsrm2f97" }, "40": { defaultClass: "_1rsrm2f98" }, "44": { defaultClass: "_1rsrm2f99" }, "48": { defaultClass: "_1rsrm2f9a" }, "50": { defaultClass: "_1rsrm2f9b" }, "54": { defaultClass: "_1rsrm2f9c" }, "57": { defaultClass: "_1rsrm2f9d" }, "60": { defaultClass: "_1rsrm2f9e" }, "72": { defaultClass: "_1rsrm2f9f" }, "76": { defaultClass: "_1rsrm2f9g" }, "93": { defaultClass: "_1rsrm2f9h" }, "96": { defaultClass: "_1rsrm2f9i" }, "100": { defaultClass: "_1rsrm2f9j" }, "108": { defaultClass: "_1rsrm2f9k" }, "120": { defaultClass: "_1rsrm2f9l" }, "160": { defaultClass: "_1rsrm2f9m" }, "180": { defaultClass: "_1rsrm2f9n" }, "200": { defaultClass: "_1rsrm2f9o" }, "240": { defaultClass: "_1rsrm2f9p" }, half: { defaultClass: "_1rsrm2f9q" }, full: { defaultClass: "_1rsrm2f9r" }, max: { defaultClass: "_1rsrm2f9s" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f9t" }, modalTopBarHeight: { defaultClass: "_1rsrm2f9u" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f9v" }, "2": { defaultClass: "_1rsrm2f9w" }, "4": { defaultClass: "_1rsrm2f9x" }, "8": { defaultClass: "_1rsrm2f9y" }, "10": { defaultClass: "_1rsrm2f9z" }, "11": { defaultClass: "_1rsrm2fa0" }, "12": { defaultClass: "_1rsrm2fa1" }, "13": { defaultClass: "_1rsrm2fa2" }, "14": { defaultClass: "_1rsrm2fa3" }, "15": { defaultClass: "_1rsrm2fa4" }, "16": { defaultClass: "_1rsrm2fa5" }, "18": { defaultClass: "_1rsrm2fa6" }, "20": { defaultClass: "_1rsrm2fa7" }, "24": { defaultClass: "_1rsrm2fa8" }, "28": { defaultClass: "_1rsrm2fa9" }, "30": { defaultClass: "_1rsrm2faa" }, "32": { defaultClass: "_1rsrm2fab" }, "34": { defaultClass: "_1rsrm2fac" }, "36": { defaultClass: "_1rsrm2fad" }, "40": { defaultClass: "_1rsrm2fae" }, "44": { defaultClass: "_1rsrm2faf" }, "48": { defaultClass: "_1rsrm2fag" }, "50": { defaultClass: "_1rsrm2fah" }, "54": { defaultClass: "_1rsrm2fai" }, "57": { defaultClass: "_1rsrm2faj" }, "60": { defaultClass: "_1rsrm2fak" }, "72": { defaultClass: "_1rsrm2fal" }, "76": { defaultClass: "_1rsrm2fam" }, "93": { defaultClass: "_1rsrm2fan" }, "96": { defaultClass: "_1rsrm2fao" }, "100": { defaultClass: "_1rsrm2fap" }, "108": { defaultClass: "_1rsrm2faq" }, "120": { defaultClass: "_1rsrm2far" }, "160": { defaultClass: "_1rsrm2fas" }, "180": { defaultClass: "_1rsrm2fat" }, "200": { defaultClass: "_1rsrm2fau" }, "240": { defaultClass: "_1rsrm2fav" }, half: { defaultClass: "_1rsrm2faw" }, full: { defaultClass: "_1rsrm2fax" }, max: { defaultClass: "_1rsrm2fay" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2faz" }, modalTopBarHeight: { defaultClass: "_1rsrm2fb0" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2fb1" }, "2": { defaultClass: "_1rsrm2fb2" }, "4": { defaultClass: "_1rsrm2fb3" }, "8": { defaultClass: "_1rsrm2fb4" }, "10": { defaultClass: "_1rsrm2fb5" }, "11": { defaultClass: "_1rsrm2fb6" }, "12": { defaultClass: "_1rsrm2fb7" }, "13": { defaultClass: "_1rsrm2fb8" }, "14": { defaultClass: "_1rsrm2fb9" }, "15": { defaultClass: "_1rsrm2fba" }, "16": { defaultClass: "_1rsrm2fbb" }, "18": { defaultClass: "_1rsrm2fbc" }, "20": { defaultClass: "_1rsrm2fbd" }, "24": { defaultClass: "_1rsrm2fbe" }, "28": { defaultClass: "_1rsrm2fbf" }, "30": { defaultClass: "_1rsrm2fbg" }, "32": { defaultClass: "_1rsrm2fbh" }, "34": { defaultClass: "_1rsrm2fbi" }, "36": { defaultClass: "_1rsrm2fbj" }, "40": { defaultClass: "_1rsrm2fbk" }, "44": { defaultClass: "_1rsrm2fbl" }, "48": { defaultClass: "_1rsrm2fbm" }, "50": { defaultClass: "_1rsrm2fbn" }, "54": { defaultClass: "_1rsrm2fbo" }, "57": { defaultClass: "_1rsrm2fbp" }, "60": { defaultClass: "_1rsrm2fbq" }, "72": { defaultClass: "_1rsrm2fbr" }, "76": { defaultClass: "_1rsrm2fbs" }, "93": { defaultClass: "_1rsrm2fbt" }, "96": { defaultClass: "_1rsrm2fbu" }, "100": { defaultClass: "_1rsrm2fbv" }, "108": { defaultClass: "_1rsrm2fbw" }, "120": { defaultClass: "_1rsrm2fbx" }, "160": { defaultClass: "_1rsrm2fby" }, "180": { defaultClass: "_1rsrm2fbz" }, "200": { defaultClass: "_1rsrm2fc0" }, "240": { defaultClass: "_1rsrm2fc1" }, half: { defaultClass: "_1rsrm2fc2" }, full: { defaultClass: "_1rsrm2fc3" }, max: { defaultClass: "_1rsrm2fc4" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fc5" }, modalTopBarHeight: { defaultClass: "_1rsrm2fc6" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fc7" }, "2": { defaultClass: "_1rsrm2fc8" }, "4": { defaultClass: "_1rsrm2fc9" }, "8": { defaultClass: "_1rsrm2fca" }, "10": { defaultClass: "_1rsrm2fcb" }, "11": { defaultClass: "_1rsrm2fcc" }, "12": { defaultClass: "_1rsrm2fcd" }, "13": { defaultClass: "_1rsrm2fce" }, "14": { defaultClass: "_1rsrm2fcf" }, "15": { defaultClass: "_1rsrm2fcg" }, "16": { defaultClass: "_1rsrm2fch" }, "18": { defaultClass: "_1rsrm2fci" }, "20": { defaultClass: "_1rsrm2fcj" }, "24": { defaultClass: "_1rsrm2fck" }, "28": { defaultClass: "_1rsrm2fcl" }, "30": { defaultClass: "_1rsrm2fcm" }, "32": { defaultClass: "_1rsrm2fcn" }, "34": { defaultClass: "_1rsrm2fco" }, "36": { defaultClass: "_1rsrm2fcp" }, "40": { defaultClass: "_1rsrm2fcq" }, "44": { defaultClass: "_1rsrm2fcr" }, "48": { defaultClass: "_1rsrm2fcs" }, "50": { defaultClass: "_1rsrm2fct" }, "54": { defaultClass: "_1rsrm2fcu" }, "57": { defaultClass: "_1rsrm2fcv" }, "60": { defaultClass: "_1rsrm2fcw" }, "72": { defaultClass: "_1rsrm2fcx" }, "76": { defaultClass: "_1rsrm2fcy" }, "93": { defaultClass: "_1rsrm2fcz" }, "96": { defaultClass: "_1rsrm2fd0" }, "100": { defaultClass: "_1rsrm2fd1" }, "108": { defaultClass: "_1rsrm2fd2" }, "120": { defaultClass: "_1rsrm2fd3" }, "160": { defaultClass: "_1rsrm2fd4" }, "180": { defaultClass: "_1rsrm2fd5" }, "200": { defaultClass: "_1rsrm2fd6" }, "240": { defaultClass: "_1rsrm2fd7" }, half: { defaultClass: "_1rsrm2fd8" }, full: { defaultClass: "_1rsrm2fd9" }, max: { defaultClass: "_1rsrm2fda" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fdb" }, modalTopBarHeight: { defaultClass: "_1rsrm2fdc" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fdd" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fde" }, "1": { defaultClass: "_1rsrm2fdf" }, "2": { defaultClass: "_1rsrm2fdg" }, "3": { defaultClass: "_1rsrm2fdh" }, "4": { defaultClass: "_1rsrm2fdi" }, "5": { defaultClass: "_1rsrm2fdj" }, "6": { defaultClass: "_1rsrm2fdk" }, "7": { defaultClass: "_1rsrm2fdl" }, "8": { defaultClass: "_1rsrm2fdm" }, "9": { defaultClass: "_1rsrm2fdn" }, "10": { defaultClass: "_1rsrm2fdo" }, "11": { defaultClass: "_1rsrm2fdp" }, "12": { defaultClass: "_1rsrm2fdq" }, "13": { defaultClass: "_1rsrm2fdr" }, "14": { defaultClass: "_1rsrm2fds" }, "15": { defaultClass: "_1rsrm2fdt" }, "16": { defaultClass: "_1rsrm2fdu" }, "18": { defaultClass: "_1rsrm2fdv" }, "20": { defaultClass: "_1rsrm2fdw" }, "24": { defaultClass: "_1rsrm2fdx" }, "28": { defaultClass: "_1rsrm2fdy" }, "30": { defaultClass: "_1rsrm2fdz" }, "32": { defaultClass: "_1rsrm2fe0" }, "36": { defaultClass: "_1rsrm2fe1" }, "40": { defaultClass: "_1rsrm2fe2" }, "44": { defaultClass: "_1rsrm2fe3" }, "64": { defaultClass: "_1rsrm2fe4" }, "-1": { defaultClass: "_1rsrm2fe5" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fe6" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fe7" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fe8" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fe9" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fea" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2feb" }, "1": { defaultClass: "_1rsrm2fec" }, "2": { defaultClass: "_1rsrm2fed" }, "3": { defaultClass: "_1rsrm2fee" }, "4": { defaultClass: "_1rsrm2fef" }, "5": { defaultClass: "_1rsrm2feg" }, "6": { defaultClass: "_1rsrm2feh" }, "7": { defaultClass: "_1rsrm2fei" }, "8": { defaultClass: "_1rsrm2fej" }, "9": { defaultClass: "_1rsrm2fek" }, "10": { defaultClass: "_1rsrm2fel" }, "11": { defaultClass: "_1rsrm2fem" }, "12": { defaultClass: "_1rsrm2fen" }, "13": { defaultClass: "_1rsrm2feo" }, "14": { defaultClass: "_1rsrm2fep" }, "15": { defaultClass: "_1rsrm2feq" }, "16": { defaultClass: "_1rsrm2fer" }, "18": { defaultClass: "_1rsrm2fes" }, "20": { defaultClass: "_1rsrm2fet" }, "24": { defaultClass: "_1rsrm2feu" }, "28": { defaultClass: "_1rsrm2fev" }, "30": { defaultClass: "_1rsrm2few" }, "32": { defaultClass: "_1rsrm2fex" }, "36": { defaultClass: "_1rsrm2fey" }, "40": { defaultClass: "_1rsrm2fez" }, "44": { defaultClass: "_1rsrm2ff0" }, "64": { defaultClass: "_1rsrm2ff1" }, "-1": { defaultClass: "_1rsrm2ff2" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2ff3" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ff4" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2ff5" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2ff6" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2ff7" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2ff8" }, "1": { defaultClass: "_1rsrm2ff9" }, "2": { defaultClass: "_1rsrm2ffa" }, "3": { defaultClass: "_1rsrm2ffb" }, "4": { defaultClass: "_1rsrm2ffc" }, "5": { defaultClass: "_1rsrm2ffd" }, "6": { defaultClass: "_1rsrm2ffe" }, "7": { defaultClass: "_1rsrm2fff" }, "8": { defaultClass: "_1rsrm2ffg" }, "9": { defaultClass: "_1rsrm2ffh" }, "10": { defaultClass: "_1rsrm2ffi" }, "11": { defaultClass: "_1rsrm2ffj" }, "12": { defaultClass: "_1rsrm2ffk" }, "13": { defaultClass: "_1rsrm2ffl" }, "14": { defaultClass: "_1rsrm2ffm" }, "15": { defaultClass: "_1rsrm2ffn" }, "16": { defaultClass: "_1rsrm2ffo" }, "18": { defaultClass: "_1rsrm2ffp" }, "20": { defaultClass: "_1rsrm2ffq" }, "24": { defaultClass: "_1rsrm2ffr" }, "28": { defaultClass: "_1rsrm2ffs" }, "30": { defaultClass: "_1rsrm2fft" }, "32": { defaultClass: "_1rsrm2ffu" }, "36": { defaultClass: "_1rsrm2ffv" }, "40": { defaultClass: "_1rsrm2ffw" }, "44": { defaultClass: "_1rsrm2ffx" }, "64": { defaultClass: "_1rsrm2ffy" }, "-1": { defaultClass: "_1rsrm2ffz" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fg0" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fg1" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fg2" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fg3" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fg4" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fg5" }, "1": { defaultClass: "_1rsrm2fg6" }, "2": { defaultClass: "_1rsrm2fg7" }, "3": { defaultClass: "_1rsrm2fg8" }, "4": { defaultClass: "_1rsrm2fg9" }, "5": { defaultClass: "_1rsrm2fga" }, "6": { defaultClass: "_1rsrm2fgb" }, "7": { defaultClass: "_1rsrm2fgc" }, "8": { defaultClass: "_1rsrm2fgd" }, "9": { defaultClass: "_1rsrm2fge" }, "10": { defaultClass: "_1rsrm2fgf" }, "11": { defaultClass: "_1rsrm2fgg" }, "12": { defaultClass: "_1rsrm2fgh" }, "13": { defaultClass: "_1rsrm2fgi" }, "14": { defaultClass: "_1rsrm2fgj" }, "15": { defaultClass: "_1rsrm2fgk" }, "16": { defaultClass: "_1rsrm2fgl" }, "18": { defaultClass: "_1rsrm2fgm" }, "20": { defaultClass: "_1rsrm2fgn" }, "24": { defaultClass: "_1rsrm2fgo" }, "28": { defaultClass: "_1rsrm2fgp" }, "30": { defaultClass: "_1rsrm2fgq" }, "32": { defaultClass: "_1rsrm2fgr" }, "36": { defaultClass: "_1rsrm2fgs" }, "40": { defaultClass: "_1rsrm2fgt" }, "44": { defaultClass: "_1rsrm2fgu" }, "64": { defaultClass: "_1rsrm2fgv" }, "-1": { defaultClass: "_1rsrm2fgw" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fgx" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fgy" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fgz" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fh0" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fh1" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fh2" }, fixed: { defaultClass: "_1rsrm2fh3" }, relative: { defaultClass: "_1rsrm2fh4" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fh5" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fh6" }, transform: { defaultClass: "_1rsrm2fh7" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fh8" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fh9" }, "2": { defaultClass: "_1rsrm2fha" }, "4": { defaultClass: "_1rsrm2fhb" }, "8": { defaultClass: "_1rsrm2fhc" }, "10": { defaultClass: "_1rsrm2fhd" }, "11": { defaultClass: "_1rsrm2fhe" }, "12": { defaultClass: "_1rsrm2fhf" }, "13": { defaultClass: "_1rsrm2fhg" }, "14": { defaultClass: "_1rsrm2fhh" }, "15": { defaultClass: "_1rsrm2fhi" }, "16": { defaultClass: "_1rsrm2fhj" }, "18": { defaultClass: "_1rsrm2fhk" }, "20": { defaultClass: "_1rsrm2fhl" }, "24": { defaultClass: "_1rsrm2fhm" }, "28": { defaultClass: "_1rsrm2fhn" }, "30": { defaultClass: "_1rsrm2fho" }, "32": { defaultClass: "_1rsrm2fhp" }, "34": { defaultClass: "_1rsrm2fhq" }, "36": { defaultClass: "_1rsrm2fhr" }, "40": { defaultClass: "_1rsrm2fhs" }, "44": { defaultClass: "_1rsrm2fht" }, "48": { defaultClass: "_1rsrm2fhu" }, "50": { defaultClass: "_1rsrm2fhv" }, "54": { defaultClass: "_1rsrm2fhw" }, "57": { defaultClass: "_1rsrm2fhx" }, "60": { defaultClass: "_1rsrm2fhy" }, "72": { defaultClass: "_1rsrm2fhz" }, "76": { defaultClass: "_1rsrm2fi0" }, "93": { defaultClass: "_1rsrm2fi1" }, "96": { defaultClass: "_1rsrm2fi2" }, "100": { defaultClass: "_1rsrm2fi3" }, "108": { defaultClass: "_1rsrm2fi4" }, "120": { defaultClass: "_1rsrm2fi5" }, "160": { defaultClass: "_1rsrm2fi6" }, "180": { defaultClass: "_1rsrm2fi7" }, "200": { defaultClass: "_1rsrm2fi8" }, "240": { defaultClass: "_1rsrm2fi9" }, half: { defaultClass: "_1rsrm2fia" }, full: { defaultClass: "_1rsrm2fib" }, max: { defaultClass: "_1rsrm2fic" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fid" }, modalTopBarHeight: { defaultClass: "_1rsrm2fie" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fif" } } } } });
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)", modalTopbarIcon: "var(--rk-colors-modalTopbarIcon)", 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)", buttonTextHover: "var(--rk-colors-buttonTextHover)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", buttonBackgroundDisabledTertiary: "var(--rk-colors-buttonBackgroundDisabledTertiary)", buttonTextTertiary: "var(--rk-colors-buttonTextTertiary)", buttonTextDisabledTertiary: "var(--rk-colors-buttonTextDisabledTertiary)", buttonBackground: "var(--rk-colors-buttonBackground)", buttonBackgroundHover: "var(--rk-colors-buttonBackgroundHover)", buttonBackgroundPressed: "var(--rk-colors-buttonBackgroundPressed)", buttonBackgroundDisabled: "var(--rk-colors-buttonBackgroundDisabled)", buttonTextSecondaryDisabled: "var(--rk-colors-buttonTextSecondaryDisabled)", buttonTextSecondary: "var(--rk-colors-buttonTextSecondary)", buttonIconBackgroundHover: "var(--rk-colors-buttonIconBackgroundHover)", buttonIconBackgroundPressed: "var(--rk-colors-buttonIconBackgroundPressed)", buttonIconStroke: "var(--rk-colors-buttonIconStroke)", buttonBorderFocusedTertiary: "var(--rk-colors-buttonBorderFocusedTertiary)", buttonFocusedOutline: "var(--rk-colors-buttonFocusedOutline)", buttonBorderGradient: "var(--rk-colors-buttonBorderGradient)", buttonHoverBorderGradient: "var(--rk-colors-buttonHoverBorderGradient)", buttonDisabledBorderGradient: "var(--rk-colors-buttonDisabledBorderGradient)", badgeBackgroundSuccess: "var(--rk-colors-badgeBackgroundSuccess)", badgeBorderSuccess: "var(--rk-colors-badgeBorderSuccess)", badgeTextSuccess: "var(--rk-colors-badgeTextSuccess)", newBadgeBackground: "var(--rk-colors-newBadgeBackground)", newBadgeBorder: "var(--rk-colors-newBadgeBorder)", newBadgeText: "var(--rk-colors-newBadgeText)", approvedBadgeBackground: "var(--rk-colors-approvedBadgeBackground)", approvedBadgeBorder: "var(--rk-colors-approvedBadgeBorder)", approvedBadgeText: "var(--rk-colors-approvedBadgeText)", failedBadgeBackground: "var(--rk-colors-failedBadgeBackground)", failedBadgeBorder: "var(--rk-colors-failedBadgeBorder)", failedBadgeText: "var(--rk-colors-failedBadgeText)", inputAmountQuickOptionBaseBackground: "var(--rk-colors-inputAmountQuickOptionBaseBackground)", inputAmountQuickOptionHoverBackground: "var(--rk-colors-inputAmountQuickOptionHoverBackground)", inputAmountQuickOptionActiveBackground: "var(--rk-colors-inputAmountQuickOptionActiveBackground)", inputAmountQuickOptionDisabledBackground: "var(--rk-colors-inputAmountQuickOptionDisabledBackground)", inputAmountQuickOptionBaseBorder: "var(--rk-colors-inputAmountQuickOptionBaseBorder)", inputAmountQuickOptionHoverBorder: "var(--rk-colors-inputAmountQuickOptionHoverBorder)", inputAmountQuickOptionActiveBorder: "var(--rk-colors-inputAmountQuickOptionActiveBorder)", inputAmountQuickOptionFocusedBorder: "var(--rk-colors-inputAmountQuickOptionFocusedBorder)", youPayYouReceiveBackground: "var(--rk-colors-youPayYouReceiveBackground)", youPayYouReceiveBorder: "var(--rk-colors-youPayYouReceiveBorder)", youPayYouReceivePrimaryText: "var(--rk-colors-youPayYouReceivePrimaryText)", youPayYouReceiveSecondaryText: "var(--rk-colors-youPayYouReceiveSecondaryText)", announceGradientFrom: "var(--rk-colors-announceGradientFrom)", announceGradientTo: "var(--rk-colors-announceGradientTo)", modalHeaderDivider: "var(--rk-colors-modalHeaderDivider)", modalFooterDivider: "var(--rk-colors-modalFooterDivider)", fiatPendingGradientFrom: "var(--rk-colors-fiatPendingGradientFrom)", fiatPendingGradientTo: "var(--rk-colors-fiatPendingGradientTo)", fiatSuccessBackgroundFill: "var(--rk-colors-fiatSuccessBackgroundFill)", fiatFailedBackgroundFill: "var(--rk-colors-fiatFailedBackgroundFill)", fiatStatusIconBorder: "var(--rk-colors-fiatStatusIconBorder)", fiatAccountIconFill: "var(--rk-colors-fiatAccountIconFill)", fiatAccountGradientFrom: "var(--rk-colors-fiatAccountGradientFrom)", fiatAccountGradientTo: "var(--rk-colors-fiatAccountGradientTo)", optionBoxBackground: "var(--rk-colors-optionBoxBackground)", 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)", modalTopbarIcon: "var(--rk-radii-modalTopbarIcon)" }, borderWidths: { activeOptionBorderWidth: "var(--rk-borderWidths-activeOptionBorderWidth)" }, shadows: { connectButton: "var(--rk-shadows-connectButton)", dialog: "var(--rk-shadows-dialog)", selectedOption: "var(--rk-shadows-selectedOption)", selectedWallet: "var(--rk-shadows-selectedWallet)", dropdown: "var(--rk-shadows-dropdown)", notification: "var(--rk-shadows-notification)", qrCode: "var(--rk-shadows-qrCode)", buttonShadow: "var(--rk-shadows-buttonShadow)", buttonFocusedShadow: "var(--rk-shadows-buttonFocusedShadow)", buttonHoverShadow: "var(--rk-shadows-buttonHoverShadow)", buttonFocusedShadowTertiary: "var(--rk-shadows-buttonFocusedShadowTertiary)", buttonHoverShadowTertiary: "var(--rk-shadows-buttonHoverShadowTertiary)", 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 React231, { useEffect as useEffect56, useState as useState74 } from "react";
416
+ import React231, { useEffect as useEffect55, useState as useState74 } from "react";
417
417
 
418
418
  // src/css/touchableStyles.css.ts
419
419
  var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
@@ -521,7 +521,7 @@ import React228, {
521
521
  createContext as createContext17,
522
522
  useCallback as useCallback50,
523
523
  useContext as useContext17,
524
- useEffect as useEffect54,
524
+ useEffect as useEffect53,
525
525
  useMemo as useMemo42,
526
526
  useState as useState71
527
527
  } from "react";
@@ -1089,7 +1089,7 @@ import React227, {
1089
1089
  createContext as createContext16,
1090
1090
  useCallback as useCallback49,
1091
1091
  useContext as useContext16,
1092
- useEffect as useEffect53,
1092
+ useEffect as useEffect52,
1093
1093
  useMemo as useMemo41,
1094
1094
  useState as useState70
1095
1095
  } from "react";
@@ -1226,7 +1226,7 @@ import {
1226
1226
  import {
1227
1227
  FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS2,
1228
1228
  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4,
1229
- solanaChain
1229
+ solanaChain as solanaChain2
1230
1230
  } from "@funkit/chains";
1231
1231
  import {
1232
1232
  CHECKOUT_SPONSOR_SUPPORT_CHAINS,
@@ -1237,6 +1237,7 @@ import {
1237
1237
  import {
1238
1238
  formatCryptoAndStringify,
1239
1239
  isTokenAddressEquivalent as isTokenAddressEquivalent4,
1240
+ isTokenEquivalent as isTokenEquivalent2,
1240
1241
  round as round2,
1241
1242
  roundUpToXDecimalPlaces
1242
1243
  } from "@funkit/utils";
@@ -1244,14 +1245,17 @@ import { getBalance, readContract } from "@wagmi/core";
1244
1245
  import { erc20Abi, isAddress } from "viem";
1245
1246
 
1246
1247
  // src/domains/asset.ts
1247
- import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2 } from "@funkit/chains";
1248
+ import {
1249
+ FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2,
1250
+ solanaChain
1251
+ } from "@funkit/chains";
1248
1252
  import { STABLECOIN_SYMBOLS } from "@funkit/core";
1249
1253
  import {
1250
1254
  isTokenAddressEquivalent,
1251
1255
  isTokenEquivalent,
1252
1256
  round
1253
1257
  } from "@funkit/utils";
1254
- import { polygon } from "viem/chains";
1258
+ import { arbitrum, base as base3, mainnet as mainnet5, optimism, polygon } from "viem/chains";
1255
1259
 
1256
1260
  // src/domains/paymentMethods.ts
1257
1261
  import { exhaustiveCheck, formatAddress } from "@funkit/utils";
@@ -1930,6 +1934,17 @@ var getFeesUsdEstimate = (targetChainId, assetChainId, assetUsdAmount, paymentMe
1930
1934
 
1931
1935
  // src/domains/asset.ts
1932
1936
  var isStablecoin = (symbol) => STABLECOIN_SYMBOLS.find((s) => symbol.toLowerCase().includes(s.toLowerCase()));
1937
+ function isPreferredChain(chainId) {
1938
+ const chains = /* @__PURE__ */ new Set([
1939
+ mainnet5.id,
1940
+ polygon.id,
1941
+ base3.id,
1942
+ arbitrum.id,
1943
+ optimism.id,
1944
+ solanaChain.id
1945
+ ]);
1946
+ return chains.has(chainId);
1947
+ }
1933
1948
  function isNativeTokenAddress(address) {
1934
1949
  return isTokenAddressEquivalent({
1935
1950
  firstTokenAddress: address,
@@ -2196,7 +2211,7 @@ import {
2196
2211
  } from "@funkit/api-base";
2197
2212
  import { bitcoinChain } from "@funkit/chains";
2198
2213
  import { FlagKey } from "@funkit/utils";
2199
- import { arbitrum, base as base3, polygon as polygon2 } from "viem/chains";
2214
+ import { arbitrum as arbitrum2, base as base4, polygon as polygon2 } from "viem/chains";
2200
2215
  var DEFAULT_BLOCKED_COUNTRIES = [
2201
2216
  "AF",
2202
2217
  // Afghanistan
@@ -2293,7 +2308,12 @@ var flagConfig = {
2293
2308
  {
2294
2309
  key: "apiKey",
2295
2310
  type: "isAnyOf",
2296
- values: [POLYMARKET_API_KEY, KATANA_API_KEY]
2311
+ values: [
2312
+ POLYMARKET_API_KEY,
2313
+ KATANA_API_KEY,
2314
+ HYPERBEAT_API_KEY,
2315
+ HYPERDASH_API_KEY
2316
+ ]
2297
2317
  }
2298
2318
  ],
2299
2319
  // Turn off geoblock for PM / Katana on our end.
@@ -2481,7 +2501,7 @@ var flagConfig = {
2481
2501
  values: [OSTIUM_API_KEY]
2482
2502
  }
2483
2503
  ],
2484
- value: arbitrum.id.toString()
2504
+ value: arbitrum2.id.toString()
2485
2505
  },
2486
2506
  {
2487
2507
  if_any: [
@@ -2491,7 +2511,18 @@ var flagConfig = {
2491
2511
  values: [BANKR_API_KEY]
2492
2512
  }
2493
2513
  ],
2494
- value: base3.id.toString()
2514
+ value: base4.id.toString()
2515
+ },
2516
+ // Oct 20 - Default to Bitcoin chain on transfer crypto for Polymarket
2517
+ {
2518
+ if_any: [
2519
+ {
2520
+ key: "apiKey",
2521
+ type: "isAnyOf",
2522
+ values: [POLYMARKET_API_KEY]
2523
+ }
2524
+ ],
2525
+ value: bitcoinChain.id.toString()
2495
2526
  }
2496
2527
  ]
2497
2528
  },
@@ -2553,7 +2584,9 @@ var flagConfig = {
2553
2584
  747474: ["*"],
2554
2585
  999: ["*"],
2555
2586
  2741: ["*"],
2556
- 8253038: ["*"]
2587
+ 8253038: ["*"],
2588
+ // Ethereal
2589
+ 5064014: ["*"]
2557
2590
  // No HyperCore
2558
2591
  // No Solana
2559
2592
  })
@@ -2571,6 +2604,8 @@ var flagConfig = {
2571
2604
  999: ["*"],
2572
2605
  2741: ["*"],
2573
2606
  8253038: ["*"],
2607
+ // Ethereal
2608
+ 5064014: ["*"],
2574
2609
  // HyperCore
2575
2610
  1337: ["*"],
2576
2611
  // Solana
@@ -2812,12 +2847,14 @@ var flagConfig = {
2812
2847
  [FlagKey.ChainInfoBanners]: {
2813
2848
  type: "string",
2814
2849
  default_value: JSON.stringify({
2815
- [bitcoinChain.id]: [
2816
- {
2817
- message: "Bitcoin deposits currently have a limit of 1 BTC per transaction and take up to 1 hour to complete.",
2818
- type: "alert"
2819
- }
2820
- ]
2850
+ // EXAMPLE:
2851
+ // [bitcoinChain.id]: [
2852
+ // {
2853
+ // message:
2854
+ // 'Bitcoin deposits currently have a limit of 1 BTC per transaction and take up to 1 hour to complete.',
2855
+ // type: 'alert',
2856
+ // },
2857
+ // ],
2821
2858
  })
2822
2859
  },
2823
2860
  [FlagKey.Permit2Tokens]: {
@@ -2833,7 +2870,7 @@ var flagConfig = {
2833
2870
  }
2834
2871
  ],
2835
2872
  value: JSON.stringify({
2836
- [arbitrum.id]: [
2873
+ [arbitrum2.id]: [
2837
2874
  "0xaf88d065e77c8cC2239327C5EDb3A432268e5831"
2838
2875
  // USDC on Arbitrum
2839
2876
  ]
@@ -2975,6 +3012,7 @@ import {
2975
3012
  BASED_API_KEY as BASED_API_KEY2,
2976
3013
  BSX_API_KEY,
2977
3014
  ETHEREAL_API_KEY,
3015
+ HYENA_API_KEY,
2978
3016
  HYPERBEAT_API_KEY as HYPERBEAT_API_KEY2,
2979
3017
  HYPERDASH_API_KEY as HYPERDASH_API_KEY2,
2980
3018
  KATANA_API_KEY as KATANA_API_KEY2,
@@ -2997,15 +3035,15 @@ function isEtherealCustomer(apiKey) {
2997
3035
  function isKatanaCustomer(apiKey) {
2998
3036
  return apiKey === KATANA_API_KEY2;
2999
3037
  }
3000
- function isHyperbeatCustomer(apiKey) {
3001
- return apiKey === HYPERBEAT_API_KEY2;
3002
- }
3003
3038
  function isHyperdashCustomer(apiKey) {
3004
3039
  return apiKey === HYPERDASH_API_KEY2;
3005
3040
  }
3006
3041
  function isBasedCustomer(apiKey) {
3007
3042
  return apiKey === BASED_API_KEY2;
3008
3043
  }
3044
+ function isHyenaCustomer(apiKey) {
3045
+ return apiKey === HYENA_API_KEY;
3046
+ }
3009
3047
 
3010
3048
  // src/providers/FunkitSandboxContext.tsx
3011
3049
  import { createContext as createContext6, useContext as useContext6 } from "react";
@@ -3083,8 +3121,6 @@ function useFunkitUserIp() {
3083
3121
  const { getFlag, isLoading: isLoadingFlags } = useFlags();
3084
3122
  const { apiKey } = useFunkitConfig();
3085
3123
  const isPolymarket = isPolymarketCustomer(apiKey);
3086
- const isHyperbeat = isHyperbeatCustomer(apiKey);
3087
- const isHyperdash = isHyperdashCustomer(apiKey);
3088
3124
  const { data: userIpInfo, isLoading: isLoadingGeoCheck } = useQuery({
3089
3125
  queryKey: ["getUserIpInfo"],
3090
3126
  queryFn: async () => {
@@ -3115,7 +3151,7 @@ function useFunkitUserIp() {
3115
3151
  refetchOnWindowFocus: false
3116
3152
  });
3117
3153
  const isUserGeoblocked = useMemo5(() => {
3118
- if (isLoadingFlags || isLoadingGeoCheck || isPolymarket || isHyperbeat || isHyperdash) {
3154
+ if (isLoadingFlags || isLoadingGeoCheck || isPolymarket) {
3119
3155
  return false;
3120
3156
  }
3121
3157
  if (!userIpInfo) {
@@ -3123,15 +3159,7 @@ function useFunkitUserIp() {
3123
3159
  }
3124
3160
  const blockedList = getFlag(FlagKey2.BlockedCountries, ALL_MATCH).split(",");
3125
3161
  return isCountryBlocked(blockedList, userIpInfo);
3126
- }, [
3127
- getFlag,
3128
- isLoadingFlags,
3129
- isLoadingGeoCheck,
3130
- userIpInfo,
3131
- isPolymarket,
3132
- isHyperbeat,
3133
- isHyperdash
3134
- ]);
3162
+ }, [getFlag, isLoadingFlags, isLoadingGeoCheck, userIpInfo, isPolymarket]);
3135
3163
  return {
3136
3164
  isLoadingGeoCheck: isLoadingFlags || isLoadingGeoCheck,
3137
3165
  isUserGeoblocked,
@@ -3704,10 +3732,10 @@ function useEffectEvent(fn) {
3704
3732
  savedCallback.current = fn;
3705
3733
  }, [fn]);
3706
3734
  return useCallback7(
3707
- ((...args) => {
3735
+ (...args) => {
3708
3736
  const f = savedCallback.current;
3709
3737
  return f(...args);
3710
- }),
3738
+ },
3711
3739
  []
3712
3740
  );
3713
3741
  }
@@ -4495,23 +4523,30 @@ function getCheckoutReceivedAmountFormatted({
4495
4523
  config,
4496
4524
  quote
4497
4525
  }) {
4498
- return formatCryptoAndStringify(getCheckoutReceivedAmount({ config, quote }));
4526
+ const targetTokenAmount = getCheckoutReceivedAmount({ config, quote });
4527
+ const { stakingTokenAmount } = computeDisplayDestinationToken(
4528
+ config,
4529
+ targetTokenAmount
4530
+ );
4531
+ return formatCryptoAndStringify(stakingTokenAmount);
4499
4532
  }
4500
4533
  function getCheckoutItemDisplay({
4501
4534
  checkoutConfig,
4502
- hideAmount = false
4535
+ hideAmount = false,
4536
+ overrideAmount
4503
4537
  }) {
4504
4538
  const {
4505
4539
  checkoutItemTitle,
4506
4540
  targetAssetAmount = 0,
4507
4541
  targetAssetTicker
4508
4542
  } = checkoutConfig;
4543
+ const displayAmount = overrideAmount ?? targetAssetAmount;
4509
4544
  if (isCheckoutPostActionRequired(checkoutConfig)) {
4510
4545
  const itemName2 = checkoutItemTitle;
4511
- return !hideAmount && targetAssetAmount > 0 ? formatCryptoAndStringify(round2(targetAssetAmount, 5), itemName2) : itemName2;
4546
+ return !hideAmount && displayAmount > 0 ? formatCryptoAndStringify(round2(displayAmount, 5), itemName2) : itemName2;
4512
4547
  }
4513
4548
  const itemName = targetAssetTicker || checkoutItemTitle;
4514
- return hideAmount ? itemName : formatCryptoAndStringify(targetAssetAmount, itemName);
4549
+ return hideAmount ? itemName : formatCryptoAndStringify(displayAmount, itemName);
4515
4550
  }
4516
4551
  function getBaseQuoteTotalFeesFromAmount(baseQuote) {
4517
4552
  const sourceAssetBaseAmount = Number(baseQuote.estSubtotalFromAmount);
@@ -4540,8 +4575,8 @@ async function getTokenDecimals(wagmiConfig, chainId, tokenAddress) {
4540
4575
  if (isNativeTokenAddress(tokenAddress)) {
4541
4576
  return FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4[chainId]?.nativeCurrency?.decimals || 18;
4542
4577
  }
4543
- if (chainId === solanaChain.id.toString()) {
4544
- return solanaChain.nativeCurrency.decimals;
4578
+ if (chainId === solanaChain2.id.toString()) {
4579
+ return solanaChain2.nativeCurrency.decimals;
4545
4580
  }
4546
4581
  const decimals = await readContract(wagmiConfig, {
4547
4582
  address: tokenAddress,
@@ -4602,6 +4637,42 @@ function toMergedCheckoutHistoryItem(item) {
4602
4637
  // TODO: Get state from BE! (also refundState)
4603
4638
  };
4604
4639
  }
4640
+ function isVaultDepositCheckout(checkoutConfig, sourceHolding) {
4641
+ return Boolean(
4642
+ checkoutConfig.stakingToken && sourceHolding && checkoutConfig.generateActionsParams && isTokenEquivalent2({
4643
+ firstTokenChainId: checkoutConfig.targetChain,
4644
+ firstTokenAddress: checkoutConfig.targetAsset,
4645
+ secondTokenChainId: sourceHolding.chainId,
4646
+ secondTokenAddress: sourceHolding.tokenAddress
4647
+ })
4648
+ );
4649
+ }
4650
+ function computeDisplayDestinationToken(checkoutConfig, displayAssetAmount) {
4651
+ if (!checkoutConfig) {
4652
+ return {
4653
+ stakingTokenAmount: displayAssetAmount,
4654
+ stakingTokenSymbol: "",
4655
+ stakingTokenIcon: ""
4656
+ };
4657
+ }
4658
+ const { stakingToken, targetAssetTicker } = checkoutConfig;
4659
+ const targetToken = checkoutConfig.dynamicTargetAssetCandidates?.find(
4660
+ (cand) => isTokenEquivalent2({
4661
+ firstTokenChainId: cand.tokenChainId,
4662
+ firstTokenAddress: cand.tokenAddress,
4663
+ secondTokenChainId: checkoutConfig.targetChain,
4664
+ secondTokenAddress: checkoutConfig.targetAsset
4665
+ })
4666
+ );
4667
+ const stakingTokenAmount = (targetToken?.stakingTokenRate ?? 1) * displayAssetAmount;
4668
+ const stakingTokenSymbol = stakingToken?.tokenSymbol ?? targetAssetTicker;
4669
+ const stakingTokenIcon = stakingToken?.iconSrc ?? targetToken?.iconSrc ?? checkoutConfig.iconSrc ?? "";
4670
+ return {
4671
+ stakingTokenAmount,
4672
+ stakingTokenSymbol,
4673
+ stakingTokenIcon
4674
+ };
4675
+ }
4605
4676
 
4606
4677
  // src/utils/purifyCheckoutHistoryItem.ts
4607
4678
  import {
@@ -5231,13 +5302,16 @@ var Text = React16.forwardRef(
5231
5302
  Text.displayName = "Text";
5232
5303
 
5233
5304
  // src/components/FunButton/FunButton.css.ts
5234
- var accentLinkStyle = "_1tyx5nu3 _1rsrm2f1py";
5305
+ var accentLinkStyle = "_1tyx5nu3 _1rsrm2f1rg";
5235
5306
  var funButtonClickableStyle = "_1tyx5nu6";
5236
5307
  var funButtonDisabledStyle = "_1tyx5nu8";
5237
5308
  var funButtonNonClickableStyle = "_1tyx5nu7";
5309
+ var funButtonPrimaryGroup = "_1tyx5nu9";
5310
+ var gradientBorder = "_1tyx5nub";
5238
5311
  var pressedStyles = "_1tyx5nu1";
5312
+ var textHoverTarget = "_1tyx5nua";
5239
5313
  var transitionStyles = "_1tyx5nu0";
5240
- var underlineLinkStyle = "_1tyx5nu5 _1rsrm2f1oa";
5314
+ var underlineLinkStyle = "_1tyx5nu5 _1rsrm2f1ps";
5241
5315
 
5242
5316
  // src/components/FunButton/FunLinkButton.tsx
5243
5317
  function FunLinkButton({
@@ -5353,7 +5427,7 @@ import React20, {
5353
5427
  } from "react";
5354
5428
 
5355
5429
  // src/components/Icons/StatusIcons.css.ts
5356
- var slots = { container: "_1rsrm2f4 _1rsrm2f19 _1rsrm2fa _1rsrm2f4i _1rsrm2fh4", icon: { secondary: "q7yway3 _1rsrm2f19 _1rsrm2f1og _1rsrm2fh4", success: "q7yway5 _1rsrm2f19 _1rsrm2f1m4 _1rsrm2fh4" }, background: { secondary: "q7yway7 _1rsrm2fnm _1rsrm2f19 _1rsrm2f4c _1rsrm2fh2 _1rsrm2fib", success: "q7yway9 _1rsrm2fla _1rsrm2f19 _1rsrm2f4c _1rsrm2fh2 _1rsrm2fib" }, innerShadow: "q7ywayb _1rsrm2f19 _1rsrm2fh2" };
5430
+ var slots = { container: "_1rsrm2f4 _1rsrm2f19 _1rsrm2fa _1rsrm2f4i _1rsrm2fh4", icon: { secondary: "q7yway3 _1rsrm2f19 _1rsrm2f1py _1rsrm2fh4", success: "q7yway5 _1rsrm2f19 _1rsrm2f1nm _1rsrm2fh4" }, background: { secondary: "q7yway7 _1rsrm2fnm _1rsrm2f19 _1rsrm2f4c _1rsrm2fh2 _1rsrm2fib", success: "q7yway9 _1rsrm2fla _1rsrm2f19 _1rsrm2f4c _1rsrm2fh2 _1rsrm2fib" }, innerShadow: "q7ywayb _1rsrm2f19 _1rsrm2fh2" };
5357
5431
 
5358
5432
  // src/components/Icons/StatusIcons.tsx
5359
5433
  function CompletedStatusIcon(props) {
@@ -6797,7 +6871,7 @@ var getStyleProps = (type, isDisabled) => {
6797
6871
  },
6798
6872
  color: isDisabled ? "buttonTextDisabled" : "buttonTextPrimary",
6799
6873
  boxShadow: {
6800
- base: isDisabled ? "buttonDisabledShadow" : void 0,
6874
+ base: isDisabled ? "buttonDisabledShadow" : "buttonShadow",
6801
6875
  focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow",
6802
6876
  hover: isDisabled ? void 0 : "buttonHoverShadow"
6803
6877
  },
@@ -6826,8 +6900,10 @@ function FunButton({
6826
6900
  type,
6827
6901
  isDisabled
6828
6902
  );
6903
+ const isPrimary = type === "primary";
6829
6904
  const isSecondary = type === "secondary";
6830
6905
  const buttonTextSize = textSize ?? (isSecondary ? "10" : "12");
6906
+ const isPrimaryHoverable = isPrimary && !isDisabled;
6831
6907
  return /* @__PURE__ */ React32.createElement(
6832
6908
  Box,
6833
6909
  {
@@ -6837,14 +6913,14 @@ function FunButton({
6837
6913
  borderRadius: borderRadius ?? "actionButton",
6838
6914
  disabled: isDisabled,
6839
6915
  display: "block",
6840
- paddingX,
6841
- paddingY,
6842
6916
  style: {
6843
6917
  willChange: "transform",
6844
6918
  whiteSpace: "nowrap",
6845
6919
  userSelect: "none"
6846
6920
  },
6847
6921
  className: clsx6(
6922
+ isPrimaryHoverable && funButtonPrimaryGroup,
6923
+ type === "primary" && gradientBorder,
6848
6924
  isDisabled ? funButtonDisabledStyle : funButtonClickableStyle,
6849
6925
  transitionStyles,
6850
6926
  !isDisabled && pressedStyles
@@ -6852,36 +6928,52 @@ function FunButton({
6852
6928
  textAlign: "center",
6853
6929
  transition: "transform",
6854
6930
  width: isSecondary ? void 0 : "full",
6855
- background,
6856
6931
  boxShadow,
6857
6932
  height,
6858
6933
  onKeyDown: () => void 0,
6859
6934
  testId
6860
6935
  },
6861
- /* @__PURE__ */ React32.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center", gap: "10" }, isLoading && /* @__PURE__ */ React32.createElement(
6936
+ /* @__PURE__ */ React32.createElement(
6862
6937
  Box,
6863
6938
  {
6864
6939
  display: "flex",
6865
6940
  alignItems: "center",
6866
6941
  justifyContent: "center",
6867
- style: {
6868
- width: `${loaderSize}px`,
6869
- height: `${loaderSize}px`
6870
- }
6871
- },
6872
- /* @__PURE__ */ React32.createElement(SpinnerIcon, { size: loaderSize, indicatorColor: color })
6873
- ), customTitleComponent ? customTitleComponent : /* @__PURE__ */ React32.createElement(
6874
- Text,
6875
- {
6876
- size: buttonTextSize,
6877
- color,
6878
- weight: textWeight,
6879
- style: {
6880
- textTransform: uppercase ? "uppercase" : "none"
6881
- }
6942
+ gap: "10",
6943
+ width: "full",
6944
+ height: "full",
6945
+ paddingX,
6946
+ paddingY,
6947
+ borderRadius: borderRadius ?? "actionButton",
6948
+ background
6882
6949
  },
6883
- title
6884
- ))
6950
+ isLoading && /* @__PURE__ */ React32.createElement(
6951
+ Box,
6952
+ {
6953
+ display: "flex",
6954
+ alignItems: "center",
6955
+ justifyContent: "center",
6956
+ style: {
6957
+ width: `${loaderSize}px`,
6958
+ height: `${loaderSize}px`
6959
+ }
6960
+ },
6961
+ /* @__PURE__ */ React32.createElement(SpinnerIcon, { size: loaderSize, indicatorColor: color })
6962
+ ),
6963
+ customTitleComponent ? customTitleComponent : /* @__PURE__ */ React32.createElement(
6964
+ Text,
6965
+ {
6966
+ size: buttonTextSize,
6967
+ color,
6968
+ weight: textWeight,
6969
+ className: clsx6(isPrimaryHoverable && textHoverTarget),
6970
+ style: {
6971
+ textTransform: uppercase ? "uppercase" : "none"
6972
+ }
6973
+ },
6974
+ title
6975
+ )
6976
+ )
6885
6977
  );
6886
6978
  }
6887
6979
 
@@ -7127,7 +7219,6 @@ import React38 from "react";
7127
7219
  var dividerBorder = "_3dkdsc0";
7128
7220
 
7129
7221
  // src/components/FunDivider/FunDivider.tsx
7130
- var DIVIDER_ID = "fun-divider";
7131
7222
  function FunDivider({
7132
7223
  marginTop,
7133
7224
  marginBottom,
@@ -7138,7 +7229,6 @@ function FunDivider({
7138
7229
  return /* @__PURE__ */ React38.createElement(
7139
7230
  Box,
7140
7231
  {
7141
- id: DIVIDER_ID,
7142
7232
  className: dividerBorder,
7143
7233
  borderColor,
7144
7234
  marginTop,
@@ -7152,7 +7242,6 @@ function FunDivider({
7152
7242
  {
7153
7243
  display: "flex",
7154
7244
  width: "full",
7155
- id: DIVIDER_ID,
7156
7245
  gap: "10",
7157
7246
  alignItems: "center",
7158
7247
  marginTop,
@@ -7231,7 +7320,7 @@ var InfoIcon = ({ filled = false, size = 12 }) => {
7231
7320
 
7232
7321
  // src/components/FunTooltip/FunTooltip.css.ts
7233
7322
  var tooltipContainer = "z1l38i0";
7234
- var tooltipStyle = "z1l38i2 _1rsrm2fej _1rsrm2ffg _1rsrm2fgb _1rsrm2fdk _1rsrm2f15 _1rsrm2fls _1rsrm2f144 _1rsrm2f1c _1rsrm2f1g";
7323
+ var tooltipStyle = "z1l38i2 _1rsrm2fej _1rsrm2ffg _1rsrm2fgb _1rsrm2fdk _1rsrm2f15 _1rsrm2fls _1rsrm2f14s _1rsrm2f1c _1rsrm2f1g";
7235
7324
  var tooltipStyleBottom = "z1l38i3";
7236
7325
  var tooltipStyleCenter = "z1l38i4";
7237
7326
  var tooltipStyleLeft = "z1l38i6";
@@ -7790,7 +7879,7 @@ var DialogTitle = ({
7790
7879
  const handleBack = () => {
7791
7880
  onBack?.();
7792
7881
  };
7793
- const alignTitleToLeftSide = isOstiumCustomer(apiKey) || isEtherealCustomer(apiKey);
7882
+ const alignTitleToLeftSide = isOstiumCustomer(apiKey) || isEtherealCustomer(apiKey) || isHyenaCustomer(apiKey);
7794
7883
  return /* @__PURE__ */ React43.createElement(
7795
7884
  Box,
7796
7885
  {
@@ -7926,7 +8015,7 @@ Dialog.BottomBar = FunBottomBar;
7926
8015
  import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/chains";
7927
8016
  import {
7928
8017
  FlagKey as FlagKey14,
7929
- formatCryptoAndStringify as formatCryptoAndStringify2,
8018
+ formatCryptoAndStringify as formatCryptoAndStringify3,
7930
8019
  formatCurrencyAndStringify as formatCurrencyAndStringify3
7931
8020
  } from "@funkit/utils";
7932
8021
  import React67, { useEffect as useEffect27, useMemo as useMemo14, useState as useState26 } from "react";
@@ -8161,9 +8250,9 @@ var SearchIcon = () => {
8161
8250
 
8162
8251
  // src/components/FunInput/FunInput.css.ts
8163
8252
  var baseWrapperStyles = "zue0i60";
8164
- var inputClass = "zue0i63 _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1oa";
8165
- var inputClassDisabled = "zue0i65 _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1ps";
8166
- var inputClassError = "zue0i67 _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1oa";
8253
+ var inputClass = "zue0i63 _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1ps";
8254
+ var inputClassDisabled = "zue0i65 _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1ra";
8255
+ var inputClassError = "zue0i67 _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1ps";
8167
8256
  var numberInputResetStyle = "zue0i61";
8168
8257
 
8169
8258
  // src/components/FunInput/FunInput.tsx
@@ -8883,15 +8972,7 @@ function BaseDropdown({
8883
8972
  "aria-hidden": true,
8884
8973
  style: { position: "absolute", top: "-100%", left: "-100%" }
8885
8974
  },
8886
- preloadIconUrls.map((url, index) => /* @__PURE__ */ React53.createElement(
8887
- "img",
8888
- {
8889
- key: `${url}-${// biome-ignore lint/suspicious/noArrayIndexKey: <we need a unique key for each url combination so it's okay to rely on index here, if the order or the urls change, the key will change as well and rerender>
8890
- index}`,
8891
- src: url,
8892
- alt: ""
8893
- }
8894
- ))
8975
+ preloadIconUrls.map((url, index) => /* @__PURE__ */ React53.createElement("img", { key: `${url}-${index}`, src: url, alt: "" }))
8895
8976
  )
8896
8977
  )));
8897
8978
  }
@@ -9706,6 +9787,7 @@ function FunNotification({
9706
9787
 
9707
9788
  // src/components/FunTransactionSummary/PaymentFeesSummary.tsx
9708
9789
  import {
9790
+ formatCryptoAndStringify as formatCryptoAndStringify2,
9709
9791
  formatCurrencyAndStringify as formatCurrencyAndStringify2,
9710
9792
  formatDynamicFeeUsd,
9711
9793
  formatPercent,
@@ -9714,7 +9796,7 @@ import {
9714
9796
  import React64, { useEffect as useEffect23, useMemo as useMemo12, useState as useState20 } from "react";
9715
9797
  import clsx14 from "clsx";
9716
9798
  import { motion as motion6, useAnimationControls } from "motion/react";
9717
- import { mainnet as mainnet5 } from "viem/chains";
9799
+ import { mainnet as mainnet6 } from "viem/chains";
9718
9800
 
9719
9801
  // src/domains/relay.ts
9720
9802
  var KATANA_BRIDGE_ALERT_THRESHOLD_PERCENT = 0.5;
@@ -9813,7 +9895,7 @@ var GasIcon = ({ size = 12 }) => /* @__PURE__ */ React63.createElement(
9813
9895
  );
9814
9896
 
9815
9897
  // src/components/FunTransactionSummary/PaymentFeesSummary.css.ts
9816
- var baseStyles2 = "_1rsrm2f1om";
9898
+ var baseStyles2 = "_1rsrm2f1q4";
9817
9899
  var expandableStyles = "vkwve32";
9818
9900
  var feeLineHideStyles = "vkwve34";
9819
9901
  var feeLineShowStyles = "vkwve33";
@@ -9870,16 +9952,24 @@ function formatRelayFee({
9870
9952
  }
9871
9953
  return formatPercent(percent);
9872
9954
  }
9873
- function computeDigest(relayQuoteMetadata, uiCustomizations, totalPriceImpactPercent, gasUsd) {
9955
+ function computeDigest(relayQuoteMetadata, uiCustomizations, totalPriceImpactPercent, gasUsd, checkoutConfig, hasStakingToken) {
9874
9956
  const showTransactionDigest = uiCustomizations?.confirmationScreen?.showTransactionDigest ?? "none";
9957
+ const details = relayQuoteMetadata.relayQuote.details;
9958
+ if (checkoutConfig && hasStakingToken) {
9959
+ const { stakingTokenAmount, stakingTokenSymbol } = computeDisplayDestinationToken(checkoutConfig, 1);
9960
+ const amount = formatCryptoAndStringify2(stakingTokenAmount);
9961
+ return {
9962
+ isMainnet: false,
9963
+ value: `1 ${checkoutConfig.targetAssetTicker} = ${amount} ${stakingTokenSymbol}`
9964
+ };
9965
+ }
9875
9966
  if (showTransactionDigest === "none") {
9876
9967
  return {
9877
9968
  isMainnet: false,
9878
9969
  value: void 0
9879
9970
  };
9880
9971
  }
9881
- const details = relayQuoteMetadata.relayQuote.details;
9882
- const isMainnet = details?.currencyIn?.currency?.chainId === mainnet5.id || details?.currencyOut?.currency?.chainId === mainnet5.id;
9972
+ const isMainnet = details?.currencyIn?.currency?.chainId === mainnet6.id || details?.currencyOut?.currency?.chainId === mainnet6.id;
9883
9973
  const percent = formatPercent(totalPriceImpactPercent);
9884
9974
  return {
9885
9975
  isMainnet,
@@ -9890,7 +9980,8 @@ function renderRelayFee({
9890
9980
  relayQuoteMetadata,
9891
9981
  fees,
9892
9982
  totalUsd,
9893
- uiCustomizations
9983
+ uiCustomizations,
9984
+ checkoutConfig
9894
9985
  }) {
9895
9986
  const {
9896
9987
  gasUsd,
@@ -9906,11 +9997,23 @@ function renderRelayFee({
9906
9997
  const totalNetworkCostUsd = fillCostUsd + gasUsd;
9907
9998
  const totalPriceImpact = swapImpactUsd + appFeeUsd;
9908
9999
  const totalPriceImpactPercent = swapImpact + appFeePercent;
10000
+ const details = relayQuoteMetadata.relayQuote.details;
10001
+ const hasStakingToken = Boolean(checkoutConfig?.stakingToken);
10002
+ const isVaultDeposit = checkoutConfig && isVaultDepositCheckout(checkoutConfig, {
10003
+ tokenAddress: details?.currencyIn?.currency?.address || "0x",
10004
+ chainId: String(details?.currencyIn?.currency?.chainId || "")
10005
+ });
9909
10006
  const { isMainnet, value: collapsedValue } = computeDigest(
9910
10007
  relayQuoteMetadata,
9911
10008
  uiCustomizations,
9912
10009
  totalPriceImpactPercent,
9913
- totalNetworkCostUsd
10010
+ totalNetworkCostUsd,
10011
+ checkoutConfig,
10012
+ hasStakingToken
10013
+ );
10014
+ const { stakingTokenAmount } = computeDisplayDestinationToken(
10015
+ checkoutConfig,
10016
+ checkoutConfig?.targetAssetAmount || 0
9914
10017
  );
9915
10018
  return {
9916
10019
  collapsed: {
@@ -9918,6 +10021,20 @@ function renderRelayFee({
9918
10021
  valueIcon: isMainnet ? /* @__PURE__ */ React64.createElement(GasIcon, null) : void 0
9919
10022
  },
9920
10023
  expanded: [
10024
+ ...checkoutConfig?.stakingToken && !isVaultDeposit ? [
10025
+ {
10026
+ label: "Receive at least",
10027
+ testId: "receive-at-least",
10028
+ value: `${formatCryptoAndStringify2(stakingTokenAmount)} ${checkoutConfig.stakingToken.tokenSymbol}`
10029
+ }
10030
+ ] : [],
10031
+ ...hasStakingToken ? [
10032
+ {
10033
+ label: "Exchange rate",
10034
+ testId: "exchange-rate",
10035
+ value: collapsedValue ?? ""
10036
+ }
10037
+ ] : [],
9921
10038
  {
9922
10039
  label: "Network cost",
9923
10040
  testId: "network-cost",
@@ -10012,7 +10129,7 @@ function renderRelayFee({
10012
10129
  label: "Max slippage",
10013
10130
  testId: "max-slippage",
10014
10131
  value: `Auto \u2022 ${formatPercent(maxSlippage)}`,
10015
- tooltipText: `Slippage occurs due to price changes during trade execution. Minimum received: ${formatCurrencyAndStringify2(minReceived)}`
10132
+ tooltipText: `Slippage occurs due to price changes during trade execution.${hasStakingToken ? "" : ` Minimum received: ${formatCurrencyAndStringify2(minReceived)}`}`
10016
10133
  },
10017
10134
  ...getCardFeeItems(fees),
10018
10135
  ...getBrokerageFeeItems(fees, totalUsd)
@@ -10023,14 +10140,16 @@ var extractFeeItems = ({
10023
10140
  fees,
10024
10141
  totalUsd,
10025
10142
  relayQuoteMetadata,
10026
- uiCustomizations
10143
+ uiCustomizations,
10144
+ checkoutConfig
10027
10145
  }) => {
10028
10146
  if (relayQuoteMetadata) {
10029
10147
  return renderRelayFee({
10030
10148
  relayQuoteMetadata,
10031
10149
  fees,
10032
10150
  totalUsd,
10033
- uiCustomizations
10151
+ uiCustomizations,
10152
+ checkoutConfig
10034
10153
  });
10035
10154
  }
10036
10155
  const marketMakerFee = {
@@ -10116,6 +10235,7 @@ function PaymentFeesSummary({
10116
10235
  }
10117
10236
  }, [valuesNotAvailable, isExpanded]);
10118
10237
  const { uiCustomizations } = useFunkitConfig();
10238
+ const { checkoutItem } = useCheckoutContext();
10119
10239
  const { collapsed: collapsedItem, expanded: expandedItems } = useMemo12(() => {
10120
10240
  const fees = quote?.finalFeesBreakdown ?? fallbackFees;
10121
10241
  if (!fees) {
@@ -10127,9 +10247,10 @@ function PaymentFeesSummary({
10127
10247
  fees,
10128
10248
  totalUsd,
10129
10249
  relayQuoteMetadata,
10130
- uiCustomizations
10250
+ uiCustomizations,
10251
+ checkoutConfig: checkoutItem?.initSettings.config
10131
10252
  });
10132
- }, [quote, fallbackFees, uiCustomizations]);
10253
+ }, [quote, fallbackFees, uiCustomizations, checkoutItem]);
10133
10254
  const isExpandable = expandedItems.length > 0 && !isLoading && !valuesNotAvailable;
10134
10255
  return /* @__PURE__ */ React64.createElement(Box, null, /* @__PURE__ */ React64.createElement(
10135
10256
  Box,
@@ -10678,7 +10799,7 @@ async function getQuoteAndEstimation({
10678
10799
  }
10679
10800
 
10680
10801
  // src/utils/address.ts
10681
- import { solanaChain as solanaChain2 } from "@funkit/chains";
10802
+ import { solanaChain as solanaChain3 } from "@funkit/chains";
10682
10803
  import { formatAddressLastFour } from "@funkit/utils";
10683
10804
  import { isAddress as isSolanaAddress } from "@solana/addresses";
10684
10805
  import { isAddress as isAddress2 } from "viem";
@@ -10693,7 +10814,7 @@ function isAddressSupported(address) {
10693
10814
  return isAddress2(address) || isSolanaAddress(address);
10694
10815
  }
10695
10816
  function isAddressCompatibleWithChain(address, chainId) {
10696
- const isEvmChain = chainId !== solanaChain2.id;
10817
+ const isEvmChain = chainId !== solanaChain3.id;
10697
10818
  const isEvmAddr = isAddress2(address);
10698
10819
  return isAddressSupported(address) && isEvmChain === isEvmAddr;
10699
10820
  }
@@ -10933,9 +11054,9 @@ import { useEffect as useEffect24, useState as useState21 } from "react";
10933
11054
  import { polygon as polygon3 } from "viem/chains";
10934
11055
 
10935
11056
  // src/hooks/useEnabledTokenTransferChainTokens.ts
10936
- import { bitcoinChain as bitcoinChain2, solanaChain as solanaChain3 } from "@funkit/chains";
11057
+ import { bitcoinChain as bitcoinChain2, solanaChain as solanaChain4 } from "@funkit/chains";
10937
11058
  import { FlagKey as FlagKey10 } from "@funkit/utils";
10938
- import { base as base4 } from "viem/chains";
11059
+ import { base as base5 } from "viem/chains";
10939
11060
 
10940
11061
  // src/hooks/useIsUsUser.ts
10941
11062
  function useIsUsUser() {
@@ -10979,7 +11100,7 @@ function useEnabledTokenTransferChainTokens(transferInit, isWithdrawal) {
10979
11100
  return Object.keys(assets).reduce(
10980
11101
  (acc, curChainIdString) => {
10981
11102
  const chainId = Number(curChainIdString);
10982
- const isSolana = chainId === solanaChain3.id;
11103
+ const isSolana = chainId === solanaChain4.id;
10983
11104
  if (isSolana && !hasSolanaAddress && !isWithdrawal) {
10984
11105
  return acc;
10985
11106
  }
@@ -10987,7 +11108,7 @@ function useEnabledTokenTransferChainTokens(transferInit, isWithdrawal) {
10987
11108
  if (isBitcoin && !hasBitcoinAddress && !isWithdrawal) {
10988
11109
  return acc;
10989
11110
  }
10990
- if (isBankrUsUser && chainId !== base4.id) {
11111
+ if (isBankrUsUser && chainId !== base5.id) {
10991
11112
  return acc;
10992
11113
  }
10993
11114
  if (assets[chainId]?.length) {
@@ -11998,7 +12119,7 @@ var WithdrawContent = ({
11998
12119
  justifyContent: "center",
11999
12120
  gap: "8"
12000
12121
  },
12001
- quoteEnabled ? /* @__PURE__ */ React67.createElement(React67.Fragment, null, /* @__PURE__ */ React67.createElement(Text, { size: "12", weight: "medium" }, formatCryptoAndStringify2(receiveAmountCrypto, selectedToken)), /* @__PURE__ */ React67.createElement(Text, { size: "12", color: "secondaryText" }, formatCurrencyAndStringify3(receiveAmountFiatTotal))) : /* @__PURE__ */ React67.createElement(Text, { size: "12", color: "secondaryText" }, NO_DATA_VALUE)
12122
+ quoteEnabled ? /* @__PURE__ */ React67.createElement(React67.Fragment, null, /* @__PURE__ */ React67.createElement(Text, { size: "12", weight: "medium" }, formatCryptoAndStringify3(receiveAmountCrypto, selectedToken)), /* @__PURE__ */ React67.createElement(Text, { size: "12", color: "secondaryText" }, formatCurrencyAndStringify3(receiveAmountFiatTotal))) : /* @__PURE__ */ React67.createElement(Text, { size: "12", color: "secondaryText" }, NO_DATA_VALUE)
12002
12123
  )), /* @__PURE__ */ React67.createElement(
12003
12124
  PaymentFeesSummary,
12004
12125
  {
@@ -12612,9 +12733,9 @@ import {
12612
12733
  getAllWalletTokens
12613
12734
  } from "@funkit/api-base";
12614
12735
  import { keepPreviousData, useQuery as useQuery11 } from "@tanstack/react-query";
12615
- import { arbitrum as arbitrum2, polygon as polygon4 } from "viem/chains";
12736
+ import { arbitrum as arbitrum3, polygon as polygon4 } from "viem/chains";
12616
12737
  import { useAccount as useAccount4 } from "wagmi";
12617
- import { isTokenEquivalent as isTokenEquivalent2 } from "@funkit/utils";
12738
+ import { isTokenEquivalent as isTokenEquivalent3 } from "@funkit/utils";
12618
12739
 
12619
12740
  // src/utils/combineChainSymbolOrAddress.ts
12620
12741
  function combineChainSymbolOrAddress({
@@ -12633,7 +12754,7 @@ function isKnownAsset(asset) {
12633
12754
  var POLYGON_USDCE_TOKEN = "0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174";
12634
12755
  var ARBITRUM_USDCE_TOKEN = "0xFF970A61A04b1cA14834A43f5dE4533eBDDB5CC8";
12635
12756
  function normalizeAssetSymbol(asset) {
12636
- if (isTokenEquivalent2({
12757
+ if (isTokenEquivalent3({
12637
12758
  firstTokenChainId: asset.chainId,
12638
12759
  firstTokenAddress: asset.contractAddress,
12639
12760
  secondTokenChainId: polygon4.id.toString(),
@@ -12641,10 +12762,10 @@ function normalizeAssetSymbol(asset) {
12641
12762
  })) {
12642
12763
  return { ...asset, symbol: "USDC.e" };
12643
12764
  }
12644
- if (isTokenEquivalent2({
12765
+ if (isTokenEquivalent3({
12645
12766
  firstTokenChainId: asset.chainId,
12646
12767
  firstTokenAddress: asset.contractAddress,
12647
- secondTokenChainId: arbitrum2.id.toString(),
12768
+ secondTokenChainId: arbitrum3.id.toString(),
12648
12769
  secondTokenAddress: ARBITRUM_USDCE_TOKEN
12649
12770
  })) {
12650
12771
  return { ...asset, symbol: "USDC.e" };
@@ -12728,11 +12849,11 @@ var useWalletAssets = ({
12728
12849
 
12729
12850
  // src/utils/assets.ts
12730
12851
  import { formatUnits } from "viem";
12731
- import { base as base5 } from "viem/chains";
12852
+ import { base as base6 } from "viem/chains";
12732
12853
  var getNormalizedTokenBalance = (tokenBalance, decimals) => {
12733
12854
  return Number(formatUnits(BigInt(tokenBalance), decimals));
12734
12855
  };
12735
- var FALLBACK_CHAIN_ID = base5.id.toString();
12856
+ var FALLBACK_CHAIN_ID = base6.id.toString();
12736
12857
  var getMockedTargetChainId = ({ targetChain }, mockedChains = []) => {
12737
12858
  return mockedChains.includes(targetChain) ? FALLBACK_CHAIN_ID : targetChain;
12738
12859
  };
@@ -13655,7 +13776,7 @@ import clsx15 from "clsx";
13655
13776
  import React70, { useRef as useRef12 } from "react";
13656
13777
 
13657
13778
  // src/components/FunOptionBox/FunOptionBox.css.ts
13658
- var funOptionBoxStyle = { baseStyle: "_1rfcluh0", defaultBorder: "_1rsrm2f144 _1rsrm2f12f", transparentBorder: "_1rsrm2f17g _1rsrm2f12f _1rsrm2f1k", activeBorder: "_1rsrm2f12a", disabledOptionBorder: "_1rsrm2f13y", defaultBackground: "_1rsrm2fyy _1rsrm2fm5", activeBackground: "_1rsrm2fyy _1rsrm2fq5 _1rsrm2fq6" };
13779
+ var funOptionBoxStyle = { baseStyle: "_1rfcluh0", defaultBorder: "_1rsrm2f14s _1rsrm2f133", transparentBorder: "_1rsrm2f18a _1rsrm2f133 _1rsrm2f1k", activeBorder: "_1rsrm2f12y", disabledOptionBorder: "_1rsrm2f14m", defaultBackground: "_1rsrm2fzm _1rsrm2fm5", activeBackground: "_1rsrm2fzm _1rsrm2fqb _1rsrm2fqc" };
13659
13780
 
13660
13781
  // src/components/FunOptionBox/FunOptionBox.tsx
13661
13782
  function FunOptionBox({
@@ -14758,7 +14879,7 @@ function useAnimatedNavigation(callback) {
14758
14879
 
14759
14880
  // src/components/FunCheckoutModalHeightAnimationWrapper/FunCheckoutModalHeightAnimationWrapper.tsx
14760
14881
  import { motion as motion11 } from "motion/react";
14761
- import React181, { useEffect as useEffect45, useRef as useRef23, useState as useState58 } from "react";
14882
+ import React181, { useEffect as useEffect44, useRef as useRef23, useState as useState58 } from "react";
14762
14883
 
14763
14884
  // src/modals/CheckoutModal/stepTransition.ts
14764
14885
  import {
@@ -16372,10 +16493,11 @@ var TransactionRedirectButton = ({
16372
16493
  // src/components/ReceiveAmount/ReceiveAmount.tsx
16373
16494
  import React106 from "react";
16374
16495
  var ReceiveAmount = ({ config, icon, quote }) => {
16496
+ const iconSrc = config.stakingToken?.iconSrc ?? config.iconSrc ?? FALLBACK_ASSET;
16375
16497
  return /* @__PURE__ */ React106.createElement(Box, { display: "flex", gap: "5", alignItems: "center" }, icon ?? /* @__PURE__ */ React106.createElement(
16376
16498
  AsyncImage,
16377
16499
  {
16378
- src: config.iconSrc ?? FALLBACK_ASSET,
16500
+ src: iconSrc,
16379
16501
  fallbackSrc: FALLBACK_ASSET,
16380
16502
  width: 15,
16381
16503
  height: 15,
@@ -17032,7 +17154,7 @@ import {
17032
17154
  formatAddress as formatAddress4,
17033
17155
  formatSecondsToReadableForm as formatSecondsToReadableForm3,
17034
17156
  formatTimestamp as formatTimestamp2,
17035
- isTokenEquivalent as isTokenEquivalent3
17157
+ isTokenEquivalent as isTokenEquivalent4
17036
17158
  } from "@funkit/utils";
17037
17159
  import React113, { useCallback as useCallback22, useMemo as useMemo19, useRef as useRef16, useState as useState34 } from "react";
17038
17160
  import { createPortal as createPortal8 } from "react-dom";
@@ -17146,7 +17268,7 @@ function DirectExecutionSummaryHistory({
17146
17268
  });
17147
17269
  const receiveAmountLabel = useReceiveAmountLabel({
17148
17270
  directExecutionType: directExecution?.type,
17149
- isSameToken: isTokenEquivalent3({
17271
+ isSameToken: isTokenEquivalent4({
17150
17272
  firstTokenAddress: directExecution?.fromTokenAddress,
17151
17273
  firstTokenChainId: directExecution?.fromChainId,
17152
17274
  secondTokenAddress: directExecution?.toTokenAddress,
@@ -17512,7 +17634,7 @@ var FunInfoBanner = () => {
17512
17634
  import {
17513
17635
  formatCurrencyAndStringify as formatCurrencyAndStringify5,
17514
17636
  isTokenAddressEquivalent as isTokenAddressEquivalent5,
17515
- isTokenEquivalent as isTokenEquivalent4
17637
+ isTokenEquivalent as isTokenEquivalent5
17516
17638
  } from "@funkit/utils";
17517
17639
  import NumberFlow from "@number-flow/react";
17518
17640
  import { motion as motion7 } from "motion/react";
@@ -17641,7 +17763,7 @@ function PaymentAmountSummary({
17641
17763
  const isCardPayment = paymentMethod === "card" /* CARD */;
17642
17764
  const receiveAmountLabel = useReceiveAmountLabel({
17643
17765
  directExecutionType,
17644
- isSameToken: isTokenEquivalent4({
17766
+ isSameToken: isTokenEquivalent5({
17645
17767
  firstTokenAddress: sourceTokenAddress,
17646
17768
  firstTokenChainId: sourceTokenChainId,
17647
17769
  secondTokenAddress: targetTokenAddress,
@@ -17649,25 +17771,10 @@ function PaymentAmountSummary({
17649
17771
  })
17650
17772
  });
17651
17773
  const sourceTokenAmount = quote?.finalPaymentTokenAmount ? Number.parseFloat(quote.finalPaymentTokenAmount) : void 0;
17652
- const paymentTokenUsdAmount = useMemo21(() => {
17653
- if (!quote) {
17654
- return void 0;
17655
- }
17656
- return formatCurrencyAndStringify5(
17657
- quote.baseQuote.estSubtotalUsd + Number.parseFloat(quote.finalPaymentFeeUsd) - Number.parseFloat(quote.finalSpreadUsd)
17658
- );
17659
- }, [quote]);
17660
- const receiveTokenUsdAmount = useMemo21(() => {
17661
- if (!quote) {
17662
- return void 0;
17663
- }
17664
- return formatCurrencyAndStringify5(
17665
- Number.parseFloat(quote.finalTotalUsd) - Number.parseFloat(quote.finalPaymentFeeUsd) - Number.parseFloat(quote.finalSpreadUsd)
17666
- );
17667
- }, [quote]);
17668
- const targetAssetTicker = checkoutConfig?.targetAssetTicker;
17774
+ const paymentTokenUsdAmount = quote ? formatCurrencyAndStringify5(quote.baseQuote.estTotalUsd) : void 0;
17669
17775
  const targetTokenAmount = checkoutConfig?.targetAssetAmount ?? 0;
17670
- const targetItemName = (targetAssetTicker || checkoutConfig?.checkoutItemTitle) ?? "";
17776
+ const { stakingTokenAmount, stakingTokenSymbol, stakingTokenIcon } = computeDisplayDestinationToken(checkoutConfig, targetTokenAmount);
17777
+ const targetItemName = checkoutConfig?.targetAssetTicker || checkoutConfig?.checkoutItemTitle;
17671
17778
  const sourceChainId = sourceAssetInfo?.chainId;
17672
17779
  const areSameChains = sourceChainId === targetChainId;
17673
17780
  const sourceIcon = sourceAssetInfo?.iconSrc ?? void 0;
@@ -17676,7 +17783,19 @@ function PaymentAmountSummary({
17676
17783
  secondTokenAddress: targetTokenAddress
17677
17784
  });
17678
17785
  const isExactSameToken = areSameChains && isSameTokenAddress;
17679
- const showYouWillPaySummary = !isExactSameToken && !isCardPayment;
17786
+ const hasStakingToken = Boolean(
17787
+ checkoutItem?.initSettings.config.stakingToken
17788
+ );
17789
+ const showYouWillPaySummary = !isExactSameToken && !isCardPayment || hasStakingToken;
17790
+ const feeBreakdown = quote?.baseQuote.metadata?.feeBreakdown;
17791
+ const swapImpactPct = checkoutConfig?.generateActionsParams ? feeBreakdown?.swapImpact + feeBreakdown?.appFeePercent || 0 : 0;
17792
+ const receiveTokenUsdAmount = useMemo21(() => {
17793
+ if (!quote) {
17794
+ return void 0;
17795
+ }
17796
+ const amount = checkoutConfig?.generateActionsParams ? quote.baseQuote.estTotalUsd : quote.baseQuote.estSubtotalUsd;
17797
+ return formatCurrencyAndStringify5(amount * (1 - swapImpactPct / 100));
17798
+ }, [quote, swapImpactPct, checkoutConfig]);
17680
17799
  return /* @__PURE__ */ React121.createElement(FunTxSummaryBox, null, showYouWillPaySummary && /* @__PURE__ */ React121.createElement(React121.Fragment, null, /* @__PURE__ */ React121.createElement(
17681
17800
  PaymentAmountSummaryItem,
17682
17801
  {
@@ -17698,12 +17817,12 @@ function PaymentAmountSummary({
17698
17817
  isLoading,
17699
17818
  testId: "payment-you-send"
17700
17819
  }
17701
- ), /* @__PURE__ */ React121.createElement(FunDivider, { marginTop: "12", marginBottom: "12" })), /* @__PURE__ */ React121.createElement(
17820
+ ), /* @__PURE__ */ React121.createElement(FunDivider, { marginTop: "12", marginBottom: "12" })), !hasStakingToken && /* @__PURE__ */ React121.createElement(
17702
17821
  PaymentAmountSummaryItem,
17703
17822
  {
17704
17823
  label: receiveAmountLabel,
17705
- paymentTokenAmount: targetTokenAmount,
17706
- valueSymbol: targetItemName,
17824
+ paymentTokenAmount: targetTokenAmount * (1 + swapImpactPct / 100),
17825
+ valueSymbol: targetItemName ?? "",
17707
17826
  paymentUsdAmount: uiCustomizations?.confirmationScreen?.showReceiveAmountUsd ? receiveTokenUsdAmount : void 0,
17708
17827
  icon: /* @__PURE__ */ React121.createElement(
17709
17828
  FunAssetAvatar,
@@ -17719,6 +17838,27 @@ function PaymentAmountSummary({
17719
17838
  isLoading: uiCustomizations?.confirmationScreen?.showReceiveAmountUsd ? isLoading : false,
17720
17839
  testId: "payment-you-receive"
17721
17840
  }
17841
+ ), hasStakingToken && /* @__PURE__ */ React121.createElement(
17842
+ PaymentAmountSummaryItem,
17843
+ {
17844
+ label: "You deposit",
17845
+ paymentTokenAmount: stakingTokenAmount * (1 + swapImpactPct / 100),
17846
+ valueSymbol: stakingTokenSymbol ?? "",
17847
+ icon: /* @__PURE__ */ React121.createElement(
17848
+ FunAssetAvatar,
17849
+ {
17850
+ largeChainIcon: true,
17851
+ assetIconSize: "16",
17852
+ assetSrc: stakingTokenIcon ?? void 0,
17853
+ chainId: areSameChains ? void 0 : targetChainId,
17854
+ prioritizeDefaults: false,
17855
+ assetName: "checkout-asset"
17856
+ }
17857
+ ),
17858
+ paymentUsdAmount: uiCustomizations?.confirmationScreen?.showReceiveAmountUsd && receiveTokenUsdAmount ? receiveTokenUsdAmount : void 0,
17859
+ isLoading: false,
17860
+ testId: "payment-you-receive"
17861
+ }
17722
17862
  ));
17723
17863
  }
17724
17864
  function PaymentAmountSummaryItem({
@@ -17817,6 +17957,9 @@ var AnimatedDollarValue = forwardRef4((props, ref) => {
17817
17957
  );
17818
17958
  });
17819
17959
 
17960
+ // src/modals/CheckoutModal/ConfirmationStep/CheckoutPrimaryInfo.tsx
17961
+ import { formatCryptoAndStringify as formatCryptoAndStringify4 } from "@funkit/utils";
17962
+
17820
17963
  // src/modals/CheckoutModal/ConfirmationStep/ConfirmationStepLoading.tsx
17821
17964
  import React123 from "react";
17822
17965
  import { createPortal as createPortal9 } from "react-dom";
@@ -17907,6 +18050,10 @@ function CheckoutPrimaryInfo({
17907
18050
  isLoading = false
17908
18051
  }) {
17909
18052
  const checkoutValue = isStablecoin(config.targetAssetTicker) ? config.targetAssetAmount : usdAmount;
18053
+ const { stakingTokenAmount } = computeDisplayDestinationToken(
18054
+ config,
18055
+ config.targetAssetAmount || 0
18056
+ );
17910
18057
  return /* @__PURE__ */ React124.createElement(
17911
18058
  Box,
17912
18059
  {
@@ -17915,7 +18062,7 @@ function CheckoutPrimaryInfo({
17915
18062
  alignItems: "center",
17916
18063
  justifyContent: "center"
17917
18064
  },
17918
- isLoading ? /* @__PURE__ */ React124.createElement(DollarValueSkeleton, null) : usdAmount ? /* @__PURE__ */ React124.createElement(
18065
+ isLoading ? /* @__PURE__ */ React124.createElement(DollarValueSkeleton, null) : config.stakingToken ? /* @__PURE__ */ React124.createElement(Text, { size: "40", weight: "medium", textAlign: "center" }, formatCryptoAndStringify4(config.targetAssetAmount || 0), " ", config.targetAssetTicker) : usdAmount ? /* @__PURE__ */ React124.createElement(
17919
18066
  Box,
17920
18067
  {
17921
18068
  fontSize: "40",
@@ -17935,7 +18082,10 @@ function CheckoutPrimaryInfo({
17935
18082
  largeChainIcon: true,
17936
18083
  prioritizeDefaults: false
17937
18084
  }
17938
- ) : null, /* @__PURE__ */ React124.createElement(Text, { color: "tertiaryText", size: "14", weight: "medium" }, getCheckoutItemDisplay({ checkoutConfig: config })))
18085
+ ) : null, /* @__PURE__ */ React124.createElement(Text, { color: "tertiaryText", size: "14", weight: "medium" }, getCheckoutItemDisplay({
18086
+ checkoutConfig: config,
18087
+ overrideAmount: stakingTokenAmount
18088
+ })))
17939
18089
  );
17940
18090
  }
17941
18091
 
@@ -18250,15 +18400,15 @@ import { useCallback as useCallback25 } from "react";
18250
18400
  import { useAccount as useAccount5, useSendTransaction, useWriteContract } from "wagmi";
18251
18401
 
18252
18402
  // src/utils/isMainnetUsdt.ts
18253
- import { isTokenEquivalent as isTokenEquivalent5 } from "@funkit/utils";
18254
- import { mainnet as mainnet6 } from "viem/chains";
18403
+ import { isTokenEquivalent as isTokenEquivalent6 } from "@funkit/utils";
18404
+ import { mainnet as mainnet7 } from "viem/chains";
18255
18405
  var USDT_MAINNET_ADDRESS = "0xdAC17F958D2ee523a2206206994597C13D831ec7";
18256
18406
  function isMainnetUsdt(chainId, address) {
18257
- return isTokenEquivalent5({
18407
+ return isTokenEquivalent6({
18258
18408
  firstTokenAddress: address,
18259
18409
  firstTokenChainId: chainId.toString(),
18260
18410
  secondTokenAddress: USDT_MAINNET_ADDRESS,
18261
- secondTokenChainId: mainnet6.id.toString()
18411
+ secondTokenChainId: mainnet7.id.toString()
18262
18412
  });
18263
18413
  }
18264
18414
 
@@ -18587,8 +18737,8 @@ import { noop as noop7 } from "@funkit/utils";
18587
18737
  import React129, { useCallback as useCallback26, useEffect as useEffect34, useState as useState40 } from "react";
18588
18738
 
18589
18739
  // src/components/FunCountdown/FunCountdown.css.ts
18590
- var backgroundRing = "_1t0bc111 _1rsrm2f1l4";
18591
- var counterRing = "_1t0bc113 _1rsrm2f1ja";
18740
+ var backgroundRing = "_1t0bc111 _1rsrm2f1mm";
18741
+ var counterRing = "_1t0bc113 _1rsrm2f1ks";
18592
18742
 
18593
18743
  // src/components/FunCountdown/FunCountdown.tsx
18594
18744
  var FunCountdown = ({
@@ -19076,6 +19226,13 @@ function ConfirmationStep({
19076
19226
  });
19077
19227
  return (paymentMethodInfo.paymentMethod === "card" /* CARD */ || paymentMethodInfo.paymentMethod === "brokerage" /* BROKERAGE */) && isRelayEnabled;
19078
19228
  }, [checkoutItem, getIsRelayEnabled, paymentMethodInfo]);
19229
+ const checkoutConfig = checkoutItem?.initSettings.config;
19230
+ const hasStakingToken = Boolean(checkoutConfig?.stakingToken);
19231
+ const isVaultDeposit = checkoutConfig && isVaultDepositCheckout(checkoutConfig, {
19232
+ chainId: checkoutItem.selectedSourceAssetInfo.chainId,
19233
+ tokenAddress: checkoutItem.selectedSourceAssetInfo.address || "0x"
19234
+ });
19235
+ const hidePrimaryInfo = hasStakingToken && !isVaultDeposit;
19079
19236
  return /* @__PURE__ */ React131.createElement(Box, { id: "confirmation-page" }, /* @__PURE__ */ React131.createElement(
19080
19237
  Box,
19081
19238
  {
@@ -19084,7 +19241,7 @@ function ConfirmationStep({
19084
19241
  gap: VERTICAL_SECTION_GAP,
19085
19242
  paddingTop: "6"
19086
19243
  },
19087
- checkoutItem && /* @__PURE__ */ React131.createElement(
19244
+ checkoutItem && !hidePrimaryInfo && /* @__PURE__ */ React131.createElement(
19088
19245
  CheckoutPrimaryInfo,
19089
19246
  {
19090
19247
  showTokenAmount: uiCustomizations?.showTokenAmount,
@@ -19272,7 +19429,7 @@ function DirectExecutionNotifCenter({
19272
19429
 
19273
19430
  // src/modals/CheckoutModal/InputAmount/InputAmount.tsx
19274
19431
  import { isMobile as isMobile6 } from "@funkit/utils";
19275
- import React148, { useEffect as useEffect38 } from "react";
19432
+ import React148, { useEffect as useEffect37 } from "react";
19276
19433
 
19277
19434
  // src/hooks/queries/useMeldCurrencies.ts
19278
19435
  import { getMeldSupportedFiat } from "@funkit/api-base";
@@ -19318,13 +19475,13 @@ import { useQuery as useQuery13 } from "@tanstack/react-query";
19318
19475
 
19319
19476
  // src/hooks/queries/useMeldCryptoCurrencyCode.ts
19320
19477
  import { FlagKey as FlagKey19 } from "@funkit/utils";
19321
- import { arbitrum as arbitrum3, base as base6, polygon as polygon5 } from "viem/chains";
19478
+ import { arbitrum as arbitrum4, base as base7, polygon as polygon5 } from "viem/chains";
19322
19479
  var ARB_USDC = "0xaf88d065e77c8cC2239327C5EDb3A432268e5831".toLowerCase();
19323
19480
  var POLYGON_USDC = "0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359".toLowerCase();
19324
19481
  var POLYGON_USDCE = "0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174".toLowerCase();
19325
19482
  var BASE_ETH = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee".toLowerCase();
19326
19483
  var MELD_SUPPORTED_CURRENCIES = {
19327
- [arbitrum3.id]: {
19484
+ [arbitrum4.id]: {
19328
19485
  [ARB_USDC]: "USDC_ARBITRUM"
19329
19486
  },
19330
19487
  [polygon5.id]: {
@@ -19332,7 +19489,7 @@ var MELD_SUPPORTED_CURRENCIES = {
19332
19489
  // use same token for USDC and USDC.e
19333
19490
  [POLYGON_USDCE]: "USDC_POLYGON"
19334
19491
  },
19335
- [base6.id]: {
19492
+ [base7.id]: {
19336
19493
  [BASE_ETH]: "ETH_BASE"
19337
19494
  }
19338
19495
  };
@@ -19482,7 +19639,7 @@ function useFiatExchangeRates(enabled = true) {
19482
19639
  // src/modals/CheckoutModal/InputAmount/InputAmountLoaded.tsx
19483
19640
  import {
19484
19641
  FlagKey as FlagKey22,
19485
- formatCryptoAndStringify as formatCryptoAndStringify4,
19642
+ formatCryptoAndStringify as formatCryptoAndStringify6,
19486
19643
  formatCurrencyAndStringify as formatCurrencyAndStringify9,
19487
19644
  isTokenEquivalent as isTokenEquivalent7,
19488
19645
  round as round4
@@ -20580,7 +20737,6 @@ var QuickOptions = ({
20580
20737
  // src/modals/CheckoutModal/InputAmount/useAmountInput.ts
20581
20738
  import {
20582
20739
  useCallback as useCallback30,
20583
- useEffect as useEffect37,
20584
20740
  useMemo as useMemo25,
20585
20741
  useReducer as useReducer3,
20586
20742
  useRef as useRef20,
@@ -20612,7 +20768,7 @@ function useTextMeasurer(inputRef) {
20612
20768
  }
20613
20769
 
20614
20770
  // src/modals/CheckoutModal/InputAmount/state.ts
20615
- import { isTokenEquivalent as isTokenEquivalent6, round as round3 } from "@funkit/utils";
20771
+ import { round as round3 } from "@funkit/utils";
20616
20772
  function getInputValueFromAmount({
20617
20773
  assetAmount,
20618
20774
  fiatAmount,
@@ -20655,14 +20811,7 @@ function initializeState({
20655
20811
  meldEnabled
20656
20812
  }) {
20657
20813
  const { targetAssetAmount, targetChain, targetAssetTicker, isDefiMode } = checkoutConfig;
20658
- const isVaultDeposit = Boolean(
20659
- checkoutConfig.stakingToken && sourceHolding && checkoutConfig.generateActionsParams && isTokenEquivalent6({
20660
- firstTokenChainId: checkoutConfig.targetChain,
20661
- firstTokenAddress: checkoutConfig.targetAsset,
20662
- secondTokenChainId: sourceHolding.pickedChainId,
20663
- secondTokenAddress: sourceHolding.tokenAddress
20664
- })
20665
- );
20814
+ const isVaultDeposit = !!checkoutConfig.stakingToken;
20666
20815
  const isInputInFiat = !isVaultDeposit;
20667
20816
  const unitPrice = isStablecoin(targetAssetTicker) ? 1 : realUnitPrice;
20668
20817
  const usdAvailableAmount = getUsdAvailableAmount(
@@ -20831,17 +20980,18 @@ function getDerivedState(state, targetAssetTicker) {
20831
20980
  const { fiatCurrency, isInputInFiat, locale } = state;
20832
20981
  const inputError = getAmountInputError(state);
20833
20982
  const currencyOptions = isInputInFiat ? getCurrencyFormattingOptions(fiatCurrency, locale) : {
20834
- ASSET_DECIMALS,
20835
- currencySymbolWithSpacing: state.isVaultDeposit ? `${targetAssetTicker} ` : ""
20983
+ currencySymbolWithSpacing: state.isVaultDeposit ? ` ${targetAssetTicker}` : ""
20836
20984
  };
20837
20985
  return {
20838
20986
  ...state,
20839
20987
  // Latest request is to NOT limit the input to the currency's decimals - rather we reuse the maximum from assets
20840
20988
  // https://linear.app/funxyz/issue/PE-1687/product-number-formatting#comment-e867b02d
20841
20989
  inputDecimals: ASSET_DECIMALS,
20842
- // currencyOptions.decimals,
20843
20990
  inputError: inputError ?? null,
20844
- inputPrefix: currencyOptions.currencySymbolWithSpacing,
20991
+ inputAffix: {
20992
+ content: currencyOptions.currencySymbolWithSpacing,
20993
+ type: state.isVaultDeposit ? "suffix" : "prefix"
20994
+ },
20845
20995
  isValid: !inputError,
20846
20996
  placeholder: "0"
20847
20997
  };
@@ -20866,29 +21016,34 @@ function useAmountInput(options) {
20866
21016
  );
20867
21017
  const inputRef = useRef20(null);
20868
21018
  const { inputValue, locale } = state;
20869
- const { inputDecimals, inputPrefix, placeholder } = derivedState;
21019
+ const { inputDecimals, inputAffix, placeholder } = derivedState;
20870
21020
  const { measureText } = useTextMeasurer(inputRef);
20871
21021
  const inputText = inputValue || placeholder;
20872
21022
  const [fontSize, setFontSize] = useState44(MAX_FONT_SIZE);
20873
21023
  const [inputWidth, setInputWidth] = useState44();
20874
- useEffect37(() => {
20875
- const totalTextWidth = measureText(inputPrefix + inputText, fontSize);
20876
- const newFontSize = totalTextWidth ? Math.min(
21024
+ const textContent = inputAffix.type === "prefix" ? inputAffix.content + inputText : inputText + inputAffix.content;
21025
+ useIsomorphicLayoutEffect(() => {
21026
+ const totalTextWidth = measureText(textContent, fontSize);
21027
+ let newFontSize = totalTextWidth ? Math.min(
20877
21028
  Math.max(
20878
21029
  Math.floor(MAX_WIDTH / totalTextWidth * fontSize),
20879
21030
  MIN_FONT_SIZE
20880
21031
  ),
20881
21032
  MAX_FONT_SIZE
20882
21033
  ) : MAX_FONT_SIZE;
20883
- if (newFontSize !== fontSize) {
21034
+ let newInputTextWidth = measureText(textContent, newFontSize);
21035
+ if (newFontSize !== fontSize && newInputTextWidth) {
21036
+ if (newInputTextWidth > MAX_WIDTH) {
21037
+ newFontSize -= 1;
21038
+ }
21039
+ newInputTextWidth = measureText(textContent, newFontSize);
20884
21040
  setFontSize(newFontSize);
20885
21041
  }
20886
- const newInputTextWidth = measureText(inputPrefix + inputText, newFontSize);
20887
21042
  const newInputWidth = newInputTextWidth && Math.ceil(newInputTextWidth);
20888
21043
  if (newInputWidth !== inputWidth) {
20889
21044
  setInputWidth(newInputWidth);
20890
21045
  }
20891
- }, [fontSize, inputPrefix, inputText, inputWidth, measureText]);
21046
+ }, [fontSize, textContent, inputWidth, measureText]);
20892
21047
  const isCardCheckout = options.paymentMethod === "card" /* CARD */;
20893
21048
  const isMeldFlow = isCardCheckout && isMeldEnabled;
20894
21049
  const unitPrice = isStablecoin(checkoutConfig.targetAssetTicker) ? 1 : realUnitPrice;
@@ -20902,7 +21057,7 @@ function useAmountInput(options) {
20902
21057
  },
20903
21058
  [state, checkoutConfig.targetAssetTicker]
20904
21059
  );
20905
- useEffect37(() => {
21060
+ useIsomorphicLayoutEffect(() => {
20906
21061
  if (inputRef.current) {
20907
21062
  let clearInput2 = function() {
20908
21063
  element2.setRangeText("", 0, element2.value.length, "end");
@@ -21094,7 +21249,7 @@ function useAmountInput(options) {
21094
21249
  [unitPrice]
21095
21250
  );
21096
21251
  const defaultAmount = isMeldFlow ? getDefaultAmountFromQuickOptions(quickOptions) : void 0;
21097
- useEffect37(() => {
21252
+ useIsomorphicLayoutEffect(() => {
21098
21253
  if (state.fiatCurrency !== fiatCurrency) {
21099
21254
  dispatch({
21100
21255
  type: "setFiatCurrency",
@@ -21109,7 +21264,7 @@ function useAmountInput(options) {
21109
21264
  }
21110
21265
  }
21111
21266
  }, [fiatCurrency]);
21112
- useEffect37(() => {
21267
+ useIsomorphicLayoutEffect(() => {
21113
21268
  if (defaultAmount && state.inputValue === "") {
21114
21269
  dispatch({
21115
21270
  type: "setFiatAmount",
@@ -21156,7 +21311,7 @@ import React144 from "react";
21156
21311
 
21157
21312
  // src/components/MeldQuoteItem/MeldQuoteItem.tsx
21158
21313
  import {
21159
- formatCryptoAndStringify as formatCryptoAndStringify3,
21314
+ formatCryptoAndStringify as formatCryptoAndStringify5,
21160
21315
  formatCurrencyAndStringify as formatCurrencyAndStringify8
21161
21316
  } from "@funkit/utils";
21162
21317
  import React143 from "react";
@@ -21220,7 +21375,7 @@ var MeldQuoteItem = ({
21220
21375
  }
21221
21376
  const destinationCurrencyCode = quote.destinationCurrencyCode.split("_")[0];
21222
21377
  const cryptoDecimals = isStablecoin(destinationCurrencyCode) ? 2 : 5;
21223
- const cryptoAmount = formatCryptoAndStringify3(
21378
+ const cryptoAmount = formatCryptoAndStringify5(
21224
21379
  quote.destinationAmount,
21225
21380
  destinationCurrencyCode,
21226
21381
  true,
@@ -21543,7 +21698,7 @@ import {
21543
21698
  } from "@funkit/chains";
21544
21699
  import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
21545
21700
  import { useCallback as useCallback31, useState as useState45 } from "react";
21546
- import { mainnet as mainnet7, mantle, zksync as zksync2 } from "viem/chains";
21701
+ import { mainnet as mainnet8, mantle, zksync as zksync2 } from "viem/chains";
21547
21702
  var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
21548
21703
  if (!checkoutItem?.initSettings.config.targetChain) {
21549
21704
  throw new Error("pickSourceAssetForCard: Missing targetChain");
@@ -21572,7 +21727,7 @@ var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
21572
21727
  sourceTokenAddress = NATIVE_TOKEN;
21573
21728
  sourceTokenChainId = moonpayChainId;
21574
21729
  } else {
21575
- sourceTokenChainId = isNyOrTxOrVi ? mainnet7.id.toString() : moonpayChainId;
21730
+ sourceTokenChainId = isNyOrTxOrVi ? mainnet8.id.toString() : moonpayChainId;
21576
21731
  if (isTargetAssetEthOrWeth) {
21577
21732
  sourceTokenTicker = "ETH" /* ETH */;
21578
21733
  sourceTokenAddress = NATIVE_TOKEN;
@@ -21773,7 +21928,7 @@ function InputAmountLoaded({
21773
21928
  const { quote: manuallySelectedQuote } = modalState;
21774
21929
  const isCardCheckout = paymentMethod === "card" /* CARD */;
21775
21930
  const meldEnabled = useIsMeldEnabled() && isCardCheckout;
21776
- const { targetAssetTicker, getMinDepositUSD } = checkoutConfig;
21931
+ const { getMinDepositUSD } = checkoutConfig;
21777
21932
  const { updateTargetAssetAmount } = useCheckoutContext();
21778
21933
  const minUsd = getMinDepositUSD?.({
21779
21934
  tokenChainId: checkoutConfig.targetChain,
@@ -21861,7 +22016,7 @@ function InputAmountLoaded({
21861
22016
  const { amountInput, amountInputSwitch } = useAmountInputUI(
21862
22017
  amountInputResult,
21863
22018
  {
21864
- targetAssetTicker,
22019
+ checkoutConfig,
21865
22020
  meldEnabled,
21866
22021
  fiatCurrency,
21867
22022
  handleSubmit
@@ -21929,7 +22084,7 @@ function useAmountInputUI({
21929
22084
  assetAmount,
21930
22085
  fiatAmount,
21931
22086
  fontSize,
21932
- inputPrefix,
22087
+ inputAffix,
21933
22088
  inputValue,
21934
22089
  inputWidth,
21935
22090
  isInputInFiat,
@@ -21939,13 +22094,16 @@ function useAmountInputUI({
21939
22094
  toggleInputInFiat,
21940
22095
  isVaultDeposit
21941
22096
  }, {
21942
- targetAssetTicker,
22097
+ checkoutConfig,
21943
22098
  meldEnabled,
21944
22099
  fiatCurrency,
21945
22100
  handleSubmit
21946
22101
  }) {
22102
+ const { targetAssetTicker, stakingToken } = checkoutConfig;
21947
22103
  const handleIsAmountInAbsoluteToggle = () => {
21948
- toggleInputInFiat();
22104
+ if (!stakingToken) {
22105
+ toggleInputInFiat();
22106
+ }
21949
22107
  };
21950
22108
  const handleKeyDown = (event) => {
21951
22109
  if (event.key !== "Enter") {
@@ -21958,8 +22116,21 @@ function useAmountInputUI({
21958
22116
  (isStablecoin(targetAssetTicker) ? fiatAmount : assetAmount) ?? 0,
21959
22117
  ASSET_DECIMALS
21960
22118
  );
21961
- const isConvertedAmountShown = targetAssetTicker && !isVaultDeposit && // omit for vault deposits as it's always crypto
21962
- (!isInputInFiat || meldEnabled && fiatCurrency === "USD" || !meldEnabled);
22119
+ const { stakingTokenAmount, stakingTokenSymbol } = computeDisplayDestinationToken(checkoutConfig, displayAssetAmount);
22120
+ const isConvertedAmountShown = targetAssetTicker && (!isInputInFiat || meldEnabled && fiatCurrency === "USD" || !meldEnabled);
22121
+ const affixElement = (
22122
+ /* needs whitespace for padding*/
22123
+ /* @__PURE__ */ React146.createElement(
22124
+ Box,
22125
+ {
22126
+ color: "primaryText",
22127
+ fontFamily: "body",
22128
+ fontWeight: "medium",
22129
+ style: { whiteSpace: "pre" }
22130
+ },
22131
+ inputAffix.content
22132
+ )
22133
+ );
21963
22134
  const amountInput = /* @__PURE__ */ React146.createElement(
21964
22135
  Box,
21965
22136
  {
@@ -21981,16 +22152,7 @@ function useAmountInputUI({
21981
22152
  width: inputWidth
21982
22153
  }
21983
22154
  },
21984
- /* @__PURE__ */ React146.createElement(
21985
- Box,
21986
- {
21987
- color: "primaryText",
21988
- fontFamily: "body",
21989
- fontWeight: "medium",
21990
- style: { whiteSpace: "pre" }
21991
- },
21992
- inputPrefix
21993
- ),
22155
+ inputAffix.type === "prefix" && affixElement,
21994
22156
  /* @__PURE__ */ React146.createElement(
21995
22157
  FunInput,
21996
22158
  {
@@ -22014,10 +22176,27 @@ function useAmountInputUI({
22014
22176
  value: inputValue,
22015
22177
  testId: "checkout-amount-input"
22016
22178
  }
22017
- )
22179
+ ),
22180
+ inputAffix.type === "suffix" && affixElement
22018
22181
  )
22019
22182
  );
22020
- const amountInputSwitch = isConvertedAmountShown && /* @__PURE__ */ React146.createElement(
22183
+ const innerSwitch = (() => {
22184
+ let innerText = "";
22185
+ if (stakingToken) {
22186
+ innerText = `${formatCryptoAndStringify6(stakingTokenAmount, stakingTokenSymbol)} \u2022 ${formatCurrencyAndStringify9(
22187
+ fiatAmount ?? 0
22188
+ )}`;
22189
+ } else if (isInputInFiat) {
22190
+ innerText = formatCryptoAndStringify6(
22191
+ stakingTokenAmount,
22192
+ stakingTokenSymbol
22193
+ );
22194
+ } else {
22195
+ innerText = formatCurrencyAndStringify9(fiatAmount ?? 0);
22196
+ }
22197
+ return /* @__PURE__ */ React146.createElement(Text, { color: "secondaryText", size: "14" }, innerText);
22198
+ })();
22199
+ const amountInputSwitch = (isVaultDeposit || isConvertedAmountShown) && /* @__PURE__ */ React146.createElement(
22021
22200
  Box,
22022
22201
  {
22023
22202
  display: "flex",
@@ -22025,7 +22204,7 @@ function useAmountInputUI({
22025
22204
  alignItems: "center",
22026
22205
  paddingX: "8"
22027
22206
  },
22028
- /* @__PURE__ */ React146.createElement(
22207
+ stakingToken ? innerSwitch : /* @__PURE__ */ React146.createElement(
22029
22208
  FunIconButton,
22030
22209
  {
22031
22210
  icon: !meldEnabled && /* @__PURE__ */ React146.createElement(SwitchIcon, null),
@@ -22036,7 +22215,7 @@ function useAmountInputUI({
22036
22215
  borderRadius: "inputAmountSwitcher",
22037
22216
  isDisabled: meldEnabled
22038
22217
  },
22039
- /* @__PURE__ */ React146.createElement(Text, { color: "secondaryText", size: "14" }, isInputInFiat ? formatCryptoAndStringify4(displayAssetAmount, targetAssetTicker) : formatCurrencyAndStringify9(fiatAmount ?? 0))
22218
+ innerSwitch
22040
22219
  )
22041
22220
  );
22042
22221
  return {
@@ -22089,7 +22268,7 @@ function YouPayYouReceiveWrapper({
22089
22268
  }
22090
22269
 
22091
22270
  // src/modals/CheckoutModal/InputAmount/InputAmountLoading.tsx
22092
- import { formatCryptoAndStringify as formatCryptoAndStringify5 } from "@funkit/utils";
22271
+ import { formatCryptoAndStringify as formatCryptoAndStringify7 } from "@funkit/utils";
22093
22272
  import React147, { useMemo as useMemo27 } from "react";
22094
22273
  function InputAmountLoading({
22095
22274
  modalState,
@@ -22158,7 +22337,7 @@ function InputAmountLoading({
22158
22337
  paddingX: "6",
22159
22338
  color: { base: "actionColor" }
22160
22339
  },
22161
- targetAssetAmount !== void 0 ? /* @__PURE__ */ React147.createElement(Text, { color: "secondaryText", size: "14" }, formatCryptoAndStringify5(
22340
+ targetAssetAmount !== void 0 ? /* @__PURE__ */ React147.createElement(Text, { color: "secondaryText", size: "14" }, formatCryptoAndStringify7(
22162
22341
  targetAssetAmount,
22163
22342
  targetAssetTicker
22164
22343
  )) : /* @__PURE__ */ React147.createElement(Box, { alignItems: "center", display: "flex", gap: "8" }, /* @__PURE__ */ React147.createElement(FunSkeletonBlock, { height: "14", width: "60" }), /* @__PURE__ */ React147.createElement(Text, { color: "secondaryText", size: "14" }, targetAssetTicker))
@@ -22280,7 +22459,7 @@ function InputAmount(props) {
22280
22459
  const skipExchangeRates = paymentMethodInfo.paymentMethod !== "card" /* CARD */ || !isDefiMode;
22281
22460
  const exchangeRatesLoaded = !isCurrencyExchangeRatesLoading && !!currencyExchangeRates;
22282
22461
  const isLoaded = !!(checkoutItem && unitPrice && !sourceHoldingError && !isLoadingSourceHolding && !isMeldDefaultCurrencyLoading && (skipExchangeRates || exchangeRatesLoaded));
22283
- useEffect38(() => setCheckoutQuote(null), []);
22462
+ useEffect37(() => setCheckoutQuote(null), []);
22284
22463
  if (isLoaded) {
22285
22464
  return /* @__PURE__ */ React148.createElement(
22286
22465
  InputAmountLoaded,
@@ -22306,12 +22485,12 @@ function InputAmount(props) {
22306
22485
  }
22307
22486
 
22308
22487
  // src/modals/CheckoutModal/LoadingAccount.tsx
22309
- import React151, { useEffect as useEffect39 } from "react";
22488
+ import React151, { useEffect as useEffect38 } from "react";
22310
22489
 
22311
22490
  // src/domains/wallet.ts
22312
22491
  import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14 } from "@funkit/chains";
22313
22492
  import { isNotNullish as isNotNullish6 } from "@funkit/utils";
22314
- import { mainnet as mainnet8, polygon as polygon6 } from "viem/chains";
22493
+ import { mainnet as mainnet9, polygon as polygon6 } from "viem/chains";
22315
22494
  var ASSETS_LOW_VALUE_THRESHOLD2 = 0.1;
22316
22495
 
22317
22496
  // src/hooks/usePaymentSources.ts
@@ -22381,7 +22560,7 @@ import React150 from "react";
22381
22560
 
22382
22561
  // src/components/FunAsset/FunAssetItem.tsx
22383
22562
  import {
22384
- formatCryptoAndStringify as formatCryptoAndStringify6,
22563
+ formatCryptoAndStringify as formatCryptoAndStringify8,
22385
22564
  formatCurrencyAndStringify as formatCurrencyAndStringify10,
22386
22565
  isNotNullish as isNotNullish8
22387
22566
  } from "@funkit/utils";
@@ -22465,7 +22644,7 @@ var FunAssetItem = ({
22465
22644
  fontSize: TEXT_SIZE_SMALL,
22466
22645
  fontWeight: "regular"
22467
22646
  },
22468
- isNotNullish8(asset.amount) ? /* @__PURE__ */ React149.createElement("div", null, formatCryptoAndStringify6(asset.amount), " ", asset.symbol) : null
22647
+ isNotNullish8(asset.amount) ? /* @__PURE__ */ React149.createElement("div", null, formatCryptoAndStringify8(asset.amount), " ", asset.symbol) : null
22469
22648
  ))
22470
22649
  ),
22471
22650
  /* @__PURE__ */ React149.createElement(
@@ -22528,10 +22707,7 @@ function FunAssetItemSkeleton() {
22528
22707
 
22529
22708
  // src/components/FunAsset/FunAssetLoading.tsx
22530
22709
  function FunAssetLoading({ count = 3 }) {
22531
- return /* @__PURE__ */ React150.createElement(Box, { display: "flex", flexDirection: "column" }, Array.from({ length: count }, (_, index) => (
22532
- // biome-ignore lint/suspicious/noArrayIndexKey: no better index
22533
- /* @__PURE__ */ React150.createElement(FunAssetItemSkeleton, { key: index })
22534
- )));
22710
+ return /* @__PURE__ */ React150.createElement(Box, { display: "flex", flexDirection: "column" }, Array.from({ length: count }, (_, index) => /* @__PURE__ */ React150.createElement(FunAssetItemSkeleton, { key: index })));
22535
22711
  }
22536
22712
 
22537
22713
  // src/modals/CheckoutModal/LoadingAccount.tsx
@@ -22639,7 +22815,7 @@ function LoadingAccount({
22639
22815
  const hasCustomStartingStep = !!checkoutConfig?.startingStep;
22640
22816
  const startsOnConfirmationStep = checkoutConfig?.startingStep === "confirmation" /* CONFIRMATION */;
22641
22817
  const startsOnSelectAssetStep = checkoutConfig?.startingStep === "select_asset" /* SELECT_ASSET */;
22642
- useEffect39(() => {
22818
+ useEffect38(() => {
22643
22819
  if (isLoadingFlags || isLoadingFiat || !checkoutConfig) {
22644
22820
  return;
22645
22821
  }
@@ -22791,10 +22967,7 @@ function MeldCurrencySelect({
22791
22967
  onChange: handleSearch,
22792
22968
  prefixIcon: "SearchIcon"
22793
22969
  }
22794
- ), /* @__PURE__ */ React152.createElement(Box, { display: "flex", flexDirection: "column", style: { minHeight: 360 } }, isPending ? Array.from({ length: 9 }).map((_, index) => (
22795
- // biome-ignore lint/suspicious/noArrayIndexKey: completely fine
22796
- /* @__PURE__ */ React152.createElement(Box, { key: index, padding: "12" }, /* @__PURE__ */ React152.createElement(FunSkeletonBlock, { height: "16", width: "full" }))
22797
- )) : filteredOptions.length === 0 ? /* @__PURE__ */ React152.createElement(FunNoResults, { text: "No results found" }) : /* @__PURE__ */ React152.createElement(
22970
+ ), /* @__PURE__ */ React152.createElement(Box, { display: "flex", flexDirection: "column", style: { minHeight: 360 } }, isPending ? Array.from({ length: 9 }).map((_, index) => /* @__PURE__ */ React152.createElement(Box, { key: index, padding: "12" }, /* @__PURE__ */ React152.createElement(FunSkeletonBlock, { height: "16", width: "full" }))) : filteredOptions.length === 0 ? /* @__PURE__ */ React152.createElement(FunNoResults, { text: "No results found" }) : /* @__PURE__ */ React152.createElement(
22798
22971
  Box,
22799
22972
  {
22800
22973
  className: clsx18(hideScrollBar, selectWrapperStyle),
@@ -22862,10 +23035,7 @@ function MeldQuotes({
22862
23035
  (quote) => quote.serviceProvider === MeldServiceProvider3.MOONPAY
22863
23036
  );
22864
23037
  if (query.isPending) {
22865
- return /* @__PURE__ */ React153.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, Array.from({ length: 6 }).map((_, index) => (
22866
- // biome-ignore lint/suspicious/noArrayIndexKey: completely fine
22867
- /* @__PURE__ */ React153.createElement(MeldQuoteItem, { quote: void 0, key: index })
22868
- )));
23038
+ return /* @__PURE__ */ React153.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ React153.createElement(MeldQuoteItem, { quote: void 0, key: index })));
22869
23039
  }
22870
23040
  const getBestQuoteLabel = (index) => {
22871
23041
  if (hasMoonPay && index === 0) {
@@ -22904,10 +23074,10 @@ var stretchStyle = "_1kmpeyf1";
22904
23074
  // src/components/FunPayments/FunPaymentMoonpayType.tsx
22905
23075
  import { getMoonpayUrlSignature } from "@funkit/api-base";
22906
23076
  import { colorToHex } from "@funkit/utils";
22907
- import React154, { Fragment, useEffect as useEffect40, useMemo as useMemo30, useState as useState47 } from "react";
23077
+ import React154, { Fragment, useEffect as useEffect39, useMemo as useMemo30, useState as useState47 } from "react";
22908
23078
  var LazyMoonPayBuyWidget = (props) => {
22909
23079
  const [MoonPayBuyWidget, setMoonPayBuyWidget] = useState47(null);
22910
- useEffect40(() => {
23080
+ useEffect39(() => {
22911
23081
  const loadMoonPayBuyWidget = async () => {
22912
23082
  const module = await import("@moonpay/moonpay-react");
22913
23083
  setMoonPayBuyWidget(() => module.MoonPayBuyWidget);
@@ -23052,7 +23222,7 @@ function MoonpaySetup({
23052
23222
  // src/modals/CheckoutModal/SelectAsset.tsx
23053
23223
  import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2 } from "@funkit/chains";
23054
23224
  import { formatCurrencyAndStringify as formatCurrencyAndStringify11, isTokenEquivalent as isTokenEquivalent8 } from "@funkit/utils";
23055
- import React158, { useEffect as useEffect41, useMemo as useMemo33, useState as useState49 } from "react";
23225
+ import React158, { useEffect as useEffect40, useMemo as useMemo33, useState as useState49 } from "react";
23056
23226
  import { createPortal as createPortal14 } from "react-dom";
23057
23227
 
23058
23228
  // src/components/Dropdown/ReceiveTokenDropdown.tsx
@@ -23368,7 +23538,7 @@ function useAssetOptions({
23368
23538
  return assetOptions;
23369
23539
  }
23370
23540
  function useScrollToSelectedAsset(selectedChainTokenSymbol) {
23371
- useEffect41(() => {
23541
+ useEffect40(() => {
23372
23542
  const optionEl = document.getElementById(
23373
23543
  `option-${selectedChainTokenSymbol}`
23374
23544
  );
@@ -23751,7 +23921,7 @@ function SelectAsset({
23751
23921
 
23752
23922
  // src/modals/CheckoutModal/SourceChange/SourceChange.tsx
23753
23923
  import { BridgeCustomerStatus as BridgeCustomerStatus6, MeldServiceProvider as MeldServiceProvider4 } from "@funkit/api-base";
23754
- import React160, { useCallback as useCallback35, useEffect as useEffect42, useState as useState50 } from "react";
23924
+ import React160, { useCallback as useCallback35, useEffect as useEffect41, useState as useState50 } from "react";
23755
23925
  import { createPortal as createPortal15 } from "react-dom";
23756
23926
 
23757
23927
  // src/modals/CheckoutModal/SourceChange/DefiPurchaseSection.tsx
@@ -23929,7 +24099,7 @@ function SourceChange({
23929
24099
  const userInfo = useFunkitUserInfo();
23930
24100
  const isDefiMode = checkoutItem?.initSettings.config.isDefiMode;
23931
24101
  const hasAutoContinue = !isOstiumCustomer(apiKey) && !isDefiMode;
23932
- useEffect42(() => {
24102
+ useEffect41(() => {
23933
24103
  if (!paymentMethodInfo) {
23934
24104
  return;
23935
24105
  }
@@ -24119,7 +24289,7 @@ import { truncateMiddleOfAddress } from "@funkit/utils";
24119
24289
  import React161, { useCallback as useCallback37, useState as useState52 } from "react";
24120
24290
 
24121
24291
  // src/hooks/useCopyToClipboard.ts
24122
- import { useCallback as useCallback36, useEffect as useEffect43, useState as useState51 } from "react";
24292
+ import { useCallback as useCallback36, useEffect as useEffect42, useState as useState51 } from "react";
24123
24293
  var useCopyToClipboard = (text, delay = 1500) => {
24124
24294
  const [isCopied, setCopied] = useState51(false);
24125
24295
  const handleCopy = useCallback36(() => {
@@ -24129,7 +24299,7 @@ var useCopyToClipboard = (text, delay = 1500) => {
24129
24299
  navigator.clipboard.writeText(text);
24130
24300
  setCopied(true);
24131
24301
  }, [text]);
24132
- useEffect43(() => {
24302
+ useEffect42(() => {
24133
24303
  if (!isCopied) {
24134
24304
  return;
24135
24305
  }
@@ -24140,11 +24310,11 @@ var useCopyToClipboard = (text, delay = 1500) => {
24140
24310
  };
24141
24311
 
24142
24312
  // src/components/CopyAddress/CopyInputDisplayedAddress.css.ts
24143
- var copyButton = "_1kbzei93 _1rsrm2fen _1rsrm2ffk _1rsrm2fgd _1rsrm2fdm _1rsrm2fib _1rsrm2f1oa _1rsrm2fm4 _1rsrm2fmh _1rsrm2foi";
24313
+ var copyButton = "_1kbzei93 _1rsrm2fen _1rsrm2ffk _1rsrm2fgd _1rsrm2fdm _1rsrm2fib _1rsrm2f1ps _1rsrm2fm4 _1rsrm2fmh _1rsrm2foi";
24144
24314
  var copyButtonIcon = "_1kbzei94";
24145
24315
  var copyButtonIconActive = "_1kbzei96 _1kbzei94";
24146
24316
  var copyButtonIconBase = "_1kbzei95";
24147
- var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4 _1rsrm2f1r _1rsrm2f144 _1rsrm2f1g _1rsrm2fu _1rsrm2f1c";
24317
+ var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4 _1rsrm2f1r _1rsrm2f14s _1rsrm2f1g _1rsrm2fu _1rsrm2f1c";
24148
24318
  var copyInputText = "_1kbzei9a";
24149
24319
  var copyInputTextActive = "_1kbzei9d _1kbzei9c";
24150
24320
  var copyInputTextBox = "_1kbzei98 _1rsrm2fa _1rsrm2f4 _1rsrm2f4i _1rsrm2f2h";
@@ -24429,10 +24599,7 @@ var QRCodeSkeletonLoader = ({
24429
24599
  gap: gapBetweenDots,
24430
24600
  key: index
24431
24601
  },
24432
- Array.from({ length: diagonalDimension }, (_2, index2) => (
24433
- // biome-ignore lint/suspicious/noArrayIndexKey: no better key
24434
- /* @__PURE__ */ React165.createElement(FunSkeletonCircle, { size: DOT_SIZE, key: index2 })
24435
- ))
24602
+ Array.from({ length: diagonalDimension }, (_2, index2) => /* @__PURE__ */ React165.createElement(FunSkeletonCircle, { size: DOT_SIZE, key: index2 }))
24436
24603
  ))
24437
24604
  ));
24438
24605
  };
@@ -24585,10 +24752,7 @@ var FunFeatureListItem = ({
24585
24752
  }
24586
24753
  },
24587
24754
  isMultiline ? /* @__PURE__ */ React169.createElement(Box, { display: "flex" }, /* @__PURE__ */ React169.createElement(Text, { size: "12", weight: "medium" }, text), tooltip && TooltipWrapperElement) : /* @__PURE__ */ React169.createElement(Text, { size: "12" }, text, /* @__PURE__ */ React169.createElement(React169.Fragment, null, "\xA0")),
24588
- isMultiline ? /* @__PURE__ */ React169.createElement(Box, { display: "flex", flexDirection: "column", gap: "6" }, value.map((v, index) => (
24589
- // biome-ignore lint/suspicious/noArrayIndexKey: this is completely fine
24590
- /* @__PURE__ */ React169.createElement(Text, { size: "12", display: "inline", key: index }, v)
24591
- ))) : /* @__PURE__ */ React169.createElement(Text, { size: "12", weight: "medium", display: "inline" }, valueLabel),
24755
+ isMultiline ? /* @__PURE__ */ React169.createElement(Box, { display: "flex", flexDirection: "column", gap: "6" }, value.map((v, index) => /* @__PURE__ */ React169.createElement(Text, { size: "12", display: "inline", key: index }, v))) : /* @__PURE__ */ React169.createElement(Text, { size: "12", weight: "medium", display: "inline" }, valueLabel),
24592
24756
  !isMultiline && tooltip && TooltipWrapperElement
24593
24757
  )
24594
24758
  );
@@ -24822,10 +24986,10 @@ var TransferTokenDetails = ({
24822
24986
  };
24823
24987
 
24824
24988
  // src/hooks/useTokenTransfer.ts
24825
- import { bitcoinChain as bitcoinChain3, solanaChain as solanaChain4 } from "@funkit/chains";
24989
+ import { bitcoinChain as bitcoinChain3, solanaChain as solanaChain5 } from "@funkit/chains";
24826
24990
  import { FlagKey as FlagKey26 } from "@funkit/utils";
24827
24991
  import { useMemo as useMemo35 } from "react";
24828
- import { arbitrum as arbitrum4, base as base7, mainnet as mainnet9, optimism, polygon as polygon7 } from "viem/chains";
24992
+ import { arbitrum as arbitrum5, mainnet as mainnet10, polygon as polygon7 } from "viem/chains";
24829
24993
 
24830
24994
  // src/utils/transfer.ts
24831
24995
  var getTransferTokenQrCodeUri = (props) => {
@@ -24858,7 +25022,8 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
24858
25022
  const maxSlippage = getMaxSlippage({
24859
25023
  apiKey,
24860
25024
  sourceToken: selectedToken,
24861
- selectedChainId
25025
+ selectedChainId,
25026
+ targetAssetTicker: checkoutConfig?.targetAssetTicker ?? ""
24862
25027
  });
24863
25028
  const { transferInit, recipientAddr } = useCheckoutTransferInit();
24864
25029
  const minTransferUsd = useMinTransferValue(selectedChainId);
@@ -24868,9 +25033,9 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
24868
25033
  const isUsdceOnPolygon = isPolygon && selectedToken === "USDC.e";
24869
25034
  const isUsdcOnPolygon = isPolygon && selectedToken === "USDC";
24870
25035
  const showOriginalRecipient = isBankrUsUser || !enableUniversal && (isUsdceOnPolygon || isUsdcOnPolygon);
24871
- const funDepositAddress = selectedChainId === solanaChain4.id ? transferInit?.solanaAddr : selectedChainId === bitcoinChain3.id ? transferInit?.btcAddrSegwit : transferInit?.depositAddr;
25036
+ const funDepositAddress = selectedChainId === solanaChain5.id ? transferInit?.solanaAddr : selectedChainId === bitcoinChain3.id ? transferInit?.btcAddrSegwit : transferInit?.depositAddr;
24872
25037
  const blockchainType = (() => {
24873
- if (selectedChainId === solanaChain4.id) {
25038
+ if (selectedChainId === solanaChain5.id) {
24874
25039
  return "solana";
24875
25040
  }
24876
25041
  if (selectedChainId === bitcoinChain3.id) {
@@ -24911,7 +25076,7 @@ var useMinTransferLimits = () => {
24911
25076
  return limits;
24912
25077
  };
24913
25078
  function getMinTransferValueForChain(chainId, limits) {
24914
- const MAINNET_IDS = [mainnet9.id, bitcoinChain3.id];
25079
+ const MAINNET_IDS = [mainnet10.id, bitcoinChain3.id];
24915
25080
  return MAINNET_IDS.includes(chainId) ? limits.mainnet : limits.nonMainnet;
24916
25081
  }
24917
25082
  var useMinTransferValue = (selectedChainId) => {
@@ -24933,11 +25098,13 @@ var useMinTransferValues = (chainIds) => {
24933
25098
  }, [chainIds, limits]);
24934
25099
  };
24935
25100
  var usePriceImpactEstimation = (selectedToken, selectedChainId) => {
25101
+ const { checkoutItem } = useCheckoutContext();
24936
25102
  const label = "Price impact";
24937
25103
  const isUSDC = selectedToken === "USDC" || selectedToken === "USDC.e";
24938
25104
  const isUSDT = selectedToken === "USDT";
24939
25105
  const isPreferredChainId = isPreferredChain(selectedChainId);
24940
- if (!isPreferredChainId) {
25106
+ const targetAssetTicker = checkoutItem?.initSettings.config.targetAssetTicker ?? "";
25107
+ if (!isPreferredChainId || !isStablecoin(targetAssetTicker)) {
24941
25108
  return { label, value: 0.25 };
24942
25109
  }
24943
25110
  if (isUSDC) {
@@ -24951,10 +25118,11 @@ var usePriceImpactEstimation = (selectedToken, selectedChainId) => {
24951
25118
  var getMaxSlippage = ({
24952
25119
  apiKey,
24953
25120
  sourceToken,
24954
- selectedChainId
25121
+ selectedChainId,
25122
+ targetAssetTicker
24955
25123
  }) => {
24956
25124
  const label = "Max slippage";
24957
- const isArbitrum = selectedChainId === arbitrum4.id;
25125
+ const isArbitrum = selectedChainId === arbitrum5.id;
24958
25126
  const isPreferredChainId = isPreferredChain(selectedChainId);
24959
25127
  const defaultValue = 0.25;
24960
25128
  if (isBasedCustomer(apiKey) && isArbitrum && sourceToken === "USDC") {
@@ -24971,22 +25139,11 @@ var getMaxSlippage = ({
24971
25139
  return { label, value: 0.2 };
24972
25140
  }
24973
25141
  }
24974
- if (!isPreferredChainId || sourceToken === "DAI") {
25142
+ if (!isPreferredChainId || !isStablecoin(targetAssetTicker) || sourceToken === "DAI") {
24975
25143
  return { label, value: 1 };
24976
25144
  }
24977
25145
  return { label, value: defaultValue };
24978
25146
  };
24979
- function isPreferredChain(chainId) {
24980
- const chains = /* @__PURE__ */ new Set([
24981
- mainnet9.id,
24982
- polygon7.id,
24983
- base7.id,
24984
- arbitrum4.id,
24985
- optimism.id,
24986
- solanaChain4.id
24987
- ]);
24988
- return chains.has(chainId);
24989
- }
24990
25147
 
24991
25148
  // src/modals/CheckoutModal/TransferToken/TransferToken.tsx
24992
25149
  var TransferTokenInfo = {
@@ -25088,7 +25245,7 @@ function TransferToken({
25088
25245
  onClick: () => onNext({})
25089
25246
  }
25090
25247
  )),
25091
- defaultCandidate && /* @__PURE__ */ React173.createElement(
25248
+ defaultCandidate && !checkoutConfig?.generateActionsParams && /* @__PURE__ */ React173.createElement(
25092
25249
  Box,
25093
25250
  {
25094
25251
  display: "flex",
@@ -25643,7 +25800,7 @@ var FiatAccountDetail = {
25643
25800
 
25644
25801
  // src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
25645
25802
  import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
25646
- import React180, { useCallback as useCallback38, useEffect as useEffect44, useMemo as useMemo36, useState as useState56 } from "react";
25803
+ import React180, { useCallback as useCallback38, useEffect as useEffect43, useMemo as useMemo36, useState as useState56 } from "react";
25647
25804
  function useIframeListener(listeners) {
25648
25805
  const handleMessage = useCallback38(
25649
25806
  (event) => {
@@ -25667,7 +25824,7 @@ function useIframeListener(listeners) {
25667
25824
  },
25668
25825
  [listeners]
25669
25826
  );
25670
- useEffect44(() => {
25827
+ useEffect43(() => {
25671
25828
  window.addEventListener("message", handleMessage);
25672
25829
  return () => {
25673
25830
  window.removeEventListener("message", handleMessage);
@@ -25978,7 +26135,7 @@ function FunCheckoutModalHeightAnimationWrapper({
25978
26135
  const animationFrameRef = useRef23(null);
25979
26136
  const resizeObserverRef = useRef23(null);
25980
26137
  const [height, setHeight] = useState58("auto");
25981
- useEffect45(() => {
26138
+ useEffect44(() => {
25982
26139
  if (containerRef.current) {
25983
26140
  resizeObserverRef.current = new ResizeObserver((entries) => {
25984
26141
  animationFrameRef.current = requestAnimationFrame(() => {
@@ -26025,7 +26182,7 @@ function FunCheckoutModalHeightAnimationWrapper({
26025
26182
  }
26026
26183
 
26027
26184
  // src/components/FunConnectOptions/FunConnectResultStep.tsx
26028
- import React182, { useEffect as useEffect46 } from "react";
26185
+ import React182, { useEffect as useEffect45 } from "react";
26029
26186
  var AUTO_CLOSE = 2e3;
26030
26187
  var messageMap = (hasQrCode) => ({
26031
26188
  error: {
@@ -26044,7 +26201,7 @@ var FunConnectResultStep = ({
26044
26201
  qrCodeUri
26045
26202
  }) => {
26046
26203
  const hasAutoclose = type === "success";
26047
- useEffect46(() => {
26204
+ useEffect45(() => {
26048
26205
  if (!hasAutoclose) {
26049
26206
  return;
26050
26207
  }
@@ -26096,7 +26253,7 @@ var FunConnectResultStep = ({
26096
26253
 
26097
26254
  // src/components/FunConnectOptions/FunFarcasterConnectingStep.tsx
26098
26255
  import { isMobile as isMobile7, isSafari as isSafari2, redirectInMobile } from "@funkit/utils";
26099
- import React185, { useCallback as useCallback40, useEffect as useEffect47 } from "react";
26256
+ import React185, { useCallback as useCallback40, useEffect as useEffect46 } from "react";
26100
26257
 
26101
26258
  // src/components/CopyAddress/OldCopyAddressButton.tsx
26102
26259
  import React184 from "react";
@@ -26143,7 +26300,7 @@ function FunFarcasterConnectingStep({
26143
26300
  }) {
26144
26301
  const mobile = isMobile7();
26145
26302
  const safari = isSafari2();
26146
- useEffect47(() => {
26303
+ useEffect46(() => {
26147
26304
  if (farcasterUri && mobile && !safari) {
26148
26305
  redirectInMobile(farcasterUri);
26149
26306
  }
@@ -26197,12 +26354,12 @@ function FunFarcasterConnectingStep({
26197
26354
 
26198
26355
  // src/components/FunConnectOptions/FunWeb2ConnectingStep.tsx
26199
26356
  import { isNotNullish as isNotNullish9 } from "@funkit/utils";
26200
- import React188, { useCallback as useCallback42, useEffect as useEffect49, useState as useState60 } from "react";
26357
+ import React188, { useCallback as useCallback42, useEffect as useEffect48, useState as useState60 } from "react";
26201
26358
 
26202
26359
  // src/components/FunInput/FunTwoFaInput.tsx
26203
26360
  import React186, {
26204
26361
  useCallback as useCallback41,
26205
- useEffect as useEffect48,
26362
+ useEffect as useEffect47,
26206
26363
  useRef as useRef24,
26207
26364
  useState as useState59
26208
26365
  } from "react";
@@ -26223,7 +26380,7 @@ var FunTwoFaInput = ({
26223
26380
  const [currentLength, setCurrentLength] = useState59(initialInputLength);
26224
26381
  const [focusIndex, setFocusIndex] = useState59(0);
26225
26382
  const [isFocused, setIsFocused] = useState59(false);
26226
- useEffect48(() => {
26383
+ useEffect47(() => {
26227
26384
  if (!value) {
26228
26385
  setFocusIndex(0);
26229
26386
  }
@@ -26423,7 +26580,7 @@ var FunWeb2ConnectingStep = ({
26423
26580
  loginErrorMessage,
26424
26581
  clearLoginError
26425
26582
  } = useFunkitWeb2Login();
26426
- useEffect49(() => {
26583
+ useEffect48(() => {
26427
26584
  clearLoginError();
26428
26585
  }, []);
26429
26586
  const handleOtpComplete = useCallback42(
@@ -27217,7 +27374,7 @@ function PaymentMethodSummary({
27217
27374
 
27218
27375
  // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
27219
27376
  import clsx21 from "clsx";
27220
- import React202, { useEffect as useEffect51, useMemo as useMemo39, useState as useState64 } from "react";
27377
+ import React202, { useEffect as useEffect50, useMemo as useMemo39, useState as useState64 } from "react";
27221
27378
 
27222
27379
  // src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
27223
27380
  import React197 from "react";
@@ -27355,13 +27512,13 @@ import React199, { useState as useState63 } from "react";
27355
27512
  import clsx20 from "clsx";
27356
27513
 
27357
27514
  // src/components/FunNotificationBanner/FunNotificationBanner.css.ts
27358
- var notificationBannerStyle = "_1rsrm2fh4 _1rsrm2fp _1rsrm2fls _1rsrm2f1hy";
27359
- var showMoreButtonStyle = "_4yitd93 _1rsrm2f11m _1rsrm2f1f _1rsrm2f1c _1rsrm2fls _1rsrm2fm5 _1rsrm2fib";
27515
+ var notificationBannerStyle = "_1rsrm2fh4 _1rsrm2fp _1rsrm2fls _1rsrm2f1ja";
27516
+ var showMoreButtonStyle = "_4yitd93 _1rsrm2f12a _1rsrm2f1f _1rsrm2f1c _1rsrm2fls _1rsrm2fm5 _1rsrm2fib";
27360
27517
 
27361
27518
  // src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
27362
27519
  import clsx19 from "clsx";
27363
27520
  import { motion as motion12, useAnimate as useAnimate3 } from "motion/react";
27364
- import React198, { useCallback as useCallback45, useEffect as useEffect50, useRef as useRef25 } from "react";
27521
+ import React198, { useCallback as useCallback45, useEffect as useEffect49, useRef as useRef25 } from "react";
27365
27522
 
27366
27523
  // src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
27367
27524
  var STATUS_SPINNER_BOTTOM_POSITION = -5;
@@ -27811,7 +27968,7 @@ var FunNotificationBannerIcon = ({
27811
27968
  ]);
27812
27969
  }, [animate]);
27813
27970
  const statusRef = useRef25(status);
27814
- useEffect50(() => {
27971
+ useEffect49(() => {
27815
27972
  if (statusRef.current !== status) {
27816
27973
  if (statusRef.current === "processing" && status === "completed") {
27817
27974
  triggerAnimationProcessingToCompleted();
@@ -28296,13 +28453,13 @@ var CheckoutNotifications = ({
28296
28453
  withdrawal: isWithdrawalDirectExecution
28297
28454
  }[variant]
28298
28455
  });
28299
- useEffect51(() => {
28456
+ useEffect50(() => {
28300
28457
  if (initialCheckouts || !checkouts) {
28301
28458
  return;
28302
28459
  }
28303
28460
  setInitialCheckouts(checkouts);
28304
28461
  }, [initialCheckouts, checkouts]);
28305
- useEffect51(() => {
28462
+ useEffect50(() => {
28306
28463
  if (initialDirectExecutions || !directExecutions) {
28307
28464
  return;
28308
28465
  }
@@ -28680,7 +28837,7 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
28680
28837
  import { IN_PROGRESS_CHECKOUT_STATES as IN_PROGRESS_CHECKOUT_STATES2 } from "@funkit/api-base";
28681
28838
  import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
28682
28839
  import clsx23 from "clsx";
28683
- import React215, { useEffect as useEffect52, useMemo as useMemo40, useRef as useRef26, useState as useState68 } from "react";
28840
+ import React215, { useEffect as useEffect51, useMemo as useMemo40, useRef as useRef26, useState as useState68 } from "react";
28684
28841
  import { Virtuoso } from "react-virtuoso";
28685
28842
  import { useAccount as useAccount7 } from "wagmi";
28686
28843
 
@@ -28756,7 +28913,7 @@ var RedRoundErrorCross = ({ size = 15 }) => {
28756
28913
 
28757
28914
  // src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts
28758
28915
  var baseStyles4 = "ukct4t4";
28759
- var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2f17g _1rsrm2f149", defaultBackground: "_1rsrm2fq4 _1rsrm2fmi", hoverBackground: "_1rsrm2fm5" };
28916
+ var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2f18a _1rsrm2f14x", defaultBackground: "_1rsrm2fqa _1rsrm2fmi", hoverBackground: "_1rsrm2fm5" };
28760
28917
 
28761
28918
  // src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
28762
28919
  var TEXT_SIZE_MEDIUM2 = "13";
@@ -28945,7 +29102,7 @@ var HomeCheckoutDisplayRowSkeleton = () => {
28945
29102
 
28946
29103
  // src/modals/ProfileDetails/FunProfileViews/Home/HomeTokenDisplayRow.tsx
28947
29104
  import {
28948
- formatCryptoAndStringify as formatCryptoAndStringify7,
29105
+ formatCryptoAndStringify as formatCryptoAndStringify9,
28949
29106
  formatCurrencyAndStringify as formatCurrencyAndStringify14,
28950
29107
  isMobile as isMobile10
28951
29108
  } from "@funkit/utils";
@@ -29005,7 +29162,7 @@ var HomeTokenBalanceDisplayRow = ({
29005
29162
  justifyContent: "space-between"
29006
29163
  },
29007
29164
  /* @__PURE__ */ React211.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, asset.name),
29008
- /* @__PURE__ */ React211.createElement(Text, { color: "secondaryText", size: TEXT_SIZE, weight: "regular" }, formatCryptoAndStringify7(normalizedAmount, asset.symbol))
29165
+ /* @__PURE__ */ React211.createElement(Text, { color: "secondaryText", size: TEXT_SIZE, weight: "regular" }, formatCryptoAndStringify9(normalizedAmount, asset.symbol))
29009
29166
  )
29010
29167
  ),
29011
29168
  /* @__PURE__ */ React211.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, formatCurrencyAndStringify14(asset.totalUsdValue || 0))
@@ -29223,7 +29380,7 @@ function Home({
29223
29380
  const { checkoutHistoryList, isCheckoutHistoryInited } = useCheckoutHistoryContext();
29224
29381
  const { returnViewPresets } = useActivityTraversal();
29225
29382
  const { animation: tabAnimation, navigateTo } = useAnimatedNavigation(setSelectedView);
29226
- useEffect52(() => {
29383
+ useEffect51(() => {
29227
29384
  const virtuosoDiv = virtuosoParentRef.current?.firstChild;
29228
29385
  virtuosoDiv?.classList.add(animateVirtuosoInClass);
29229
29386
  }, []);
@@ -30214,7 +30371,7 @@ function ModalProvider({ children }) {
30214
30371
  onConnect: () => closeModals(isUnauthenticated),
30215
30372
  onDisconnect: closeModals
30216
30373
  });
30217
- useEffect53(() => {
30374
+ useEffect52(() => {
30218
30375
  if (isUnauthenticated) {
30219
30376
  closeModals();
30220
30377
  }
@@ -30319,7 +30476,7 @@ function useConnectModal(onClose) {
30319
30476
  const { connectModalOpen, openConnectModal } = useContext16(ModalContext);
30320
30477
  const { isWalletConnectModalOpen } = useWalletConnectOpenState();
30321
30478
  const effectiveConnectModalOpen = connectModalOpen || isWalletConnectModalOpen;
30322
- useEffect53(() => {
30479
+ useEffect52(() => {
30323
30480
  if (!effectiveConnectModalOpen && onClose) {
30324
30481
  onClose();
30325
30482
  }
@@ -30453,7 +30610,7 @@ function useWalletConnectors(mergeEIP6963WithRkConnectors = false) {
30453
30610
  // want to have additional information in the connector.
30454
30611
  ...connector.fkcDetails || {}
30455
30612
  }));
30456
- async function connectWallet(connector) {
30613
+ async function connectWallet(connector, parameters = {}) {
30457
30614
  const walletChainId = await connector.getChainId();
30458
30615
  const result = await connectAsync({
30459
30616
  chainId: (
@@ -30463,7 +30620,8 @@ function useWalletConnectors(mergeEIP6963WithRkConnectors = false) {
30463
30620
  funkitConnectChains.find(({ id }) => id === walletChainId)?.id ?? // Finally, fall back to the first chain provided to FunkitProvider.
30464
30621
  funkitConnectChains[0]?.id
30465
30622
  ),
30466
- connector
30623
+ connector,
30624
+ ...parameters
30467
30625
  });
30468
30626
  if (result) {
30469
30627
  addRecentWalletId(connector.id);
@@ -30653,7 +30811,7 @@ var FunkitWeb2Provider = ({
30653
30811
  },
30654
30812
  []
30655
30813
  );
30656
- useEffect54(() => {
30814
+ useEffect53(() => {
30657
30815
  const newPrivy = new PrivyJS({
30658
30816
  appId: DEFAULT_PRIVY_APP_ID,
30659
30817
  storage: new LocalStorage(),
@@ -30868,7 +31026,7 @@ var FunkitWeb2Provider = ({
30868
31026
  }
30869
31027
  }
30870
31028
  }, [handleFunkitWeb2Login, initChainId, loginMethod]);
30871
- useEffect54(() => {
31029
+ useEffect53(() => {
30872
31030
  if (privy && privyIframeUrl && isNotNullish11(initChainId)) {
30873
31031
  const iframe = document.getElementById(
30874
31032
  PRIVY_IFRAME_ID
@@ -31117,10 +31275,10 @@ import React230 from "react";
31117
31275
  import { useAccount as useAccount12, useBalance, useConfig as useConfig8 } from "wagmi";
31118
31276
 
31119
31277
  // src/hooks/useIsMounted.ts
31120
- import { useCallback as useCallback51, useEffect as useEffect55, useState as useState73 } from "react";
31278
+ import { useCallback as useCallback51, useEffect as useEffect54, useState as useState73 } from "react";
31121
31279
  function useIsMounted() {
31122
31280
  const [isMounted, setIsMounted] = useState73(false);
31123
- useEffect55(() => {
31281
+ useEffect54(() => {
31124
31282
  setIsMounted(true);
31125
31283
  return () => {
31126
31284
  setIsMounted(false);
@@ -31407,7 +31565,7 @@ function ConnectButton({
31407
31565
  const connectionStatus = useConnectionStatus();
31408
31566
  const { setShowBalance } = useShowBalance();
31409
31567
  const [ready, setReady] = useState74(false);
31410
- useEffect56(() => {
31568
+ useEffect55(() => {
31411
31569
  setShowBalance(showBalance);
31412
31570
  if (!ready) {
31413
31571
  setReady(true);
@@ -31970,26 +32128,26 @@ import React234, { createContext as createContext19, useContext as useContext19
31970
32128
  import { WagmiProvider, useAccountEffect as useAccountEffect3 } from "wagmi";
31971
32129
 
31972
32130
  // src/providers/useFingerprint.ts
31973
- import { useCallback as useCallback52, useEffect as useEffect57 } from "react";
32131
+ import { useCallback as useCallback52, useEffect as useEffect56 } from "react";
31974
32132
  var storageKey5 = "funkit-connect-version";
31975
32133
  function setFunkitConnectVersion({ version }) {
31976
32134
  localStorage.setItem(storageKey5, version);
31977
32135
  }
31978
32136
  function getCurrentSdkVersion() {
31979
- return "6.14.6";
32137
+ return "6.14.8";
31980
32138
  }
31981
32139
  function useFingerprint() {
31982
32140
  const fingerprint = useCallback52(() => {
31983
32141
  setFunkitConnectVersion({ version: getCurrentSdkVersion() });
31984
32142
  }, []);
31985
- useEffect57(() => {
32143
+ useEffect56(() => {
31986
32144
  fingerprint();
31987
32145
  }, [fingerprint]);
31988
32146
  }
31989
32147
 
31990
32148
  // src/providers/usePreloadImages.ts
31991
32149
  import { isNotNullish as isNotNullish12 } from "@funkit/utils";
31992
- import { useCallback as useCallback53, useEffect as useEffect58 } from "react";
32150
+ import { useCallback as useCallback53, useEffect as useEffect57 } from "react";
31993
32151
  function usePreloadImages() {
31994
32152
  const funkitConnectChains = useFunkitConnectChains();
31995
32153
  const walletConnectors = useWalletConnectors();
@@ -31999,7 +32157,7 @@ function usePreloadImages() {
31999
32157
  ...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish12)
32000
32158
  );
32001
32159
  }, [walletConnectors, funkitConnectChains]);
32002
- useEffect58(() => {
32160
+ useEffect57(() => {
32003
32161
  preloadImages();
32004
32162
  }, [preloadImages]);
32005
32163
  }