@funkit/connect 5.0.5 → 5.0.6

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 (20) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/{chunk-DRTHDG4D.js → chunk-7QFRFB6R.js} +9 -0
  3. package/dist/{chunk-ZHSAPALJ.js → chunk-J2TPZOG7.js} +9 -0
  4. package/dist/components/Box/Box.d.ts +21 -21
  5. package/dist/components/Dropdown/BaseActiveDropdownItem.d.ts +3 -1
  6. package/dist/components/Dropdown/BaseDropdown.d.ts +4 -2
  7. package/dist/components/Dropdown/ChainDropdown.d.ts +15 -5
  8. package/dist/components/FunButton/FunIconButton.d.ts +19 -2
  9. package/dist/components/FunOptionBox/FunOptionBox.css.d.ts +1 -1
  10. package/dist/css/sprinkles.css.d.ts +37 -21
  11. package/dist/domains/asset.d.ts +1 -1
  12. package/dist/index.css +1492 -989
  13. package/dist/index.js +487 -405
  14. package/dist/providers/FunkitConfigContext.d.ts +1 -0
  15. package/dist/providers/FunkitThemeProvider.d.ts +24 -0
  16. package/dist/themes/darkTheme.js +1 -1
  17. package/dist/themes/lightTheme.js +1 -1
  18. package/dist/utils/flags/config.d.ts +1 -1
  19. package/dist/wallets/walletConnectors/index.js +34 -34
  20. package/package.json +5 -5
package/dist/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  darkTheme
4
- } from "./chunk-ZHSAPALJ.js";
4
+ } from "./chunk-J2TPZOG7.js";
5
5
  import {
6
6
  lightTheme
7
- } from "./chunk-DRTHDG4D.js";
7
+ } from "./chunk-7QFRFB6R.js";
8
8
  import {
9
9
  systemFontStack
10
10
  } from "./chunk-2T4ZDGAO.js";
@@ -14,9 +14,9 @@ var BASE_DIALOG_PADDING = "6";
14
14
  var SCROLL_BAR_WIDTH = 6;
15
15
  var contentCollapsed = "_1pzt423c";
16
16
  var contentExpanded = "_1pzt423b";
17
- var dialog = "_1pzt4231 _1rsrm2fj3 _1rsrm2fu9 _1rsrm2fu _1rsrm2fz _1rsrm2f13 _1rsrm2f11x _1rsrm2fa _1rsrm2f1d _1rsrm2fbg _1rsrm2fej _1rsrm2fby _1rsrm2fd5 _1rsrm2fce";
18
- var dialogCompact = "_1pzt4232 _1pzt4231 _1rsrm2fj3 _1rsrm2fu9 _1rsrm2fu _1rsrm2fz _1rsrm2f13 _1rsrm2f11x _1rsrm2fa _1rsrm2f1d _1rsrm2fbg _1rsrm2fej _1rsrm2fby _1rsrm2fd5 _1rsrm2fce";
19
- var dialogMedium = "_1pzt4233 _1pzt4231 _1rsrm2fj3 _1rsrm2fu9 _1rsrm2fu _1rsrm2fz _1rsrm2f13 _1rsrm2f11x _1rsrm2fa _1rsrm2f1d _1rsrm2fbg _1rsrm2fej _1rsrm2fby _1rsrm2fd5 _1rsrm2fce";
17
+ var dialog = "_1pzt4231 _1rsrm2fj3 _1rsrm2fvl _1rsrm2fu _1rsrm2fz _1rsrm2f13 _1rsrm2f14l _1rsrm2fa _1rsrm2f1d _1rsrm2fbg _1rsrm2fej _1rsrm2fby _1rsrm2fd5 _1rsrm2fce";
18
+ var dialogCompact = "_1pzt4232 _1pzt4231 _1rsrm2fj3 _1rsrm2fvl _1rsrm2fu _1rsrm2fz _1rsrm2f13 _1rsrm2f14l _1rsrm2fa _1rsrm2f1d _1rsrm2fbg _1rsrm2fej _1rsrm2fby _1rsrm2fd5 _1rsrm2fce";
19
+ var dialogMedium = "_1pzt4233 _1pzt4231 _1rsrm2fj3 _1rsrm2fvl _1rsrm2fu _1rsrm2fz _1rsrm2f13 _1rsrm2f14l _1rsrm2fa _1rsrm2f1d _1rsrm2fbg _1rsrm2fej _1rsrm2fby _1rsrm2fd5 _1rsrm2fce";
20
20
  var dialogMobile = "_1pzt4235 _1rsrm2fv _1rsrm2f13";
21
21
  var dividerTransition = "_1pzt423a";
22
22
  var fullHeightContent = "_1pzt4239";
@@ -43,8 +43,8 @@ import { createNormalizeValueFn as _a49f6 } from "@vanilla-extract/sprinkles/cre
43
43
  import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
44
44
  var mapResponsiveValue = _51c72({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
45
45
  var normalizeResponsiveValue = _a49f6({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
46
- var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2ffr", hover: "_1rsrm2ffs", active: "_1rsrm2fft", selection: "_1rsrm2ffu", focused: "_1rsrm2ffv", focusedVisible: "_1rsrm2ffw" }, defaultClass: "_1rsrm2ffr" }, accentColorForeground: { conditions: { base: "_1rsrm2ffx", hover: "_1rsrm2ffy", active: "_1rsrm2ffz", selection: "_1rsrm2fg0", focused: "_1rsrm2fg1", focusedVisible: "_1rsrm2fg2" }, defaultClass: "_1rsrm2ffx" }, actionButtonBorder: { conditions: { base: "_1rsrm2fg3", hover: "_1rsrm2fg4", active: "_1rsrm2fg5", selection: "_1rsrm2fg6", focused: "_1rsrm2fg7", focusedVisible: "_1rsrm2fg8" }, defaultClass: "_1rsrm2fg3" }, connectButtonBackground: { conditions: { base: "_1rsrm2fg9", hover: "_1rsrm2fga", active: "_1rsrm2fgb", selection: "_1rsrm2fgc", focused: "_1rsrm2fgd", focusedVisible: "_1rsrm2fge" }, defaultClass: "_1rsrm2fg9" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fgf", hover: "_1rsrm2fgg", active: "_1rsrm2fgh", selection: "_1rsrm2fgi", focused: "_1rsrm2fgj", focusedVisible: "_1rsrm2fgk" }, defaultClass: "_1rsrm2fgf" }, connectButtonText: { conditions: { base: "_1rsrm2fgl", hover: "_1rsrm2fgm", active: "_1rsrm2fgn", selection: "_1rsrm2fgo", focused: "_1rsrm2fgp", focusedVisible: "_1rsrm2fgq" }, defaultClass: "_1rsrm2fgl" }, connectButtonTextError: { conditions: { base: "_1rsrm2fgr", hover: "_1rsrm2fgs", active: "_1rsrm2fgt", selection: "_1rsrm2fgu", focused: "_1rsrm2fgv", focusedVisible: "_1rsrm2fgw" }, defaultClass: "_1rsrm2fgr" }, connectionIndicator: { conditions: { base: "_1rsrm2fgx", hover: "_1rsrm2fgy", active: "_1rsrm2fgz", selection: "_1rsrm2fh0", focused: "_1rsrm2fh1", focusedVisible: "_1rsrm2fh2" }, defaultClass: "_1rsrm2fgx" }, error: { conditions: { base: "_1rsrm2fh3", hover: "_1rsrm2fh4", active: "_1rsrm2fh5", selection: "_1rsrm2fh6", focused: "_1rsrm2fh7", focusedVisible: "_1rsrm2fh8" }, defaultClass: "_1rsrm2fh3" }, errorBackground: { conditions: { base: "_1rsrm2fh9", hover: "_1rsrm2fha", active: "_1rsrm2fhb", selection: "_1rsrm2fhc", focused: "_1rsrm2fhd", focusedVisible: "_1rsrm2fhe" }, defaultClass: "_1rsrm2fh9" }, errorBorder: { conditions: { base: "_1rsrm2fhf", hover: "_1rsrm2fhg", active: "_1rsrm2fhh", selection: "_1rsrm2fhi", focused: "_1rsrm2fhj", focusedVisible: "_1rsrm2fhk" }, defaultClass: "_1rsrm2fhf" }, generalBorder: { conditions: { base: "_1rsrm2fhl", hover: "_1rsrm2fhm", active: "_1rsrm2fhn", selection: "_1rsrm2fho", focused: "_1rsrm2fhp", focusedVisible: "_1rsrm2fhq" }, defaultClass: "_1rsrm2fhl" }, generalBorderDim: { conditions: { base: "_1rsrm2fhr", hover: "_1rsrm2fhs", active: "_1rsrm2fht", selection: "_1rsrm2fhu", focused: "_1rsrm2fhv", focusedVisible: "_1rsrm2fhw" }, defaultClass: "_1rsrm2fhr" }, menuItemBackground: { conditions: { base: "_1rsrm2fhx", hover: "_1rsrm2fhy", active: "_1rsrm2fhz", selection: "_1rsrm2fi0", focused: "_1rsrm2fi1", focusedVisible: "_1rsrm2fi2" }, defaultClass: "_1rsrm2fhx" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fi3", hover: "_1rsrm2fi4", active: "_1rsrm2fi5", selection: "_1rsrm2fi6", focused: "_1rsrm2fi7", focusedVisible: "_1rsrm2fi8" }, defaultClass: "_1rsrm2fi3" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fi9", hover: "_1rsrm2fia", active: "_1rsrm2fib", selection: "_1rsrm2fic", focused: "_1rsrm2fid", focusedVisible: "_1rsrm2fie" }, defaultClass: "_1rsrm2fi9" }, standby: { conditions: { base: "_1rsrm2fif", hover: "_1rsrm2fig", active: "_1rsrm2fih", selection: "_1rsrm2fii", focused: "_1rsrm2fij", focusedVisible: "_1rsrm2fik" }, defaultClass: "_1rsrm2fif" }, success: { conditions: { base: "_1rsrm2fil", hover: "_1rsrm2fim", active: "_1rsrm2fin", selection: "_1rsrm2fio", focused: "_1rsrm2fip", focusedVisible: "_1rsrm2fiq" }, defaultClass: "_1rsrm2fil" }, chainIconBorder: { conditions: { base: "_1rsrm2fir", hover: "_1rsrm2fis", active: "_1rsrm2fit", selection: "_1rsrm2fiu", focused: "_1rsrm2fiv", focusedVisible: "_1rsrm2fiw" }, defaultClass: "_1rsrm2fir" }, modalBackdrop: { conditions: { base: "_1rsrm2fix", hover: "_1rsrm2fiy", active: "_1rsrm2fiz", selection: "_1rsrm2fj0", focused: "_1rsrm2fj1", focusedVisible: "_1rsrm2fj2" }, defaultClass: "_1rsrm2fix" }, modalBackground: { conditions: { base: "_1rsrm2fj3", hover: "_1rsrm2fj4", active: "_1rsrm2fj5", selection: "_1rsrm2fj6", focused: "_1rsrm2fj7", focusedVisible: "_1rsrm2fj8" }, defaultClass: "_1rsrm2fj3" }, modalBorder: { conditions: { base: "_1rsrm2fj9", hover: "_1rsrm2fja", active: "_1rsrm2fjb", selection: "_1rsrm2fjc", focused: "_1rsrm2fjd", focusedVisible: "_1rsrm2fje" }, defaultClass: "_1rsrm2fj9" }, offBackground: { conditions: { base: "_1rsrm2fjf", hover: "_1rsrm2fjg", active: "_1rsrm2fjh", selection: "_1rsrm2fji", focused: "_1rsrm2fjj", focusedVisible: "_1rsrm2fjk" }, defaultClass: "_1rsrm2fjf" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2fjl", hover: "_1rsrm2fjm", active: "_1rsrm2fjn", selection: "_1rsrm2fjo", focused: "_1rsrm2fjp", focusedVisible: "_1rsrm2fjq" }, defaultClass: "_1rsrm2fjl" }, hoverState: { conditions: { base: "_1rsrm2fjr", hover: "_1rsrm2fjs", active: "_1rsrm2fjt", selection: "_1rsrm2fju", focused: "_1rsrm2fjv", focusedVisible: "_1rsrm2fjw" }, defaultClass: "_1rsrm2fjr" }, lightStroke: { conditions: { base: "_1rsrm2fjx", hover: "_1rsrm2fjy", active: "_1rsrm2fjz", selection: "_1rsrm2fk0", focused: "_1rsrm2fk1", focusedVisible: "_1rsrm2fk2" }, defaultClass: "_1rsrm2fjx" }, mediumStroke: { conditions: { base: "_1rsrm2fk3", hover: "_1rsrm2fk4", active: "_1rsrm2fk5", selection: "_1rsrm2fk6", focused: "_1rsrm2fk7", focusedVisible: "_1rsrm2fk8" }, defaultClass: "_1rsrm2fk3" }, heavyStroke: { conditions: { base: "_1rsrm2fk9", hover: "_1rsrm2fka", active: "_1rsrm2fkb", selection: "_1rsrm2fkc", focused: "_1rsrm2fkd", focusedVisible: "_1rsrm2fke" }, defaultClass: "_1rsrm2fk9" }, strokeColor: { conditions: { base: "_1rsrm2fkf", hover: "_1rsrm2fkg", active: "_1rsrm2fkh", selection: "_1rsrm2fki", focused: "_1rsrm2fkj", focusedVisible: "_1rsrm2fkk" }, defaultClass: "_1rsrm2fkf" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2fkl", hover: "_1rsrm2fkm", active: "_1rsrm2fkn", selection: "_1rsrm2fko", focused: "_1rsrm2fkp", focusedVisible: "_1rsrm2fkq" }, defaultClass: "_1rsrm2fkl" }, primaryText: { conditions: { base: "_1rsrm2fkr", hover: "_1rsrm2fks", active: "_1rsrm2fkt", selection: "_1rsrm2fku", focused: "_1rsrm2fkv", focusedVisible: "_1rsrm2fkw" }, defaultClass: "_1rsrm2fkr" }, secondaryText: { conditions: { base: "_1rsrm2fkx", hover: "_1rsrm2fky", active: "_1rsrm2fkz", selection: "_1rsrm2fl0", focused: "_1rsrm2fl1", focusedVisible: "_1rsrm2fl2" }, defaultClass: "_1rsrm2fkx" }, tertiaryText: { conditions: { base: "_1rsrm2fl3", hover: "_1rsrm2fl4", active: "_1rsrm2fl5", selection: "_1rsrm2fl6", focused: "_1rsrm2fl7", focusedVisible: "_1rsrm2fl8" }, defaultClass: "_1rsrm2fl3" }, textSelection: { conditions: { base: "_1rsrm2fl9", hover: "_1rsrm2fla", active: "_1rsrm2flb", selection: "_1rsrm2flc", focused: "_1rsrm2fld", focusedVisible: "_1rsrm2fle" }, defaultClass: "_1rsrm2fl9" }, inputBackground: { conditions: { base: "_1rsrm2flf", hover: "_1rsrm2flg", active: "_1rsrm2flh", selection: "_1rsrm2fli", focused: "_1rsrm2flj", focusedVisible: "_1rsrm2flk" }, defaultClass: "_1rsrm2flf" }, inputBorderBase: { conditions: { base: "_1rsrm2fll", hover: "_1rsrm2flm", active: "_1rsrm2fln", selection: "_1rsrm2flo", focused: "_1rsrm2flp", focusedVisible: "_1rsrm2flq" }, defaultClass: "_1rsrm2fll" }, inputBorderHover: { conditions: { base: "_1rsrm2flr", hover: "_1rsrm2fls", active: "_1rsrm2flt", selection: "_1rsrm2flu", focused: "_1rsrm2flv", focusedVisible: "_1rsrm2flw" }, defaultClass: "_1rsrm2flr" }, actionColor: { conditions: { base: "_1rsrm2flx", hover: "_1rsrm2fly", active: "_1rsrm2flz", selection: "_1rsrm2fm0", focused: "_1rsrm2fm1", focusedVisible: "_1rsrm2fm2" }, defaultClass: "_1rsrm2flx" }, actionColorHover: { conditions: { base: "_1rsrm2fm3", hover: "_1rsrm2fm4", active: "_1rsrm2fm5", selection: "_1rsrm2fm6", focused: "_1rsrm2fm7", focusedVisible: "_1rsrm2fm8" }, defaultClass: "_1rsrm2fm3" }, actionColorDisabled: { conditions: { base: "_1rsrm2fm9", hover: "_1rsrm2fma", active: "_1rsrm2fmb", selection: "_1rsrm2fmc", focused: "_1rsrm2fmd", focusedVisible: "_1rsrm2fme" }, defaultClass: "_1rsrm2fm9" }, buttonPrimary: { conditions: { base: "_1rsrm2fmf", hover: "_1rsrm2fmg", active: "_1rsrm2fmh", selection: "_1rsrm2fmi", focused: "_1rsrm2fmj", focusedVisible: "_1rsrm2fmk" }, defaultClass: "_1rsrm2fmf" }, buttonDisabled: { conditions: { base: "_1rsrm2fml", hover: "_1rsrm2fmm", active: "_1rsrm2fmn", selection: "_1rsrm2fmo", focused: "_1rsrm2fmp", focusedVisible: "_1rsrm2fmq" }, defaultClass: "_1rsrm2fml" }, buttonWarning: { conditions: { base: "_1rsrm2fmr", hover: "_1rsrm2fms", active: "_1rsrm2fmt", selection: "_1rsrm2fmu", focused: "_1rsrm2fmv", focusedVisible: "_1rsrm2fmw" }, defaultClass: "_1rsrm2fmr" }, buttonSuccess: { conditions: { base: "_1rsrm2fmx", hover: "_1rsrm2fmy", active: "_1rsrm2fmz", selection: "_1rsrm2fn0", focused: "_1rsrm2fn1", focusedVisible: "_1rsrm2fn2" }, defaultClass: "_1rsrm2fmx" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fn3", hover: "_1rsrm2fn4", active: "_1rsrm2fn5", selection: "_1rsrm2fn6", focused: "_1rsrm2fn7", focusedVisible: "_1rsrm2fn8" }, defaultClass: "_1rsrm2fn3" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fn9", hover: "_1rsrm2fna", active: "_1rsrm2fnb", selection: "_1rsrm2fnc", focused: "_1rsrm2fnd", focusedVisible: "_1rsrm2fne" }, defaultClass: "_1rsrm2fn9" }, transparent: { conditions: { base: "_1rsrm2fnf", hover: "_1rsrm2fng", active: "_1rsrm2fnh", selection: "_1rsrm2fni", focused: "_1rsrm2fnj", focusedVisible: "_1rsrm2fnk" }, defaultClass: "_1rsrm2fnf" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fnl", hover: "_1rsrm2fnm", active: "_1rsrm2fnn", selection: "_1rsrm2fno", focused: "_1rsrm2fnp", focusedVisible: "_1rsrm2fnq" }, defaultClass: "_1rsrm2fnl" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fnr", hover: "_1rsrm2fns", active: "_1rsrm2fnt", selection: "_1rsrm2fnu", focused: "_1rsrm2fnv", focusedVisible: "_1rsrm2fnw" }, defaultClass: "_1rsrm2fnr" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fnx", hover: "_1rsrm2fny", active: "_1rsrm2fnz", selection: "_1rsrm2fo0", focused: "_1rsrm2fo1", focusedVisible: "_1rsrm2fo2" }, defaultClass: "_1rsrm2fnx" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fo3", hover: "_1rsrm2fo4", active: "_1rsrm2fo5", selection: "_1rsrm2fo6", focused: "_1rsrm2fo7", focusedVisible: "_1rsrm2fo8" }, defaultClass: "_1rsrm2fo3" }, buttonStrokeTertiary: { conditions: { base: "_1rsrm2fo9", hover: "_1rsrm2foa", active: "_1rsrm2fob", selection: "_1rsrm2foc", focused: "_1rsrm2fod", focusedVisible: "_1rsrm2foe" }, defaultClass: "_1rsrm2fo9" }, buttonBackground: { conditions: { base: "_1rsrm2fof", hover: "_1rsrm2fog", active: "_1rsrm2foh", selection: "_1rsrm2foi", focused: "_1rsrm2foj", focusedVisible: "_1rsrm2fok" }, defaultClass: "_1rsrm2fof" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2fol", hover: "_1rsrm2fom", active: "_1rsrm2fon", selection: "_1rsrm2foo", focused: "_1rsrm2fop", focusedVisible: "_1rsrm2foq" }, defaultClass: "_1rsrm2fol" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2for", hover: "_1rsrm2fos", active: "_1rsrm2fot", selection: "_1rsrm2fou", focused: "_1rsrm2fov", focusedVisible: "_1rsrm2fow" }, defaultClass: "_1rsrm2for" }, buttonStroke: { conditions: { base: "_1rsrm2fox", hover: "_1rsrm2foy", active: "_1rsrm2foz", selection: "_1rsrm2fp0", focused: "_1rsrm2fp1", focusedVisible: "_1rsrm2fp2" }, defaultClass: "_1rsrm2fox" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fp3", hover: "_1rsrm2fp4", active: "_1rsrm2fp5", selection: "_1rsrm2fp6", focused: "_1rsrm2fp7", focusedVisible: "_1rsrm2fp8" }, defaultClass: "_1rsrm2fp3" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fp9", hover: "_1rsrm2fpa", active: "_1rsrm2fpb", selection: "_1rsrm2fpc", focused: "_1rsrm2fpd", focusedVisible: "_1rsrm2fpe" }, defaultClass: "_1rsrm2fp9" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2fpf", hover: "_1rsrm2fpg", active: "_1rsrm2fph", selection: "_1rsrm2fpi", focused: "_1rsrm2fpj", focusedVisible: "_1rsrm2fpk" }, defaultClass: "_1rsrm2fpf" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2fpl", hover: "_1rsrm2fpm", active: "_1rsrm2fpn", selection: "_1rsrm2fpo", focused: "_1rsrm2fpp", focusedVisible: "_1rsrm2fpq" }, defaultClass: "_1rsrm2fpl" }, buttonIconStroke: { conditions: { base: "_1rsrm2fpr", hover: "_1rsrm2fps", active: "_1rsrm2fpt", selection: "_1rsrm2fpu", focused: "_1rsrm2fpv", focusedVisible: "_1rsrm2fpw" }, defaultClass: "_1rsrm2fpr" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2fpx", hover: "_1rsrm2fpy", active: "_1rsrm2fpz", selection: "_1rsrm2fq0", focused: "_1rsrm2fq1", focusedVisible: "_1rsrm2fq2" }, defaultClass: "_1rsrm2fpx" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fq3", hover: "_1rsrm2fq4", active: "_1rsrm2fq5", selection: "_1rsrm2fq6", focused: "_1rsrm2fq7", focusedVisible: "_1rsrm2fq8" }, defaultClass: "_1rsrm2fq3" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fq9", hover: "_1rsrm2fqa", active: "_1rsrm2fqb", selection: "_1rsrm2fqc", focused: "_1rsrm2fqd", focusedVisible: "_1rsrm2fqe" }, defaultClass: "_1rsrm2fq9" }, announceGradientFrom: { conditions: { base: "_1rsrm2fqf", hover: "_1rsrm2fqg", active: "_1rsrm2fqh", selection: "_1rsrm2fqi", focused: "_1rsrm2fqj", focusedVisible: "_1rsrm2fqk" }, defaultClass: "_1rsrm2fqf" }, announceGradientTo: { conditions: { base: "_1rsrm2fql", hover: "_1rsrm2fqm", active: "_1rsrm2fqn", selection: "_1rsrm2fqo", focused: "_1rsrm2fqp", focusedVisible: "_1rsrm2fqq" }, defaultClass: "_1rsrm2fql" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fqr", hover: "_1rsrm2fqs", active: "_1rsrm2fqt", selection: "_1rsrm2fqu", focused: "_1rsrm2fqv", focusedVisible: "_1rsrm2fqw" }, defaultClass: "_1rsrm2fqr" }, accentColorForeground: { conditions: { base: "_1rsrm2fqx", hover: "_1rsrm2fqy", active: "_1rsrm2fqz", selection: "_1rsrm2fr0", focused: "_1rsrm2fr1", focusedVisible: "_1rsrm2fr2" }, defaultClass: "_1rsrm2fqx" }, actionButtonBorder: { conditions: { base: "_1rsrm2fr3", hover: "_1rsrm2fr4", active: "_1rsrm2fr5", selection: "_1rsrm2fr6", focused: "_1rsrm2fr7", focusedVisible: "_1rsrm2fr8" }, defaultClass: "_1rsrm2fr3" }, connectButtonBackground: { conditions: { base: "_1rsrm2fr9", hover: "_1rsrm2fra", active: "_1rsrm2frb", selection: "_1rsrm2frc", focused: "_1rsrm2frd", focusedVisible: "_1rsrm2fre" }, defaultClass: "_1rsrm2fr9" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2frf", hover: "_1rsrm2frg", active: "_1rsrm2frh", selection: "_1rsrm2fri", focused: "_1rsrm2frj", focusedVisible: "_1rsrm2frk" }, defaultClass: "_1rsrm2frf" }, connectButtonText: { conditions: { base: "_1rsrm2frl", hover: "_1rsrm2frm", active: "_1rsrm2frn", selection: "_1rsrm2fro", focused: "_1rsrm2frp", focusedVisible: "_1rsrm2frq" }, defaultClass: "_1rsrm2frl" }, connectButtonTextError: { conditions: { base: "_1rsrm2frr", hover: "_1rsrm2frs", active: "_1rsrm2frt", selection: "_1rsrm2fru", focused: "_1rsrm2frv", focusedVisible: "_1rsrm2frw" }, defaultClass: "_1rsrm2frr" }, connectionIndicator: { conditions: { base: "_1rsrm2frx", hover: "_1rsrm2fry", active: "_1rsrm2frz", selection: "_1rsrm2fs0", focused: "_1rsrm2fs1", focusedVisible: "_1rsrm2fs2" }, defaultClass: "_1rsrm2frx" }, error: { conditions: { base: "_1rsrm2fs3", hover: "_1rsrm2fs4", active: "_1rsrm2fs5", selection: "_1rsrm2fs6", focused: "_1rsrm2fs7", focusedVisible: "_1rsrm2fs8" }, defaultClass: "_1rsrm2fs3" }, errorBackground: { conditions: { base: "_1rsrm2fs9", hover: "_1rsrm2fsa", active: "_1rsrm2fsb", selection: "_1rsrm2fsc", focused: "_1rsrm2fsd", focusedVisible: "_1rsrm2fse" }, defaultClass: "_1rsrm2fs9" }, errorBorder: { conditions: { base: "_1rsrm2fsf", hover: "_1rsrm2fsg", active: "_1rsrm2fsh", selection: "_1rsrm2fsi", focused: "_1rsrm2fsj", focusedVisible: "_1rsrm2fsk" }, defaultClass: "_1rsrm2fsf" }, generalBorder: { conditions: { base: "_1rsrm2fsl", hover: "_1rsrm2fsm", active: "_1rsrm2fsn", selection: "_1rsrm2fso", focused: "_1rsrm2fsp", focusedVisible: "_1rsrm2fsq" }, defaultClass: "_1rsrm2fsl" }, generalBorderDim: { conditions: { base: "_1rsrm2fsr", hover: "_1rsrm2fss", active: "_1rsrm2fst", selection: "_1rsrm2fsu", focused: "_1rsrm2fsv", focusedVisible: "_1rsrm2fsw" }, defaultClass: "_1rsrm2fsr" }, menuItemBackground: { conditions: { base: "_1rsrm2fsx", hover: "_1rsrm2fsy", active: "_1rsrm2fsz", selection: "_1rsrm2ft0", focused: "_1rsrm2ft1", focusedVisible: "_1rsrm2ft2" }, defaultClass: "_1rsrm2fsx" }, selectedOptionBorder: { conditions: { base: "_1rsrm2ft3", hover: "_1rsrm2ft4", active: "_1rsrm2ft5", selection: "_1rsrm2ft6", focused: "_1rsrm2ft7", focusedVisible: "_1rsrm2ft8" }, defaultClass: "_1rsrm2ft3" }, focusedOptionBorder: { conditions: { base: "_1rsrm2ft9", hover: "_1rsrm2fta", active: "_1rsrm2ftb", selection: "_1rsrm2ftc", focused: "_1rsrm2ftd", focusedVisible: "_1rsrm2fte" }, defaultClass: "_1rsrm2ft9" }, standby: { conditions: { base: "_1rsrm2ftf", hover: "_1rsrm2ftg", active: "_1rsrm2fth", selection: "_1rsrm2fti", focused: "_1rsrm2ftj", focusedVisible: "_1rsrm2ftk" }, defaultClass: "_1rsrm2ftf" }, success: { conditions: { base: "_1rsrm2ftl", hover: "_1rsrm2ftm", active: "_1rsrm2ftn", selection: "_1rsrm2fto", focused: "_1rsrm2ftp", focusedVisible: "_1rsrm2ftq" }, defaultClass: "_1rsrm2ftl" }, chainIconBorder: { conditions: { base: "_1rsrm2ftr", hover: "_1rsrm2fts", active: "_1rsrm2ftt", selection: "_1rsrm2ftu", focused: "_1rsrm2ftv", focusedVisible: "_1rsrm2ftw" }, defaultClass: "_1rsrm2ftr" }, modalBackdrop: { conditions: { base: "_1rsrm2ftx", hover: "_1rsrm2fty", active: "_1rsrm2ftz", selection: "_1rsrm2fu0", focused: "_1rsrm2fu1", focusedVisible: "_1rsrm2fu2" }, defaultClass: "_1rsrm2ftx" }, modalBackground: { conditions: { base: "_1rsrm2fu3", hover: "_1rsrm2fu4", active: "_1rsrm2fu5", selection: "_1rsrm2fu6", focused: "_1rsrm2fu7", focusedVisible: "_1rsrm2fu8" }, defaultClass: "_1rsrm2fu3" }, modalBorder: { conditions: { base: "_1rsrm2fu9", hover: "_1rsrm2fua", active: "_1rsrm2fub", selection: "_1rsrm2fuc", focused: "_1rsrm2fud", focusedVisible: "_1rsrm2fue" }, defaultClass: "_1rsrm2fu9" }, offBackground: { conditions: { base: "_1rsrm2fuf", hover: "_1rsrm2fug", active: "_1rsrm2fuh", selection: "_1rsrm2fui", focused: "_1rsrm2fuj", focusedVisible: "_1rsrm2fuk" }, defaultClass: "_1rsrm2fuf" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2ful", hover: "_1rsrm2fum", active: "_1rsrm2fun", selection: "_1rsrm2fuo", focused: "_1rsrm2fup", focusedVisible: "_1rsrm2fuq" }, defaultClass: "_1rsrm2ful" }, hoverState: { conditions: { base: "_1rsrm2fur", hover: "_1rsrm2fus", active: "_1rsrm2fut", selection: "_1rsrm2fuu", focused: "_1rsrm2fuv", focusedVisible: "_1rsrm2fuw" }, defaultClass: "_1rsrm2fur" }, lightStroke: { conditions: { base: "_1rsrm2fux", hover: "_1rsrm2fuy", active: "_1rsrm2fuz", selection: "_1rsrm2fv0", focused: "_1rsrm2fv1", focusedVisible: "_1rsrm2fv2" }, defaultClass: "_1rsrm2fux" }, mediumStroke: { conditions: { base: "_1rsrm2fv3", hover: "_1rsrm2fv4", active: "_1rsrm2fv5", selection: "_1rsrm2fv6", focused: "_1rsrm2fv7", focusedVisible: "_1rsrm2fv8" }, defaultClass: "_1rsrm2fv3" }, heavyStroke: { conditions: { base: "_1rsrm2fv9", hover: "_1rsrm2fva", active: "_1rsrm2fvb", selection: "_1rsrm2fvc", focused: "_1rsrm2fvd", focusedVisible: "_1rsrm2fve" }, defaultClass: "_1rsrm2fv9" }, strokeColor: { conditions: { base: "_1rsrm2fvf", hover: "_1rsrm2fvg", active: "_1rsrm2fvh", selection: "_1rsrm2fvi", focused: "_1rsrm2fvj", focusedVisible: "_1rsrm2fvk" }, defaultClass: "_1rsrm2fvf" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2fvl", hover: "_1rsrm2fvm", active: "_1rsrm2fvn", selection: "_1rsrm2fvo", focused: "_1rsrm2fvp", focusedVisible: "_1rsrm2fvq" }, defaultClass: "_1rsrm2fvl" }, primaryText: { conditions: { base: "_1rsrm2fvr", hover: "_1rsrm2fvs", active: "_1rsrm2fvt", selection: "_1rsrm2fvu", focused: "_1rsrm2fvv", focusedVisible: "_1rsrm2fvw" }, defaultClass: "_1rsrm2fvr" }, secondaryText: { conditions: { base: "_1rsrm2fvx", hover: "_1rsrm2fvy", active: "_1rsrm2fvz", selection: "_1rsrm2fw0", focused: "_1rsrm2fw1", focusedVisible: "_1rsrm2fw2" }, defaultClass: "_1rsrm2fvx" }, tertiaryText: { conditions: { base: "_1rsrm2fw3", hover: "_1rsrm2fw4", active: "_1rsrm2fw5", selection: "_1rsrm2fw6", focused: "_1rsrm2fw7", focusedVisible: "_1rsrm2fw8" }, defaultClass: "_1rsrm2fw3" }, textSelection: { conditions: { base: "_1rsrm2fw9", hover: "_1rsrm2fwa", active: "_1rsrm2fwb", selection: "_1rsrm2fwc", focused: "_1rsrm2fwd", focusedVisible: "_1rsrm2fwe" }, defaultClass: "_1rsrm2fw9" }, inputBackground: { conditions: { base: "_1rsrm2fwf", hover: "_1rsrm2fwg", active: "_1rsrm2fwh", selection: "_1rsrm2fwi", focused: "_1rsrm2fwj", focusedVisible: "_1rsrm2fwk" }, defaultClass: "_1rsrm2fwf" }, inputBorderBase: { conditions: { base: "_1rsrm2fwl", hover: "_1rsrm2fwm", active: "_1rsrm2fwn", selection: "_1rsrm2fwo", focused: "_1rsrm2fwp", focusedVisible: "_1rsrm2fwq" }, defaultClass: "_1rsrm2fwl" }, inputBorderHover: { conditions: { base: "_1rsrm2fwr", hover: "_1rsrm2fws", active: "_1rsrm2fwt", selection: "_1rsrm2fwu", focused: "_1rsrm2fwv", focusedVisible: "_1rsrm2fww" }, defaultClass: "_1rsrm2fwr" }, actionColor: { conditions: { base: "_1rsrm2fwx", hover: "_1rsrm2fwy", active: "_1rsrm2fwz", selection: "_1rsrm2fx0", focused: "_1rsrm2fx1", focusedVisible: "_1rsrm2fx2" }, defaultClass: "_1rsrm2fwx" }, actionColorHover: { conditions: { base: "_1rsrm2fx3", hover: "_1rsrm2fx4", active: "_1rsrm2fx5", selection: "_1rsrm2fx6", focused: "_1rsrm2fx7", focusedVisible: "_1rsrm2fx8" }, defaultClass: "_1rsrm2fx3" }, actionColorDisabled: { conditions: { base: "_1rsrm2fx9", hover: "_1rsrm2fxa", active: "_1rsrm2fxb", selection: "_1rsrm2fxc", focused: "_1rsrm2fxd", focusedVisible: "_1rsrm2fxe" }, defaultClass: "_1rsrm2fx9" }, buttonPrimary: { conditions: { base: "_1rsrm2fxf", hover: "_1rsrm2fxg", active: "_1rsrm2fxh", selection: "_1rsrm2fxi", focused: "_1rsrm2fxj", focusedVisible: "_1rsrm2fxk" }, defaultClass: "_1rsrm2fxf" }, buttonDisabled: { conditions: { base: "_1rsrm2fxl", hover: "_1rsrm2fxm", active: "_1rsrm2fxn", selection: "_1rsrm2fxo", focused: "_1rsrm2fxp", focusedVisible: "_1rsrm2fxq" }, defaultClass: "_1rsrm2fxl" }, buttonWarning: { conditions: { base: "_1rsrm2fxr", hover: "_1rsrm2fxs", active: "_1rsrm2fxt", selection: "_1rsrm2fxu", focused: "_1rsrm2fxv", focusedVisible: "_1rsrm2fxw" }, defaultClass: "_1rsrm2fxr" }, buttonSuccess: { conditions: { base: "_1rsrm2fxx", hover: "_1rsrm2fxy", active: "_1rsrm2fxz", selection: "_1rsrm2fy0", focused: "_1rsrm2fy1", focusedVisible: "_1rsrm2fy2" }, defaultClass: "_1rsrm2fxx" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fy3", hover: "_1rsrm2fy4", active: "_1rsrm2fy5", selection: "_1rsrm2fy6", focused: "_1rsrm2fy7", focusedVisible: "_1rsrm2fy8" }, defaultClass: "_1rsrm2fy3" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fy9", hover: "_1rsrm2fya", active: "_1rsrm2fyb", selection: "_1rsrm2fyc", focused: "_1rsrm2fyd", focusedVisible: "_1rsrm2fye" }, defaultClass: "_1rsrm2fy9" }, transparent: { conditions: { base: "_1rsrm2fyf", hover: "_1rsrm2fyg", active: "_1rsrm2fyh", selection: "_1rsrm2fyi", focused: "_1rsrm2fyj", focusedVisible: "_1rsrm2fyk" }, defaultClass: "_1rsrm2fyf" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fyl", hover: "_1rsrm2fym", active: "_1rsrm2fyn", selection: "_1rsrm2fyo", focused: "_1rsrm2fyp", focusedVisible: "_1rsrm2fyq" }, defaultClass: "_1rsrm2fyl" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fyr", hover: "_1rsrm2fys", active: "_1rsrm2fyt", selection: "_1rsrm2fyu", focused: "_1rsrm2fyv", focusedVisible: "_1rsrm2fyw" }, defaultClass: "_1rsrm2fyr" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fyx", hover: "_1rsrm2fyy", active: "_1rsrm2fyz", selection: "_1rsrm2fz0", focused: "_1rsrm2fz1", focusedVisible: "_1rsrm2fz2" }, defaultClass: "_1rsrm2fyx" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fz3", hover: "_1rsrm2fz4", active: "_1rsrm2fz5", selection: "_1rsrm2fz6", focused: "_1rsrm2fz7", focusedVisible: "_1rsrm2fz8" }, defaultClass: "_1rsrm2fz3" }, buttonStrokeTertiary: { conditions: { base: "_1rsrm2fz9", hover: "_1rsrm2fza", active: "_1rsrm2fzb", selection: "_1rsrm2fzc", focused: "_1rsrm2fzd", focusedVisible: "_1rsrm2fze" }, defaultClass: "_1rsrm2fz9" }, buttonBackground: { conditions: { base: "_1rsrm2fzf", hover: "_1rsrm2fzg", active: "_1rsrm2fzh", selection: "_1rsrm2fzi", focused: "_1rsrm2fzj", focusedVisible: "_1rsrm2fzk" }, defaultClass: "_1rsrm2fzf" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2fzl", hover: "_1rsrm2fzm", active: "_1rsrm2fzn", selection: "_1rsrm2fzo", focused: "_1rsrm2fzp", focusedVisible: "_1rsrm2fzq" }, defaultClass: "_1rsrm2fzl" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2fzr", hover: "_1rsrm2fzs", active: "_1rsrm2fzt", selection: "_1rsrm2fzu", focused: "_1rsrm2fzv", focusedVisible: "_1rsrm2fzw" }, defaultClass: "_1rsrm2fzr" }, buttonStroke: { conditions: { base: "_1rsrm2fzx", hover: "_1rsrm2fzy", active: "_1rsrm2fzz", selection: "_1rsrm2f100", focused: "_1rsrm2f101", focusedVisible: "_1rsrm2f102" }, defaultClass: "_1rsrm2fzx" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f103", hover: "_1rsrm2f104", active: "_1rsrm2f105", selection: "_1rsrm2f106", focused: "_1rsrm2f107", focusedVisible: "_1rsrm2f108" }, defaultClass: "_1rsrm2f103" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f109", hover: "_1rsrm2f10a", active: "_1rsrm2f10b", selection: "_1rsrm2f10c", focused: "_1rsrm2f10d", focusedVisible: "_1rsrm2f10e" }, defaultClass: "_1rsrm2f109" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f10f", hover: "_1rsrm2f10g", active: "_1rsrm2f10h", selection: "_1rsrm2f10i", focused: "_1rsrm2f10j", focusedVisible: "_1rsrm2f10k" }, defaultClass: "_1rsrm2f10f" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f10l", hover: "_1rsrm2f10m", active: "_1rsrm2f10n", selection: "_1rsrm2f10o", focused: "_1rsrm2f10p", focusedVisible: "_1rsrm2f10q" }, defaultClass: "_1rsrm2f10l" }, buttonIconStroke: { conditions: { base: "_1rsrm2f10r", hover: "_1rsrm2f10s", active: "_1rsrm2f10t", selection: "_1rsrm2f10u", focused: "_1rsrm2f10v", focusedVisible: "_1rsrm2f10w" }, defaultClass: "_1rsrm2f10r" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f10x", hover: "_1rsrm2f10y", active: "_1rsrm2f10z", selection: "_1rsrm2f110", focused: "_1rsrm2f111", focusedVisible: "_1rsrm2f112" }, defaultClass: "_1rsrm2f10x" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f113", hover: "_1rsrm2f114", active: "_1rsrm2f115", selection: "_1rsrm2f116", focused: "_1rsrm2f117", focusedVisible: "_1rsrm2f118" }, defaultClass: "_1rsrm2f113" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f119", hover: "_1rsrm2f11a", active: "_1rsrm2f11b", selection: "_1rsrm2f11c", focused: "_1rsrm2f11d", focusedVisible: "_1rsrm2f11e" }, defaultClass: "_1rsrm2f119" }, announceGradientFrom: { conditions: { base: "_1rsrm2f11f", hover: "_1rsrm2f11g", active: "_1rsrm2f11h", selection: "_1rsrm2f11i", focused: "_1rsrm2f11j", focusedVisible: "_1rsrm2f11k" }, defaultClass: "_1rsrm2f11f" }, announceGradientTo: { conditions: { base: "_1rsrm2f11l", hover: "_1rsrm2f11m", active: "_1rsrm2f11n", selection: "_1rsrm2f11o", focused: "_1rsrm2f11p", focusedVisible: "_1rsrm2f11q" }, defaultClass: "_1rsrm2f11l" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f11r", hover: "_1rsrm2f11s", active: "_1rsrm2f11t", selection: "_1rsrm2f11u", focused: "_1rsrm2f11v", focusedVisible: "_1rsrm2f11w" }, defaultClass: "_1rsrm2f11r" }, dialog: { conditions: { base: "_1rsrm2f11x", hover: "_1rsrm2f11y", active: "_1rsrm2f11z", selection: "_1rsrm2f120", focused: "_1rsrm2f121", focusedVisible: "_1rsrm2f122" }, defaultClass: "_1rsrm2f11x" }, selectedOption: { conditions: { base: "_1rsrm2f123", hover: "_1rsrm2f124", active: "_1rsrm2f125", selection: "_1rsrm2f126", focused: "_1rsrm2f127", focusedVisible: "_1rsrm2f128" }, defaultClass: "_1rsrm2f123" }, selectedWallet: { conditions: { base: "_1rsrm2f129", hover: "_1rsrm2f12a", active: "_1rsrm2f12b", selection: "_1rsrm2f12c", focused: "_1rsrm2f12d", focusedVisible: "_1rsrm2f12e" }, defaultClass: "_1rsrm2f129" }, dropdown: { conditions: { base: "_1rsrm2f12f", hover: "_1rsrm2f12g", active: "_1rsrm2f12h", selection: "_1rsrm2f12i", focused: "_1rsrm2f12j", focusedVisible: "_1rsrm2f12k" }, defaultClass: "_1rsrm2f12f" }, notification: { conditions: { base: "_1rsrm2f12l", hover: "_1rsrm2f12m", active: "_1rsrm2f12n", selection: "_1rsrm2f12o", focused: "_1rsrm2f12p", focusedVisible: "_1rsrm2f12q" }, defaultClass: "_1rsrm2f12l" }, vertexDropdown: { conditions: { base: "_1rsrm2f12r", hover: "_1rsrm2f12s", active: "_1rsrm2f12t", selection: "_1rsrm2f12u", focused: "_1rsrm2f12v", focusedVisible: "_1rsrm2f12w" }, defaultClass: "_1rsrm2f12r" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f12x", hover: "_1rsrm2f12y", active: "_1rsrm2f12z", selection: "_1rsrm2f130", focused: "_1rsrm2f131", focusedVisible: "_1rsrm2f132" }, defaultClass: "_1rsrm2f12x" }, accentColorForeground: { conditions: { base: "_1rsrm2f133", hover: "_1rsrm2f134", active: "_1rsrm2f135", selection: "_1rsrm2f136", focused: "_1rsrm2f137", focusedVisible: "_1rsrm2f138" }, defaultClass: "_1rsrm2f133" }, actionButtonBorder: { conditions: { base: "_1rsrm2f139", hover: "_1rsrm2f13a", active: "_1rsrm2f13b", selection: "_1rsrm2f13c", focused: "_1rsrm2f13d", focusedVisible: "_1rsrm2f13e" }, defaultClass: "_1rsrm2f139" }, connectButtonBackground: { conditions: { base: "_1rsrm2f13f", hover: "_1rsrm2f13g", active: "_1rsrm2f13h", selection: "_1rsrm2f13i", focused: "_1rsrm2f13j", focusedVisible: "_1rsrm2f13k" }, defaultClass: "_1rsrm2f13f" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f13l", hover: "_1rsrm2f13m", active: "_1rsrm2f13n", selection: "_1rsrm2f13o", focused: "_1rsrm2f13p", focusedVisible: "_1rsrm2f13q" }, defaultClass: "_1rsrm2f13l" }, connectButtonText: { conditions: { base: "_1rsrm2f13r", hover: "_1rsrm2f13s", active: "_1rsrm2f13t", selection: "_1rsrm2f13u", focused: "_1rsrm2f13v", focusedVisible: "_1rsrm2f13w" }, defaultClass: "_1rsrm2f13r" }, connectButtonTextError: { conditions: { base: "_1rsrm2f13x", hover: "_1rsrm2f13y", active: "_1rsrm2f13z", selection: "_1rsrm2f140", focused: "_1rsrm2f141", focusedVisible: "_1rsrm2f142" }, defaultClass: "_1rsrm2f13x" }, connectionIndicator: { conditions: { base: "_1rsrm2f143", hover: "_1rsrm2f144", active: "_1rsrm2f145", selection: "_1rsrm2f146", focused: "_1rsrm2f147", focusedVisible: "_1rsrm2f148" }, defaultClass: "_1rsrm2f143" }, error: { conditions: { base: "_1rsrm2f149", hover: "_1rsrm2f14a", active: "_1rsrm2f14b", selection: "_1rsrm2f14c", focused: "_1rsrm2f14d", focusedVisible: "_1rsrm2f14e" }, defaultClass: "_1rsrm2f149" }, errorBackground: { conditions: { base: "_1rsrm2f14f", hover: "_1rsrm2f14g", active: "_1rsrm2f14h", selection: "_1rsrm2f14i", focused: "_1rsrm2f14j", focusedVisible: "_1rsrm2f14k" }, defaultClass: "_1rsrm2f14f" }, errorBorder: { conditions: { base: "_1rsrm2f14l", hover: "_1rsrm2f14m", active: "_1rsrm2f14n", selection: "_1rsrm2f14o", focused: "_1rsrm2f14p", focusedVisible: "_1rsrm2f14q" }, defaultClass: "_1rsrm2f14l" }, generalBorder: { conditions: { base: "_1rsrm2f14r", hover: "_1rsrm2f14s", active: "_1rsrm2f14t", selection: "_1rsrm2f14u", focused: "_1rsrm2f14v", focusedVisible: "_1rsrm2f14w" }, defaultClass: "_1rsrm2f14r" }, generalBorderDim: { conditions: { base: "_1rsrm2f14x", hover: "_1rsrm2f14y", active: "_1rsrm2f14z", selection: "_1rsrm2f150", focused: "_1rsrm2f151", focusedVisible: "_1rsrm2f152" }, defaultClass: "_1rsrm2f14x" }, menuItemBackground: { conditions: { base: "_1rsrm2f153", hover: "_1rsrm2f154", active: "_1rsrm2f155", selection: "_1rsrm2f156", focused: "_1rsrm2f157", focusedVisible: "_1rsrm2f158" }, defaultClass: "_1rsrm2f153" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f159", hover: "_1rsrm2f15a", active: "_1rsrm2f15b", selection: "_1rsrm2f15c", focused: "_1rsrm2f15d", focusedVisible: "_1rsrm2f15e" }, defaultClass: "_1rsrm2f159" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f15f", hover: "_1rsrm2f15g", active: "_1rsrm2f15h", selection: "_1rsrm2f15i", focused: "_1rsrm2f15j", focusedVisible: "_1rsrm2f15k" }, defaultClass: "_1rsrm2f15f" }, standby: { conditions: { base: "_1rsrm2f15l", hover: "_1rsrm2f15m", active: "_1rsrm2f15n", selection: "_1rsrm2f15o", focused: "_1rsrm2f15p", focusedVisible: "_1rsrm2f15q" }, defaultClass: "_1rsrm2f15l" }, success: { conditions: { base: "_1rsrm2f15r", hover: "_1rsrm2f15s", active: "_1rsrm2f15t", selection: "_1rsrm2f15u", focused: "_1rsrm2f15v", focusedVisible: "_1rsrm2f15w" }, defaultClass: "_1rsrm2f15r" }, chainIconBorder: { conditions: { base: "_1rsrm2f15x", hover: "_1rsrm2f15y", active: "_1rsrm2f15z", selection: "_1rsrm2f160", focused: "_1rsrm2f161", focusedVisible: "_1rsrm2f162" }, defaultClass: "_1rsrm2f15x" }, modalBackdrop: { conditions: { base: "_1rsrm2f163", hover: "_1rsrm2f164", active: "_1rsrm2f165", selection: "_1rsrm2f166", focused: "_1rsrm2f167", focusedVisible: "_1rsrm2f168" }, defaultClass: "_1rsrm2f163" }, modalBackground: { conditions: { base: "_1rsrm2f169", hover: "_1rsrm2f16a", active: "_1rsrm2f16b", selection: "_1rsrm2f16c", focused: "_1rsrm2f16d", focusedVisible: "_1rsrm2f16e" }, defaultClass: "_1rsrm2f169" }, modalBorder: { conditions: { base: "_1rsrm2f16f", hover: "_1rsrm2f16g", active: "_1rsrm2f16h", selection: "_1rsrm2f16i", focused: "_1rsrm2f16j", focusedVisible: "_1rsrm2f16k" }, defaultClass: "_1rsrm2f16f" }, offBackground: { conditions: { base: "_1rsrm2f16l", hover: "_1rsrm2f16m", active: "_1rsrm2f16n", selection: "_1rsrm2f16o", focused: "_1rsrm2f16p", focusedVisible: "_1rsrm2f16q" }, defaultClass: "_1rsrm2f16l" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2f16r", hover: "_1rsrm2f16s", active: "_1rsrm2f16t", selection: "_1rsrm2f16u", focused: "_1rsrm2f16v", focusedVisible: "_1rsrm2f16w" }, defaultClass: "_1rsrm2f16r" }, hoverState: { conditions: { base: "_1rsrm2f16x", hover: "_1rsrm2f16y", active: "_1rsrm2f16z", selection: "_1rsrm2f170", focused: "_1rsrm2f171", focusedVisible: "_1rsrm2f172" }, defaultClass: "_1rsrm2f16x" }, lightStroke: { conditions: { base: "_1rsrm2f173", hover: "_1rsrm2f174", active: "_1rsrm2f175", selection: "_1rsrm2f176", focused: "_1rsrm2f177", focusedVisible: "_1rsrm2f178" }, defaultClass: "_1rsrm2f173" }, mediumStroke: { conditions: { base: "_1rsrm2f179", hover: "_1rsrm2f17a", active: "_1rsrm2f17b", selection: "_1rsrm2f17c", focused: "_1rsrm2f17d", focusedVisible: "_1rsrm2f17e" }, defaultClass: "_1rsrm2f179" }, heavyStroke: { conditions: { base: "_1rsrm2f17f", hover: "_1rsrm2f17g", active: "_1rsrm2f17h", selection: "_1rsrm2f17i", focused: "_1rsrm2f17j", focusedVisible: "_1rsrm2f17k" }, defaultClass: "_1rsrm2f17f" }, strokeColor: { conditions: { base: "_1rsrm2f17l", hover: "_1rsrm2f17m", active: "_1rsrm2f17n", selection: "_1rsrm2f17o", focused: "_1rsrm2f17p", focusedVisible: "_1rsrm2f17q" }, defaultClass: "_1rsrm2f17l" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2f17r", hover: "_1rsrm2f17s", active: "_1rsrm2f17t", selection: "_1rsrm2f17u", focused: "_1rsrm2f17v", focusedVisible: "_1rsrm2f17w" }, defaultClass: "_1rsrm2f17r" }, primaryText: { conditions: { base: "_1rsrm2f17x", hover: "_1rsrm2f17y", active: "_1rsrm2f17z", selection: "_1rsrm2f180", focused: "_1rsrm2f181", focusedVisible: "_1rsrm2f182" }, defaultClass: "_1rsrm2f17x" }, secondaryText: { conditions: { base: "_1rsrm2f183", hover: "_1rsrm2f184", active: "_1rsrm2f185", selection: "_1rsrm2f186", focused: "_1rsrm2f187", focusedVisible: "_1rsrm2f188" }, defaultClass: "_1rsrm2f183" }, tertiaryText: { conditions: { base: "_1rsrm2f189", hover: "_1rsrm2f18a", active: "_1rsrm2f18b", selection: "_1rsrm2f18c", focused: "_1rsrm2f18d", focusedVisible: "_1rsrm2f18e" }, defaultClass: "_1rsrm2f189" }, textSelection: { conditions: { base: "_1rsrm2f18f", hover: "_1rsrm2f18g", active: "_1rsrm2f18h", selection: "_1rsrm2f18i", focused: "_1rsrm2f18j", focusedVisible: "_1rsrm2f18k" }, defaultClass: "_1rsrm2f18f" }, inputBackground: { conditions: { base: "_1rsrm2f18l", hover: "_1rsrm2f18m", active: "_1rsrm2f18n", selection: "_1rsrm2f18o", focused: "_1rsrm2f18p", focusedVisible: "_1rsrm2f18q" }, defaultClass: "_1rsrm2f18l" }, inputBorderBase: { conditions: { base: "_1rsrm2f18r", hover: "_1rsrm2f18s", active: "_1rsrm2f18t", selection: "_1rsrm2f18u", focused: "_1rsrm2f18v", focusedVisible: "_1rsrm2f18w" }, defaultClass: "_1rsrm2f18r" }, inputBorderHover: { conditions: { base: "_1rsrm2f18x", hover: "_1rsrm2f18y", active: "_1rsrm2f18z", selection: "_1rsrm2f190", focused: "_1rsrm2f191", focusedVisible: "_1rsrm2f192" }, defaultClass: "_1rsrm2f18x" }, actionColor: { conditions: { base: "_1rsrm2f193", hover: "_1rsrm2f194", active: "_1rsrm2f195", selection: "_1rsrm2f196", focused: "_1rsrm2f197", focusedVisible: "_1rsrm2f198" }, defaultClass: "_1rsrm2f193" }, actionColorHover: { conditions: { base: "_1rsrm2f199", hover: "_1rsrm2f19a", active: "_1rsrm2f19b", selection: "_1rsrm2f19c", focused: "_1rsrm2f19d", focusedVisible: "_1rsrm2f19e" }, defaultClass: "_1rsrm2f199" }, actionColorDisabled: { conditions: { base: "_1rsrm2f19f", hover: "_1rsrm2f19g", active: "_1rsrm2f19h", selection: "_1rsrm2f19i", focused: "_1rsrm2f19j", focusedVisible: "_1rsrm2f19k" }, defaultClass: "_1rsrm2f19f" }, buttonPrimary: { conditions: { base: "_1rsrm2f19l", hover: "_1rsrm2f19m", active: "_1rsrm2f19n", selection: "_1rsrm2f19o", focused: "_1rsrm2f19p", focusedVisible: "_1rsrm2f19q" }, defaultClass: "_1rsrm2f19l" }, buttonDisabled: { conditions: { base: "_1rsrm2f19r", hover: "_1rsrm2f19s", active: "_1rsrm2f19t", selection: "_1rsrm2f19u", focused: "_1rsrm2f19v", focusedVisible: "_1rsrm2f19w" }, defaultClass: "_1rsrm2f19r" }, buttonWarning: { conditions: { base: "_1rsrm2f19x", hover: "_1rsrm2f19y", active: "_1rsrm2f19z", selection: "_1rsrm2f1a0", focused: "_1rsrm2f1a1", focusedVisible: "_1rsrm2f1a2" }, defaultClass: "_1rsrm2f19x" }, buttonSuccess: { conditions: { base: "_1rsrm2f1a3", hover: "_1rsrm2f1a4", active: "_1rsrm2f1a5", selection: "_1rsrm2f1a6", focused: "_1rsrm2f1a7", focusedVisible: "_1rsrm2f1a8" }, defaultClass: "_1rsrm2f1a3" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1a9", hover: "_1rsrm2f1aa", active: "_1rsrm2f1ab", selection: "_1rsrm2f1ac", focused: "_1rsrm2f1ad", focusedVisible: "_1rsrm2f1ae" }, defaultClass: "_1rsrm2f1a9" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1af", hover: "_1rsrm2f1ag", active: "_1rsrm2f1ah", selection: "_1rsrm2f1ai", focused: "_1rsrm2f1aj", focusedVisible: "_1rsrm2f1ak" }, defaultClass: "_1rsrm2f1af" }, transparent: { conditions: { base: "_1rsrm2f1al", hover: "_1rsrm2f1am", active: "_1rsrm2f1an", selection: "_1rsrm2f1ao", focused: "_1rsrm2f1ap", focusedVisible: "_1rsrm2f1aq" }, defaultClass: "_1rsrm2f1al" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1ar", hover: "_1rsrm2f1as", active: "_1rsrm2f1at", selection: "_1rsrm2f1au", focused: "_1rsrm2f1av", focusedVisible: "_1rsrm2f1aw" }, defaultClass: "_1rsrm2f1ar" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1ax", hover: "_1rsrm2f1ay", active: "_1rsrm2f1az", selection: "_1rsrm2f1b0", focused: "_1rsrm2f1b1", focusedVisible: "_1rsrm2f1b2" }, defaultClass: "_1rsrm2f1ax" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1b3", hover: "_1rsrm2f1b4", active: "_1rsrm2f1b5", selection: "_1rsrm2f1b6", focused: "_1rsrm2f1b7", focusedVisible: "_1rsrm2f1b8" }, defaultClass: "_1rsrm2f1b3" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1b9", hover: "_1rsrm2f1ba", active: "_1rsrm2f1bb", selection: "_1rsrm2f1bc", focused: "_1rsrm2f1bd", focusedVisible: "_1rsrm2f1be" }, defaultClass: "_1rsrm2f1b9" }, buttonStrokeTertiary: { conditions: { base: "_1rsrm2f1bf", hover: "_1rsrm2f1bg", active: "_1rsrm2f1bh", selection: "_1rsrm2f1bi", focused: "_1rsrm2f1bj", focusedVisible: "_1rsrm2f1bk" }, defaultClass: "_1rsrm2f1bf" }, buttonBackground: { conditions: { base: "_1rsrm2f1bl", hover: "_1rsrm2f1bm", active: "_1rsrm2f1bn", selection: "_1rsrm2f1bo", focused: "_1rsrm2f1bp", focusedVisible: "_1rsrm2f1bq" }, defaultClass: "_1rsrm2f1bl" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1br", hover: "_1rsrm2f1bs", active: "_1rsrm2f1bt", selection: "_1rsrm2f1bu", focused: "_1rsrm2f1bv", focusedVisible: "_1rsrm2f1bw" }, defaultClass: "_1rsrm2f1br" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1bx", hover: "_1rsrm2f1by", active: "_1rsrm2f1bz", selection: "_1rsrm2f1c0", focused: "_1rsrm2f1c1", focusedVisible: "_1rsrm2f1c2" }, defaultClass: "_1rsrm2f1bx" }, buttonStroke: { conditions: { base: "_1rsrm2f1c3", hover: "_1rsrm2f1c4", active: "_1rsrm2f1c5", selection: "_1rsrm2f1c6", focused: "_1rsrm2f1c7", focusedVisible: "_1rsrm2f1c8" }, defaultClass: "_1rsrm2f1c3" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1c9", hover: "_1rsrm2f1ca", active: "_1rsrm2f1cb", selection: "_1rsrm2f1cc", focused: "_1rsrm2f1cd", focusedVisible: "_1rsrm2f1ce" }, defaultClass: "_1rsrm2f1c9" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1cf", hover: "_1rsrm2f1cg", active: "_1rsrm2f1ch", selection: "_1rsrm2f1ci", focused: "_1rsrm2f1cj", focusedVisible: "_1rsrm2f1ck" }, defaultClass: "_1rsrm2f1cf" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1cl", hover: "_1rsrm2f1cm", active: "_1rsrm2f1cn", selection: "_1rsrm2f1co", focused: "_1rsrm2f1cp", focusedVisible: "_1rsrm2f1cq" }, defaultClass: "_1rsrm2f1cl" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1cr", hover: "_1rsrm2f1cs", active: "_1rsrm2f1ct", selection: "_1rsrm2f1cu", focused: "_1rsrm2f1cv", focusedVisible: "_1rsrm2f1cw" }, defaultClass: "_1rsrm2f1cr" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1cx", hover: "_1rsrm2f1cy", active: "_1rsrm2f1cz", selection: "_1rsrm2f1d0", focused: "_1rsrm2f1d1", focusedVisible: "_1rsrm2f1d2" }, defaultClass: "_1rsrm2f1cx" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1d3", hover: "_1rsrm2f1d4", active: "_1rsrm2f1d5", selection: "_1rsrm2f1d6", focused: "_1rsrm2f1d7", focusedVisible: "_1rsrm2f1d8" }, defaultClass: "_1rsrm2f1d3" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1d9", hover: "_1rsrm2f1da", active: "_1rsrm2f1db", selection: "_1rsrm2f1dc", focused: "_1rsrm2f1dd", focusedVisible: "_1rsrm2f1de" }, defaultClass: "_1rsrm2f1d9" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1df", hover: "_1rsrm2f1dg", active: "_1rsrm2f1dh", selection: "_1rsrm2f1di", focused: "_1rsrm2f1dj", focusedVisible: "_1rsrm2f1dk" }, defaultClass: "_1rsrm2f1df" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1dl", hover: "_1rsrm2f1dm", active: "_1rsrm2f1dn", selection: "_1rsrm2f1do", focused: "_1rsrm2f1dp", focusedVisible: "_1rsrm2f1dq" }, defaultClass: "_1rsrm2f1dl" }, announceGradientTo: { conditions: { base: "_1rsrm2f1dr", hover: "_1rsrm2f1ds", active: "_1rsrm2f1dt", selection: "_1rsrm2f1du", focused: "_1rsrm2f1dv", focusedVisible: "_1rsrm2f1dw" }, defaultClass: "_1rsrm2f1dr" } } } } }, { 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" }, actionButton: { defaultClass: "_1rsrm2fr" }, connectButton: { defaultClass: "_1rsrm2fs" }, menuButton: { defaultClass: "_1rsrm2ft" }, modal: { defaultClass: "_1rsrm2fu" }, modalMobile: { defaultClass: "_1rsrm2fv" }, modalActionButton: { defaultClass: "_1rsrm2fw" }, modalActionButtonMobile: { defaultClass: "_1rsrm2fx" }, full: { defaultClass: "_1rsrm2fy" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2fz" }, dotted: { defaultClass: "_1rsrm2f10" }, hidden: { defaultClass: "_1rsrm2f11" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f12" }, "1": { defaultClass: "_1rsrm2f13" }, "2": { defaultClass: "_1rsrm2f14" }, "3": { defaultClass: "_1rsrm2f15" }, "4": { defaultClass: "_1rsrm2f16" }, "0.5": { defaultClass: "_1rsrm2f17" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f18" }, pointer: { defaultClass: "_1rsrm2f19" }, "not-allowed": { defaultClass: "_1rsrm2f1a" }, "default": { defaultClass: "_1rsrm2f1b" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1c" }, column: { defaultClass: "_1rsrm2f1d" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1e" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1f" }, "12": { defaultClass: "_1rsrm2f1g" }, "13": { defaultClass: "_1rsrm2f1h" }, "14": { defaultClass: "_1rsrm2f1i" }, "16": { defaultClass: "_1rsrm2f1j" }, "18": { defaultClass: "_1rsrm2f1k" }, "20": { defaultClass: "_1rsrm2f1l" }, "21": { defaultClass: "_1rsrm2f1m" }, "40": { defaultClass: "_1rsrm2f1n" }, "57": { defaultClass: "_1rsrm2f1o" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f1p" }, medium: { defaultClass: "_1rsrm2f1q" }, semibold: { defaultClass: "_1rsrm2f1r" }, bold: { defaultClass: "_1rsrm2f1s" }, heavy: { defaultClass: "_1rsrm2f1t" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f1u" }, "1": { defaultClass: "_1rsrm2f1v" }, "2": { defaultClass: "_1rsrm2f1w" }, "3": { defaultClass: "_1rsrm2f1x" }, "4": { defaultClass: "_1rsrm2f1y" }, "5": { defaultClass: "_1rsrm2f1z" }, "6": { defaultClass: "_1rsrm2f20" }, "7": { defaultClass: "_1rsrm2f21" }, "8": { defaultClass: "_1rsrm2f22" }, "9": { defaultClass: "_1rsrm2f23" }, "10": { defaultClass: "_1rsrm2f24" }, "11": { defaultClass: "_1rsrm2f25" }, "12": { defaultClass: "_1rsrm2f26" }, "13": { defaultClass: "_1rsrm2f27" }, "14": { defaultClass: "_1rsrm2f28" }, "15": { defaultClass: "_1rsrm2f29" }, "16": { defaultClass: "_1rsrm2f2a" }, "18": { defaultClass: "_1rsrm2f2b" }, "20": { defaultClass: "_1rsrm2f2c" }, "24": { defaultClass: "_1rsrm2f2d" }, "28": { defaultClass: "_1rsrm2f2e" }, "30": { defaultClass: "_1rsrm2f2f" }, "32": { defaultClass: "_1rsrm2f2g" }, "36": { defaultClass: "_1rsrm2f2h" }, "44": { defaultClass: "_1rsrm2f2i" }, "64": { defaultClass: "_1rsrm2f2j" }, "-1": { defaultClass: "_1rsrm2f2k" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f2l" }, "2": { defaultClass: "_1rsrm2f2m" }, "4": { defaultClass: "_1rsrm2f2n" }, "8": { defaultClass: "_1rsrm2f2o" }, "10": { defaultClass: "_1rsrm2f2p" }, "11": { defaultClass: "_1rsrm2f2q" }, "12": { defaultClass: "_1rsrm2f2r" }, "13": { defaultClass: "_1rsrm2f2s" }, "14": { defaultClass: "_1rsrm2f2t" }, "15": { defaultClass: "_1rsrm2f2u" }, "16": { defaultClass: "_1rsrm2f2v" }, "18": { defaultClass: "_1rsrm2f2w" }, "20": { defaultClass: "_1rsrm2f2x" }, "24": { defaultClass: "_1rsrm2f2y" }, "28": { defaultClass: "_1rsrm2f2z" }, "30": { defaultClass: "_1rsrm2f30" }, "32": { defaultClass: "_1rsrm2f31" }, "34": { defaultClass: "_1rsrm2f32" }, "36": { defaultClass: "_1rsrm2f33" }, "40": { defaultClass: "_1rsrm2f34" }, "44": { defaultClass: "_1rsrm2f35" }, "48": { defaultClass: "_1rsrm2f36" }, "50": { defaultClass: "_1rsrm2f37" }, "54": { defaultClass: "_1rsrm2f38" }, "57": { defaultClass: "_1rsrm2f39" }, "60": { defaultClass: "_1rsrm2f3a" }, "72": { defaultClass: "_1rsrm2f3b" }, "93": { defaultClass: "_1rsrm2f3c" }, "96": { defaultClass: "_1rsrm2f3d" }, "100": { defaultClass: "_1rsrm2f3e" }, "108": { defaultClass: "_1rsrm2f3f" }, "120": { defaultClass: "_1rsrm2f3g" }, "180": { defaultClass: "_1rsrm2f3h" }, "200": { defaultClass: "_1rsrm2f3i" }, "240": { defaultClass: "_1rsrm2f3j" }, half: { defaultClass: "_1rsrm2f3k" }, full: { defaultClass: "_1rsrm2f3l" }, max: { defaultClass: "_1rsrm2f3m" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f3n" }, "flex-end": { defaultClass: "_1rsrm2f3o" }, center: { defaultClass: "_1rsrm2f3p" }, "space-between": { defaultClass: "_1rsrm2f3q" }, "space-around": { defaultClass: "_1rsrm2f3r" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f3s" }, center: { defaultClass: "_1rsrm2f3t" }, right: { defaultClass: "_1rsrm2f3u" }, inherit: { defaultClass: "_1rsrm2f3v" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f3w" }, "1": { defaultClass: "_1rsrm2f3x" }, "2": { defaultClass: "_1rsrm2f3y" }, "3": { defaultClass: "_1rsrm2f3z" }, "4": { defaultClass: "_1rsrm2f40" }, "5": { defaultClass: "_1rsrm2f41" }, "6": { defaultClass: "_1rsrm2f42" }, "7": { defaultClass: "_1rsrm2f43" }, "8": { defaultClass: "_1rsrm2f44" }, "9": { defaultClass: "_1rsrm2f45" }, "10": { defaultClass: "_1rsrm2f46" }, "11": { defaultClass: "_1rsrm2f47" }, "12": { defaultClass: "_1rsrm2f48" }, "13": { defaultClass: "_1rsrm2f49" }, "14": { defaultClass: "_1rsrm2f4a" }, "15": { defaultClass: "_1rsrm2f4b" }, "16": { defaultClass: "_1rsrm2f4c" }, "18": { defaultClass: "_1rsrm2f4d" }, "20": { defaultClass: "_1rsrm2f4e" }, "24": { defaultClass: "_1rsrm2f4f" }, "28": { defaultClass: "_1rsrm2f4g" }, "30": { defaultClass: "_1rsrm2f4h" }, "32": { defaultClass: "_1rsrm2f4i" }, "36": { defaultClass: "_1rsrm2f4j" }, "44": { defaultClass: "_1rsrm2f4k" }, "64": { defaultClass: "_1rsrm2f4l" }, auto: { defaultClass: "_1rsrm2f4m" }, "-18": { defaultClass: "_1rsrm2f4n" }, "-12": { defaultClass: "_1rsrm2f4o" }, "-1": { defaultClass: "_1rsrm2f4p" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f4q" }, "1": { defaultClass: "_1rsrm2f4r" }, "2": { defaultClass: "_1rsrm2f4s" }, "3": { defaultClass: "_1rsrm2f4t" }, "4": { defaultClass: "_1rsrm2f4u" }, "5": { defaultClass: "_1rsrm2f4v" }, "6": { defaultClass: "_1rsrm2f4w" }, "7": { defaultClass: "_1rsrm2f4x" }, "8": { defaultClass: "_1rsrm2f4y" }, "9": { defaultClass: "_1rsrm2f4z" }, "10": { defaultClass: "_1rsrm2f50" }, "11": { defaultClass: "_1rsrm2f51" }, "12": { defaultClass: "_1rsrm2f52" }, "13": { defaultClass: "_1rsrm2f53" }, "14": { defaultClass: "_1rsrm2f54" }, "15": { defaultClass: "_1rsrm2f55" }, "16": { defaultClass: "_1rsrm2f56" }, "18": { defaultClass: "_1rsrm2f57" }, "20": { defaultClass: "_1rsrm2f58" }, "24": { defaultClass: "_1rsrm2f59" }, "28": { defaultClass: "_1rsrm2f5a" }, "30": { defaultClass: "_1rsrm2f5b" }, "32": { defaultClass: "_1rsrm2f5c" }, "36": { defaultClass: "_1rsrm2f5d" }, "44": { defaultClass: "_1rsrm2f5e" }, "64": { defaultClass: "_1rsrm2f5f" }, auto: { defaultClass: "_1rsrm2f5g" }, "-18": { defaultClass: "_1rsrm2f5h" }, "-12": { defaultClass: "_1rsrm2f5i" }, "-1": { defaultClass: "_1rsrm2f5j" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f5k" }, "1": { defaultClass: "_1rsrm2f5l" }, "2": { defaultClass: "_1rsrm2f5m" }, "3": { defaultClass: "_1rsrm2f5n" }, "4": { defaultClass: "_1rsrm2f5o" }, "5": { defaultClass: "_1rsrm2f5p" }, "6": { defaultClass: "_1rsrm2f5q" }, "7": { defaultClass: "_1rsrm2f5r" }, "8": { defaultClass: "_1rsrm2f5s" }, "9": { defaultClass: "_1rsrm2f5t" }, "10": { defaultClass: "_1rsrm2f5u" }, "11": { defaultClass: "_1rsrm2f5v" }, "12": { defaultClass: "_1rsrm2f5w" }, "13": { defaultClass: "_1rsrm2f5x" }, "14": { defaultClass: "_1rsrm2f5y" }, "15": { defaultClass: "_1rsrm2f5z" }, "16": { defaultClass: "_1rsrm2f60" }, "18": { defaultClass: "_1rsrm2f61" }, "20": { defaultClass: "_1rsrm2f62" }, "24": { defaultClass: "_1rsrm2f63" }, "28": { defaultClass: "_1rsrm2f64" }, "30": { defaultClass: "_1rsrm2f65" }, "32": { defaultClass: "_1rsrm2f66" }, "36": { defaultClass: "_1rsrm2f67" }, "44": { defaultClass: "_1rsrm2f68" }, "64": { defaultClass: "_1rsrm2f69" }, auto: { defaultClass: "_1rsrm2f6a" }, "-18": { defaultClass: "_1rsrm2f6b" }, "-12": { defaultClass: "_1rsrm2f6c" }, "-1": { defaultClass: "_1rsrm2f6d" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f6e" }, "1": { defaultClass: "_1rsrm2f6f" }, "2": { defaultClass: "_1rsrm2f6g" }, "3": { defaultClass: "_1rsrm2f6h" }, "4": { defaultClass: "_1rsrm2f6i" }, "5": { defaultClass: "_1rsrm2f6j" }, "6": { defaultClass: "_1rsrm2f6k" }, "7": { defaultClass: "_1rsrm2f6l" }, "8": { defaultClass: "_1rsrm2f6m" }, "9": { defaultClass: "_1rsrm2f6n" }, "10": { defaultClass: "_1rsrm2f6o" }, "11": { defaultClass: "_1rsrm2f6p" }, "12": { defaultClass: "_1rsrm2f6q" }, "13": { defaultClass: "_1rsrm2f6r" }, "14": { defaultClass: "_1rsrm2f6s" }, "15": { defaultClass: "_1rsrm2f6t" }, "16": { defaultClass: "_1rsrm2f6u" }, "18": { defaultClass: "_1rsrm2f6v" }, "20": { defaultClass: "_1rsrm2f6w" }, "24": { defaultClass: "_1rsrm2f6x" }, "28": { defaultClass: "_1rsrm2f6y" }, "30": { defaultClass: "_1rsrm2f6z" }, "32": { defaultClass: "_1rsrm2f70" }, "36": { defaultClass: "_1rsrm2f71" }, "44": { defaultClass: "_1rsrm2f72" }, "64": { defaultClass: "_1rsrm2f73" }, auto: { defaultClass: "_1rsrm2f74" }, "-18": { defaultClass: "_1rsrm2f75" }, "-12": { defaultClass: "_1rsrm2f76" }, "-1": { defaultClass: "_1rsrm2f77" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f78" }, "2": { defaultClass: "_1rsrm2f79" }, "4": { defaultClass: "_1rsrm2f7a" }, "8": { defaultClass: "_1rsrm2f7b" }, "10": { defaultClass: "_1rsrm2f7c" }, "11": { defaultClass: "_1rsrm2f7d" }, "12": { defaultClass: "_1rsrm2f7e" }, "13": { defaultClass: "_1rsrm2f7f" }, "14": { defaultClass: "_1rsrm2f7g" }, "15": { defaultClass: "_1rsrm2f7h" }, "16": { defaultClass: "_1rsrm2f7i" }, "18": { defaultClass: "_1rsrm2f7j" }, "20": { defaultClass: "_1rsrm2f7k" }, "24": { defaultClass: "_1rsrm2f7l" }, "28": { defaultClass: "_1rsrm2f7m" }, "30": { defaultClass: "_1rsrm2f7n" }, "32": { defaultClass: "_1rsrm2f7o" }, "34": { defaultClass: "_1rsrm2f7p" }, "36": { defaultClass: "_1rsrm2f7q" }, "40": { defaultClass: "_1rsrm2f7r" }, "44": { defaultClass: "_1rsrm2f7s" }, "48": { defaultClass: "_1rsrm2f7t" }, "50": { defaultClass: "_1rsrm2f7u" }, "54": { defaultClass: "_1rsrm2f7v" }, "57": { defaultClass: "_1rsrm2f7w" }, "60": { defaultClass: "_1rsrm2f7x" }, "72": { defaultClass: "_1rsrm2f7y" }, "93": { defaultClass: "_1rsrm2f7z" }, "96": { defaultClass: "_1rsrm2f80" }, "100": { defaultClass: "_1rsrm2f81" }, "108": { defaultClass: "_1rsrm2f82" }, "120": { defaultClass: "_1rsrm2f83" }, "180": { defaultClass: "_1rsrm2f84" }, "200": { defaultClass: "_1rsrm2f85" }, "240": { defaultClass: "_1rsrm2f86" }, half: { defaultClass: "_1rsrm2f87" }, full: { defaultClass: "_1rsrm2f88" }, max: { defaultClass: "_1rsrm2f89" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f8a" }, "2": { defaultClass: "_1rsrm2f8b" }, "4": { defaultClass: "_1rsrm2f8c" }, "8": { defaultClass: "_1rsrm2f8d" }, "10": { defaultClass: "_1rsrm2f8e" }, "11": { defaultClass: "_1rsrm2f8f" }, "12": { defaultClass: "_1rsrm2f8g" }, "13": { defaultClass: "_1rsrm2f8h" }, "14": { defaultClass: "_1rsrm2f8i" }, "15": { defaultClass: "_1rsrm2f8j" }, "16": { defaultClass: "_1rsrm2f8k" }, "18": { defaultClass: "_1rsrm2f8l" }, "20": { defaultClass: "_1rsrm2f8m" }, "24": { defaultClass: "_1rsrm2f8n" }, "28": { defaultClass: "_1rsrm2f8o" }, "30": { defaultClass: "_1rsrm2f8p" }, "32": { defaultClass: "_1rsrm2f8q" }, "34": { defaultClass: "_1rsrm2f8r" }, "36": { defaultClass: "_1rsrm2f8s" }, "40": { defaultClass: "_1rsrm2f8t" }, "44": { defaultClass: "_1rsrm2f8u" }, "48": { defaultClass: "_1rsrm2f8v" }, "50": { defaultClass: "_1rsrm2f8w" }, "54": { defaultClass: "_1rsrm2f8x" }, "57": { defaultClass: "_1rsrm2f8y" }, "60": { defaultClass: "_1rsrm2f8z" }, "72": { defaultClass: "_1rsrm2f90" }, "93": { defaultClass: "_1rsrm2f91" }, "96": { defaultClass: "_1rsrm2f92" }, "100": { defaultClass: "_1rsrm2f93" }, "108": { defaultClass: "_1rsrm2f94" }, "120": { defaultClass: "_1rsrm2f95" }, "180": { defaultClass: "_1rsrm2f96" }, "200": { defaultClass: "_1rsrm2f97" }, "240": { defaultClass: "_1rsrm2f98" }, half: { defaultClass: "_1rsrm2f99" }, full: { defaultClass: "_1rsrm2f9a" }, max: { defaultClass: "_1rsrm2f9b" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f9c" }, "2": { defaultClass: "_1rsrm2f9d" }, "4": { defaultClass: "_1rsrm2f9e" }, "8": { defaultClass: "_1rsrm2f9f" }, "10": { defaultClass: "_1rsrm2f9g" }, "11": { defaultClass: "_1rsrm2f9h" }, "12": { defaultClass: "_1rsrm2f9i" }, "13": { defaultClass: "_1rsrm2f9j" }, "14": { defaultClass: "_1rsrm2f9k" }, "15": { defaultClass: "_1rsrm2f9l" }, "16": { defaultClass: "_1rsrm2f9m" }, "18": { defaultClass: "_1rsrm2f9n" }, "20": { defaultClass: "_1rsrm2f9o" }, "24": { defaultClass: "_1rsrm2f9p" }, "28": { defaultClass: "_1rsrm2f9q" }, "30": { defaultClass: "_1rsrm2f9r" }, "32": { defaultClass: "_1rsrm2f9s" }, "34": { defaultClass: "_1rsrm2f9t" }, "36": { defaultClass: "_1rsrm2f9u" }, "40": { defaultClass: "_1rsrm2f9v" }, "44": { defaultClass: "_1rsrm2f9w" }, "48": { defaultClass: "_1rsrm2f9x" }, "50": { defaultClass: "_1rsrm2f9y" }, "54": { defaultClass: "_1rsrm2f9z" }, "57": { defaultClass: "_1rsrm2fa0" }, "60": { defaultClass: "_1rsrm2fa1" }, "72": { defaultClass: "_1rsrm2fa2" }, "93": { defaultClass: "_1rsrm2fa3" }, "96": { defaultClass: "_1rsrm2fa4" }, "100": { defaultClass: "_1rsrm2fa5" }, "108": { defaultClass: "_1rsrm2fa6" }, "120": { defaultClass: "_1rsrm2fa7" }, "180": { defaultClass: "_1rsrm2fa8" }, "200": { defaultClass: "_1rsrm2fa9" }, "240": { defaultClass: "_1rsrm2faa" }, half: { defaultClass: "_1rsrm2fab" }, full: { defaultClass: "_1rsrm2fac" }, max: { defaultClass: "_1rsrm2fad" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fae" }, "2": { defaultClass: "_1rsrm2faf" }, "4": { defaultClass: "_1rsrm2fag" }, "8": { defaultClass: "_1rsrm2fah" }, "10": { defaultClass: "_1rsrm2fai" }, "11": { defaultClass: "_1rsrm2faj" }, "12": { defaultClass: "_1rsrm2fak" }, "13": { defaultClass: "_1rsrm2fal" }, "14": { defaultClass: "_1rsrm2fam" }, "15": { defaultClass: "_1rsrm2fan" }, "16": { defaultClass: "_1rsrm2fao" }, "18": { defaultClass: "_1rsrm2fap" }, "20": { defaultClass: "_1rsrm2faq" }, "24": { defaultClass: "_1rsrm2far" }, "28": { defaultClass: "_1rsrm2fas" }, "30": { defaultClass: "_1rsrm2fat" }, "32": { defaultClass: "_1rsrm2fau" }, "34": { defaultClass: "_1rsrm2fav" }, "36": { defaultClass: "_1rsrm2faw" }, "40": { defaultClass: "_1rsrm2fax" }, "44": { defaultClass: "_1rsrm2fay" }, "48": { defaultClass: "_1rsrm2faz" }, "50": { defaultClass: "_1rsrm2fb0" }, "54": { defaultClass: "_1rsrm2fb1" }, "57": { defaultClass: "_1rsrm2fb2" }, "60": { defaultClass: "_1rsrm2fb3" }, "72": { defaultClass: "_1rsrm2fb4" }, "93": { defaultClass: "_1rsrm2fb5" }, "96": { defaultClass: "_1rsrm2fb6" }, "100": { defaultClass: "_1rsrm2fb7" }, "108": { defaultClass: "_1rsrm2fb8" }, "120": { defaultClass: "_1rsrm2fb9" }, "180": { defaultClass: "_1rsrm2fba" }, "200": { defaultClass: "_1rsrm2fbb" }, "240": { defaultClass: "_1rsrm2fbc" }, half: { defaultClass: "_1rsrm2fbd" }, full: { defaultClass: "_1rsrm2fbe" }, max: { defaultClass: "_1rsrm2fbf" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fbg" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fbh" }, "1": { defaultClass: "_1rsrm2fbi" }, "2": { defaultClass: "_1rsrm2fbj" }, "3": { defaultClass: "_1rsrm2fbk" }, "4": { defaultClass: "_1rsrm2fbl" }, "5": { defaultClass: "_1rsrm2fbm" }, "6": { defaultClass: "_1rsrm2fbn" }, "7": { defaultClass: "_1rsrm2fbo" }, "8": { defaultClass: "_1rsrm2fbp" }, "9": { defaultClass: "_1rsrm2fbq" }, "10": { defaultClass: "_1rsrm2fbr" }, "11": { defaultClass: "_1rsrm2fbs" }, "12": { defaultClass: "_1rsrm2fbt" }, "13": { defaultClass: "_1rsrm2fbu" }, "14": { defaultClass: "_1rsrm2fbv" }, "15": { defaultClass: "_1rsrm2fbw" }, "16": { defaultClass: "_1rsrm2fbx" }, "18": { defaultClass: "_1rsrm2fby" }, "20": { defaultClass: "_1rsrm2fbz" }, "24": { defaultClass: "_1rsrm2fc0" }, "28": { defaultClass: "_1rsrm2fc1" }, "30": { defaultClass: "_1rsrm2fc2" }, "32": { defaultClass: "_1rsrm2fc3" }, "36": { defaultClass: "_1rsrm2fc4" }, "44": { defaultClass: "_1rsrm2fc5" }, "64": { defaultClass: "_1rsrm2fc6" }, "-1": { defaultClass: "_1rsrm2fc7" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fc8" }, "1": { defaultClass: "_1rsrm2fc9" }, "2": { defaultClass: "_1rsrm2fca" }, "3": { defaultClass: "_1rsrm2fcb" }, "4": { defaultClass: "_1rsrm2fcc" }, "5": { defaultClass: "_1rsrm2fcd" }, "6": { defaultClass: "_1rsrm2fce" }, "7": { defaultClass: "_1rsrm2fcf" }, "8": { defaultClass: "_1rsrm2fcg" }, "9": { defaultClass: "_1rsrm2fch" }, "10": { defaultClass: "_1rsrm2fci" }, "11": { defaultClass: "_1rsrm2fcj" }, "12": { defaultClass: "_1rsrm2fck" }, "13": { defaultClass: "_1rsrm2fcl" }, "14": { defaultClass: "_1rsrm2fcm" }, "15": { defaultClass: "_1rsrm2fcn" }, "16": { defaultClass: "_1rsrm2fco" }, "18": { defaultClass: "_1rsrm2fcp" }, "20": { defaultClass: "_1rsrm2fcq" }, "24": { defaultClass: "_1rsrm2fcr" }, "28": { defaultClass: "_1rsrm2fcs" }, "30": { defaultClass: "_1rsrm2fct" }, "32": { defaultClass: "_1rsrm2fcu" }, "36": { defaultClass: "_1rsrm2fcv" }, "44": { defaultClass: "_1rsrm2fcw" }, "64": { defaultClass: "_1rsrm2fcx" }, "-1": { defaultClass: "_1rsrm2fcy" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fcz" }, "1": { defaultClass: "_1rsrm2fd0" }, "2": { defaultClass: "_1rsrm2fd1" }, "3": { defaultClass: "_1rsrm2fd2" }, "4": { defaultClass: "_1rsrm2fd3" }, "5": { defaultClass: "_1rsrm2fd4" }, "6": { defaultClass: "_1rsrm2fd5" }, "7": { defaultClass: "_1rsrm2fd6" }, "8": { defaultClass: "_1rsrm2fd7" }, "9": { defaultClass: "_1rsrm2fd8" }, "10": { defaultClass: "_1rsrm2fd9" }, "11": { defaultClass: "_1rsrm2fda" }, "12": { defaultClass: "_1rsrm2fdb" }, "13": { defaultClass: "_1rsrm2fdc" }, "14": { defaultClass: "_1rsrm2fdd" }, "15": { defaultClass: "_1rsrm2fde" }, "16": { defaultClass: "_1rsrm2fdf" }, "18": { defaultClass: "_1rsrm2fdg" }, "20": { defaultClass: "_1rsrm2fdh" }, "24": { defaultClass: "_1rsrm2fdi" }, "28": { defaultClass: "_1rsrm2fdj" }, "30": { defaultClass: "_1rsrm2fdk" }, "32": { defaultClass: "_1rsrm2fdl" }, "36": { defaultClass: "_1rsrm2fdm" }, "44": { defaultClass: "_1rsrm2fdn" }, "64": { defaultClass: "_1rsrm2fdo" }, "-1": { defaultClass: "_1rsrm2fdp" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fdq" }, "1": { defaultClass: "_1rsrm2fdr" }, "2": { defaultClass: "_1rsrm2fds" }, "3": { defaultClass: "_1rsrm2fdt" }, "4": { defaultClass: "_1rsrm2fdu" }, "5": { defaultClass: "_1rsrm2fdv" }, "6": { defaultClass: "_1rsrm2fdw" }, "7": { defaultClass: "_1rsrm2fdx" }, "8": { defaultClass: "_1rsrm2fdy" }, "9": { defaultClass: "_1rsrm2fdz" }, "10": { defaultClass: "_1rsrm2fe0" }, "11": { defaultClass: "_1rsrm2fe1" }, "12": { defaultClass: "_1rsrm2fe2" }, "13": { defaultClass: "_1rsrm2fe3" }, "14": { defaultClass: "_1rsrm2fe4" }, "15": { defaultClass: "_1rsrm2fe5" }, "16": { defaultClass: "_1rsrm2fe6" }, "18": { defaultClass: "_1rsrm2fe7" }, "20": { defaultClass: "_1rsrm2fe8" }, "24": { defaultClass: "_1rsrm2fe9" }, "28": { defaultClass: "_1rsrm2fea" }, "30": { defaultClass: "_1rsrm2feb" }, "32": { defaultClass: "_1rsrm2fec" }, "36": { defaultClass: "_1rsrm2fed" }, "44": { defaultClass: "_1rsrm2fee" }, "64": { defaultClass: "_1rsrm2fef" }, "-1": { defaultClass: "_1rsrm2feg" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2feh" }, fixed: { defaultClass: "_1rsrm2fei" }, relative: { defaultClass: "_1rsrm2fej" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fek" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fel" }, transform: { defaultClass: "_1rsrm2fem" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fen" } } }, width: { values: { "1": { defaultClass: "_1rsrm2feo" }, "2": { defaultClass: "_1rsrm2fep" }, "4": { defaultClass: "_1rsrm2feq" }, "8": { defaultClass: "_1rsrm2fer" }, "10": { defaultClass: "_1rsrm2fes" }, "11": { defaultClass: "_1rsrm2fet" }, "12": { defaultClass: "_1rsrm2feu" }, "13": { defaultClass: "_1rsrm2fev" }, "14": { defaultClass: "_1rsrm2few" }, "15": { defaultClass: "_1rsrm2fex" }, "16": { defaultClass: "_1rsrm2fey" }, "18": { defaultClass: "_1rsrm2fez" }, "20": { defaultClass: "_1rsrm2ff0" }, "24": { defaultClass: "_1rsrm2ff1" }, "28": { defaultClass: "_1rsrm2ff2" }, "30": { defaultClass: "_1rsrm2ff3" }, "32": { defaultClass: "_1rsrm2ff4" }, "34": { defaultClass: "_1rsrm2ff5" }, "36": { defaultClass: "_1rsrm2ff6" }, "40": { defaultClass: "_1rsrm2ff7" }, "44": { defaultClass: "_1rsrm2ff8" }, "48": { defaultClass: "_1rsrm2ff9" }, "50": { defaultClass: "_1rsrm2ffa" }, "54": { defaultClass: "_1rsrm2ffb" }, "57": { defaultClass: "_1rsrm2ffc" }, "60": { defaultClass: "_1rsrm2ffd" }, "72": { defaultClass: "_1rsrm2ffe" }, "93": { defaultClass: "_1rsrm2fff" }, "96": { defaultClass: "_1rsrm2ffg" }, "100": { defaultClass: "_1rsrm2ffh" }, "108": { defaultClass: "_1rsrm2ffi" }, "120": { defaultClass: "_1rsrm2ffj" }, "180": { defaultClass: "_1rsrm2ffk" }, "200": { defaultClass: "_1rsrm2ffl" }, "240": { defaultClass: "_1rsrm2ffm" }, half: { defaultClass: "_1rsrm2ffn" }, full: { defaultClass: "_1rsrm2ffo" }, max: { defaultClass: "_1rsrm2ffp" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2ffq" } } } } });
47
- 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)", offBackgroundComplimentary: "var(--rk-colors-offBackgroundComplimentary)", 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)", dydxSwitchActiveBackground: "var(--rk-colors-dydxSwitchActiveBackground)", primaryText: "var(--rk-colors-primaryText)", secondaryText: "var(--rk-colors-secondaryText)", tertiaryText: "var(--rk-colors-tertiaryText)", textSelection: "var(--rk-colors-textSelection)", inputBackground: "var(--rk-colors-inputBackground)", inputBorderBase: "var(--rk-colors-inputBorderBase)", inputBorderHover: "var(--rk-colors-inputBorderHover)", actionColor: "var(--rk-colors-actionColor)", actionColorHover: "var(--rk-colors-actionColorHover)", actionColorDisabled: "var(--rk-colors-actionColorDisabled)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonSuccess: "var(--rk-colors-buttonSuccess)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", buttonTextTertiary: "var(--rk-colors-buttonTextTertiary)", buttonTextDisabledTertiary: "var(--rk-colors-buttonTextDisabledTertiary)", buttonStrokeTertiary: "var(--rk-colors-buttonStrokeTertiary)", buttonBackground: "var(--rk-colors-buttonBackground)", buttonBackgroundHover: "var(--rk-colors-buttonBackgroundHover)", buttonBackgroundDisabled: "var(--rk-colors-buttonBackgroundDisabled)", buttonStroke: "var(--rk-colors-buttonStroke)", 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)", badgeBackgroundSuccess: "var(--rk-colors-badgeBackgroundSuccess)", badgeBorderSuccess: "var(--rk-colors-badgeBorderSuccess)", badgeTextSuccess: "var(--rk-colors-badgeTextSuccess)", announceGradientFrom: "var(--rk-colors-announceGradientFrom)", announceGradientTo: "var(--rk-colors-announceGradientTo)" }, 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)" }, 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)" } }, radii: { actionButton: "var(--rk-radii-actionButton)", 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)" }, 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)", vertexDropdown: "var(--rk-shadows-vertexDropdown)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
46
+ var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2ffr", hover: "_1rsrm2ffs", active: "_1rsrm2fft", selection: "_1rsrm2ffu", focused: "_1rsrm2ffv", focusedVisible: "_1rsrm2ffw" }, defaultClass: "_1rsrm2ffr" }, accentColorForeground: { conditions: { base: "_1rsrm2ffx", hover: "_1rsrm2ffy", active: "_1rsrm2ffz", selection: "_1rsrm2fg0", focused: "_1rsrm2fg1", focusedVisible: "_1rsrm2fg2" }, defaultClass: "_1rsrm2ffx" }, actionButtonBorder: { conditions: { base: "_1rsrm2fg3", hover: "_1rsrm2fg4", active: "_1rsrm2fg5", selection: "_1rsrm2fg6", focused: "_1rsrm2fg7", focusedVisible: "_1rsrm2fg8" }, defaultClass: "_1rsrm2fg3" }, connectButtonBackground: { conditions: { base: "_1rsrm2fg9", hover: "_1rsrm2fga", active: "_1rsrm2fgb", selection: "_1rsrm2fgc", focused: "_1rsrm2fgd", focusedVisible: "_1rsrm2fge" }, defaultClass: "_1rsrm2fg9" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fgf", hover: "_1rsrm2fgg", active: "_1rsrm2fgh", selection: "_1rsrm2fgi", focused: "_1rsrm2fgj", focusedVisible: "_1rsrm2fgk" }, defaultClass: "_1rsrm2fgf" }, connectButtonText: { conditions: { base: "_1rsrm2fgl", hover: "_1rsrm2fgm", active: "_1rsrm2fgn", selection: "_1rsrm2fgo", focused: "_1rsrm2fgp", focusedVisible: "_1rsrm2fgq" }, defaultClass: "_1rsrm2fgl" }, connectButtonTextError: { conditions: { base: "_1rsrm2fgr", hover: "_1rsrm2fgs", active: "_1rsrm2fgt", selection: "_1rsrm2fgu", focused: "_1rsrm2fgv", focusedVisible: "_1rsrm2fgw" }, defaultClass: "_1rsrm2fgr" }, connectionIndicator: { conditions: { base: "_1rsrm2fgx", hover: "_1rsrm2fgy", active: "_1rsrm2fgz", selection: "_1rsrm2fh0", focused: "_1rsrm2fh1", focusedVisible: "_1rsrm2fh2" }, defaultClass: "_1rsrm2fgx" }, error: { conditions: { base: "_1rsrm2fh3", hover: "_1rsrm2fh4", active: "_1rsrm2fh5", selection: "_1rsrm2fh6", focused: "_1rsrm2fh7", focusedVisible: "_1rsrm2fh8" }, defaultClass: "_1rsrm2fh3" }, errorBackground: { conditions: { base: "_1rsrm2fh9", hover: "_1rsrm2fha", active: "_1rsrm2fhb", selection: "_1rsrm2fhc", focused: "_1rsrm2fhd", focusedVisible: "_1rsrm2fhe" }, defaultClass: "_1rsrm2fh9" }, errorBorder: { conditions: { base: "_1rsrm2fhf", hover: "_1rsrm2fhg", active: "_1rsrm2fhh", selection: "_1rsrm2fhi", focused: "_1rsrm2fhj", focusedVisible: "_1rsrm2fhk" }, defaultClass: "_1rsrm2fhf" }, generalBorder: { conditions: { base: "_1rsrm2fhl", hover: "_1rsrm2fhm", active: "_1rsrm2fhn", selection: "_1rsrm2fho", focused: "_1rsrm2fhp", focusedVisible: "_1rsrm2fhq" }, defaultClass: "_1rsrm2fhl" }, generalBorderDim: { conditions: { base: "_1rsrm2fhr", hover: "_1rsrm2fhs", active: "_1rsrm2fht", selection: "_1rsrm2fhu", focused: "_1rsrm2fhv", focusedVisible: "_1rsrm2fhw" }, defaultClass: "_1rsrm2fhr" }, menuItemBackground: { conditions: { base: "_1rsrm2fhx", hover: "_1rsrm2fhy", active: "_1rsrm2fhz", selection: "_1rsrm2fi0", focused: "_1rsrm2fi1", focusedVisible: "_1rsrm2fi2" }, defaultClass: "_1rsrm2fhx" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fi3", hover: "_1rsrm2fi4", active: "_1rsrm2fi5", selection: "_1rsrm2fi6", focused: "_1rsrm2fi7", focusedVisible: "_1rsrm2fi8" }, defaultClass: "_1rsrm2fi3" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fi9", hover: "_1rsrm2fia", active: "_1rsrm2fib", selection: "_1rsrm2fic", focused: "_1rsrm2fid", focusedVisible: "_1rsrm2fie" }, defaultClass: "_1rsrm2fi9" }, standby: { conditions: { base: "_1rsrm2fif", hover: "_1rsrm2fig", active: "_1rsrm2fih", selection: "_1rsrm2fii", focused: "_1rsrm2fij", focusedVisible: "_1rsrm2fik" }, defaultClass: "_1rsrm2fif" }, success: { conditions: { base: "_1rsrm2fil", hover: "_1rsrm2fim", active: "_1rsrm2fin", selection: "_1rsrm2fio", focused: "_1rsrm2fip", focusedVisible: "_1rsrm2fiq" }, defaultClass: "_1rsrm2fil" }, chainIconBorder: { conditions: { base: "_1rsrm2fir", hover: "_1rsrm2fis", active: "_1rsrm2fit", selection: "_1rsrm2fiu", focused: "_1rsrm2fiv", focusedVisible: "_1rsrm2fiw" }, defaultClass: "_1rsrm2fir" }, modalBackdrop: { conditions: { base: "_1rsrm2fix", hover: "_1rsrm2fiy", active: "_1rsrm2fiz", selection: "_1rsrm2fj0", focused: "_1rsrm2fj1", focusedVisible: "_1rsrm2fj2" }, defaultClass: "_1rsrm2fix" }, modalBackground: { conditions: { base: "_1rsrm2fj3", hover: "_1rsrm2fj4", active: "_1rsrm2fj5", selection: "_1rsrm2fj6", focused: "_1rsrm2fj7", focusedVisible: "_1rsrm2fj8" }, defaultClass: "_1rsrm2fj3" }, modalBorder: { conditions: { base: "_1rsrm2fj9", hover: "_1rsrm2fja", active: "_1rsrm2fjb", selection: "_1rsrm2fjc", focused: "_1rsrm2fjd", focusedVisible: "_1rsrm2fje" }, defaultClass: "_1rsrm2fj9" }, offBackground: { conditions: { base: "_1rsrm2fjf", hover: "_1rsrm2fjg", active: "_1rsrm2fjh", selection: "_1rsrm2fji", focused: "_1rsrm2fjj", focusedVisible: "_1rsrm2fjk" }, defaultClass: "_1rsrm2fjf" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2fjl", hover: "_1rsrm2fjm", active: "_1rsrm2fjn", selection: "_1rsrm2fjo", focused: "_1rsrm2fjp", focusedVisible: "_1rsrm2fjq" }, defaultClass: "_1rsrm2fjl" }, hoverState: { conditions: { base: "_1rsrm2fjr", hover: "_1rsrm2fjs", active: "_1rsrm2fjt", selection: "_1rsrm2fju", focused: "_1rsrm2fjv", focusedVisible: "_1rsrm2fjw" }, defaultClass: "_1rsrm2fjr" }, lightStroke: { conditions: { base: "_1rsrm2fjx", hover: "_1rsrm2fjy", active: "_1rsrm2fjz", selection: "_1rsrm2fk0", focused: "_1rsrm2fk1", focusedVisible: "_1rsrm2fk2" }, defaultClass: "_1rsrm2fjx" }, mediumStroke: { conditions: { base: "_1rsrm2fk3", hover: "_1rsrm2fk4", active: "_1rsrm2fk5", selection: "_1rsrm2fk6", focused: "_1rsrm2fk7", focusedVisible: "_1rsrm2fk8" }, defaultClass: "_1rsrm2fk3" }, heavyStroke: { conditions: { base: "_1rsrm2fk9", hover: "_1rsrm2fka", active: "_1rsrm2fkb", selection: "_1rsrm2fkc", focused: "_1rsrm2fkd", focusedVisible: "_1rsrm2fke" }, defaultClass: "_1rsrm2fk9" }, strokeColor: { conditions: { base: "_1rsrm2fkf", hover: "_1rsrm2fkg", active: "_1rsrm2fkh", selection: "_1rsrm2fki", focused: "_1rsrm2fkj", focusedVisible: "_1rsrm2fkk" }, defaultClass: "_1rsrm2fkf" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2fkl", hover: "_1rsrm2fkm", active: "_1rsrm2fkn", selection: "_1rsrm2fko", focused: "_1rsrm2fkp", focusedVisible: "_1rsrm2fkq" }, defaultClass: "_1rsrm2fkl" }, primaryText: { conditions: { base: "_1rsrm2fkr", hover: "_1rsrm2fks", active: "_1rsrm2fkt", selection: "_1rsrm2fku", focused: "_1rsrm2fkv", focusedVisible: "_1rsrm2fkw" }, defaultClass: "_1rsrm2fkr" }, secondaryText: { conditions: { base: "_1rsrm2fkx", hover: "_1rsrm2fky", active: "_1rsrm2fkz", selection: "_1rsrm2fl0", focused: "_1rsrm2fl1", focusedVisible: "_1rsrm2fl2" }, defaultClass: "_1rsrm2fkx" }, tertiaryText: { conditions: { base: "_1rsrm2fl3", hover: "_1rsrm2fl4", active: "_1rsrm2fl5", selection: "_1rsrm2fl6", focused: "_1rsrm2fl7", focusedVisible: "_1rsrm2fl8" }, defaultClass: "_1rsrm2fl3" }, textSelection: { conditions: { base: "_1rsrm2fl9", hover: "_1rsrm2fla", active: "_1rsrm2flb", selection: "_1rsrm2flc", focused: "_1rsrm2fld", focusedVisible: "_1rsrm2fle" }, defaultClass: "_1rsrm2fl9" }, inputBackground: { conditions: { base: "_1rsrm2flf", hover: "_1rsrm2flg", active: "_1rsrm2flh", selection: "_1rsrm2fli", focused: "_1rsrm2flj", focusedVisible: "_1rsrm2flk" }, defaultClass: "_1rsrm2flf" }, inputBorderBase: { conditions: { base: "_1rsrm2fll", hover: "_1rsrm2flm", active: "_1rsrm2fln", selection: "_1rsrm2flo", focused: "_1rsrm2flp", focusedVisible: "_1rsrm2flq" }, defaultClass: "_1rsrm2fll" }, inputBorderHover: { conditions: { base: "_1rsrm2flr", hover: "_1rsrm2fls", active: "_1rsrm2flt", selection: "_1rsrm2flu", focused: "_1rsrm2flv", focusedVisible: "_1rsrm2flw" }, defaultClass: "_1rsrm2flr" }, actionColor: { conditions: { base: "_1rsrm2flx", hover: "_1rsrm2fly", active: "_1rsrm2flz", selection: "_1rsrm2fm0", focused: "_1rsrm2fm1", focusedVisible: "_1rsrm2fm2" }, defaultClass: "_1rsrm2flx" }, actionColorHover: { conditions: { base: "_1rsrm2fm3", hover: "_1rsrm2fm4", active: "_1rsrm2fm5", selection: "_1rsrm2fm6", focused: "_1rsrm2fm7", focusedVisible: "_1rsrm2fm8" }, defaultClass: "_1rsrm2fm3" }, actionColorDisabled: { conditions: { base: "_1rsrm2fm9", hover: "_1rsrm2fma", active: "_1rsrm2fmb", selection: "_1rsrm2fmc", focused: "_1rsrm2fmd", focusedVisible: "_1rsrm2fme" }, defaultClass: "_1rsrm2fm9" }, buttonPrimary: { conditions: { base: "_1rsrm2fmf", hover: "_1rsrm2fmg", active: "_1rsrm2fmh", selection: "_1rsrm2fmi", focused: "_1rsrm2fmj", focusedVisible: "_1rsrm2fmk" }, defaultClass: "_1rsrm2fmf" }, buttonDisabled: { conditions: { base: "_1rsrm2fml", hover: "_1rsrm2fmm", active: "_1rsrm2fmn", selection: "_1rsrm2fmo", focused: "_1rsrm2fmp", focusedVisible: "_1rsrm2fmq" }, defaultClass: "_1rsrm2fml" }, buttonWarning: { conditions: { base: "_1rsrm2fmr", hover: "_1rsrm2fms", active: "_1rsrm2fmt", selection: "_1rsrm2fmu", focused: "_1rsrm2fmv", focusedVisible: "_1rsrm2fmw" }, defaultClass: "_1rsrm2fmr" }, buttonSuccess: { conditions: { base: "_1rsrm2fmx", hover: "_1rsrm2fmy", active: "_1rsrm2fmz", selection: "_1rsrm2fn0", focused: "_1rsrm2fn1", focusedVisible: "_1rsrm2fn2" }, defaultClass: "_1rsrm2fmx" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fn3", hover: "_1rsrm2fn4", active: "_1rsrm2fn5", selection: "_1rsrm2fn6", focused: "_1rsrm2fn7", focusedVisible: "_1rsrm2fn8" }, defaultClass: "_1rsrm2fn3" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fn9", hover: "_1rsrm2fna", active: "_1rsrm2fnb", selection: "_1rsrm2fnc", focused: "_1rsrm2fnd", focusedVisible: "_1rsrm2fne" }, defaultClass: "_1rsrm2fn9" }, transparent: { conditions: { base: "_1rsrm2fnf", hover: "_1rsrm2fng", active: "_1rsrm2fnh", selection: "_1rsrm2fni", focused: "_1rsrm2fnj", focusedVisible: "_1rsrm2fnk" }, defaultClass: "_1rsrm2fnf" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fnl", hover: "_1rsrm2fnm", active: "_1rsrm2fnn", selection: "_1rsrm2fno", focused: "_1rsrm2fnp", focusedVisible: "_1rsrm2fnq" }, defaultClass: "_1rsrm2fnl" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fnr", hover: "_1rsrm2fns", active: "_1rsrm2fnt", selection: "_1rsrm2fnu", focused: "_1rsrm2fnv", focusedVisible: "_1rsrm2fnw" }, defaultClass: "_1rsrm2fnr" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fnx", hover: "_1rsrm2fny", active: "_1rsrm2fnz", selection: "_1rsrm2fo0", focused: "_1rsrm2fo1", focusedVisible: "_1rsrm2fo2" }, defaultClass: "_1rsrm2fnx" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fo3", hover: "_1rsrm2fo4", active: "_1rsrm2fo5", selection: "_1rsrm2fo6", focused: "_1rsrm2fo7", focusedVisible: "_1rsrm2fo8" }, defaultClass: "_1rsrm2fo3" }, buttonStrokeTertiary: { conditions: { base: "_1rsrm2fo9", hover: "_1rsrm2foa", active: "_1rsrm2fob", selection: "_1rsrm2foc", focused: "_1rsrm2fod", focusedVisible: "_1rsrm2foe" }, defaultClass: "_1rsrm2fo9" }, buttonBackground: { conditions: { base: "_1rsrm2fof", hover: "_1rsrm2fog", active: "_1rsrm2foh", selection: "_1rsrm2foi", focused: "_1rsrm2foj", focusedVisible: "_1rsrm2fok" }, defaultClass: "_1rsrm2fof" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2fol", hover: "_1rsrm2fom", active: "_1rsrm2fon", selection: "_1rsrm2foo", focused: "_1rsrm2fop", focusedVisible: "_1rsrm2foq" }, defaultClass: "_1rsrm2fol" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2for", hover: "_1rsrm2fos", active: "_1rsrm2fot", selection: "_1rsrm2fou", focused: "_1rsrm2fov", focusedVisible: "_1rsrm2fow" }, defaultClass: "_1rsrm2for" }, buttonStroke: { conditions: { base: "_1rsrm2fox", hover: "_1rsrm2foy", active: "_1rsrm2foz", selection: "_1rsrm2fp0", focused: "_1rsrm2fp1", focusedVisible: "_1rsrm2fp2" }, defaultClass: "_1rsrm2fox" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fp3", hover: "_1rsrm2fp4", active: "_1rsrm2fp5", selection: "_1rsrm2fp6", focused: "_1rsrm2fp7", focusedVisible: "_1rsrm2fp8" }, defaultClass: "_1rsrm2fp3" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fp9", hover: "_1rsrm2fpa", active: "_1rsrm2fpb", selection: "_1rsrm2fpc", focused: "_1rsrm2fpd", focusedVisible: "_1rsrm2fpe" }, defaultClass: "_1rsrm2fp9" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2fpf", hover: "_1rsrm2fpg", active: "_1rsrm2fph", selection: "_1rsrm2fpi", focused: "_1rsrm2fpj", focusedVisible: "_1rsrm2fpk" }, defaultClass: "_1rsrm2fpf" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2fpl", hover: "_1rsrm2fpm", active: "_1rsrm2fpn", selection: "_1rsrm2fpo", focused: "_1rsrm2fpp", focusedVisible: "_1rsrm2fpq" }, defaultClass: "_1rsrm2fpl" }, buttonIconStroke: { conditions: { base: "_1rsrm2fpr", hover: "_1rsrm2fps", active: "_1rsrm2fpt", selection: "_1rsrm2fpu", focused: "_1rsrm2fpv", focusedVisible: "_1rsrm2fpw" }, defaultClass: "_1rsrm2fpr" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2fpx", hover: "_1rsrm2fpy", active: "_1rsrm2fpz", selection: "_1rsrm2fq0", focused: "_1rsrm2fq1", focusedVisible: "_1rsrm2fq2" }, defaultClass: "_1rsrm2fpx" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fq3", hover: "_1rsrm2fq4", active: "_1rsrm2fq5", selection: "_1rsrm2fq6", focused: "_1rsrm2fq7", focusedVisible: "_1rsrm2fq8" }, defaultClass: "_1rsrm2fq3" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fq9", hover: "_1rsrm2fqa", active: "_1rsrm2fqb", selection: "_1rsrm2fqc", focused: "_1rsrm2fqd", focusedVisible: "_1rsrm2fqe" }, defaultClass: "_1rsrm2fq9" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fqf", hover: "_1rsrm2fqg", active: "_1rsrm2fqh", selection: "_1rsrm2fqi", focused: "_1rsrm2fqj", focusedVisible: "_1rsrm2fqk" }, defaultClass: "_1rsrm2fqf" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2fql", hover: "_1rsrm2fqm", active: "_1rsrm2fqn", selection: "_1rsrm2fqo", focused: "_1rsrm2fqp", focusedVisible: "_1rsrm2fqq" }, defaultClass: "_1rsrm2fql" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2fqr", hover: "_1rsrm2fqs", active: "_1rsrm2fqt", selection: "_1rsrm2fqu", focused: "_1rsrm2fqv", focusedVisible: "_1rsrm2fqw" }, defaultClass: "_1rsrm2fqr" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2fqx", hover: "_1rsrm2fqy", active: "_1rsrm2fqz", selection: "_1rsrm2fr0", focused: "_1rsrm2fr1", focusedVisible: "_1rsrm2fr2" }, defaultClass: "_1rsrm2fqx" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2fr3", hover: "_1rsrm2fr4", active: "_1rsrm2fr5", selection: "_1rsrm2fr6", focused: "_1rsrm2fr7", focusedVisible: "_1rsrm2fr8" }, defaultClass: "_1rsrm2fr3" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2fr9", hover: "_1rsrm2fra", active: "_1rsrm2frb", selection: "_1rsrm2frc", focused: "_1rsrm2frd", focusedVisible: "_1rsrm2fre" }, defaultClass: "_1rsrm2fr9" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2frf", hover: "_1rsrm2frg", active: "_1rsrm2frh", selection: "_1rsrm2fri", focused: "_1rsrm2frj", focusedVisible: "_1rsrm2frk" }, defaultClass: "_1rsrm2frf" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2frl", hover: "_1rsrm2frm", active: "_1rsrm2frn", selection: "_1rsrm2fro", focused: "_1rsrm2frp", focusedVisible: "_1rsrm2frq" }, defaultClass: "_1rsrm2frl" }, announceGradientFrom: { conditions: { base: "_1rsrm2frr", hover: "_1rsrm2frs", active: "_1rsrm2frt", selection: "_1rsrm2fru", focused: "_1rsrm2frv", focusedVisible: "_1rsrm2frw" }, defaultClass: "_1rsrm2frr" }, announceGradientTo: { conditions: { base: "_1rsrm2frx", hover: "_1rsrm2fry", active: "_1rsrm2frz", selection: "_1rsrm2fs0", focused: "_1rsrm2fs1", focusedVisible: "_1rsrm2fs2" }, defaultClass: "_1rsrm2frx" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fs3", hover: "_1rsrm2fs4", active: "_1rsrm2fs5", selection: "_1rsrm2fs6", focused: "_1rsrm2fs7", focusedVisible: "_1rsrm2fs8" }, defaultClass: "_1rsrm2fs3" }, accentColorForeground: { conditions: { base: "_1rsrm2fs9", hover: "_1rsrm2fsa", active: "_1rsrm2fsb", selection: "_1rsrm2fsc", focused: "_1rsrm2fsd", focusedVisible: "_1rsrm2fse" }, defaultClass: "_1rsrm2fs9" }, actionButtonBorder: { conditions: { base: "_1rsrm2fsf", hover: "_1rsrm2fsg", active: "_1rsrm2fsh", selection: "_1rsrm2fsi", focused: "_1rsrm2fsj", focusedVisible: "_1rsrm2fsk" }, defaultClass: "_1rsrm2fsf" }, connectButtonBackground: { conditions: { base: "_1rsrm2fsl", hover: "_1rsrm2fsm", active: "_1rsrm2fsn", selection: "_1rsrm2fso", focused: "_1rsrm2fsp", focusedVisible: "_1rsrm2fsq" }, defaultClass: "_1rsrm2fsl" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fsr", hover: "_1rsrm2fss", active: "_1rsrm2fst", selection: "_1rsrm2fsu", focused: "_1rsrm2fsv", focusedVisible: "_1rsrm2fsw" }, defaultClass: "_1rsrm2fsr" }, connectButtonText: { conditions: { base: "_1rsrm2fsx", hover: "_1rsrm2fsy", active: "_1rsrm2fsz", selection: "_1rsrm2ft0", focused: "_1rsrm2ft1", focusedVisible: "_1rsrm2ft2" }, defaultClass: "_1rsrm2fsx" }, connectButtonTextError: { conditions: { base: "_1rsrm2ft3", hover: "_1rsrm2ft4", active: "_1rsrm2ft5", selection: "_1rsrm2ft6", focused: "_1rsrm2ft7", focusedVisible: "_1rsrm2ft8" }, defaultClass: "_1rsrm2ft3" }, connectionIndicator: { conditions: { base: "_1rsrm2ft9", hover: "_1rsrm2fta", active: "_1rsrm2ftb", selection: "_1rsrm2ftc", focused: "_1rsrm2ftd", focusedVisible: "_1rsrm2fte" }, defaultClass: "_1rsrm2ft9" }, error: { conditions: { base: "_1rsrm2ftf", hover: "_1rsrm2ftg", active: "_1rsrm2fth", selection: "_1rsrm2fti", focused: "_1rsrm2ftj", focusedVisible: "_1rsrm2ftk" }, defaultClass: "_1rsrm2ftf" }, errorBackground: { conditions: { base: "_1rsrm2ftl", hover: "_1rsrm2ftm", active: "_1rsrm2ftn", selection: "_1rsrm2fto", focused: "_1rsrm2ftp", focusedVisible: "_1rsrm2ftq" }, defaultClass: "_1rsrm2ftl" }, errorBorder: { conditions: { base: "_1rsrm2ftr", hover: "_1rsrm2fts", active: "_1rsrm2ftt", selection: "_1rsrm2ftu", focused: "_1rsrm2ftv", focusedVisible: "_1rsrm2ftw" }, defaultClass: "_1rsrm2ftr" }, generalBorder: { conditions: { base: "_1rsrm2ftx", hover: "_1rsrm2fty", active: "_1rsrm2ftz", selection: "_1rsrm2fu0", focused: "_1rsrm2fu1", focusedVisible: "_1rsrm2fu2" }, defaultClass: "_1rsrm2ftx" }, generalBorderDim: { conditions: { base: "_1rsrm2fu3", hover: "_1rsrm2fu4", active: "_1rsrm2fu5", selection: "_1rsrm2fu6", focused: "_1rsrm2fu7", focusedVisible: "_1rsrm2fu8" }, defaultClass: "_1rsrm2fu3" }, menuItemBackground: { conditions: { base: "_1rsrm2fu9", hover: "_1rsrm2fua", active: "_1rsrm2fub", selection: "_1rsrm2fuc", focused: "_1rsrm2fud", focusedVisible: "_1rsrm2fue" }, defaultClass: "_1rsrm2fu9" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fuf", hover: "_1rsrm2fug", active: "_1rsrm2fuh", selection: "_1rsrm2fui", focused: "_1rsrm2fuj", focusedVisible: "_1rsrm2fuk" }, defaultClass: "_1rsrm2fuf" }, focusedOptionBorder: { conditions: { base: "_1rsrm2ful", hover: "_1rsrm2fum", active: "_1rsrm2fun", selection: "_1rsrm2fuo", focused: "_1rsrm2fup", focusedVisible: "_1rsrm2fuq" }, defaultClass: "_1rsrm2ful" }, standby: { conditions: { base: "_1rsrm2fur", hover: "_1rsrm2fus", active: "_1rsrm2fut", selection: "_1rsrm2fuu", focused: "_1rsrm2fuv", focusedVisible: "_1rsrm2fuw" }, defaultClass: "_1rsrm2fur" }, success: { conditions: { base: "_1rsrm2fux", hover: "_1rsrm2fuy", active: "_1rsrm2fuz", selection: "_1rsrm2fv0", focused: "_1rsrm2fv1", focusedVisible: "_1rsrm2fv2" }, defaultClass: "_1rsrm2fux" }, chainIconBorder: { conditions: { base: "_1rsrm2fv3", hover: "_1rsrm2fv4", active: "_1rsrm2fv5", selection: "_1rsrm2fv6", focused: "_1rsrm2fv7", focusedVisible: "_1rsrm2fv8" }, defaultClass: "_1rsrm2fv3" }, modalBackdrop: { conditions: { base: "_1rsrm2fv9", hover: "_1rsrm2fva", active: "_1rsrm2fvb", selection: "_1rsrm2fvc", focused: "_1rsrm2fvd", focusedVisible: "_1rsrm2fve" }, defaultClass: "_1rsrm2fv9" }, modalBackground: { conditions: { base: "_1rsrm2fvf", hover: "_1rsrm2fvg", active: "_1rsrm2fvh", selection: "_1rsrm2fvi", focused: "_1rsrm2fvj", focusedVisible: "_1rsrm2fvk" }, defaultClass: "_1rsrm2fvf" }, modalBorder: { conditions: { base: "_1rsrm2fvl", hover: "_1rsrm2fvm", active: "_1rsrm2fvn", selection: "_1rsrm2fvo", focused: "_1rsrm2fvp", focusedVisible: "_1rsrm2fvq" }, defaultClass: "_1rsrm2fvl" }, offBackground: { conditions: { base: "_1rsrm2fvr", hover: "_1rsrm2fvs", active: "_1rsrm2fvt", selection: "_1rsrm2fvu", focused: "_1rsrm2fvv", focusedVisible: "_1rsrm2fvw" }, defaultClass: "_1rsrm2fvr" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2fvx", hover: "_1rsrm2fvy", active: "_1rsrm2fvz", selection: "_1rsrm2fw0", focused: "_1rsrm2fw1", focusedVisible: "_1rsrm2fw2" }, defaultClass: "_1rsrm2fvx" }, hoverState: { conditions: { base: "_1rsrm2fw3", hover: "_1rsrm2fw4", active: "_1rsrm2fw5", selection: "_1rsrm2fw6", focused: "_1rsrm2fw7", focusedVisible: "_1rsrm2fw8" }, defaultClass: "_1rsrm2fw3" }, lightStroke: { conditions: { base: "_1rsrm2fw9", hover: "_1rsrm2fwa", active: "_1rsrm2fwb", selection: "_1rsrm2fwc", focused: "_1rsrm2fwd", focusedVisible: "_1rsrm2fwe" }, defaultClass: "_1rsrm2fw9" }, mediumStroke: { conditions: { base: "_1rsrm2fwf", hover: "_1rsrm2fwg", active: "_1rsrm2fwh", selection: "_1rsrm2fwi", focused: "_1rsrm2fwj", focusedVisible: "_1rsrm2fwk" }, defaultClass: "_1rsrm2fwf" }, heavyStroke: { conditions: { base: "_1rsrm2fwl", hover: "_1rsrm2fwm", active: "_1rsrm2fwn", selection: "_1rsrm2fwo", focused: "_1rsrm2fwp", focusedVisible: "_1rsrm2fwq" }, defaultClass: "_1rsrm2fwl" }, strokeColor: { conditions: { base: "_1rsrm2fwr", hover: "_1rsrm2fws", active: "_1rsrm2fwt", selection: "_1rsrm2fwu", focused: "_1rsrm2fwv", focusedVisible: "_1rsrm2fww" }, defaultClass: "_1rsrm2fwr" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2fwx", hover: "_1rsrm2fwy", active: "_1rsrm2fwz", selection: "_1rsrm2fx0", focused: "_1rsrm2fx1", focusedVisible: "_1rsrm2fx2" }, defaultClass: "_1rsrm2fwx" }, primaryText: { conditions: { base: "_1rsrm2fx3", hover: "_1rsrm2fx4", active: "_1rsrm2fx5", selection: "_1rsrm2fx6", focused: "_1rsrm2fx7", focusedVisible: "_1rsrm2fx8" }, defaultClass: "_1rsrm2fx3" }, secondaryText: { conditions: { base: "_1rsrm2fx9", hover: "_1rsrm2fxa", active: "_1rsrm2fxb", selection: "_1rsrm2fxc", focused: "_1rsrm2fxd", focusedVisible: "_1rsrm2fxe" }, defaultClass: "_1rsrm2fx9" }, tertiaryText: { conditions: { base: "_1rsrm2fxf", hover: "_1rsrm2fxg", active: "_1rsrm2fxh", selection: "_1rsrm2fxi", focused: "_1rsrm2fxj", focusedVisible: "_1rsrm2fxk" }, defaultClass: "_1rsrm2fxf" }, textSelection: { conditions: { base: "_1rsrm2fxl", hover: "_1rsrm2fxm", active: "_1rsrm2fxn", selection: "_1rsrm2fxo", focused: "_1rsrm2fxp", focusedVisible: "_1rsrm2fxq" }, defaultClass: "_1rsrm2fxl" }, inputBackground: { conditions: { base: "_1rsrm2fxr", hover: "_1rsrm2fxs", active: "_1rsrm2fxt", selection: "_1rsrm2fxu", focused: "_1rsrm2fxv", focusedVisible: "_1rsrm2fxw" }, defaultClass: "_1rsrm2fxr" }, inputBorderBase: { conditions: { base: "_1rsrm2fxx", hover: "_1rsrm2fxy", active: "_1rsrm2fxz", selection: "_1rsrm2fy0", focused: "_1rsrm2fy1", focusedVisible: "_1rsrm2fy2" }, defaultClass: "_1rsrm2fxx" }, inputBorderHover: { conditions: { base: "_1rsrm2fy3", hover: "_1rsrm2fy4", active: "_1rsrm2fy5", selection: "_1rsrm2fy6", focused: "_1rsrm2fy7", focusedVisible: "_1rsrm2fy8" }, defaultClass: "_1rsrm2fy3" }, actionColor: { conditions: { base: "_1rsrm2fy9", hover: "_1rsrm2fya", active: "_1rsrm2fyb", selection: "_1rsrm2fyc", focused: "_1rsrm2fyd", focusedVisible: "_1rsrm2fye" }, defaultClass: "_1rsrm2fy9" }, actionColorHover: { conditions: { base: "_1rsrm2fyf", hover: "_1rsrm2fyg", active: "_1rsrm2fyh", selection: "_1rsrm2fyi", focused: "_1rsrm2fyj", focusedVisible: "_1rsrm2fyk" }, defaultClass: "_1rsrm2fyf" }, actionColorDisabled: { conditions: { base: "_1rsrm2fyl", hover: "_1rsrm2fym", active: "_1rsrm2fyn", selection: "_1rsrm2fyo", focused: "_1rsrm2fyp", focusedVisible: "_1rsrm2fyq" }, defaultClass: "_1rsrm2fyl" }, buttonPrimary: { conditions: { base: "_1rsrm2fyr", hover: "_1rsrm2fys", active: "_1rsrm2fyt", selection: "_1rsrm2fyu", focused: "_1rsrm2fyv", focusedVisible: "_1rsrm2fyw" }, defaultClass: "_1rsrm2fyr" }, buttonDisabled: { conditions: { base: "_1rsrm2fyx", hover: "_1rsrm2fyy", active: "_1rsrm2fyz", selection: "_1rsrm2fz0", focused: "_1rsrm2fz1", focusedVisible: "_1rsrm2fz2" }, defaultClass: "_1rsrm2fyx" }, buttonWarning: { conditions: { base: "_1rsrm2fz3", hover: "_1rsrm2fz4", active: "_1rsrm2fz5", selection: "_1rsrm2fz6", focused: "_1rsrm2fz7", focusedVisible: "_1rsrm2fz8" }, defaultClass: "_1rsrm2fz3" }, buttonSuccess: { conditions: { base: "_1rsrm2fz9", hover: "_1rsrm2fza", active: "_1rsrm2fzb", selection: "_1rsrm2fzc", focused: "_1rsrm2fzd", focusedVisible: "_1rsrm2fze" }, defaultClass: "_1rsrm2fz9" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fzf", hover: "_1rsrm2fzg", active: "_1rsrm2fzh", selection: "_1rsrm2fzi", focused: "_1rsrm2fzj", focusedVisible: "_1rsrm2fzk" }, defaultClass: "_1rsrm2fzf" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fzl", hover: "_1rsrm2fzm", active: "_1rsrm2fzn", selection: "_1rsrm2fzo", focused: "_1rsrm2fzp", focusedVisible: "_1rsrm2fzq" }, defaultClass: "_1rsrm2fzl" }, transparent: { conditions: { base: "_1rsrm2fzr", hover: "_1rsrm2fzs", active: "_1rsrm2fzt", selection: "_1rsrm2fzu", focused: "_1rsrm2fzv", focusedVisible: "_1rsrm2fzw" }, defaultClass: "_1rsrm2fzr" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fzx", hover: "_1rsrm2fzy", active: "_1rsrm2fzz", selection: "_1rsrm2f100", focused: "_1rsrm2f101", focusedVisible: "_1rsrm2f102" }, defaultClass: "_1rsrm2fzx" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f103", hover: "_1rsrm2f104", active: "_1rsrm2f105", selection: "_1rsrm2f106", focused: "_1rsrm2f107", focusedVisible: "_1rsrm2f108" }, defaultClass: "_1rsrm2f103" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f109", hover: "_1rsrm2f10a", active: "_1rsrm2f10b", selection: "_1rsrm2f10c", focused: "_1rsrm2f10d", focusedVisible: "_1rsrm2f10e" }, defaultClass: "_1rsrm2f109" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f10f", hover: "_1rsrm2f10g", active: "_1rsrm2f10h", selection: "_1rsrm2f10i", focused: "_1rsrm2f10j", focusedVisible: "_1rsrm2f10k" }, defaultClass: "_1rsrm2f10f" }, buttonStrokeTertiary: { conditions: { base: "_1rsrm2f10l", hover: "_1rsrm2f10m", active: "_1rsrm2f10n", selection: "_1rsrm2f10o", focused: "_1rsrm2f10p", focusedVisible: "_1rsrm2f10q" }, defaultClass: "_1rsrm2f10l" }, buttonBackground: { conditions: { base: "_1rsrm2f10r", hover: "_1rsrm2f10s", active: "_1rsrm2f10t", selection: "_1rsrm2f10u", focused: "_1rsrm2f10v", focusedVisible: "_1rsrm2f10w" }, defaultClass: "_1rsrm2f10r" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f10x", hover: "_1rsrm2f10y", active: "_1rsrm2f10z", selection: "_1rsrm2f110", focused: "_1rsrm2f111", focusedVisible: "_1rsrm2f112" }, defaultClass: "_1rsrm2f10x" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f113", hover: "_1rsrm2f114", active: "_1rsrm2f115", selection: "_1rsrm2f116", focused: "_1rsrm2f117", focusedVisible: "_1rsrm2f118" }, defaultClass: "_1rsrm2f113" }, buttonStroke: { conditions: { base: "_1rsrm2f119", hover: "_1rsrm2f11a", active: "_1rsrm2f11b", selection: "_1rsrm2f11c", focused: "_1rsrm2f11d", focusedVisible: "_1rsrm2f11e" }, defaultClass: "_1rsrm2f119" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f11f", hover: "_1rsrm2f11g", active: "_1rsrm2f11h", selection: "_1rsrm2f11i", focused: "_1rsrm2f11j", focusedVisible: "_1rsrm2f11k" }, defaultClass: "_1rsrm2f11f" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f11l", hover: "_1rsrm2f11m", active: "_1rsrm2f11n", selection: "_1rsrm2f11o", focused: "_1rsrm2f11p", focusedVisible: "_1rsrm2f11q" }, defaultClass: "_1rsrm2f11l" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f11r", hover: "_1rsrm2f11s", active: "_1rsrm2f11t", selection: "_1rsrm2f11u", focused: "_1rsrm2f11v", focusedVisible: "_1rsrm2f11w" }, defaultClass: "_1rsrm2f11r" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f11x", hover: "_1rsrm2f11y", active: "_1rsrm2f11z", selection: "_1rsrm2f120", focused: "_1rsrm2f121", focusedVisible: "_1rsrm2f122" }, defaultClass: "_1rsrm2f11x" }, buttonIconStroke: { conditions: { base: "_1rsrm2f123", hover: "_1rsrm2f124", active: "_1rsrm2f125", selection: "_1rsrm2f126", focused: "_1rsrm2f127", focusedVisible: "_1rsrm2f128" }, defaultClass: "_1rsrm2f123" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f129", hover: "_1rsrm2f12a", active: "_1rsrm2f12b", selection: "_1rsrm2f12c", focused: "_1rsrm2f12d", focusedVisible: "_1rsrm2f12e" }, defaultClass: "_1rsrm2f129" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f12f", hover: "_1rsrm2f12g", active: "_1rsrm2f12h", selection: "_1rsrm2f12i", focused: "_1rsrm2f12j", focusedVisible: "_1rsrm2f12k" }, defaultClass: "_1rsrm2f12f" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f12l", hover: "_1rsrm2f12m", active: "_1rsrm2f12n", selection: "_1rsrm2f12o", focused: "_1rsrm2f12p", focusedVisible: "_1rsrm2f12q" }, defaultClass: "_1rsrm2f12l" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f12r", hover: "_1rsrm2f12s", active: "_1rsrm2f12t", selection: "_1rsrm2f12u", focused: "_1rsrm2f12v", focusedVisible: "_1rsrm2f12w" }, defaultClass: "_1rsrm2f12r" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f12x", hover: "_1rsrm2f12y", active: "_1rsrm2f12z", selection: "_1rsrm2f130", focused: "_1rsrm2f131", focusedVisible: "_1rsrm2f132" }, defaultClass: "_1rsrm2f12x" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f133", hover: "_1rsrm2f134", active: "_1rsrm2f135", selection: "_1rsrm2f136", focused: "_1rsrm2f137", focusedVisible: "_1rsrm2f138" }, defaultClass: "_1rsrm2f133" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f139", hover: "_1rsrm2f13a", active: "_1rsrm2f13b", selection: "_1rsrm2f13c", focused: "_1rsrm2f13d", focusedVisible: "_1rsrm2f13e" }, defaultClass: "_1rsrm2f139" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f13f", hover: "_1rsrm2f13g", active: "_1rsrm2f13h", selection: "_1rsrm2f13i", focused: "_1rsrm2f13j", focusedVisible: "_1rsrm2f13k" }, defaultClass: "_1rsrm2f13f" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f13l", hover: "_1rsrm2f13m", active: "_1rsrm2f13n", selection: "_1rsrm2f13o", focused: "_1rsrm2f13p", focusedVisible: "_1rsrm2f13q" }, defaultClass: "_1rsrm2f13l" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f13r", hover: "_1rsrm2f13s", active: "_1rsrm2f13t", selection: "_1rsrm2f13u", focused: "_1rsrm2f13v", focusedVisible: "_1rsrm2f13w" }, defaultClass: "_1rsrm2f13r" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f13x", hover: "_1rsrm2f13y", active: "_1rsrm2f13z", selection: "_1rsrm2f140", focused: "_1rsrm2f141", focusedVisible: "_1rsrm2f142" }, defaultClass: "_1rsrm2f13x" }, announceGradientFrom: { conditions: { base: "_1rsrm2f143", hover: "_1rsrm2f144", active: "_1rsrm2f145", selection: "_1rsrm2f146", focused: "_1rsrm2f147", focusedVisible: "_1rsrm2f148" }, defaultClass: "_1rsrm2f143" }, announceGradientTo: { conditions: { base: "_1rsrm2f149", hover: "_1rsrm2f14a", active: "_1rsrm2f14b", selection: "_1rsrm2f14c", focused: "_1rsrm2f14d", focusedVisible: "_1rsrm2f14e" }, defaultClass: "_1rsrm2f149" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f14f", hover: "_1rsrm2f14g", active: "_1rsrm2f14h", selection: "_1rsrm2f14i", focused: "_1rsrm2f14j", focusedVisible: "_1rsrm2f14k" }, defaultClass: "_1rsrm2f14f" }, dialog: { conditions: { base: "_1rsrm2f14l", hover: "_1rsrm2f14m", active: "_1rsrm2f14n", selection: "_1rsrm2f14o", focused: "_1rsrm2f14p", focusedVisible: "_1rsrm2f14q" }, defaultClass: "_1rsrm2f14l" }, selectedOption: { conditions: { base: "_1rsrm2f14r", hover: "_1rsrm2f14s", active: "_1rsrm2f14t", selection: "_1rsrm2f14u", focused: "_1rsrm2f14v", focusedVisible: "_1rsrm2f14w" }, defaultClass: "_1rsrm2f14r" }, selectedWallet: { conditions: { base: "_1rsrm2f14x", hover: "_1rsrm2f14y", active: "_1rsrm2f14z", selection: "_1rsrm2f150", focused: "_1rsrm2f151", focusedVisible: "_1rsrm2f152" }, defaultClass: "_1rsrm2f14x" }, dropdown: { conditions: { base: "_1rsrm2f153", hover: "_1rsrm2f154", active: "_1rsrm2f155", selection: "_1rsrm2f156", focused: "_1rsrm2f157", focusedVisible: "_1rsrm2f158" }, defaultClass: "_1rsrm2f153" }, notification: { conditions: { base: "_1rsrm2f159", hover: "_1rsrm2f15a", active: "_1rsrm2f15b", selection: "_1rsrm2f15c", focused: "_1rsrm2f15d", focusedVisible: "_1rsrm2f15e" }, defaultClass: "_1rsrm2f159" }, vertexDropdown: { conditions: { base: "_1rsrm2f15f", hover: "_1rsrm2f15g", active: "_1rsrm2f15h", selection: "_1rsrm2f15i", focused: "_1rsrm2f15j", focusedVisible: "_1rsrm2f15k" }, defaultClass: "_1rsrm2f15f" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f15l", hover: "_1rsrm2f15m", active: "_1rsrm2f15n", selection: "_1rsrm2f15o", focused: "_1rsrm2f15p", focusedVisible: "_1rsrm2f15q" }, defaultClass: "_1rsrm2f15l" }, accentColorForeground: { conditions: { base: "_1rsrm2f15r", hover: "_1rsrm2f15s", active: "_1rsrm2f15t", selection: "_1rsrm2f15u", focused: "_1rsrm2f15v", focusedVisible: "_1rsrm2f15w" }, defaultClass: "_1rsrm2f15r" }, actionButtonBorder: { conditions: { base: "_1rsrm2f15x", hover: "_1rsrm2f15y", active: "_1rsrm2f15z", selection: "_1rsrm2f160", focused: "_1rsrm2f161", focusedVisible: "_1rsrm2f162" }, defaultClass: "_1rsrm2f15x" }, connectButtonBackground: { conditions: { base: "_1rsrm2f163", hover: "_1rsrm2f164", active: "_1rsrm2f165", selection: "_1rsrm2f166", focused: "_1rsrm2f167", focusedVisible: "_1rsrm2f168" }, defaultClass: "_1rsrm2f163" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f169", hover: "_1rsrm2f16a", active: "_1rsrm2f16b", selection: "_1rsrm2f16c", focused: "_1rsrm2f16d", focusedVisible: "_1rsrm2f16e" }, defaultClass: "_1rsrm2f169" }, connectButtonText: { conditions: { base: "_1rsrm2f16f", hover: "_1rsrm2f16g", active: "_1rsrm2f16h", selection: "_1rsrm2f16i", focused: "_1rsrm2f16j", focusedVisible: "_1rsrm2f16k" }, defaultClass: "_1rsrm2f16f" }, connectButtonTextError: { conditions: { base: "_1rsrm2f16l", hover: "_1rsrm2f16m", active: "_1rsrm2f16n", selection: "_1rsrm2f16o", focused: "_1rsrm2f16p", focusedVisible: "_1rsrm2f16q" }, defaultClass: "_1rsrm2f16l" }, connectionIndicator: { conditions: { base: "_1rsrm2f16r", hover: "_1rsrm2f16s", active: "_1rsrm2f16t", selection: "_1rsrm2f16u", focused: "_1rsrm2f16v", focusedVisible: "_1rsrm2f16w" }, defaultClass: "_1rsrm2f16r" }, error: { conditions: { base: "_1rsrm2f16x", hover: "_1rsrm2f16y", active: "_1rsrm2f16z", selection: "_1rsrm2f170", focused: "_1rsrm2f171", focusedVisible: "_1rsrm2f172" }, defaultClass: "_1rsrm2f16x" }, errorBackground: { conditions: { base: "_1rsrm2f173", hover: "_1rsrm2f174", active: "_1rsrm2f175", selection: "_1rsrm2f176", focused: "_1rsrm2f177", focusedVisible: "_1rsrm2f178" }, defaultClass: "_1rsrm2f173" }, errorBorder: { conditions: { base: "_1rsrm2f179", hover: "_1rsrm2f17a", active: "_1rsrm2f17b", selection: "_1rsrm2f17c", focused: "_1rsrm2f17d", focusedVisible: "_1rsrm2f17e" }, defaultClass: "_1rsrm2f179" }, generalBorder: { conditions: { base: "_1rsrm2f17f", hover: "_1rsrm2f17g", active: "_1rsrm2f17h", selection: "_1rsrm2f17i", focused: "_1rsrm2f17j", focusedVisible: "_1rsrm2f17k" }, defaultClass: "_1rsrm2f17f" }, generalBorderDim: { conditions: { base: "_1rsrm2f17l", hover: "_1rsrm2f17m", active: "_1rsrm2f17n", selection: "_1rsrm2f17o", focused: "_1rsrm2f17p", focusedVisible: "_1rsrm2f17q" }, defaultClass: "_1rsrm2f17l" }, menuItemBackground: { conditions: { base: "_1rsrm2f17r", hover: "_1rsrm2f17s", active: "_1rsrm2f17t", selection: "_1rsrm2f17u", focused: "_1rsrm2f17v", focusedVisible: "_1rsrm2f17w" }, defaultClass: "_1rsrm2f17r" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f17x", hover: "_1rsrm2f17y", active: "_1rsrm2f17z", selection: "_1rsrm2f180", focused: "_1rsrm2f181", focusedVisible: "_1rsrm2f182" }, defaultClass: "_1rsrm2f17x" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f183", hover: "_1rsrm2f184", active: "_1rsrm2f185", selection: "_1rsrm2f186", focused: "_1rsrm2f187", focusedVisible: "_1rsrm2f188" }, defaultClass: "_1rsrm2f183" }, standby: { conditions: { base: "_1rsrm2f189", hover: "_1rsrm2f18a", active: "_1rsrm2f18b", selection: "_1rsrm2f18c", focused: "_1rsrm2f18d", focusedVisible: "_1rsrm2f18e" }, defaultClass: "_1rsrm2f189" }, success: { conditions: { base: "_1rsrm2f18f", hover: "_1rsrm2f18g", active: "_1rsrm2f18h", selection: "_1rsrm2f18i", focused: "_1rsrm2f18j", focusedVisible: "_1rsrm2f18k" }, defaultClass: "_1rsrm2f18f" }, chainIconBorder: { conditions: { base: "_1rsrm2f18l", hover: "_1rsrm2f18m", active: "_1rsrm2f18n", selection: "_1rsrm2f18o", focused: "_1rsrm2f18p", focusedVisible: "_1rsrm2f18q" }, defaultClass: "_1rsrm2f18l" }, modalBackdrop: { conditions: { base: "_1rsrm2f18r", hover: "_1rsrm2f18s", active: "_1rsrm2f18t", selection: "_1rsrm2f18u", focused: "_1rsrm2f18v", focusedVisible: "_1rsrm2f18w" }, defaultClass: "_1rsrm2f18r" }, modalBackground: { conditions: { base: "_1rsrm2f18x", hover: "_1rsrm2f18y", active: "_1rsrm2f18z", selection: "_1rsrm2f190", focused: "_1rsrm2f191", focusedVisible: "_1rsrm2f192" }, defaultClass: "_1rsrm2f18x" }, modalBorder: { conditions: { base: "_1rsrm2f193", hover: "_1rsrm2f194", active: "_1rsrm2f195", selection: "_1rsrm2f196", focused: "_1rsrm2f197", focusedVisible: "_1rsrm2f198" }, defaultClass: "_1rsrm2f193" }, offBackground: { conditions: { base: "_1rsrm2f199", hover: "_1rsrm2f19a", active: "_1rsrm2f19b", selection: "_1rsrm2f19c", focused: "_1rsrm2f19d", focusedVisible: "_1rsrm2f19e" }, defaultClass: "_1rsrm2f199" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2f19f", hover: "_1rsrm2f19g", active: "_1rsrm2f19h", selection: "_1rsrm2f19i", focused: "_1rsrm2f19j", focusedVisible: "_1rsrm2f19k" }, defaultClass: "_1rsrm2f19f" }, hoverState: { conditions: { base: "_1rsrm2f19l", hover: "_1rsrm2f19m", active: "_1rsrm2f19n", selection: "_1rsrm2f19o", focused: "_1rsrm2f19p", focusedVisible: "_1rsrm2f19q" }, defaultClass: "_1rsrm2f19l" }, lightStroke: { conditions: { base: "_1rsrm2f19r", hover: "_1rsrm2f19s", active: "_1rsrm2f19t", selection: "_1rsrm2f19u", focused: "_1rsrm2f19v", focusedVisible: "_1rsrm2f19w" }, defaultClass: "_1rsrm2f19r" }, mediumStroke: { conditions: { base: "_1rsrm2f19x", hover: "_1rsrm2f19y", active: "_1rsrm2f19z", selection: "_1rsrm2f1a0", focused: "_1rsrm2f1a1", focusedVisible: "_1rsrm2f1a2" }, defaultClass: "_1rsrm2f19x" }, heavyStroke: { conditions: { base: "_1rsrm2f1a3", hover: "_1rsrm2f1a4", active: "_1rsrm2f1a5", selection: "_1rsrm2f1a6", focused: "_1rsrm2f1a7", focusedVisible: "_1rsrm2f1a8" }, defaultClass: "_1rsrm2f1a3" }, strokeColor: { conditions: { base: "_1rsrm2f1a9", hover: "_1rsrm2f1aa", active: "_1rsrm2f1ab", selection: "_1rsrm2f1ac", focused: "_1rsrm2f1ad", focusedVisible: "_1rsrm2f1ae" }, defaultClass: "_1rsrm2f1a9" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2f1af", hover: "_1rsrm2f1ag", active: "_1rsrm2f1ah", selection: "_1rsrm2f1ai", focused: "_1rsrm2f1aj", focusedVisible: "_1rsrm2f1ak" }, defaultClass: "_1rsrm2f1af" }, primaryText: { conditions: { base: "_1rsrm2f1al", hover: "_1rsrm2f1am", active: "_1rsrm2f1an", selection: "_1rsrm2f1ao", focused: "_1rsrm2f1ap", focusedVisible: "_1rsrm2f1aq" }, defaultClass: "_1rsrm2f1al" }, secondaryText: { conditions: { base: "_1rsrm2f1ar", hover: "_1rsrm2f1as", active: "_1rsrm2f1at", selection: "_1rsrm2f1au", focused: "_1rsrm2f1av", focusedVisible: "_1rsrm2f1aw" }, defaultClass: "_1rsrm2f1ar" }, tertiaryText: { conditions: { base: "_1rsrm2f1ax", hover: "_1rsrm2f1ay", active: "_1rsrm2f1az", selection: "_1rsrm2f1b0", focused: "_1rsrm2f1b1", focusedVisible: "_1rsrm2f1b2" }, defaultClass: "_1rsrm2f1ax" }, textSelection: { conditions: { base: "_1rsrm2f1b3", hover: "_1rsrm2f1b4", active: "_1rsrm2f1b5", selection: "_1rsrm2f1b6", focused: "_1rsrm2f1b7", focusedVisible: "_1rsrm2f1b8" }, defaultClass: "_1rsrm2f1b3" }, inputBackground: { conditions: { base: "_1rsrm2f1b9", hover: "_1rsrm2f1ba", active: "_1rsrm2f1bb", selection: "_1rsrm2f1bc", focused: "_1rsrm2f1bd", focusedVisible: "_1rsrm2f1be" }, defaultClass: "_1rsrm2f1b9" }, inputBorderBase: { conditions: { base: "_1rsrm2f1bf", hover: "_1rsrm2f1bg", active: "_1rsrm2f1bh", selection: "_1rsrm2f1bi", focused: "_1rsrm2f1bj", focusedVisible: "_1rsrm2f1bk" }, defaultClass: "_1rsrm2f1bf" }, inputBorderHover: { conditions: { base: "_1rsrm2f1bl", hover: "_1rsrm2f1bm", active: "_1rsrm2f1bn", selection: "_1rsrm2f1bo", focused: "_1rsrm2f1bp", focusedVisible: "_1rsrm2f1bq" }, defaultClass: "_1rsrm2f1bl" }, actionColor: { conditions: { base: "_1rsrm2f1br", hover: "_1rsrm2f1bs", active: "_1rsrm2f1bt", selection: "_1rsrm2f1bu", focused: "_1rsrm2f1bv", focusedVisible: "_1rsrm2f1bw" }, defaultClass: "_1rsrm2f1br" }, actionColorHover: { conditions: { base: "_1rsrm2f1bx", hover: "_1rsrm2f1by", active: "_1rsrm2f1bz", selection: "_1rsrm2f1c0", focused: "_1rsrm2f1c1", focusedVisible: "_1rsrm2f1c2" }, defaultClass: "_1rsrm2f1bx" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1c3", hover: "_1rsrm2f1c4", active: "_1rsrm2f1c5", selection: "_1rsrm2f1c6", focused: "_1rsrm2f1c7", focusedVisible: "_1rsrm2f1c8" }, defaultClass: "_1rsrm2f1c3" }, buttonPrimary: { conditions: { base: "_1rsrm2f1c9", hover: "_1rsrm2f1ca", active: "_1rsrm2f1cb", selection: "_1rsrm2f1cc", focused: "_1rsrm2f1cd", focusedVisible: "_1rsrm2f1ce" }, defaultClass: "_1rsrm2f1c9" }, buttonDisabled: { conditions: { base: "_1rsrm2f1cf", hover: "_1rsrm2f1cg", active: "_1rsrm2f1ch", selection: "_1rsrm2f1ci", focused: "_1rsrm2f1cj", focusedVisible: "_1rsrm2f1ck" }, defaultClass: "_1rsrm2f1cf" }, buttonWarning: { conditions: { base: "_1rsrm2f1cl", hover: "_1rsrm2f1cm", active: "_1rsrm2f1cn", selection: "_1rsrm2f1co", focused: "_1rsrm2f1cp", focusedVisible: "_1rsrm2f1cq" }, defaultClass: "_1rsrm2f1cl" }, buttonSuccess: { conditions: { base: "_1rsrm2f1cr", hover: "_1rsrm2f1cs", active: "_1rsrm2f1ct", selection: "_1rsrm2f1cu", focused: "_1rsrm2f1cv", focusedVisible: "_1rsrm2f1cw" }, defaultClass: "_1rsrm2f1cr" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1cx", hover: "_1rsrm2f1cy", active: "_1rsrm2f1cz", selection: "_1rsrm2f1d0", focused: "_1rsrm2f1d1", focusedVisible: "_1rsrm2f1d2" }, defaultClass: "_1rsrm2f1cx" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1d3", hover: "_1rsrm2f1d4", active: "_1rsrm2f1d5", selection: "_1rsrm2f1d6", focused: "_1rsrm2f1d7", focusedVisible: "_1rsrm2f1d8" }, defaultClass: "_1rsrm2f1d3" }, transparent: { conditions: { base: "_1rsrm2f1d9", hover: "_1rsrm2f1da", active: "_1rsrm2f1db", selection: "_1rsrm2f1dc", focused: "_1rsrm2f1dd", focusedVisible: "_1rsrm2f1de" }, defaultClass: "_1rsrm2f1d9" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1df", hover: "_1rsrm2f1dg", active: "_1rsrm2f1dh", selection: "_1rsrm2f1di", focused: "_1rsrm2f1dj", focusedVisible: "_1rsrm2f1dk" }, defaultClass: "_1rsrm2f1df" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1dl", hover: "_1rsrm2f1dm", active: "_1rsrm2f1dn", selection: "_1rsrm2f1do", focused: "_1rsrm2f1dp", focusedVisible: "_1rsrm2f1dq" }, defaultClass: "_1rsrm2f1dl" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1dr", hover: "_1rsrm2f1ds", active: "_1rsrm2f1dt", selection: "_1rsrm2f1du", focused: "_1rsrm2f1dv", focusedVisible: "_1rsrm2f1dw" }, defaultClass: "_1rsrm2f1dr" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1dx", hover: "_1rsrm2f1dy", active: "_1rsrm2f1dz", selection: "_1rsrm2f1e0", focused: "_1rsrm2f1e1", focusedVisible: "_1rsrm2f1e2" }, defaultClass: "_1rsrm2f1dx" }, buttonStrokeTertiary: { conditions: { base: "_1rsrm2f1e3", hover: "_1rsrm2f1e4", active: "_1rsrm2f1e5", selection: "_1rsrm2f1e6", focused: "_1rsrm2f1e7", focusedVisible: "_1rsrm2f1e8" }, defaultClass: "_1rsrm2f1e3" }, buttonBackground: { conditions: { base: "_1rsrm2f1e9", hover: "_1rsrm2f1ea", active: "_1rsrm2f1eb", selection: "_1rsrm2f1ec", focused: "_1rsrm2f1ed", focusedVisible: "_1rsrm2f1ee" }, defaultClass: "_1rsrm2f1e9" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1ef", hover: "_1rsrm2f1eg", active: "_1rsrm2f1eh", selection: "_1rsrm2f1ei", focused: "_1rsrm2f1ej", focusedVisible: "_1rsrm2f1ek" }, defaultClass: "_1rsrm2f1ef" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1el", hover: "_1rsrm2f1em", active: "_1rsrm2f1en", selection: "_1rsrm2f1eo", focused: "_1rsrm2f1ep", focusedVisible: "_1rsrm2f1eq" }, defaultClass: "_1rsrm2f1el" }, buttonStroke: { conditions: { base: "_1rsrm2f1er", hover: "_1rsrm2f1es", active: "_1rsrm2f1et", selection: "_1rsrm2f1eu", focused: "_1rsrm2f1ev", focusedVisible: "_1rsrm2f1ew" }, defaultClass: "_1rsrm2f1er" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1ex", hover: "_1rsrm2f1ey", active: "_1rsrm2f1ez", selection: "_1rsrm2f1f0", focused: "_1rsrm2f1f1", focusedVisible: "_1rsrm2f1f2" }, defaultClass: "_1rsrm2f1ex" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1f3", hover: "_1rsrm2f1f4", active: "_1rsrm2f1f5", selection: "_1rsrm2f1f6", focused: "_1rsrm2f1f7", focusedVisible: "_1rsrm2f1f8" }, defaultClass: "_1rsrm2f1f3" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1f9", hover: "_1rsrm2f1fa", active: "_1rsrm2f1fb", selection: "_1rsrm2f1fc", focused: "_1rsrm2f1fd", focusedVisible: "_1rsrm2f1fe" }, defaultClass: "_1rsrm2f1f9" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1ff", hover: "_1rsrm2f1fg", active: "_1rsrm2f1fh", selection: "_1rsrm2f1fi", focused: "_1rsrm2f1fj", focusedVisible: "_1rsrm2f1fk" }, defaultClass: "_1rsrm2f1ff" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1fl", hover: "_1rsrm2f1fm", active: "_1rsrm2f1fn", selection: "_1rsrm2f1fo", focused: "_1rsrm2f1fp", focusedVisible: "_1rsrm2f1fq" }, defaultClass: "_1rsrm2f1fl" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1fr", hover: "_1rsrm2f1fs", active: "_1rsrm2f1ft", selection: "_1rsrm2f1fu", focused: "_1rsrm2f1fv", focusedVisible: "_1rsrm2f1fw" }, defaultClass: "_1rsrm2f1fr" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1fx", hover: "_1rsrm2f1fy", active: "_1rsrm2f1fz", selection: "_1rsrm2f1g0", focused: "_1rsrm2f1g1", focusedVisible: "_1rsrm2f1g2" }, defaultClass: "_1rsrm2f1fx" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1g3", hover: "_1rsrm2f1g4", active: "_1rsrm2f1g5", selection: "_1rsrm2f1g6", focused: "_1rsrm2f1g7", focusedVisible: "_1rsrm2f1g8" }, defaultClass: "_1rsrm2f1g3" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1g9", hover: "_1rsrm2f1ga", active: "_1rsrm2f1gb", selection: "_1rsrm2f1gc", focused: "_1rsrm2f1gd", focusedVisible: "_1rsrm2f1ge" }, defaultClass: "_1rsrm2f1g9" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1gf", hover: "_1rsrm2f1gg", active: "_1rsrm2f1gh", selection: "_1rsrm2f1gi", focused: "_1rsrm2f1gj", focusedVisible: "_1rsrm2f1gk" }, defaultClass: "_1rsrm2f1gf" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1gl", hover: "_1rsrm2f1gm", active: "_1rsrm2f1gn", selection: "_1rsrm2f1go", focused: "_1rsrm2f1gp", focusedVisible: "_1rsrm2f1gq" }, defaultClass: "_1rsrm2f1gl" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1gr", hover: "_1rsrm2f1gs", active: "_1rsrm2f1gt", selection: "_1rsrm2f1gu", focused: "_1rsrm2f1gv", focusedVisible: "_1rsrm2f1gw" }, defaultClass: "_1rsrm2f1gr" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1gx", hover: "_1rsrm2f1gy", active: "_1rsrm2f1gz", selection: "_1rsrm2f1h0", focused: "_1rsrm2f1h1", focusedVisible: "_1rsrm2f1h2" }, defaultClass: "_1rsrm2f1gx" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1h3", hover: "_1rsrm2f1h4", active: "_1rsrm2f1h5", selection: "_1rsrm2f1h6", focused: "_1rsrm2f1h7", focusedVisible: "_1rsrm2f1h8" }, defaultClass: "_1rsrm2f1h3" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1h9", hover: "_1rsrm2f1ha", active: "_1rsrm2f1hb", selection: "_1rsrm2f1hc", focused: "_1rsrm2f1hd", focusedVisible: "_1rsrm2f1he" }, defaultClass: "_1rsrm2f1h9" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1hf", hover: "_1rsrm2f1hg", active: "_1rsrm2f1hh", selection: "_1rsrm2f1hi", focused: "_1rsrm2f1hj", focusedVisible: "_1rsrm2f1hk" }, defaultClass: "_1rsrm2f1hf" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1hl", hover: "_1rsrm2f1hm", active: "_1rsrm2f1hn", selection: "_1rsrm2f1ho", focused: "_1rsrm2f1hp", focusedVisible: "_1rsrm2f1hq" }, defaultClass: "_1rsrm2f1hl" }, announceGradientTo: { conditions: { base: "_1rsrm2f1hr", hover: "_1rsrm2f1hs", active: "_1rsrm2f1ht", selection: "_1rsrm2f1hu", focused: "_1rsrm2f1hv", focusedVisible: "_1rsrm2f1hw" }, defaultClass: "_1rsrm2f1hr" } } } } }, { 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" }, actionButton: { defaultClass: "_1rsrm2fr" }, connectButton: { defaultClass: "_1rsrm2fs" }, menuButton: { defaultClass: "_1rsrm2ft" }, modal: { defaultClass: "_1rsrm2fu" }, modalMobile: { defaultClass: "_1rsrm2fv" }, modalActionButton: { defaultClass: "_1rsrm2fw" }, modalActionButtonMobile: { defaultClass: "_1rsrm2fx" }, full: { defaultClass: "_1rsrm2fy" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2fz" }, dotted: { defaultClass: "_1rsrm2f10" }, hidden: { defaultClass: "_1rsrm2f11" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f12" }, "1": { defaultClass: "_1rsrm2f13" }, "2": { defaultClass: "_1rsrm2f14" }, "3": { defaultClass: "_1rsrm2f15" }, "4": { defaultClass: "_1rsrm2f16" }, "0.5": { defaultClass: "_1rsrm2f17" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f18" }, pointer: { defaultClass: "_1rsrm2f19" }, "not-allowed": { defaultClass: "_1rsrm2f1a" }, "default": { defaultClass: "_1rsrm2f1b" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1c" }, column: { defaultClass: "_1rsrm2f1d" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1e" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1f" }, "12": { defaultClass: "_1rsrm2f1g" }, "13": { defaultClass: "_1rsrm2f1h" }, "14": { defaultClass: "_1rsrm2f1i" }, "16": { defaultClass: "_1rsrm2f1j" }, "18": { defaultClass: "_1rsrm2f1k" }, "20": { defaultClass: "_1rsrm2f1l" }, "21": { defaultClass: "_1rsrm2f1m" }, "40": { defaultClass: "_1rsrm2f1n" }, "57": { defaultClass: "_1rsrm2f1o" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f1p" }, medium: { defaultClass: "_1rsrm2f1q" }, semibold: { defaultClass: "_1rsrm2f1r" }, bold: { defaultClass: "_1rsrm2f1s" }, heavy: { defaultClass: "_1rsrm2f1t" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f1u" }, "1": { defaultClass: "_1rsrm2f1v" }, "2": { defaultClass: "_1rsrm2f1w" }, "3": { defaultClass: "_1rsrm2f1x" }, "4": { defaultClass: "_1rsrm2f1y" }, "5": { defaultClass: "_1rsrm2f1z" }, "6": { defaultClass: "_1rsrm2f20" }, "7": { defaultClass: "_1rsrm2f21" }, "8": { defaultClass: "_1rsrm2f22" }, "9": { defaultClass: "_1rsrm2f23" }, "10": { defaultClass: "_1rsrm2f24" }, "11": { defaultClass: "_1rsrm2f25" }, "12": { defaultClass: "_1rsrm2f26" }, "13": { defaultClass: "_1rsrm2f27" }, "14": { defaultClass: "_1rsrm2f28" }, "15": { defaultClass: "_1rsrm2f29" }, "16": { defaultClass: "_1rsrm2f2a" }, "18": { defaultClass: "_1rsrm2f2b" }, "20": { defaultClass: "_1rsrm2f2c" }, "24": { defaultClass: "_1rsrm2f2d" }, "28": { defaultClass: "_1rsrm2f2e" }, "30": { defaultClass: "_1rsrm2f2f" }, "32": { defaultClass: "_1rsrm2f2g" }, "36": { defaultClass: "_1rsrm2f2h" }, "44": { defaultClass: "_1rsrm2f2i" }, "64": { defaultClass: "_1rsrm2f2j" }, "-1": { defaultClass: "_1rsrm2f2k" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f2l" }, "2": { defaultClass: "_1rsrm2f2m" }, "4": { defaultClass: "_1rsrm2f2n" }, "8": { defaultClass: "_1rsrm2f2o" }, "10": { defaultClass: "_1rsrm2f2p" }, "11": { defaultClass: "_1rsrm2f2q" }, "12": { defaultClass: "_1rsrm2f2r" }, "13": { defaultClass: "_1rsrm2f2s" }, "14": { defaultClass: "_1rsrm2f2t" }, "15": { defaultClass: "_1rsrm2f2u" }, "16": { defaultClass: "_1rsrm2f2v" }, "18": { defaultClass: "_1rsrm2f2w" }, "20": { defaultClass: "_1rsrm2f2x" }, "24": { defaultClass: "_1rsrm2f2y" }, "28": { defaultClass: "_1rsrm2f2z" }, "30": { defaultClass: "_1rsrm2f30" }, "32": { defaultClass: "_1rsrm2f31" }, "34": { defaultClass: "_1rsrm2f32" }, "36": { defaultClass: "_1rsrm2f33" }, "40": { defaultClass: "_1rsrm2f34" }, "44": { defaultClass: "_1rsrm2f35" }, "48": { defaultClass: "_1rsrm2f36" }, "50": { defaultClass: "_1rsrm2f37" }, "54": { defaultClass: "_1rsrm2f38" }, "57": { defaultClass: "_1rsrm2f39" }, "60": { defaultClass: "_1rsrm2f3a" }, "72": { defaultClass: "_1rsrm2f3b" }, "93": { defaultClass: "_1rsrm2f3c" }, "96": { defaultClass: "_1rsrm2f3d" }, "100": { defaultClass: "_1rsrm2f3e" }, "108": { defaultClass: "_1rsrm2f3f" }, "120": { defaultClass: "_1rsrm2f3g" }, "180": { defaultClass: "_1rsrm2f3h" }, "200": { defaultClass: "_1rsrm2f3i" }, "240": { defaultClass: "_1rsrm2f3j" }, half: { defaultClass: "_1rsrm2f3k" }, full: { defaultClass: "_1rsrm2f3l" }, max: { defaultClass: "_1rsrm2f3m" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f3n" }, "flex-end": { defaultClass: "_1rsrm2f3o" }, center: { defaultClass: "_1rsrm2f3p" }, "space-between": { defaultClass: "_1rsrm2f3q" }, "space-around": { defaultClass: "_1rsrm2f3r" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f3s" }, center: { defaultClass: "_1rsrm2f3t" }, right: { defaultClass: "_1rsrm2f3u" }, inherit: { defaultClass: "_1rsrm2f3v" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f3w" }, "1": { defaultClass: "_1rsrm2f3x" }, "2": { defaultClass: "_1rsrm2f3y" }, "3": { defaultClass: "_1rsrm2f3z" }, "4": { defaultClass: "_1rsrm2f40" }, "5": { defaultClass: "_1rsrm2f41" }, "6": { defaultClass: "_1rsrm2f42" }, "7": { defaultClass: "_1rsrm2f43" }, "8": { defaultClass: "_1rsrm2f44" }, "9": { defaultClass: "_1rsrm2f45" }, "10": { defaultClass: "_1rsrm2f46" }, "11": { defaultClass: "_1rsrm2f47" }, "12": { defaultClass: "_1rsrm2f48" }, "13": { defaultClass: "_1rsrm2f49" }, "14": { defaultClass: "_1rsrm2f4a" }, "15": { defaultClass: "_1rsrm2f4b" }, "16": { defaultClass: "_1rsrm2f4c" }, "18": { defaultClass: "_1rsrm2f4d" }, "20": { defaultClass: "_1rsrm2f4e" }, "24": { defaultClass: "_1rsrm2f4f" }, "28": { defaultClass: "_1rsrm2f4g" }, "30": { defaultClass: "_1rsrm2f4h" }, "32": { defaultClass: "_1rsrm2f4i" }, "36": { defaultClass: "_1rsrm2f4j" }, "44": { defaultClass: "_1rsrm2f4k" }, "64": { defaultClass: "_1rsrm2f4l" }, auto: { defaultClass: "_1rsrm2f4m" }, "-18": { defaultClass: "_1rsrm2f4n" }, "-12": { defaultClass: "_1rsrm2f4o" }, "-1": { defaultClass: "_1rsrm2f4p" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f4q" }, "1": { defaultClass: "_1rsrm2f4r" }, "2": { defaultClass: "_1rsrm2f4s" }, "3": { defaultClass: "_1rsrm2f4t" }, "4": { defaultClass: "_1rsrm2f4u" }, "5": { defaultClass: "_1rsrm2f4v" }, "6": { defaultClass: "_1rsrm2f4w" }, "7": { defaultClass: "_1rsrm2f4x" }, "8": { defaultClass: "_1rsrm2f4y" }, "9": { defaultClass: "_1rsrm2f4z" }, "10": { defaultClass: "_1rsrm2f50" }, "11": { defaultClass: "_1rsrm2f51" }, "12": { defaultClass: "_1rsrm2f52" }, "13": { defaultClass: "_1rsrm2f53" }, "14": { defaultClass: "_1rsrm2f54" }, "15": { defaultClass: "_1rsrm2f55" }, "16": { defaultClass: "_1rsrm2f56" }, "18": { defaultClass: "_1rsrm2f57" }, "20": { defaultClass: "_1rsrm2f58" }, "24": { defaultClass: "_1rsrm2f59" }, "28": { defaultClass: "_1rsrm2f5a" }, "30": { defaultClass: "_1rsrm2f5b" }, "32": { defaultClass: "_1rsrm2f5c" }, "36": { defaultClass: "_1rsrm2f5d" }, "44": { defaultClass: "_1rsrm2f5e" }, "64": { defaultClass: "_1rsrm2f5f" }, auto: { defaultClass: "_1rsrm2f5g" }, "-18": { defaultClass: "_1rsrm2f5h" }, "-12": { defaultClass: "_1rsrm2f5i" }, "-1": { defaultClass: "_1rsrm2f5j" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f5k" }, "1": { defaultClass: "_1rsrm2f5l" }, "2": { defaultClass: "_1rsrm2f5m" }, "3": { defaultClass: "_1rsrm2f5n" }, "4": { defaultClass: "_1rsrm2f5o" }, "5": { defaultClass: "_1rsrm2f5p" }, "6": { defaultClass: "_1rsrm2f5q" }, "7": { defaultClass: "_1rsrm2f5r" }, "8": { defaultClass: "_1rsrm2f5s" }, "9": { defaultClass: "_1rsrm2f5t" }, "10": { defaultClass: "_1rsrm2f5u" }, "11": { defaultClass: "_1rsrm2f5v" }, "12": { defaultClass: "_1rsrm2f5w" }, "13": { defaultClass: "_1rsrm2f5x" }, "14": { defaultClass: "_1rsrm2f5y" }, "15": { defaultClass: "_1rsrm2f5z" }, "16": { defaultClass: "_1rsrm2f60" }, "18": { defaultClass: "_1rsrm2f61" }, "20": { defaultClass: "_1rsrm2f62" }, "24": { defaultClass: "_1rsrm2f63" }, "28": { defaultClass: "_1rsrm2f64" }, "30": { defaultClass: "_1rsrm2f65" }, "32": { defaultClass: "_1rsrm2f66" }, "36": { defaultClass: "_1rsrm2f67" }, "44": { defaultClass: "_1rsrm2f68" }, "64": { defaultClass: "_1rsrm2f69" }, auto: { defaultClass: "_1rsrm2f6a" }, "-18": { defaultClass: "_1rsrm2f6b" }, "-12": { defaultClass: "_1rsrm2f6c" }, "-1": { defaultClass: "_1rsrm2f6d" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f6e" }, "1": { defaultClass: "_1rsrm2f6f" }, "2": { defaultClass: "_1rsrm2f6g" }, "3": { defaultClass: "_1rsrm2f6h" }, "4": { defaultClass: "_1rsrm2f6i" }, "5": { defaultClass: "_1rsrm2f6j" }, "6": { defaultClass: "_1rsrm2f6k" }, "7": { defaultClass: "_1rsrm2f6l" }, "8": { defaultClass: "_1rsrm2f6m" }, "9": { defaultClass: "_1rsrm2f6n" }, "10": { defaultClass: "_1rsrm2f6o" }, "11": { defaultClass: "_1rsrm2f6p" }, "12": { defaultClass: "_1rsrm2f6q" }, "13": { defaultClass: "_1rsrm2f6r" }, "14": { defaultClass: "_1rsrm2f6s" }, "15": { defaultClass: "_1rsrm2f6t" }, "16": { defaultClass: "_1rsrm2f6u" }, "18": { defaultClass: "_1rsrm2f6v" }, "20": { defaultClass: "_1rsrm2f6w" }, "24": { defaultClass: "_1rsrm2f6x" }, "28": { defaultClass: "_1rsrm2f6y" }, "30": { defaultClass: "_1rsrm2f6z" }, "32": { defaultClass: "_1rsrm2f70" }, "36": { defaultClass: "_1rsrm2f71" }, "44": { defaultClass: "_1rsrm2f72" }, "64": { defaultClass: "_1rsrm2f73" }, auto: { defaultClass: "_1rsrm2f74" }, "-18": { defaultClass: "_1rsrm2f75" }, "-12": { defaultClass: "_1rsrm2f76" }, "-1": { defaultClass: "_1rsrm2f77" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f78" }, "2": { defaultClass: "_1rsrm2f79" }, "4": { defaultClass: "_1rsrm2f7a" }, "8": { defaultClass: "_1rsrm2f7b" }, "10": { defaultClass: "_1rsrm2f7c" }, "11": { defaultClass: "_1rsrm2f7d" }, "12": { defaultClass: "_1rsrm2f7e" }, "13": { defaultClass: "_1rsrm2f7f" }, "14": { defaultClass: "_1rsrm2f7g" }, "15": { defaultClass: "_1rsrm2f7h" }, "16": { defaultClass: "_1rsrm2f7i" }, "18": { defaultClass: "_1rsrm2f7j" }, "20": { defaultClass: "_1rsrm2f7k" }, "24": { defaultClass: "_1rsrm2f7l" }, "28": { defaultClass: "_1rsrm2f7m" }, "30": { defaultClass: "_1rsrm2f7n" }, "32": { defaultClass: "_1rsrm2f7o" }, "34": { defaultClass: "_1rsrm2f7p" }, "36": { defaultClass: "_1rsrm2f7q" }, "40": { defaultClass: "_1rsrm2f7r" }, "44": { defaultClass: "_1rsrm2f7s" }, "48": { defaultClass: "_1rsrm2f7t" }, "50": { defaultClass: "_1rsrm2f7u" }, "54": { defaultClass: "_1rsrm2f7v" }, "57": { defaultClass: "_1rsrm2f7w" }, "60": { defaultClass: "_1rsrm2f7x" }, "72": { defaultClass: "_1rsrm2f7y" }, "93": { defaultClass: "_1rsrm2f7z" }, "96": { defaultClass: "_1rsrm2f80" }, "100": { defaultClass: "_1rsrm2f81" }, "108": { defaultClass: "_1rsrm2f82" }, "120": { defaultClass: "_1rsrm2f83" }, "180": { defaultClass: "_1rsrm2f84" }, "200": { defaultClass: "_1rsrm2f85" }, "240": { defaultClass: "_1rsrm2f86" }, half: { defaultClass: "_1rsrm2f87" }, full: { defaultClass: "_1rsrm2f88" }, max: { defaultClass: "_1rsrm2f89" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f8a" }, "2": { defaultClass: "_1rsrm2f8b" }, "4": { defaultClass: "_1rsrm2f8c" }, "8": { defaultClass: "_1rsrm2f8d" }, "10": { defaultClass: "_1rsrm2f8e" }, "11": { defaultClass: "_1rsrm2f8f" }, "12": { defaultClass: "_1rsrm2f8g" }, "13": { defaultClass: "_1rsrm2f8h" }, "14": { defaultClass: "_1rsrm2f8i" }, "15": { defaultClass: "_1rsrm2f8j" }, "16": { defaultClass: "_1rsrm2f8k" }, "18": { defaultClass: "_1rsrm2f8l" }, "20": { defaultClass: "_1rsrm2f8m" }, "24": { defaultClass: "_1rsrm2f8n" }, "28": { defaultClass: "_1rsrm2f8o" }, "30": { defaultClass: "_1rsrm2f8p" }, "32": { defaultClass: "_1rsrm2f8q" }, "34": { defaultClass: "_1rsrm2f8r" }, "36": { defaultClass: "_1rsrm2f8s" }, "40": { defaultClass: "_1rsrm2f8t" }, "44": { defaultClass: "_1rsrm2f8u" }, "48": { defaultClass: "_1rsrm2f8v" }, "50": { defaultClass: "_1rsrm2f8w" }, "54": { defaultClass: "_1rsrm2f8x" }, "57": { defaultClass: "_1rsrm2f8y" }, "60": { defaultClass: "_1rsrm2f8z" }, "72": { defaultClass: "_1rsrm2f90" }, "93": { defaultClass: "_1rsrm2f91" }, "96": { defaultClass: "_1rsrm2f92" }, "100": { defaultClass: "_1rsrm2f93" }, "108": { defaultClass: "_1rsrm2f94" }, "120": { defaultClass: "_1rsrm2f95" }, "180": { defaultClass: "_1rsrm2f96" }, "200": { defaultClass: "_1rsrm2f97" }, "240": { defaultClass: "_1rsrm2f98" }, half: { defaultClass: "_1rsrm2f99" }, full: { defaultClass: "_1rsrm2f9a" }, max: { defaultClass: "_1rsrm2f9b" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f9c" }, "2": { defaultClass: "_1rsrm2f9d" }, "4": { defaultClass: "_1rsrm2f9e" }, "8": { defaultClass: "_1rsrm2f9f" }, "10": { defaultClass: "_1rsrm2f9g" }, "11": { defaultClass: "_1rsrm2f9h" }, "12": { defaultClass: "_1rsrm2f9i" }, "13": { defaultClass: "_1rsrm2f9j" }, "14": { defaultClass: "_1rsrm2f9k" }, "15": { defaultClass: "_1rsrm2f9l" }, "16": { defaultClass: "_1rsrm2f9m" }, "18": { defaultClass: "_1rsrm2f9n" }, "20": { defaultClass: "_1rsrm2f9o" }, "24": { defaultClass: "_1rsrm2f9p" }, "28": { defaultClass: "_1rsrm2f9q" }, "30": { defaultClass: "_1rsrm2f9r" }, "32": { defaultClass: "_1rsrm2f9s" }, "34": { defaultClass: "_1rsrm2f9t" }, "36": { defaultClass: "_1rsrm2f9u" }, "40": { defaultClass: "_1rsrm2f9v" }, "44": { defaultClass: "_1rsrm2f9w" }, "48": { defaultClass: "_1rsrm2f9x" }, "50": { defaultClass: "_1rsrm2f9y" }, "54": { defaultClass: "_1rsrm2f9z" }, "57": { defaultClass: "_1rsrm2fa0" }, "60": { defaultClass: "_1rsrm2fa1" }, "72": { defaultClass: "_1rsrm2fa2" }, "93": { defaultClass: "_1rsrm2fa3" }, "96": { defaultClass: "_1rsrm2fa4" }, "100": { defaultClass: "_1rsrm2fa5" }, "108": { defaultClass: "_1rsrm2fa6" }, "120": { defaultClass: "_1rsrm2fa7" }, "180": { defaultClass: "_1rsrm2fa8" }, "200": { defaultClass: "_1rsrm2fa9" }, "240": { defaultClass: "_1rsrm2faa" }, half: { defaultClass: "_1rsrm2fab" }, full: { defaultClass: "_1rsrm2fac" }, max: { defaultClass: "_1rsrm2fad" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fae" }, "2": { defaultClass: "_1rsrm2faf" }, "4": { defaultClass: "_1rsrm2fag" }, "8": { defaultClass: "_1rsrm2fah" }, "10": { defaultClass: "_1rsrm2fai" }, "11": { defaultClass: "_1rsrm2faj" }, "12": { defaultClass: "_1rsrm2fak" }, "13": { defaultClass: "_1rsrm2fal" }, "14": { defaultClass: "_1rsrm2fam" }, "15": { defaultClass: "_1rsrm2fan" }, "16": { defaultClass: "_1rsrm2fao" }, "18": { defaultClass: "_1rsrm2fap" }, "20": { defaultClass: "_1rsrm2faq" }, "24": { defaultClass: "_1rsrm2far" }, "28": { defaultClass: "_1rsrm2fas" }, "30": { defaultClass: "_1rsrm2fat" }, "32": { defaultClass: "_1rsrm2fau" }, "34": { defaultClass: "_1rsrm2fav" }, "36": { defaultClass: "_1rsrm2faw" }, "40": { defaultClass: "_1rsrm2fax" }, "44": { defaultClass: "_1rsrm2fay" }, "48": { defaultClass: "_1rsrm2faz" }, "50": { defaultClass: "_1rsrm2fb0" }, "54": { defaultClass: "_1rsrm2fb1" }, "57": { defaultClass: "_1rsrm2fb2" }, "60": { defaultClass: "_1rsrm2fb3" }, "72": { defaultClass: "_1rsrm2fb4" }, "93": { defaultClass: "_1rsrm2fb5" }, "96": { defaultClass: "_1rsrm2fb6" }, "100": { defaultClass: "_1rsrm2fb7" }, "108": { defaultClass: "_1rsrm2fb8" }, "120": { defaultClass: "_1rsrm2fb9" }, "180": { defaultClass: "_1rsrm2fba" }, "200": { defaultClass: "_1rsrm2fbb" }, "240": { defaultClass: "_1rsrm2fbc" }, half: { defaultClass: "_1rsrm2fbd" }, full: { defaultClass: "_1rsrm2fbe" }, max: { defaultClass: "_1rsrm2fbf" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fbg" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fbh" }, "1": { defaultClass: "_1rsrm2fbi" }, "2": { defaultClass: "_1rsrm2fbj" }, "3": { defaultClass: "_1rsrm2fbk" }, "4": { defaultClass: "_1rsrm2fbl" }, "5": { defaultClass: "_1rsrm2fbm" }, "6": { defaultClass: "_1rsrm2fbn" }, "7": { defaultClass: "_1rsrm2fbo" }, "8": { defaultClass: "_1rsrm2fbp" }, "9": { defaultClass: "_1rsrm2fbq" }, "10": { defaultClass: "_1rsrm2fbr" }, "11": { defaultClass: "_1rsrm2fbs" }, "12": { defaultClass: "_1rsrm2fbt" }, "13": { defaultClass: "_1rsrm2fbu" }, "14": { defaultClass: "_1rsrm2fbv" }, "15": { defaultClass: "_1rsrm2fbw" }, "16": { defaultClass: "_1rsrm2fbx" }, "18": { defaultClass: "_1rsrm2fby" }, "20": { defaultClass: "_1rsrm2fbz" }, "24": { defaultClass: "_1rsrm2fc0" }, "28": { defaultClass: "_1rsrm2fc1" }, "30": { defaultClass: "_1rsrm2fc2" }, "32": { defaultClass: "_1rsrm2fc3" }, "36": { defaultClass: "_1rsrm2fc4" }, "44": { defaultClass: "_1rsrm2fc5" }, "64": { defaultClass: "_1rsrm2fc6" }, "-1": { defaultClass: "_1rsrm2fc7" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fc8" }, "1": { defaultClass: "_1rsrm2fc9" }, "2": { defaultClass: "_1rsrm2fca" }, "3": { defaultClass: "_1rsrm2fcb" }, "4": { defaultClass: "_1rsrm2fcc" }, "5": { defaultClass: "_1rsrm2fcd" }, "6": { defaultClass: "_1rsrm2fce" }, "7": { defaultClass: "_1rsrm2fcf" }, "8": { defaultClass: "_1rsrm2fcg" }, "9": { defaultClass: "_1rsrm2fch" }, "10": { defaultClass: "_1rsrm2fci" }, "11": { defaultClass: "_1rsrm2fcj" }, "12": { defaultClass: "_1rsrm2fck" }, "13": { defaultClass: "_1rsrm2fcl" }, "14": { defaultClass: "_1rsrm2fcm" }, "15": { defaultClass: "_1rsrm2fcn" }, "16": { defaultClass: "_1rsrm2fco" }, "18": { defaultClass: "_1rsrm2fcp" }, "20": { defaultClass: "_1rsrm2fcq" }, "24": { defaultClass: "_1rsrm2fcr" }, "28": { defaultClass: "_1rsrm2fcs" }, "30": { defaultClass: "_1rsrm2fct" }, "32": { defaultClass: "_1rsrm2fcu" }, "36": { defaultClass: "_1rsrm2fcv" }, "44": { defaultClass: "_1rsrm2fcw" }, "64": { defaultClass: "_1rsrm2fcx" }, "-1": { defaultClass: "_1rsrm2fcy" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fcz" }, "1": { defaultClass: "_1rsrm2fd0" }, "2": { defaultClass: "_1rsrm2fd1" }, "3": { defaultClass: "_1rsrm2fd2" }, "4": { defaultClass: "_1rsrm2fd3" }, "5": { defaultClass: "_1rsrm2fd4" }, "6": { defaultClass: "_1rsrm2fd5" }, "7": { defaultClass: "_1rsrm2fd6" }, "8": { defaultClass: "_1rsrm2fd7" }, "9": { defaultClass: "_1rsrm2fd8" }, "10": { defaultClass: "_1rsrm2fd9" }, "11": { defaultClass: "_1rsrm2fda" }, "12": { defaultClass: "_1rsrm2fdb" }, "13": { defaultClass: "_1rsrm2fdc" }, "14": { defaultClass: "_1rsrm2fdd" }, "15": { defaultClass: "_1rsrm2fde" }, "16": { defaultClass: "_1rsrm2fdf" }, "18": { defaultClass: "_1rsrm2fdg" }, "20": { defaultClass: "_1rsrm2fdh" }, "24": { defaultClass: "_1rsrm2fdi" }, "28": { defaultClass: "_1rsrm2fdj" }, "30": { defaultClass: "_1rsrm2fdk" }, "32": { defaultClass: "_1rsrm2fdl" }, "36": { defaultClass: "_1rsrm2fdm" }, "44": { defaultClass: "_1rsrm2fdn" }, "64": { defaultClass: "_1rsrm2fdo" }, "-1": { defaultClass: "_1rsrm2fdp" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fdq" }, "1": { defaultClass: "_1rsrm2fdr" }, "2": { defaultClass: "_1rsrm2fds" }, "3": { defaultClass: "_1rsrm2fdt" }, "4": { defaultClass: "_1rsrm2fdu" }, "5": { defaultClass: "_1rsrm2fdv" }, "6": { defaultClass: "_1rsrm2fdw" }, "7": { defaultClass: "_1rsrm2fdx" }, "8": { defaultClass: "_1rsrm2fdy" }, "9": { defaultClass: "_1rsrm2fdz" }, "10": { defaultClass: "_1rsrm2fe0" }, "11": { defaultClass: "_1rsrm2fe1" }, "12": { defaultClass: "_1rsrm2fe2" }, "13": { defaultClass: "_1rsrm2fe3" }, "14": { defaultClass: "_1rsrm2fe4" }, "15": { defaultClass: "_1rsrm2fe5" }, "16": { defaultClass: "_1rsrm2fe6" }, "18": { defaultClass: "_1rsrm2fe7" }, "20": { defaultClass: "_1rsrm2fe8" }, "24": { defaultClass: "_1rsrm2fe9" }, "28": { defaultClass: "_1rsrm2fea" }, "30": { defaultClass: "_1rsrm2feb" }, "32": { defaultClass: "_1rsrm2fec" }, "36": { defaultClass: "_1rsrm2fed" }, "44": { defaultClass: "_1rsrm2fee" }, "64": { defaultClass: "_1rsrm2fef" }, "-1": { defaultClass: "_1rsrm2feg" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2feh" }, fixed: { defaultClass: "_1rsrm2fei" }, relative: { defaultClass: "_1rsrm2fej" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fek" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fel" }, transform: { defaultClass: "_1rsrm2fem" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fen" } } }, width: { values: { "1": { defaultClass: "_1rsrm2feo" }, "2": { defaultClass: "_1rsrm2fep" }, "4": { defaultClass: "_1rsrm2feq" }, "8": { defaultClass: "_1rsrm2fer" }, "10": { defaultClass: "_1rsrm2fes" }, "11": { defaultClass: "_1rsrm2fet" }, "12": { defaultClass: "_1rsrm2feu" }, "13": { defaultClass: "_1rsrm2fev" }, "14": { defaultClass: "_1rsrm2few" }, "15": { defaultClass: "_1rsrm2fex" }, "16": { defaultClass: "_1rsrm2fey" }, "18": { defaultClass: "_1rsrm2fez" }, "20": { defaultClass: "_1rsrm2ff0" }, "24": { defaultClass: "_1rsrm2ff1" }, "28": { defaultClass: "_1rsrm2ff2" }, "30": { defaultClass: "_1rsrm2ff3" }, "32": { defaultClass: "_1rsrm2ff4" }, "34": { defaultClass: "_1rsrm2ff5" }, "36": { defaultClass: "_1rsrm2ff6" }, "40": { defaultClass: "_1rsrm2ff7" }, "44": { defaultClass: "_1rsrm2ff8" }, "48": { defaultClass: "_1rsrm2ff9" }, "50": { defaultClass: "_1rsrm2ffa" }, "54": { defaultClass: "_1rsrm2ffb" }, "57": { defaultClass: "_1rsrm2ffc" }, "60": { defaultClass: "_1rsrm2ffd" }, "72": { defaultClass: "_1rsrm2ffe" }, "93": { defaultClass: "_1rsrm2fff" }, "96": { defaultClass: "_1rsrm2ffg" }, "100": { defaultClass: "_1rsrm2ffh" }, "108": { defaultClass: "_1rsrm2ffi" }, "120": { defaultClass: "_1rsrm2ffj" }, "180": { defaultClass: "_1rsrm2ffk" }, "200": { defaultClass: "_1rsrm2ffl" }, "240": { defaultClass: "_1rsrm2ffm" }, half: { defaultClass: "_1rsrm2ffn" }, full: { defaultClass: "_1rsrm2ffo" }, max: { defaultClass: "_1rsrm2ffp" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2ffq" } } } } });
47
+ 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)", offBackgroundComplimentary: "var(--rk-colors-offBackgroundComplimentary)", 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)", dydxSwitchActiveBackground: "var(--rk-colors-dydxSwitchActiveBackground)", primaryText: "var(--rk-colors-primaryText)", secondaryText: "var(--rk-colors-secondaryText)", tertiaryText: "var(--rk-colors-tertiaryText)", textSelection: "var(--rk-colors-textSelection)", inputBackground: "var(--rk-colors-inputBackground)", inputBorderBase: "var(--rk-colors-inputBorderBase)", inputBorderHover: "var(--rk-colors-inputBorderHover)", actionColor: "var(--rk-colors-actionColor)", actionColorHover: "var(--rk-colors-actionColorHover)", actionColorDisabled: "var(--rk-colors-actionColorDisabled)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonSuccess: "var(--rk-colors-buttonSuccess)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", buttonTextTertiary: "var(--rk-colors-buttonTextTertiary)", buttonTextDisabledTertiary: "var(--rk-colors-buttonTextDisabledTertiary)", buttonStrokeTertiary: "var(--rk-colors-buttonStrokeTertiary)", buttonBackground: "var(--rk-colors-buttonBackground)", buttonBackgroundHover: "var(--rk-colors-buttonBackgroundHover)", buttonBackgroundDisabled: "var(--rk-colors-buttonBackgroundDisabled)", buttonStroke: "var(--rk-colors-buttonStroke)", 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)", badgeBackgroundSuccess: "var(--rk-colors-badgeBackgroundSuccess)", badgeBorderSuccess: "var(--rk-colors-badgeBorderSuccess)", badgeTextSuccess: "var(--rk-colors-badgeTextSuccess)", 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)", announceGradientFrom: "var(--rk-colors-announceGradientFrom)", announceGradientTo: "var(--rk-colors-announceGradientTo)" }, 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)" }, 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)" } }, radii: { actionButton: "var(--rk-radii-actionButton)", 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)" }, 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)", vertexDropdown: "var(--rk-shadows-vertexDropdown)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
48
48
 
49
49
  // src/css/atoms.ts
50
50
  var atoms = ({ reset, ...rest }) => {
@@ -189,6 +189,7 @@ var DEFAULT_TEXT_CUSTOMIZATIONS = {
189
189
  sourceMethodTitle: "Your source",
190
190
  transferTokens: "Transfer Crypto",
191
191
  confirmationScreen: {
192
+ payAmountLabel: "You will pay",
192
193
  receiveAmountLabel: "You will receive"
193
194
  }
194
195
  };
@@ -219,15 +220,15 @@ function useFunkitConfig() {
219
220
  ...originalFunkitConfig,
220
221
  loginConfig: {
221
222
  ...DEFAULT_FUNKIT_CONFIG.loginConfig,
222
- ...originalFunkitConfig.loginConfig || {},
223
+ ...originalFunkitConfig.loginConfig,
223
224
  web2SocialLogins: {
224
225
  ...DEFAULT_FUNKIT_CONFIG.loginConfig.web2SocialLogins,
225
- ...originalFunkitConfig.loginConfig.web2SocialLogins || {}
226
+ ...originalFunkitConfig.loginConfig.web2SocialLogins
226
227
  }
227
228
  },
228
229
  textCustomizations: {
229
230
  ...DEFAULT_FUNKIT_CONFIG.textCustomizations,
230
- ...originalFunkitConfig.textCustomizations || {}
231
+ ...originalFunkitConfig.textCustomizations
231
232
  }
232
233
  };
233
234
  }, [originalFunkitConfig]);
@@ -1366,7 +1367,7 @@ import React12 from "react";
1366
1367
  var funButtonClickableStyle = "_1tyx5nu4";
1367
1368
  var funButtonDisabledStyle = "_1tyx5nu6";
1368
1369
  var funButtonNonClickableStyle = "_1tyx5nu5";
1369
- var funLinkButtonStyle = "_1tyx5nu1 _1rsrm2f19l";
1370
+ var funLinkButtonStyle = "_1tyx5nu1 _1rsrm2f1c9";
1370
1371
  var pressedStyles = "_1tyx5nu3";
1371
1372
  var transitionStyles = "_1tyx5nu2";
1372
1373
 
@@ -1379,29 +1380,30 @@ var getTranslateStyle = (iconVisualWeightCenter) => {
1379
1380
  const translateValue = iconVisualWeightCenter === "left" || iconVisualWeightCenter === "top" ? "-1px" : "1px";
1380
1381
  return { transform: `translate${translateDirection}(${translateValue})` };
1381
1382
  };
1382
- var getBackground = (showBackground, disableHoverStyles, isDisabled) => {
1383
+ var getBackground = (variant, disableHoverStyles, isDisabled, colorOverrides) => {
1383
1384
  if (isDisabled) {
1384
- return "buttonIconBackgroundHover";
1385
+ return colorOverrides?.disabledBackground ?? "buttonIconBackgroundHover";
1385
1386
  }
1386
- const base4 = showBackground ? "offBackground" : "transparent";
1387
+ const base4 = variant === "filled" ? colorOverrides?.baseBackground ?? "offBackground" : "transparent";
1387
1388
  if (disableHoverStyles) {
1388
1389
  return base4;
1389
1390
  }
1390
1391
  return {
1391
1392
  base: base4,
1392
- hover: showBackground ? "buttonIconBackgroundPressed" : "buttonIconBackgroundHover",
1393
- active: "buttonIconBackgroundPressed"
1393
+ hover: colorOverrides?.hoverBackground ?? (variant === "filled" ? "buttonIconBackgroundPressed" : "buttonIconBackgroundHover"),
1394
+ active: colorOverrides?.activeBackground ?? "buttonIconBackgroundPressed"
1394
1395
  };
1395
1396
  };
1396
- var getBorderColor = (showBorder, disableHoverStyles) => {
1397
- const base4 = showBorder ? "buttonIconBackgroundHover" : "transparent";
1397
+ var getBorderColor = (variant, disableHoverStyles, colorOverrides) => {
1398
+ const base4 = variant === "outlined" ? colorOverrides?.baseBorder ?? "buttonIconBackgroundHover" : "transparent";
1398
1399
  if (disableHoverStyles) {
1399
1400
  return base4;
1400
1401
  }
1401
1402
  return {
1402
1403
  base: base4,
1403
- hover: showBorder ? "buttonIconStroke" : base4,
1404
- active: "buttonIconStroke"
1404
+ hover: variant === "outlined" ? colorOverrides?.hoverBorder ?? "buttonIconStroke" : base4,
1405
+ active: colorOverrides?.activeBorder ?? "buttonIconStroke",
1406
+ focusedVisible: colorOverrides?.focusedBorder ?? "buttonIconStroke"
1405
1407
  };
1406
1408
  };
1407
1409
  var FunIconButton = ({
@@ -1419,10 +1421,10 @@ var FunIconButton = ({
1419
1421
  borderRadius = "full",
1420
1422
  style,
1421
1423
  variant = "quiet",
1424
+ colorOverrides,
1422
1425
  ...props
1423
1426
  }) => {
1424
1427
  const disableHoverStyles = !onClick;
1425
- const showBackground = variant === "filled";
1426
1428
  const showBorder = variant === "outlined";
1427
1429
  return /* @__PURE__ */ React12.createElement(
1428
1430
  Box,
@@ -1432,8 +1434,13 @@ var FunIconButton = ({
1432
1434
  justifyContent: "center",
1433
1435
  as,
1434
1436
  "aria-label": ariaLabel,
1435
- background: getBackground(showBackground, disableHoverStyles, isDisabled),
1436
- borderColor: getBorderColor(showBorder, disableHoverStyles),
1437
+ background: getBackground(
1438
+ variant,
1439
+ disableHoverStyles,
1440
+ isDisabled,
1441
+ colorOverrides
1442
+ ),
1443
+ borderColor: getBorderColor(variant, disableHoverStyles, colorOverrides),
1437
1444
  borderRadius,
1438
1445
  borderStyle: "solid",
1439
1446
  borderWidth: showBorder ? "1" : "2",
@@ -3148,27 +3155,19 @@ var flagConfig = {
3148
3155
  [FlagKey.TokenTransferSourceChainsAndAssets]: {
3149
3156
  type: "string",
3150
3157
  default_value: JSON.stringify({
3151
- // // mainnet
3152
- // 1: ['USDC', 'DAI', 'ETH'],
3153
- // // base
3154
- // 8453: ['ETH', 'USDC', 'USDT', 'DAI', 'WETH'],
3155
- // // arbitrum
3156
- // 42161: ['USDC', 'USDT', 'DAI', 'ETH', 'WETH'],
3157
- // // polygon
3158
- // 137: ['USDC', 'USDC.e', 'USDT', 'POL', 'DAI', 'WETH'],
3159
3158
  // mainnet
3160
- 1: [],
3159
+ 1: ["USDC", "DAI", "ETH"],
3161
3160
  // base
3162
- 8453: [],
3161
+ 8453: ["ETH", "USDC", "USDT", "DAI", "WETH"],
3163
3162
  // arbitrum
3164
- 42161: [],
3163
+ 42161: ["USDC", "USDT", "DAI", "ETH", "WETH"],
3165
3164
  // polygon
3166
- 137: ["USDC", "USDC.e"]
3165
+ 137: ["USDC", "USDC.e", "USDT", "POL", "DAI", "WETH"]
3167
3166
  })
3168
3167
  },
3169
3168
  [FlagKey.EnableTokenTransferUniversalDepositAddress]: {
3170
3169
  type: "boolean",
3171
- default_value: false
3170
+ default_value: true
3172
3171
  },
3173
3172
  [FlagKey.MaxCheckoutUsd]: {
3174
3173
  type: "string",
@@ -3257,7 +3256,8 @@ var flagConfig = {
3257
3256
  [FlagKey.ShowInfoBanner]: {
3258
3257
  type: "string",
3259
3258
  default_value: JSON.stringify({
3260
- message: ""
3259
+ message: "Gas prices may be higher than usual.",
3260
+ type: "alert"
3261
3261
  })
3262
3262
  },
3263
3263
  [FlagKey.CheckoutNotificationsRefreshInterval]: {
@@ -5247,19 +5247,20 @@ var DialogTitle = ({
5247
5247
  onBack?.();
5248
5248
  setAnimateOut(false);
5249
5249
  };
5250
- const adjustDydxVisuals = useDydxHideBack(hasBackButton, !!dydxHideBack);
5251
- const adjustVertexVisuals = isVertexCustomer(apiKey);
5252
- const baseTitleFontSize = adjustVertexVisuals ? "20" : "13";
5253
- const baseTitleMetaFontSize = adjustVertexVisuals ? "16" : "10";
5254
- const iconButtonBorderRadius = adjustVertexVisuals ? "actionButton" : "full";
5250
+ const isDyDx = useDydxHideBack(hasBackButton, !!dydxHideBack);
5251
+ const isVertex = isVertexCustomer(apiKey);
5252
+ const baseTitleFontSize = isVertex ? "20" : "13";
5253
+ const baseTitleMetaFontSize = isVertex ? "16" : "10";
5254
+ const iconButtonBorderRadius = isVertex ? "actionButton" : "full";
5255
5255
  return /* @__PURE__ */ React56.createElement(
5256
5256
  Box,
5257
5257
  {
5258
5258
  className: clsx5(titleContainer, className),
5259
5259
  paddingX: "6",
5260
- paddingY: adjustDydxVisuals ? "16" : "12"
5260
+ paddingY: isDyDx ? "16" : "12",
5261
+ gap: "8"
5261
5262
  },
5262
- adjustDydxVisuals ? null : /* @__PURE__ */ React56.createElement(Box, { style: { flexBasis: 0, flexGrow: 1 } }, hasBackButton && /* @__PURE__ */ React56.createElement(
5263
+ isDyDx ? null : /* @__PURE__ */ React56.createElement(Box, { style: { ...!isVertex && { flexBasis: 0, flexGrow: 1 } } }, hasBackButton && /* @__PURE__ */ React56.createElement(
5263
5264
  FunBackButton,
5264
5265
  {
5265
5266
  onBack: handleBack,
@@ -5273,7 +5274,7 @@ var DialogTitle = ({
5273
5274
  textAlign: "center",
5274
5275
  display: "flex",
5275
5276
  alignItems: "center",
5276
- justifyContent: "center",
5277
+ justifyContent: isVertex ? "flex-start" : "center",
5277
5278
  flexDirection: "column",
5278
5279
  className: animateOut ? animateTitleOutClass : animateTitleInClass
5279
5280
  },
@@ -5284,11 +5285,11 @@ var DialogTitle = ({
5284
5285
  weight: "medium",
5285
5286
  size: baseTitleFontSize,
5286
5287
  testId: "fun-modal-title-section",
5287
- className: clsx5(adjustDydxVisuals && dydxTitle)
5288
+ className: clsx5(isDyDx && dydxTitle)
5288
5289
  },
5289
5290
  title
5290
5291
  ),
5291
- titleMeta && !adjustDydxVisuals && /* @__PURE__ */ React56.createElement(Text, { color: "secondaryText", size: baseTitleMetaFontSize }, titleMeta)
5292
+ titleMeta && !isDyDx && /* @__PURE__ */ React56.createElement(Text, { color: "secondaryText", size: baseTitleMetaFontSize }, titleMeta)
5292
5293
  )),
5293
5294
  /* @__PURE__ */ React56.createElement(
5294
5295
  Box,
@@ -6440,10 +6441,10 @@ import { arbitrum, polygon as polygon3 } from "viem/chains";
6440
6441
  import { useAccount as useAccount4 } from "wagmi";
6441
6442
 
6442
6443
  // src/domains/asset.ts
6443
- import { polygon as polygon2 } from "viem/chains";
6444
6444
  import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5 } from "@funkit/chains";
6445
6445
  import { round } from "@funkit/utils";
6446
6446
  import { FlagKey as FlagKey5 } from "@funkit/utils";
6447
+ import { polygon as polygon2 } from "viem/chains";
6447
6448
  import { mantle, zkSync } from "viem/chains";
6448
6449
 
6449
6450
  // src/utils/consts.ts
@@ -7241,9 +7242,9 @@ var SearchIcon = () => {
7241
7242
  };
7242
7243
 
7243
7244
  // src/components/FunInput/FunInput.css.ts
7244
- var inputClass = "zue0i62 _1rsrm2fe2 _1rsrm2fbt _1rsrm2fck _1rsrm2fdb _1rsrm2f17x";
7245
- var inputClassDisabled = "zue0i64 _1rsrm2fe2 _1rsrm2fbt _1rsrm2fck _1rsrm2fdb _1rsrm2f19f";
7246
- var inputClassError = "zue0i66 _1rsrm2fe2 _1rsrm2fbt _1rsrm2fck _1rsrm2fdb _1rsrm2f149";
7245
+ var inputClass = "zue0i62 _1rsrm2fe2 _1rsrm2fbt _1rsrm2fck _1rsrm2fdb _1rsrm2f1al";
7246
+ var inputClassDisabled = "zue0i64 _1rsrm2fe2 _1rsrm2fbt _1rsrm2fck _1rsrm2fdb _1rsrm2f1c3";
7247
+ var inputClassError = "zue0i66 _1rsrm2fe2 _1rsrm2fbt _1rsrm2fck _1rsrm2fdb _1rsrm2f16x";
7247
7248
  var numberInputResetStyle = "zue0i60";
7248
7249
 
7249
7250
  // src/components/FunInput/FunInput.tsx
@@ -9250,13 +9251,13 @@ var SourceDestinationSummary = ({
9250
9251
  checkoutHistoryItem
9251
9252
  }) => {
9252
9253
  const { walletAddress } = useGeneralWallet();
9253
- const funkitConfig = useFunkitConfig();
9254
+ const { uiCustomizations, apiKey } = useFunkitConfig();
9254
9255
  const walletIcon = usePaymentMethodIcon("balance" /* ACCOUNT_BALANCE */, 15);
9255
9256
  const checkoutItem = checkoutHistoryItem.clientMetadata;
9256
- const customDestinationConfig = funkitConfig.uiCustomizations?.confirmationScreen?.destinationConfig;
9257
+ const customDestinationConfig = uiCustomizations?.confirmationScreen?.destinationConfig;
9257
9258
  const customRecipient = checkoutItem.initSettings.config.customRecipient;
9258
9259
  const isAccountPayment = checkoutItem.selectedPaymentMethodInfo?.paymentMethod === "balance" /* ACCOUNT_BALANCE */;
9259
- const isSameDestination = isAccountPayment && !customRecipient;
9260
+ const isSameDestination = isAccountPayment && !customRecipient && !isVertexCustomer(apiKey);
9260
9261
  const destinationIcon = customDestinationConfig?.icon ?? walletIcon;
9261
9262
  const destinationLabel = customDestinationConfig?.text ?? formatAddress3(customRecipient ?? walletAddress ?? "");
9262
9263
  const sourceRedirectAddress = checkoutItem?.selectedPaymentMethodInfo?.paymentMethod === "balance" /* ACCOUNT_BALANCE */ ? checkoutHistoryItem?.sourceOfFund?.split("|")?.[2] : null;
@@ -9264,9 +9265,7 @@ var SourceDestinationSummary = ({
9264
9265
  FunTxSummaryBox,
9265
9266
  {
9266
9267
  padding: "12",
9267
- ...isVertexCustomer(funkitConfig.apiKey) && {
9268
- borderRadius: "actionButton"
9269
- }
9268
+ ...isVertexCustomer(apiKey) && { borderRadius: "actionButton" }
9270
9269
  },
9271
9270
  checkoutItem.selectedPaymentMethodInfo && /* @__PURE__ */ React98.createElement(FunTxSummaryLineItem, { paddingY: "0" }, /* @__PURE__ */ React98.createElement(
9272
9271
  FunTxSummaryLineItemKeyText2,
@@ -9412,10 +9411,10 @@ function useInterval(callback, delay) {
9412
9411
  }
9413
9412
 
9414
9413
  // src/components/FunCountdown/FunCountdown.css.ts
9415
- var backgroundRing = "_1t0bc111 _1rsrm2f14r";
9416
- var counterRing = "_1t0bc113 _1rsrm2f12x";
9417
- var pendingBackgroundRing = "_1t0bc116 _1rsrm2f15 _1rsrm2f10 _1rsrm2fw3 _1rsrm2fy";
9418
- var pendingRing = "_1t0bc118 _1rsrm2f15 _1rsrm2f10 _1rsrm2fvx _1rsrm2fy";
9414
+ var backgroundRing = "_1t0bc111 _1rsrm2f17f";
9415
+ var counterRing = "_1t0bc113 _1rsrm2f15l";
9416
+ var pendingBackgroundRing = "_1t0bc116 _1rsrm2f15 _1rsrm2f10 _1rsrm2fxf _1rsrm2fy";
9417
+ var pendingRing = "_1t0bc118 _1rsrm2f15 _1rsrm2f10 _1rsrm2fx9 _1rsrm2fy";
9419
9418
 
9420
9419
  // src/components/FunCountdown/FunCountdown.tsx
9421
9420
  var FunCountdown = ({
@@ -10620,7 +10619,7 @@ var RedRoundErrorCross = ({ size = 15 }) => {
10620
10619
  };
10621
10620
 
10622
10621
  // src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts
10623
- var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2fyf _1rsrm2fv7", defaultBackground: "_1rsrm2fnf _1rsrm2fjt", hoverBackground: "_1rsrm2fjg" };
10622
+ var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2fzr _1rsrm2fwj", defaultBackground: "_1rsrm2fnf _1rsrm2fjt", hoverBackground: "_1rsrm2fjg" };
10624
10623
 
10625
10624
  // src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
10626
10625
  var TEXT_SIZE_MEDIUM = "13";
@@ -12141,8 +12140,8 @@ import React136, { useState as useState33 } from "react";
12141
12140
  import clsx13 from "clsx";
12142
12141
 
12143
12142
  // src/components/FunNotificationBanner/FunNotificationBanner.css.ts
12144
- var notificationBannerStyle = "_1rsrm2fej _1rsrm2fp _1rsrm2fj3 _1rsrm2f12l";
12145
- var showMoreButtonStyle = "_4yitd93 _1rsrm2fsl _1rsrm2f12 _1rsrm2fz _1rsrm2fj3 _1rsrm2fjg _1rsrm2ffo";
12143
+ var notificationBannerStyle = "_1rsrm2fej _1rsrm2fp _1rsrm2fj3 _1rsrm2f159";
12144
+ var showMoreButtonStyle = "_4yitd93 _1rsrm2ftx _1rsrm2f12 _1rsrm2fz _1rsrm2fj3 _1rsrm2fjg _1rsrm2ffo";
12146
12145
 
12147
12146
  // src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
12148
12147
  import clsx12 from "clsx";
@@ -12828,7 +12827,7 @@ var FunNotificationBanner = ({
12828
12827
  import React137 from "react";
12829
12828
 
12830
12829
  // src/components/FunNotificationBanner/FunNotificationBannerSummary.css.ts
12831
- var wrapperStyles = "_1rsrm2fci _1rsrm2fd9 _1rsrm2fdy _1rsrm2fbp _1rsrm2fj3 _1rsrm2fl _1rsrm2fv3 _1rsrm2f13 _1rsrm2fz _1rsrm2fa _1rsrm2f1d _1rsrm2f22";
12830
+ var wrapperStyles = "_1rsrm2fci _1rsrm2fd9 _1rsrm2fdy _1rsrm2fbp _1rsrm2fj3 _1rsrm2fl _1rsrm2fwf _1rsrm2f13 _1rsrm2fz _1rsrm2fa _1rsrm2f1d _1rsrm2f22";
12832
12831
 
12833
12832
  // src/components/FunNotificationBanner/FunNotificationBannerSummary.tsx
12834
12833
  var FunNotificationBannerSummary = ({
@@ -13998,7 +13997,7 @@ import { AnimatePresence as AnimatePresence2, motion as motion3 } from "motion/r
13998
13997
  // src/components/FunTooltip/FunTooltip.css.ts
13999
13998
  var MAX_TOOLTIP_WIDTH = 180;
14000
13999
  var tooltipContainer = "z1l38i0";
14001
- var tooltipStyle = "z1l38i2 _1rsrm2fcg _1rsrm2fd7 _1rsrm2fdw _1rsrm2fbn _1rsrm2fj _1rsrm2fj3 _1rsrm2fv3 _1rsrm2fz _1rsrm2f13";
14000
+ var tooltipStyle = "z1l38i2 _1rsrm2fcg _1rsrm2fd7 _1rsrm2fdw _1rsrm2fbn _1rsrm2fj _1rsrm2fj3 _1rsrm2fwf _1rsrm2fz _1rsrm2f13";
14002
14001
  var tooltipStyleCenter = "z1l38i3";
14003
14002
  var tooltipStyleLeft = "z1l38i5";
14004
14003
  var tooltipStyleRight = "z1l38i4";
@@ -14128,7 +14127,7 @@ var GasIcon = ({ size = 12 }) => /* @__PURE__ */ React148.createElement(
14128
14127
  );
14129
14128
 
14130
14129
  // src/components/FunTransactionSummary/PaymentFeesSummary.css.ts
14131
- var baseStyles = "_1rsrm2f189";
14130
+ var baseStyles = "_1rsrm2f1ax";
14132
14131
  var expandableStyles = "vkwve32";
14133
14132
  var feeLineHideStyles = "vkwve34";
14134
14133
  var feeLineShowStyles = "vkwve33";
@@ -14375,19 +14374,23 @@ function PaymentMethodSummary({
14375
14374
  }) {
14376
14375
  const label = usePaymentMethodInfoLabel(paymentMethodInfo, 15);
14377
14376
  const walletIcon = usePaymentMethodIcon("balance" /* ACCOUNT_BALANCE */, 15);
14377
+ const { apiKey } = useFunkitConfig();
14378
+ const { activeTheme } = useActiveTheme();
14378
14379
  const isAccountPayment = paymentMethodInfo.paymentMethod === "balance" /* ACCOUNT_BALANCE */;
14379
- const isSameDestination = isAccountPayment && !customRecipient;
14380
- const sourceKeyText = isSameDestination ? "Wallet" : "Source";
14380
+ const isSameDestination = isAccountPayment && !customRecipient && !isVertexCustomer(apiKey);
14381
14381
  const destinationIcon = customDestinationConfig?.icon ?? walletIcon;
14382
14382
  const destinationText = customDestinationConfig?.text ?? formatAddress5(customRecipient ?? walletAddress ?? "");
14383
- const { apiKey } = useFunkitConfig();
14384
- const { activeTheme } = useActiveTheme();
14385
14383
  return /* @__PURE__ */ React150.createElement(
14386
14384
  FunTxSummaryBox,
14387
14385
  {
14388
14386
  ...isVertexCustomer(apiKey) && { borderRadius: "actionButton" }
14389
14387
  },
14390
- /* @__PURE__ */ React150.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React150.createElement(FunTxSummaryLineItemKeyText, { text: sourceKeyText }), /* @__PURE__ */ React150.createElement(
14388
+ /* @__PURE__ */ React150.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React150.createElement(
14389
+ FunTxSummaryLineItemKeyText,
14390
+ {
14391
+ text: isSameDestination ? "Wallet" : "Source"
14392
+ }
14393
+ ), /* @__PURE__ */ React150.createElement(
14391
14394
  Box,
14392
14395
  {
14393
14396
  display: "flex",
@@ -14396,7 +14399,7 @@ function PaymentMethodSummary({
14396
14399
  gap: "5"
14397
14400
  },
14398
14401
  /* @__PURE__ */ React150.createElement(Box, { display: "flex", alignItems: "center" }, label.icon),
14399
- /* @__PURE__ */ React150.createElement(Text, { weight: "medium", color: "primaryText", size: "12" }, label.text)
14402
+ /* @__PURE__ */ React150.createElement(Text, { weight: "medium", size: "12" }, label.text)
14400
14403
  )),
14401
14404
  /* @__PURE__ */ React150.createElement(FunTxSummaryDivider, null),
14402
14405
  (!isSameDestination || customDestinationConfig) && /* @__PURE__ */ React150.createElement(React150.Fragment, null, /* @__PURE__ */ React150.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React150.createElement(FunTxSummaryLineItemKeyText, { text: "Destination" }), /* @__PURE__ */ React150.createElement(
@@ -14408,7 +14411,7 @@ function PaymentMethodSummary({
14408
14411
  gap: "5"
14409
14412
  },
14410
14413
  /* @__PURE__ */ React150.createElement(Box, { width: "15", height: "15", display: "flex", alignItems: "center" }, destinationIcon),
14411
- /* @__PURE__ */ React150.createElement(Text, { weight: "medium", color: "primaryText", size: "12" }, destinationText)
14414
+ /* @__PURE__ */ React150.createElement(Text, { weight: "medium", size: "12" }, destinationText)
14412
14415
  )), /* @__PURE__ */ React150.createElement(FunTxSummaryDivider, null)),
14413
14416
  /* @__PURE__ */ React150.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React150.createElement(FunTxSummaryLineItemKeyText, { text: "Estimated time" }), isLoading ? (
14414
14417
  // height has to match the lineHeight of the text, keep these in sync to prevent layout shifts
@@ -14457,7 +14460,7 @@ function PaymentAmountSummary({
14457
14460
  showYouWillPaySummary && /* @__PURE__ */ React150.createElement(React150.Fragment, null, /* @__PURE__ */ React150.createElement(
14458
14461
  PaymentAmountSummaryItem,
14459
14462
  {
14460
- label: "You will pay",
14463
+ label: textCustomizations.payAmountLabel,
14461
14464
  paymentTokenAmount: sourceTokenAmount,
14462
14465
  valueSymbol: sourceSymbol,
14463
14466
  paymentUsdAmount: uiCustomizations?.showPaymentAmountUsd ? paymentTokenUsdAmount : void 0,
@@ -14477,7 +14480,7 @@ function PaymentAmountSummary({
14477
14480
  /* @__PURE__ */ React150.createElement(
14478
14481
  PaymentAmountSummaryItem,
14479
14482
  {
14480
- label: textCustomizations?.receiveAmountLabel ?? "You will receive",
14483
+ label: textCustomizations.receiveAmountLabel,
14481
14484
  paymentTokenAmount: targetTokenAmount,
14482
14485
  valueSymbol: targetItemName,
14483
14486
  icon: /* @__PURE__ */ React150.createElement(
@@ -16436,7 +16439,7 @@ function InputAmountLayout({
16436
16439
 
16437
16440
  // src/modals/CheckoutModal/InputAmount/QuickOptions.tsx
16438
16441
  import React167 from "react";
16439
- var USD_AMOUNT_OPTIONS_PCT = [25, 50, 100];
16442
+ var USD_AMOUNT_OPTIONS_PCT = [25, 50, 75, 100];
16440
16443
  var QuickOptions = ({
16441
16444
  onSelect,
16442
16445
  disabled = false
@@ -16450,10 +16453,17 @@ var QuickOptions = ({
16450
16453
  icon: null,
16451
16454
  isDisabled: disabled,
16452
16455
  key: `${percent}%`,
16453
- onClick: () => onSelect?.(percent),
16456
+ onClick: () => {
16457
+ onSelect?.(percent);
16458
+ },
16454
16459
  paddingX: "12",
16455
16460
  size: "36",
16456
- variant: "filled"
16461
+ variant: "filled",
16462
+ colorOverrides: {
16463
+ baseBackground: "inputAmountQuickOptionBaseBackground",
16464
+ hoverBackground: "inputAmountQuickOptionHoverBackground",
16465
+ activeBackground: "inputAmountQuickOptionActiveBackground"
16466
+ }
16457
16467
  },
16458
16468
  percent === 100 ? "Max" : `${percent}%`
16459
16469
  ));
@@ -17214,7 +17224,7 @@ import clsx17 from "clsx";
17214
17224
  import React172, { useRef as useRef17 } from "react";
17215
17225
 
17216
17226
  // src/components/FunOptionBox/FunOptionBox.css.ts
17217
- var funOptionBoxStyle = { baseStyle: "_1rfcluh0", defaultBorder: "_1rsrm2fv3 _1rsrm2ftd", transparentBorder: "_1rsrm2fyf _1rsrm2ftd", activeBorder: "_1rsrm2ft9", disabledOptionBorder: "_1rsrm2fux", defaultBackground: "_1rsrm2fnf _1rsrm2fjg _1rsrm2fjt", activeBackground: "_1rsrm2fnf _1rsrm2fng _1rsrm2fnh" };
17227
+ var funOptionBoxStyle = { baseStyle: "_1rfcluh0", defaultBorder: "_1rsrm2fwf _1rsrm2fup", transparentBorder: "_1rsrm2fzr _1rsrm2fup", activeBorder: "_1rsrm2ful", disabledOptionBorder: "_1rsrm2fw9", defaultBackground: "_1rsrm2fnf _1rsrm2fjg _1rsrm2fjt", activeBackground: "_1rsrm2fnf _1rsrm2fng _1rsrm2fnh" };
17218
17228
 
17219
17229
  // src/components/FunOptionBox/FunOptionBox.tsx
17220
17230
  function FunOptionBox({
@@ -18187,12 +18197,13 @@ function MoonpaySetup({
18187
18197
  }
18188
18198
 
18189
18199
  // src/modals/CheckoutModal/SelectAsset.tsx
18200
+ import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST } from "@funkit/chains";
18190
18201
  import { formatCurrencyAndStringify as formatCurrencyAndStringify10 } from "@funkit/utils";
18191
- import React194, { useEffect as useEffect40, useMemo as useMemo36, useState as useState55 } from "react";
18202
+ import React195, { useEffect as useEffect40, useMemo as useMemo36, useState as useState55 } from "react";
18192
18203
  import { createPortal as createPortal8 } from "react-dom";
18193
18204
 
18194
- // src/components/Dropdown/ReceiveTokenDropdown.tsx
18195
- import React191, { useState as useState54 } from "react";
18205
+ // src/components/Dropdown/ChainDropdown.tsx
18206
+ import React191 from "react";
18196
18207
 
18197
18208
  // src/components/Dropdown/BaseDropdown.tsx
18198
18209
  import { isMobile as isMobile13 } from "@funkit/utils";
@@ -18263,7 +18274,8 @@ var FunNoResults = ({ children }) => {
18263
18274
  justifyContent: "center",
18264
18275
  alignItems: "center",
18265
18276
  gap: "12",
18266
- color: "secondaryText"
18277
+ color: "secondaryText",
18278
+ style: { flex: 1 }
18267
18279
  },
18268
18280
  /* @__PURE__ */ React187.createElement(SearchSkeletonIcon, null),
18269
18281
  /* @__PURE__ */ React187.createElement(Text, { color: "secondaryText", size: "10" }, children)
@@ -18286,7 +18298,9 @@ function BaseActiveDropdownItem({
18286
18298
  onClick = noop6,
18287
18299
  horizontalIconGap = HORIZONTAL_ICON_GAP,
18288
18300
  alwaysVisibleLabel,
18289
- tagComponent
18301
+ tagComponent,
18302
+ size = "regular",
18303
+ color = "primaryText"
18290
18304
  }) {
18291
18305
  return /* @__PURE__ */ React188.createElement(
18292
18306
  Box,
@@ -18302,11 +18316,11 @@ function BaseActiveDropdownItem({
18302
18316
  hover: "offBackground"
18303
18317
  },
18304
18318
  borderColor: "mediumStroke",
18305
- borderWidth: "1",
18319
+ borderWidth: size === "compact" ? "0" : "1",
18306
18320
  borderRadius: BORDER_RADIUS,
18307
18321
  borderStyle: "solid",
18308
- paddingY: "8",
18309
- paddingX: HORIZONTAL_OUTER_PADDING_X
18322
+ paddingY: size === "compact" ? "2" : "8",
18323
+ paddingX: size === "compact" ? "4" : HORIZONTAL_OUTER_PADDING_X
18310
18324
  },
18311
18325
  /* @__PURE__ */ React188.createElement(
18312
18326
  Box,
@@ -18315,9 +18329,7 @@ function BaseActiveDropdownItem({
18315
18329
  alignItems: "center",
18316
18330
  justifyContent: "space-between",
18317
18331
  gap: horizontalIconGap,
18318
- style: {
18319
- flex: "1 0 auto"
18320
- }
18332
+ style: size === "compact" ? void 0 : { flex: "1 0 auto" }
18321
18333
  },
18322
18334
  alwaysVisibleLabel && /* @__PURE__ */ React188.createElement(Box, { style: { flex: 1 } }, /* @__PURE__ */ React188.createElement(Text, { color: "secondaryText", size: "12" }, alwaysVisibleLabel)),
18323
18335
  /* @__PURE__ */ React188.createElement(
@@ -18327,11 +18339,7 @@ function BaseActiveDropdownItem({
18327
18339
  alignItems: "center",
18328
18340
  justifyContent: "space-between",
18329
18341
  gap: horizontalIconGap,
18330
- ...alwaysVisibleLabel ? {} : {
18331
- style: {
18332
- flex: 1
18333
- }
18334
- }
18342
+ ...alwaysVisibleLabel ? {} : { style: { flex: 1 } }
18335
18343
  },
18336
18344
  /* @__PURE__ */ React188.createElement(
18337
18345
  Box,
@@ -18340,19 +18348,15 @@ function BaseActiveDropdownItem({
18340
18348
  alignItems: "center",
18341
18349
  justifyContent: "center",
18342
18350
  gap: horizontalIconGap,
18343
- ...alwaysVisibleLabel ? {
18344
- style: {
18345
- flexDirection: "row-reverse"
18346
- }
18347
- } : {}
18351
+ ...alwaysVisibleLabel ? { style: { flexDirection: "row-reverse" } } : {}
18348
18352
  },
18349
18353
  tagComponent,
18350
- /* @__PURE__ */ React188.createElement(Box, { display: "flex", alignItems: "center", gap: "4" }, iconComponent && /* @__PURE__ */ React188.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center" }, iconComponent), /* @__PURE__ */ React188.createElement(Text, { color: "primaryText", size: "13", weight: "medium" }, label))
18354
+ /* @__PURE__ */ React188.createElement(Box, { display: "flex", alignItems: "center", gap: "4" }, iconComponent && /* @__PURE__ */ React188.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center" }, iconComponent), /* @__PURE__ */ React188.createElement(Text, { color, size: "13", weight: "medium" }, label))
18351
18355
  ),
18352
18356
  /* @__PURE__ */ React188.createElement(
18353
18357
  Box,
18354
18358
  {
18355
- color: "primaryText",
18359
+ color,
18356
18360
  width: "16",
18357
18361
  height: "16",
18358
18362
  display: "flex",
@@ -18365,7 +18369,6 @@ function BaseActiveDropdownItem({
18365
18369
  /* @__PURE__ */ React188.createElement(
18366
18370
  Box,
18367
18371
  {
18368
- color: "primaryText",
18369
18372
  width: "8",
18370
18373
  height: "8",
18371
18374
  display: "flex",
@@ -18403,7 +18406,8 @@ function BaseDropdown({
18403
18406
  dropdownItemBackgroundColor = {
18404
18407
  hover: "offBackground"
18405
18408
  },
18406
- openDropdownBoxShadow = "dropdown"
18409
+ openDropdownBoxShadow = "dropdown",
18410
+ size = "regular"
18407
18411
  }) {
18408
18412
  const isMobileDevice = isMobile13();
18409
18413
  const [isOpened, setIsOpened] = useState53(false);
@@ -18425,118 +18429,125 @@ function BaseDropdown({
18425
18429
  const openDrodpown = () => {
18426
18430
  setIsOpened(true);
18427
18431
  };
18428
- return /* @__PURE__ */ React189.createElement(FunClickOutside, { onClick: closeDropdown }, /* @__PURE__ */ React189.createElement(Box, { position: "relative" }, /* @__PURE__ */ React189.createElement(
18429
- BaseActiveDropdownItem_default,
18430
- {
18431
- horizontalIconGap,
18432
- onClick: isOpened ? closeDropdown : openDrodpown,
18433
- isOpened,
18434
- label: activeItemProps?.label ?? selectedOption?.label ?? placeholder ?? "",
18435
- iconComponent: activeItemProps?.iconComponent,
18436
- alwaysVisibleLabel: activeItemProps?.alwaysVisibleLabel,
18437
- tagComponent: activeItemProps?.tagComponent
18438
- }
18439
- ), /* @__PURE__ */ React189.createElement(AnimatePresence3, null, isOpened && /* @__PURE__ */ React189.createElement(
18440
- motion6.div,
18432
+ return /* @__PURE__ */ React189.createElement(FunClickOutside, { onClick: closeDropdown }, /* @__PURE__ */ React189.createElement(
18433
+ Box,
18441
18434
  {
18442
- style: {
18443
- transformOrigin: "top left",
18444
- position: "relative",
18445
- zIndex: 2
18446
- },
18447
- initial: {
18448
- opacity: 0,
18449
- scale: 0.97
18450
- },
18451
- animate: {
18452
- opacity: 1,
18453
- scale: 1,
18454
- transition: {
18455
- duration: 0.15,
18456
- ease: [0.4, 0, 0.2, 1]
18457
- }
18458
- },
18459
- exit: {
18460
- opacity: 0,
18461
- scale: 0.97,
18462
- transition: {
18463
- duration: 0.15,
18464
- ease: [0.4, 0, 0.2, 1]
18465
- }
18466
- }
18435
+ position: "relative",
18436
+ display: size === "compact" ? "flex" : void 0
18467
18437
  },
18468
18438
  /* @__PURE__ */ React189.createElement(
18469
- Box,
18439
+ BaseActiveDropdownItem_default,
18440
+ {
18441
+ size,
18442
+ horizontalIconGap,
18443
+ onClick: isOpened ? closeDropdown : openDrodpown,
18444
+ isOpened,
18445
+ color: activeItemProps?.color,
18446
+ label: activeItemProps?.label ?? selectedOption?.label ?? placeholder ?? "",
18447
+ iconComponent: activeItemProps?.iconComponent,
18448
+ alwaysVisibleLabel: activeItemProps?.alwaysVisibleLabel,
18449
+ tagComponent: activeItemProps?.tagComponent
18450
+ }
18451
+ ),
18452
+ /* @__PURE__ */ React189.createElement(AnimatePresence3, null, isOpened && /* @__PURE__ */ React189.createElement(
18453
+ motion6.div,
18470
18454
  {
18471
- position: "absolute",
18472
- background: openDropdownBackgroundColor,
18473
- borderColor: "transparent",
18474
- borderWidth: "1",
18475
- borderRadius: BORDER_RADIUS,
18476
- borderStyle: "solid",
18477
- boxShadow: openDropdownBoxShadow,
18478
18455
  style: {
18479
- width: openDropdownFullWidth ? "100%" : "180px",
18480
- ...alwaysOpenToTop || openToTopOnMobile && isMobileDevice ? {
18481
- bottom: "calc(100% + 6px)"
18482
- } : {
18483
- top: "calc(100% + 6px)"
18484
- },
18485
- right: 0
18456
+ transformOrigin: "top left",
18457
+ position: "relative",
18458
+ zIndex: 2
18459
+ },
18460
+ initial: {
18461
+ opacity: 0,
18462
+ scale: 0.97
18463
+ },
18464
+ animate: {
18465
+ opacity: 1,
18466
+ scale: 1,
18467
+ transition: {
18468
+ duration: 0.15,
18469
+ ease: [0.4, 0, 0.2, 1]
18470
+ }
18471
+ },
18472
+ exit: {
18473
+ opacity: 0,
18474
+ scale: 0.97,
18475
+ transition: {
18476
+ duration: 0.15,
18477
+ ease: [0.4, 0, 0.2, 1]
18478
+ }
18486
18479
  }
18487
18480
  },
18488
- /* @__PURE__ */ React189.createElement(Box, { display: "flex", flexDirection: "column" }, searchableOptions && /* @__PURE__ */ React189.createElement(Box, { paddingTop: "8", paddingLeft: "8", paddingRight: "8" }, /* @__PURE__ */ React189.createElement(
18489
- FunInput,
18490
- {
18491
- placeholder: searchPlaceholder ?? "Search tokens",
18492
- value: searchInput,
18493
- onChange: handleSearch,
18494
- prefixIcon: "SearchIcon"
18495
- }
18496
- )), filteredOptions.length === 0 ? /* @__PURE__ */ React189.createElement(FunNoResults, null, "No results found") : /* @__PURE__ */ React189.createElement(
18481
+ /* @__PURE__ */ React189.createElement(
18497
18482
  Box,
18498
18483
  {
18499
- as: "ul",
18500
- display: "flex",
18501
- flexDirection: "column",
18502
- padding: HORIZONTAL_OUTER_PADDING_X
18484
+ position: "absolute",
18485
+ background: openDropdownBackgroundColor,
18486
+ borderColor: "transparent",
18487
+ borderWidth: "1",
18488
+ borderRadius: BORDER_RADIUS,
18489
+ borderStyle: "solid",
18490
+ boxShadow: openDropdownBoxShadow,
18491
+ style: {
18492
+ width: openDropdownFullWidth ? "100%" : void 0,
18493
+ ...alwaysOpenToTop || openToTopOnMobile && isMobileDevice ? { bottom: "calc(100% + 6px)" } : { top: "calc(100% + 6px)" },
18494
+ right: 0
18495
+ }
18503
18496
  },
18504
- filteredOptions.map((singleOption) => {
18505
- const isSelected = singleOption.value === selectedOption?.value;
18506
- return /* @__PURE__ */ React189.createElement(
18507
- Box,
18508
- {
18509
- as: "li",
18510
- key: singleOption.value,
18511
- onClick: () => {
18512
- onOptionSelected?.(singleOption);
18513
- closeDropdown();
18497
+ /* @__PURE__ */ React189.createElement(Box, { display: "flex", flexDirection: "column" }, searchableOptions && /* @__PURE__ */ React189.createElement(Box, { paddingTop: "8", paddingX: "8" }, /* @__PURE__ */ React189.createElement(
18498
+ FunInput,
18499
+ {
18500
+ placeholder: searchPlaceholder ?? "Search tokens",
18501
+ value: searchInput,
18502
+ onChange: handleSearch,
18503
+ prefixIcon: "SearchIcon"
18504
+ }
18505
+ )), filteredOptions.length === 0 ? /* @__PURE__ */ React189.createElement(FunNoResults, null, "No results found") : /* @__PURE__ */ React189.createElement(
18506
+ Box,
18507
+ {
18508
+ as: "ul",
18509
+ display: "flex",
18510
+ flexDirection: "column",
18511
+ padding: size === "compact" ? "6" : HORIZONTAL_OUTER_PADDING_X
18512
+ },
18513
+ filteredOptions.map((singleOption) => {
18514
+ const isSelected = singleOption.value === selectedOption?.value;
18515
+ return /* @__PURE__ */ React189.createElement(
18516
+ Box,
18517
+ {
18518
+ as: "li",
18519
+ key: singleOption.value,
18520
+ onClick: () => {
18521
+ onOptionSelected?.(singleOption);
18522
+ closeDropdown();
18523
+ },
18524
+ background: dropdownItemBackgroundColor,
18525
+ className: baseDropdownItemWrapperStyles
18514
18526
  },
18515
- background: dropdownItemBackgroundColor,
18516
- className: baseDropdownItemWrapperStyles
18517
- },
18518
- renderDropdownOption(singleOption, isSelected)
18519
- );
18520
- })
18527
+ renderDropdownOption(singleOption, isSelected)
18528
+ );
18529
+ })
18530
+ ))
18531
+ )
18532
+ )),
18533
+ preloadIconUrls && /* @__PURE__ */ React189.createElement(
18534
+ Box,
18535
+ {
18536
+ display: "none",
18537
+ "aria-hidden": true,
18538
+ style: { position: "absolute", top: "-100%", left: "-100%" }
18539
+ },
18540
+ preloadIconUrls.map((url, index) => /* @__PURE__ */ React189.createElement(
18541
+ "img",
18542
+ {
18543
+ 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>
18544
+ index}`,
18545
+ src: url,
18546
+ alt: ""
18547
+ }
18521
18548
  ))
18522
18549
  )
18523
- )), preloadIconUrls && /* @__PURE__ */ React189.createElement(
18524
- Box,
18525
- {
18526
- display: "none",
18527
- "aria-hidden": true,
18528
- style: { position: "absolute", top: "-100%", left: "-100%" }
18529
- },
18530
- preloadIconUrls.map((url, index) => /* @__PURE__ */ React189.createElement(
18531
- "img",
18532
- {
18533
- 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>
18534
- index}`,
18535
- src: url,
18536
- alt: ""
18537
- }
18538
- ))
18539
- )));
18550
+ ));
18540
18551
  }
18541
18552
  var BaseDropdown_default = BaseDropdown;
18542
18553
 
@@ -18608,12 +18619,99 @@ function BaseDropdownItem({
18608
18619
  }
18609
18620
  var BaseDropdownItem_default = BaseDropdownItem;
18610
18621
 
18622
+ // src/components/Dropdown/ChainDropdown.tsx
18623
+ var CHAIN_ICON_SIZE = 16;
18624
+ var DEFAULT_VALUE = "";
18625
+ var ChainDropdown = ({
18626
+ assets,
18627
+ chainIds: chains,
18628
+ selectedChainId,
18629
+ selectedToken,
18630
+ allowUnselect,
18631
+ onChainSelected,
18632
+ activeItemProps,
18633
+ size = "regular",
18634
+ openDropdownBackgroundColor,
18635
+ dropdownItemBackgroundColor,
18636
+ openDropdownBoxShadow
18637
+ }) => {
18638
+ const chainIds = chains ?? Object.keys(assets).map(Number);
18639
+ const enabledChainIds = selectedToken ? chainIds.filter((chainId) => assets[chainId].includes(selectedToken)) : chainIds;
18640
+ const options = allowUnselect ? [DEFAULT_VALUE, ...chainIds] : chainIds;
18641
+ const handleOptionSelect = (value) => {
18642
+ if (!value) return onChainSelected(void 0);
18643
+ const chainId = Number(value);
18644
+ if (allowUnselect && chainId === selectedChainId) {
18645
+ onChainSelected(void 0);
18646
+ } else {
18647
+ onChainSelected(chainId);
18648
+ }
18649
+ };
18650
+ return /* @__PURE__ */ React191.createElement(
18651
+ BaseDropdown_default,
18652
+ {
18653
+ openDropdownBoxShadow,
18654
+ openDropdownBackgroundColor,
18655
+ dropdownItemBackgroundColor,
18656
+ size,
18657
+ openToTopOnMobile: false,
18658
+ openDropdownFullWidth: size === "regular",
18659
+ placeholder: "All chains",
18660
+ activeItemProps: {
18661
+ iconComponent: !!selectedChainId && /* @__PURE__ */ React191.createElement(
18662
+ AsyncImage,
18663
+ {
18664
+ alt: chainMetadataById[selectedChainId].name,
18665
+ background: chainMetadataById[selectedChainId].iconBackground,
18666
+ borderRadius: "full",
18667
+ height: CHAIN_ICON_SIZE,
18668
+ width: CHAIN_ICON_SIZE,
18669
+ src: chainMetadataById[selectedChainId].iconUrl
18670
+ }
18671
+ ),
18672
+ ...activeItemProps
18673
+ },
18674
+ value: selectedChainId?.toString() ?? DEFAULT_VALUE,
18675
+ options: options.map((chainId) => ({
18676
+ value: chainId.toString(),
18677
+ label: chainId === DEFAULT_VALUE ? "All chains" : chainMetadataById[chainId].name ?? ""
18678
+ })),
18679
+ renderDropdownOption: (option, isSelected) => {
18680
+ const metadata = chainMetadataById[option.value];
18681
+ return /* @__PURE__ */ React191.createElement(
18682
+ BaseDropdownItem_default,
18683
+ {
18684
+ iconComponent: metadata && /* @__PURE__ */ React191.createElement(
18685
+ AsyncImage,
18686
+ {
18687
+ alt: metadata.name,
18688
+ background: metadata.iconBackground,
18689
+ borderRadius: "full",
18690
+ height: CHAIN_ICON_SIZE,
18691
+ width: CHAIN_ICON_SIZE,
18692
+ src: metadata.iconUrl
18693
+ }
18694
+ ),
18695
+ id: option.value,
18696
+ onClick: handleOptionSelect,
18697
+ label: option.label,
18698
+ isSelected,
18699
+ isDisabled: option.value !== DEFAULT_VALUE && !enabledChainIds.includes(Number(option.value))
18700
+ }
18701
+ );
18702
+ },
18703
+ preloadIconUrls: chainIds.map((id) => chainMetadataById[id].iconUrl)
18704
+ }
18705
+ );
18706
+ };
18707
+
18611
18708
  // src/components/Dropdown/ReceiveTokenDropdown.tsx
18709
+ import React192, { useState as useState54 } from "react";
18612
18710
  var TOKEN_ICON_SIZE = 16;
18613
18711
  var getTokenIconUrl = (symbol) => {
18614
18712
  return ASSET_LOGO_SRCS[symbol.toUpperCase()];
18615
18713
  };
18616
- var aprTag = (badgeText) => /* @__PURE__ */ React191.createElement(
18714
+ var aprTag = (badgeText) => /* @__PURE__ */ React192.createElement(
18617
18715
  FunAssetBadge,
18618
18716
  {
18619
18717
  background: "badgeBackgroundSuccess",
@@ -18642,7 +18740,7 @@ var ReceiveTokenDropdown = ({
18642
18740
  onTokenSelected(matchingToken);
18643
18741
  }
18644
18742
  };
18645
- return /* @__PURE__ */ React191.createElement(
18743
+ return /* @__PURE__ */ React192.createElement(
18646
18744
  BaseDropdown_default,
18647
18745
  {
18648
18746
  openDropdownBoxShadow: "vertexDropdown",
@@ -18653,7 +18751,7 @@ var ReceiveTokenDropdown = ({
18653
18751
  horizontalIconGap: "8",
18654
18752
  openToTopOnMobile: false,
18655
18753
  activeItemProps: {
18656
- iconComponent: /* @__PURE__ */ React191.createElement(
18754
+ iconComponent: /* @__PURE__ */ React192.createElement(
18657
18755
  AsyncImage,
18658
18756
  {
18659
18757
  alt: selectedSymbol,
@@ -18679,11 +18777,11 @@ var ReceiveTokenDropdown = ({
18679
18777
  (token) => token.tokenSymbol === symbol
18680
18778
  )?.badgeText;
18681
18779
  const tagComponent = tokenBadgeText2 ? aprTag(tokenBadgeText2) : void 0;
18682
- return /* @__PURE__ */ React191.createElement(
18780
+ return /* @__PURE__ */ React192.createElement(
18683
18781
  BaseDropdownItem_default,
18684
18782
  {
18685
18783
  horizontalIconGap: "8",
18686
- iconComponent: /* @__PURE__ */ React191.createElement(
18784
+ iconComponent: /* @__PURE__ */ React192.createElement(
18687
18785
  FunAssetAvatar,
18688
18786
  {
18689
18787
  assetIconSize: `${TOKEN_ICON_SIZE}`,
@@ -18694,7 +18792,7 @@ var ReceiveTokenDropdown = ({
18694
18792
  }
18695
18793
  ),
18696
18794
  id: option.value,
18697
- onClick: (newSymbol) => handleChangeSymbol(newSymbol),
18795
+ onClick: handleChangeSymbol,
18698
18796
  label: option.label,
18699
18797
  isSelected,
18700
18798
  tagComponent
@@ -18710,13 +18808,13 @@ var ReceiveTokenDropdown = ({
18710
18808
  var ReceiveTokenDropdown_default = ReceiveTokenDropdown;
18711
18809
 
18712
18810
  // src/components/SourcePaymentMethodItem/SourcePaymentMethodItem.tsx
18713
- import React193 from "react";
18811
+ import React194 from "react";
18714
18812
 
18715
18813
  // src/components/FunPaymentMethodItem/FunPaymentMethodItem.tsx
18716
- import React192 from "react";
18814
+ import React193 from "react";
18717
18815
  var ValueIcon = ({ valueIcon }) => {
18718
18816
  if (!valueIcon) return null;
18719
- return /* @__PURE__ */ React192.createElement(
18817
+ return /* @__PURE__ */ React193.createElement(
18720
18818
  Box,
18721
18819
  {
18722
18820
  height: "max",
@@ -18735,7 +18833,7 @@ var PaymentMethodWrapper = ({
18735
18833
  onClick,
18736
18834
  children
18737
18835
  }) => {
18738
- return /* @__PURE__ */ React192.createElement(
18836
+ return /* @__PURE__ */ React193.createElement(
18739
18837
  FunOptionBox,
18740
18838
  {
18741
18839
  type: "bordered",
@@ -18759,7 +18857,7 @@ var FunPaymentMethodItem = ({
18759
18857
  isDisabled = false,
18760
18858
  isActive = false
18761
18859
  }) => {
18762
- return /* @__PURE__ */ React192.createElement(
18860
+ return /* @__PURE__ */ React193.createElement(
18763
18861
  PaymentMethodWrapper,
18764
18862
  {
18765
18863
  isActive,
@@ -18767,8 +18865,8 @@ var FunPaymentMethodItem = ({
18767
18865
  onClick,
18768
18866
  paddingY: "11"
18769
18867
  },
18770
- /* @__PURE__ */ React192.createElement(Box, { display: "flex", alignItems: "center", gap: "12" }, keyIcon ? /* @__PURE__ */ React192.createElement(Box, { flexDirection: "row", display: "flex", alignItems: "center" }, keyIcon) : null, /* @__PURE__ */ React192.createElement(Box, { display: "flex", gap: "4", flexDirection: "column" }, /* @__PURE__ */ React192.createElement(Text, { color: "primaryText", weight: "medium", size: "12" }, keyText), disclaimerText ? /* @__PURE__ */ React192.createElement(Text, { size: "12", color: isError ? "error" : "secondaryText" }, disclaimerText) : null)),
18771
- /* @__PURE__ */ React192.createElement(ValueIcon, { valueIcon })
18868
+ /* @__PURE__ */ React193.createElement(Box, { display: "flex", alignItems: "center", gap: "12" }, keyIcon ? /* @__PURE__ */ React193.createElement(Box, { flexDirection: "row", display: "flex", alignItems: "center" }, keyIcon) : null, /* @__PURE__ */ React193.createElement(Box, { display: "flex", gap: "4", flexDirection: "column" }, /* @__PURE__ */ React193.createElement(Text, { color: "primaryText", weight: "medium", size: "12" }, keyText), disclaimerText ? /* @__PURE__ */ React193.createElement(Text, { size: "12", color: isError ? "error" : "secondaryText" }, disclaimerText) : null)),
18869
+ /* @__PURE__ */ React193.createElement(ValueIcon, { valueIcon })
18772
18870
  );
18773
18871
  };
18774
18872
 
@@ -18787,7 +18885,7 @@ var SourcePaymentMethodItem = ({
18787
18885
  isActive = false
18788
18886
  }) => {
18789
18887
  const { textCustomizations } = useFunkitConfig();
18790
- return /* @__PURE__ */ React193.createElement(
18888
+ return /* @__PURE__ */ React194.createElement(
18791
18889
  PaymentMethodWrapper,
18792
18890
  {
18793
18891
  isActive,
@@ -18795,8 +18893,8 @@ var SourcePaymentMethodItem = ({
18795
18893
  onClick,
18796
18894
  paddingY: "7"
18797
18895
  },
18798
- /* @__PURE__ */ React193.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React193.createElement(Text, { color: "secondaryText", size: "10" }, textCustomizations.sourceMethodTitle), /* @__PURE__ */ React193.createElement(Box, { display: "flex", gap: "6", alignItems: "center" }, keyIcon ? /* @__PURE__ */ React193.createElement(Box, { flexDirection: "row", display: "flex", alignItems: "center" }, keyIcon) : null, /* @__PURE__ */ React193.createElement(Text, { color: "primaryText", weight: "medium", size: "12" }, keyText), disclaimerText ? /* @__PURE__ */ React193.createElement(Text, { size: "12", color: isError ? "error" : "secondaryText" }, disclaimerText) : null)),
18799
- /* @__PURE__ */ React193.createElement(Box, { color: "tertiaryText", display: "flex", alignItems: "center", gap: "6" }, otherSourcesCount > 0 && /* @__PURE__ */ React193.createElement(FunBadge, { borderRadius: "full" }, /* @__PURE__ */ React193.createElement(Box, { className: badgeStyle }, otherSourcesCount)), /* @__PURE__ */ React193.createElement(ArrowIcon, { direction: "right", size: 20 }))
18896
+ /* @__PURE__ */ React194.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React194.createElement(Text, { color: "secondaryText", size: "10" }, textCustomizations.sourceMethodTitle), /* @__PURE__ */ React194.createElement(Box, { display: "flex", gap: "6", alignItems: "center" }, keyIcon ? /* @__PURE__ */ React194.createElement(Box, { flexDirection: "row", display: "flex", alignItems: "center" }, keyIcon) : null, /* @__PURE__ */ React194.createElement(Text, { color: "primaryText", weight: "medium", size: "12" }, keyText), disclaimerText ? /* @__PURE__ */ React194.createElement(Text, { size: "12", color: isError ? "error" : "secondaryText" }, disclaimerText) : null)),
18897
+ /* @__PURE__ */ React194.createElement(Box, { color: "tertiaryText", display: "flex", alignItems: "center", gap: "6" }, otherSourcesCount > 0 && /* @__PURE__ */ React194.createElement(FunBadge, { borderRadius: "full" }, /* @__PURE__ */ React194.createElement(Box, { className: badgeStyle }, otherSourcesCount)), /* @__PURE__ */ React194.createElement(ArrowIcon, { direction: "right", size: 20 }))
18800
18898
  );
18801
18899
  };
18802
18900
 
@@ -18969,13 +19067,16 @@ function useAssetOptions({
18969
19067
  checkoutItem,
18970
19068
  enrichedAccountHoldings,
18971
19069
  isLoadingFlags,
18972
- defaultTokenSymbols
19070
+ defaultTokenSymbols,
19071
+ chainId
18973
19072
  }) {
18974
19073
  const assetOptions = useMemo36(() => {
18975
19074
  if (!checkoutItem || isLoadingFlags) {
18976
19075
  return [];
18977
19076
  }
18978
- return enrichedAccountHoldings.map(({ asset, usableForCheckout }) => {
19077
+ return enrichedAccountHoldings.filter(
19078
+ ({ asset }) => chainId !== void 0 ? asset.pickedChainId === chainId.toString() : true
19079
+ ).map(({ asset, usableForCheckout }) => {
18979
19080
  const { isUsable, reason } = usableForCheckout;
18980
19081
  const isKnown = isKnownAsset2(asset);
18981
19082
  const isDisabled = !isUsable || !isKnown;
@@ -19005,7 +19106,8 @@ function useAssetOptions({
19005
19106
  defaultTokenSymbols,
19006
19107
  enrichedAccountHoldings,
19007
19108
  checkoutItem,
19008
- isLoadingFlags
19109
+ isLoadingFlags,
19110
+ chainId
19009
19111
  ]);
19010
19112
  return { assetOptions };
19011
19113
  }
@@ -19015,6 +19117,7 @@ function MeshOrAccountSelectAsset({
19015
19117
  accountHoldings,
19016
19118
  fetchHoldingsError
19017
19119
  }) {
19120
+ const [selectedChainId, setSelectedChainId] = useState55();
19018
19121
  const { apiKey } = useFunkitConfig();
19019
19122
  const { checkoutItem, updateSourceAsset, updateTargetAsset } = useCheckoutContext();
19020
19123
  const [explicitlySelectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState55("");
@@ -19041,7 +19144,8 @@ function MeshOrAccountSelectAsset({
19041
19144
  checkoutItem,
19042
19145
  enrichedAccountHoldings,
19043
19146
  isLoadingFlags,
19044
- defaultTokenSymbols
19147
+ defaultTokenSymbols,
19148
+ chainId: selectedChainId
19045
19149
  });
19046
19150
  const updateTargetAssetForVertex = (tokenItem) => {
19047
19151
  const candidates2 = checkoutItem?.initSettings.config.dynamicTargetAssetCandidates;
@@ -19093,7 +19197,10 @@ function MeshOrAccountSelectAsset({
19093
19197
  });
19094
19198
  const selectedChainTokenSymbol = useMemo36(() => {
19095
19199
  if (explicitlySelectedChainTokenSymbol) {
19096
- return explicitlySelectedChainTokenSymbol;
19200
+ const assetExists = assetOptions.find(
19201
+ ({ asset }) => asset.chainSymbolKey === explicitlySelectedChainTokenSymbol
19202
+ );
19203
+ if (assetExists) return explicitlySelectedChainTokenSymbol;
19097
19204
  }
19098
19205
  if (checkoutItem?.selectedSourceAssetInfo.symbol) {
19099
19206
  const key = combineChainSymbolOrAddress({
@@ -19128,9 +19235,21 @@ function MeshOrAccountSelectAsset({
19128
19235
  const isAssetsEmpty = assetOptions.length === 0;
19129
19236
  const isDisabled = isAssetsEmpty || !selectedChainTokenSymbol;
19130
19237
  if (isLoadingFlags || isLoadingAllowed) {
19131
- return /* @__PURE__ */ React194.createElement(FunAssetLoading, { count: 5 });
19238
+ return /* @__PURE__ */ React195.createElement(FunAssetLoading, { count: isVertexCustomer(apiKey) ? 7 : 5 });
19132
19239
  }
19133
- return /* @__PURE__ */ React194.createElement(Box, null, /* @__PURE__ */ React194.createElement(
19240
+ const assetList = isAssetsEmpty ? /* @__PURE__ */ React195.createElement(FunNoResults, null, "No assets found") : /* @__PURE__ */ React195.createElement(Box, { display: "flex", flexDirection: "column" }, assetOptions.map(({ asset, isDisabled: isDisabled2, badgeColors, badgeText }) => /* @__PURE__ */ React195.createElement(
19241
+ FunAssetItem,
19242
+ {
19243
+ key: asset.chainSymbolKey,
19244
+ asset,
19245
+ isActive: selectedChainTokenSymbol === asset.chainSymbolKey,
19246
+ isDisabled: isDisabled2,
19247
+ badgeColors,
19248
+ badgeText,
19249
+ onClick: () => setSelectedChainTokenSymbol(asset.chainSymbolKey)
19250
+ }
19251
+ )));
19252
+ return /* @__PURE__ */ React195.createElement(React195.Fragment, null, /* @__PURE__ */ React195.createElement(
19134
19253
  Box,
19135
19254
  {
19136
19255
  width: "full",
@@ -19138,50 +19257,49 @@ function MeshOrAccountSelectAsset({
19138
19257
  borderColor: "generalBorderDim",
19139
19258
  display: "flex",
19140
19259
  flexDirection: "column",
19141
- gap: "4"
19260
+ gap: "4",
19261
+ style: { flex: 1 }
19142
19262
  },
19143
- isAssetsEmpty ? /* @__PURE__ */ React194.createElement(FunNoResults, null, "No assets found") : isVertexCustomer(apiKey) && candidates ? /* @__PURE__ */ React194.createElement(Box, { display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React194.createElement(
19144
- ReceiveTokenDropdown_default,
19263
+ isVertexCustomer(apiKey) && candidates ? /* @__PURE__ */ React195.createElement(
19264
+ Box,
19145
19265
  {
19146
- tokens: candidates,
19147
- chainId: Number(checkoutItem?.initSettings.config.targetChain),
19148
- defaultSelectedToken: checkoutItem?.initSettings.config.targetAssetTicker || void 0,
19149
- onTokenSelected: (token) => {
19150
- setUserSelectedTargetAssetVertex(token);
19151
- }
19152
- }
19153
- ), /* @__PURE__ */ React194.createElement(Box, { display: "flex", flexDirection: "column" }, assetOptions.map(
19154
- ({ asset, isDisabled: isDisabled2, badgeColors, badgeText }) => /* @__PURE__ */ React194.createElement(
19155
- FunAssetItem,
19266
+ display: "flex",
19267
+ flexDirection: "column",
19268
+ gap: "12",
19269
+ style: { flex: 1 }
19270
+ },
19271
+ /* @__PURE__ */ React195.createElement(
19272
+ ReceiveTokenDropdown_default,
19156
19273
  {
19157
- key: asset.chainSymbolKey,
19158
- asset,
19159
- isActive: selectedChainTokenSymbol === asset.chainSymbolKey,
19160
- isDisabled: isDisabled2,
19161
- badgeColors,
19162
- badgeText,
19163
- onClick: () => setSelectedChainTokenSymbol(asset.chainSymbolKey)
19274
+ tokens: candidates,
19275
+ chainId: Number(checkoutItem?.initSettings.config.targetChain),
19276
+ defaultSelectedToken: checkoutItem?.initSettings.config.targetAssetTicker || void 0,
19277
+ onTokenSelected: setUserSelectedTargetAssetVertex
19164
19278
  }
19165
- )
19166
- ))) : /* @__PURE__ */ React194.createElement(Box, { display: "flex", flexDirection: "column" }, assetOptions.map(
19167
- ({ asset, isDisabled: isDisabled2, badgeColors, badgeText }) => /* @__PURE__ */ React194.createElement(
19168
- FunAssetItem,
19279
+ ),
19280
+ /* @__PURE__ */ React195.createElement(
19281
+ Box,
19169
19282
  {
19170
- key: asset.chainSymbolKey,
19171
- asset,
19172
- isActive: selectedChainTokenSymbol === asset.chainSymbolKey,
19173
- isDisabled: isDisabled2,
19174
- badgeColors,
19175
- badgeText,
19176
- onClick: () => setSelectedChainTokenSymbol(asset.chainSymbolKey)
19177
- }
19283
+ display: "flex",
19284
+ flexDirection: "column",
19285
+ gap: "4",
19286
+ style: { flex: 1 }
19287
+ },
19288
+ /* @__PURE__ */ React195.createElement(
19289
+ FilterAssets,
19290
+ {
19291
+ value: selectedChainId,
19292
+ onFilterChange: setSelectedChainId
19293
+ }
19294
+ ),
19295
+ assetList
19178
19296
  )
19179
- ))
19297
+ ) : assetList
19180
19298
  ), bottomSectionRef && createPortal8(
19181
- /* @__PURE__ */ React194.createElement(
19299
+ /* @__PURE__ */ React195.createElement(
19182
19300
  Dialog.BottomBar,
19183
19301
  {
19184
- topSection: /* @__PURE__ */ React194.createElement(
19302
+ topSection: /* @__PURE__ */ React195.createElement(
19185
19303
  FunNotification,
19186
19304
  {
19187
19305
  isVisible: !!fetchHoldingsError,
@@ -19199,6 +19317,38 @@ function MeshOrAccountSelectAsset({
19199
19317
  bottomSectionRef
19200
19318
  ));
19201
19319
  }
19320
+ var FilterAssets = ({ value, onFilterChange }) => {
19321
+ const enabledChainIds = FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST.sort(
19322
+ (a, b) => a.name.localeCompare(b.name)
19323
+ ).map((chain) => chain.id);
19324
+ return /* @__PURE__ */ React195.createElement(
19325
+ Box,
19326
+ {
19327
+ display: "flex",
19328
+ justifyContent: "space-between",
19329
+ alignItems: "center",
19330
+ color: "secondaryText"
19331
+ },
19332
+ /* @__PURE__ */ React195.createElement(Text, { size: "12", color: "secondaryText" }, "Your tokens"),
19333
+ /* @__PURE__ */ React195.createElement(
19334
+ ChainDropdown,
19335
+ {
19336
+ openDropdownBoxShadow: "vertexDropdown",
19337
+ dropdownItemBackgroundColor: {
19338
+ hover: "offBackgroundComplimentary"
19339
+ },
19340
+ openDropdownBackgroundColor: "offBackground",
19341
+ activeItemProps: { color: "secondaryText" },
19342
+ allowUnselect: true,
19343
+ size: "compact",
19344
+ chainIds: enabledChainIds,
19345
+ assets: [],
19346
+ selectedChainId: value,
19347
+ onChainSelected: onFilterChange
19348
+ }
19349
+ )
19350
+ );
19351
+ };
19202
19352
  function SelectWalletAsset({
19203
19353
  paymentMethodInfo,
19204
19354
  targetChainId,
@@ -19206,20 +19356,20 @@ function SelectWalletAsset({
19206
19356
  onSelectSource
19207
19357
  }) {
19208
19358
  const label = usePaymentMethodInfoLabel(paymentMethodInfo, 16);
19209
- const { textCustomizations } = useFunkitConfig();
19359
+ const { apiKey, textCustomizations } = useFunkitConfig();
19210
19360
  const { walletAddress } = useGeneralWallet();
19211
19361
  const otherSourcesCount = useRemainingPaymentSourcesCount(targetChainId);
19212
19362
  const { data, isLoading, totalBalance } = useWalletAssetHoldings(targetChainId);
19213
- return /* @__PURE__ */ React194.createElement(Box, { display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React194.createElement(
19363
+ return /* @__PURE__ */ React195.createElement(React195.Fragment, null, /* @__PURE__ */ React195.createElement(
19214
19364
  SourcePaymentMethodItem,
19215
19365
  {
19216
19366
  otherSourcesCount,
19217
19367
  keyText: getWalletLabel(textCustomizations, walletAddress),
19218
- disclaimerText: formatCurrencyAndStringify10(totalBalance),
19368
+ disclaimerText: isVertexCustomer(apiKey) ? void 0 : formatCurrencyAndStringify10(totalBalance),
19219
19369
  keyIcon: label.icon,
19220
19370
  onClick: onSelectSource
19221
19371
  }
19222
- ), isLoading ? /* @__PURE__ */ React194.createElement(FunAssetLoading, { count: 5 }) : /* @__PURE__ */ React194.createElement(
19372
+ ), isLoading ? /* @__PURE__ */ React195.createElement(FunAssetLoading, { count: isVertexCustomer(apiKey) ? 7 : 5 }) : /* @__PURE__ */ React195.createElement(
19223
19373
  MeshOrAccountSelectAsset,
19224
19374
  {
19225
19375
  paymentMethodInfo,
@@ -19242,9 +19392,9 @@ function SelectMeshAsset({
19242
19392
  targetChainId,
19243
19393
  paymentMethodInfo.meta
19244
19394
  );
19245
- const accountHoldings = data ?? {};
19246
19395
  const { unlinkBrokerage } = useFunkitMesh();
19247
- const fetchHoldingsError = isError ? /* @__PURE__ */ React194.createElement("div", null, "Unable to retrieve your account balance. Please retry.", " ", /* @__PURE__ */ React194.createElement(
19396
+ const { apiKey } = useFunkitConfig();
19397
+ const fetchHoldingsError = isError ? /* @__PURE__ */ React195.createElement("div", null, "Unable to retrieve your account balance. Please retry.", " ", /* @__PURE__ */ React195.createElement(
19248
19398
  FunLinkButton,
19249
19399
  {
19250
19400
  text: "Unlink.",
@@ -19257,17 +19407,18 @@ function SelectMeshAsset({
19257
19407
  }
19258
19408
  }
19259
19409
  )) : null;
19410
+ const accountHoldings = data ?? {};
19260
19411
  const totalBalance = getTotalAssetBalance(accountHoldings);
19261
- return /* @__PURE__ */ React194.createElement(Box, { display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React194.createElement(
19412
+ return /* @__PURE__ */ React195.createElement(React195.Fragment, null, /* @__PURE__ */ React195.createElement(
19262
19413
  SourcePaymentMethodItem,
19263
19414
  {
19264
19415
  otherSourcesCount,
19265
19416
  keyText: label.text,
19266
- disclaimerText: formatCurrencyAndStringify10(totalBalance),
19417
+ disclaimerText: isVertexCustomer(apiKey) ? void 0 : formatCurrencyAndStringify10(totalBalance),
19267
19418
  keyIcon: label.icon,
19268
19419
  onClick: onSelectSource
19269
19420
  }
19270
- ), isLoading ? /* @__PURE__ */ React194.createElement(FunAssetLoading, { count: 5 }) : /* @__PURE__ */ React194.createElement(
19421
+ ), isLoading ? /* @__PURE__ */ React195.createElement(FunAssetLoading, { count: isVertexCustomer(apiKey) ? 7 : 5 }) : /* @__PURE__ */ React195.createElement(
19271
19422
  MeshOrAccountSelectAsset,
19272
19423
  {
19273
19424
  paymentMethodInfo,
@@ -19292,7 +19443,7 @@ function SelectAsset({
19292
19443
  const handleBrokerageDisconnected = () => {
19293
19444
  onNext({ disconnectedBrokerage: true });
19294
19445
  };
19295
- return paymentMethodInfo.paymentMethod === "brokerage" /* BROKERAGE */ ? /* @__PURE__ */ React194.createElement(
19446
+ return /* @__PURE__ */ React195.createElement(Box, { display: "flex", flexDirection: "column", gap: "12", style: { flex: 1 } }, paymentMethodInfo.paymentMethod === "brokerage" /* BROKERAGE */ ? /* @__PURE__ */ React195.createElement(
19296
19447
  SelectMeshAsset,
19297
19448
  {
19298
19449
  paymentMethodInfo,
@@ -19301,7 +19452,7 @@ function SelectAsset({
19301
19452
  onSelectSource: handleSelectSource,
19302
19453
  onBrokerageDisconnected: handleBrokerageDisconnected
19303
19454
  }
19304
- ) : /* @__PURE__ */ React194.createElement(
19455
+ ) : /* @__PURE__ */ React195.createElement(
19305
19456
  SelectWalletAsset,
19306
19457
  {
19307
19458
  paymentMethodInfo,
@@ -19309,15 +19460,15 @@ function SelectAsset({
19309
19460
  onFinish: handleFinish,
19310
19461
  onSelectSource: handleSelectSource
19311
19462
  }
19312
- );
19463
+ ));
19313
19464
  }
19314
19465
 
19315
19466
  // src/modals/CheckoutModal/SelectBrokerage.tsx
19316
- import React196, { useState as useState56 } from "react";
19467
+ import React197, { useState as useState56 } from "react";
19317
19468
 
19318
19469
  // src/components/FunSelectBrokerage/FunSelectBrokerage.tsx
19319
19470
  import clsx19 from "clsx";
19320
- import React195 from "react";
19471
+ import React196 from "react";
19321
19472
 
19322
19473
  // src/components/FunSelectBrokerage/FunSelectBrokerage.css.ts
19323
19474
  var selectBrokerageStyle = "_1whuldv0";
@@ -19328,7 +19479,7 @@ function FunSelectBrokerage({
19328
19479
  options,
19329
19480
  selectedValue
19330
19481
  }) {
19331
- return /* @__PURE__ */ React195.createElement(
19482
+ return /* @__PURE__ */ React196.createElement(
19332
19483
  Box,
19333
19484
  {
19334
19485
  className: clsx19(hideScrollBar, selectBrokerageStyle),
@@ -19338,7 +19489,7 @@ function FunSelectBrokerage({
19338
19489
  },
19339
19490
  options.map((optionItem) => {
19340
19491
  const isActive = selectedValue === optionItem.value;
19341
- return /* @__PURE__ */ React195.createElement(
19492
+ return /* @__PURE__ */ React196.createElement(
19342
19493
  FunOptionBox,
19343
19494
  {
19344
19495
  key: optionItem.value,
@@ -19413,7 +19564,7 @@ function SelectBrokerage({
19413
19564
  });
19414
19565
  }
19415
19566
  };
19416
- return /* @__PURE__ */ React196.createElement(Box, { display: "flex", flexDirection: "column", gap: VERTICAL_SECTION_GAP }, /* @__PURE__ */ React196.createElement(
19567
+ return /* @__PURE__ */ React197.createElement(Box, { display: "flex", flexDirection: "column", gap: VERTICAL_SECTION_GAP }, /* @__PURE__ */ React197.createElement(
19417
19568
  FunInput,
19418
19569
  {
19419
19570
  placeholder: "Search exchanges",
@@ -19421,7 +19572,7 @@ function SelectBrokerage({
19421
19572
  onChange: handleSearch,
19422
19573
  prefixIcon: "SearchIcon"
19423
19574
  }
19424
- ), /* @__PURE__ */ React196.createElement(Box, { display: "flex", justifyContent: "center", style: { minHeight: 200 } }, filteredOptions.length === 0 ? /* @__PURE__ */ React196.createElement(FunNoResults, null, "No results found") : /* @__PURE__ */ React196.createElement(
19575
+ ), /* @__PURE__ */ React197.createElement(Box, { display: "flex", justifyContent: "center", style: { minHeight: 200 } }, filteredOptions.length === 0 ? /* @__PURE__ */ React197.createElement(FunNoResults, null, "No results found") : /* @__PURE__ */ React197.createElement(
19425
19576
  FunSelectBrokerage,
19426
19577
  {
19427
19578
  onSelect: handleSelect,
@@ -19432,7 +19583,7 @@ function SelectBrokerage({
19432
19583
  }
19433
19584
 
19434
19585
  // src/modals/CheckoutModal/SourceChange/SourceChange.tsx
19435
- import React198, { useEffect as useEffect42, useState as useState58 } from "react";
19586
+ import React199, { useEffect as useEffect42, useState as useState58 } from "react";
19436
19587
  import { POLYMARKET_API_KEY as POLYMARKET_API_KEY4 } from "@funkit/api-base";
19437
19588
 
19438
19589
  // src/components/FunPayments/FunPaymentMethods.tsx
@@ -19440,7 +19591,7 @@ import {
19440
19591
  formatCurrencyAndStringify as formatCurrencyAndStringify11,
19441
19592
  formatSecondsToReadableForm as formatSecondsToReadableForm3
19442
19593
  } from "@funkit/utils";
19443
- import React197, { Fragment as Fragment4, useEffect as useEffect41 } from "react";
19594
+ import React198, { Fragment as Fragment4, useEffect as useEffect41 } from "react";
19444
19595
 
19445
19596
  // src/hooks/useEnabledTokenTransferChainTokens.ts
19446
19597
  import { FlagKey as FlagKey20 } from "@funkit/utils";
@@ -19465,7 +19616,7 @@ function useEnabledTokenTransferChainTokens() {
19465
19616
  // src/config/getDefaultConfig.ts
19466
19617
  import {
19467
19618
  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10,
19468
- FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST
19619
+ FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2
19469
19620
  } from "@funkit/chains";
19470
19621
  import { fallback } from "viem";
19471
19622
  import {
@@ -20141,7 +20292,7 @@ var getDefaultConfig = ({
20141
20292
  ...restWagmiParameters
20142
20293
  });
20143
20294
  };
20144
- var getDefaultChains = () => FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST;
20295
+ var getDefaultChains = () => FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2;
20145
20296
  var getDefaultTransports = () => {
20146
20297
  const chains = getDefaultChains();
20147
20298
  return createDefaultTransports(chains);
@@ -20183,21 +20334,21 @@ var BrokerageConditionalIcons = () => {
20183
20334
  const { getActiveConnection } = useFunkitMesh();
20184
20335
  return supportedExchanges.filter((brokerType) => !getActiveConnection(brokerType)).map((brokerType) => {
20185
20336
  const icon = getExchangeIcon(brokerType, 12);
20186
- return icon ? /* @__PURE__ */ React197.createElement(Fragment4, { key: brokerType }, icon) : null;
20337
+ return icon ? /* @__PURE__ */ React198.createElement(Fragment4, { key: brokerType }, icon) : null;
20187
20338
  }).filter((icon) => icon !== null).slice(0, 5);
20188
20339
  };
20189
20340
  var getDynamicValueIconComponent = () => {
20190
20341
  const defaultChains = getDefaultChains();
20191
- return /* @__PURE__ */ React197.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "flex-end" }, defaultChains.map(({ id: chainId }, index) => {
20342
+ return /* @__PURE__ */ React198.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "flex-end" }, defaultChains.map(({ id: chainId }, index) => {
20192
20343
  const metadata = chainMetadataById[chainId];
20193
- return /* @__PURE__ */ React197.createElement(
20344
+ return /* @__PURE__ */ React198.createElement(
20194
20345
  Box,
20195
20346
  {
20196
20347
  key: chainId,
20197
20348
  position: "relative",
20198
20349
  style: { right: `${(defaultChains.length - index - 1) * -2}px` }
20199
20350
  },
20200
- /* @__PURE__ */ React197.createElement(
20351
+ /* @__PURE__ */ React198.createElement(
20201
20352
  AsyncImage,
20202
20353
  {
20203
20354
  alt: metadata.name,
@@ -20222,10 +20373,10 @@ function ConnectWalletItem({ isClickable = true }) {
20222
20373
  }
20223
20374
  };
20224
20375
  const walletLabel = getWalletLabel(textCustomizations);
20225
- return /* @__PURE__ */ React197.createElement(
20376
+ return /* @__PURE__ */ React198.createElement(
20226
20377
  FunPaymentMethodItem,
20227
20378
  {
20228
- keyIcon: /* @__PURE__ */ React197.createElement(
20379
+ keyIcon: /* @__PURE__ */ React198.createElement(
20229
20380
  Box,
20230
20381
  {
20231
20382
  height: "20",
@@ -20234,7 +20385,7 @@ function ConnectWalletItem({ isClickable = true }) {
20234
20385
  alignItems: "center",
20235
20386
  justifyContent: "center"
20236
20387
  },
20237
- /* @__PURE__ */ React197.createElement(EvmWallet, null)
20388
+ /* @__PURE__ */ React198.createElement(EvmWallet, null)
20238
20389
  ),
20239
20390
  keyText: walletLabel,
20240
20391
  valueIcon: getDynamicValueIconComponent(),
@@ -20245,16 +20396,16 @@ function ConnectWalletItem({ isClickable = true }) {
20245
20396
  );
20246
20397
  }
20247
20398
  function SupportedChainList({ chainIdList }) {
20248
- return /* @__PURE__ */ React197.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "flex-end" }, chainIdList.map((chainId, index) => {
20399
+ return /* @__PURE__ */ React198.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "flex-end" }, chainIdList.map((chainId, index) => {
20249
20400
  const metadata = chainMetadataById[chainId];
20250
- return /* @__PURE__ */ React197.createElement(
20401
+ return /* @__PURE__ */ React198.createElement(
20251
20402
  Box,
20252
20403
  {
20253
20404
  key: chainId,
20254
20405
  position: "relative",
20255
20406
  style: { right: `${(chainIdList.length - index - 1) * -2}px` }
20256
20407
  },
20257
- /* @__PURE__ */ React197.createElement(
20408
+ /* @__PURE__ */ React198.createElement(
20258
20409
  AsyncImage,
20259
20410
  {
20260
20411
  alt: metadata.name,
@@ -20271,7 +20422,7 @@ function PaymentMethodIcon({
20271
20422
  paymentIcon,
20272
20423
  keyIconSize
20273
20424
  }) {
20274
- return /* @__PURE__ */ React197.createElement(
20425
+ return /* @__PURE__ */ React198.createElement(
20275
20426
  Box,
20276
20427
  {
20277
20428
  display: "flex",
@@ -20318,7 +20469,7 @@ var ConnectedMeshPaymentMethodItem = ({
20318
20469
  isFetching,
20319
20470
  paymentMethodInfo.meta.brokerType
20320
20471
  ]);
20321
- return /* @__PURE__ */ React197.createElement(
20472
+ return /* @__PURE__ */ React198.createElement(
20322
20473
  FunPaymentMethodItem,
20323
20474
  {
20324
20475
  isDisabled,
@@ -20326,7 +20477,7 @@ var ConnectedMeshPaymentMethodItem = ({
20326
20477
  isActive: isSelected,
20327
20478
  keyIcon: label.icon,
20328
20479
  keyText: label.text,
20329
- valueIcon: isSelected ? /* @__PURE__ */ React197.createElement(CheckIcon, null) : null,
20480
+ valueIcon: isSelected ? /* @__PURE__ */ React198.createElement(CheckIcon, null) : null,
20330
20481
  onClick: onSelect,
20331
20482
  disclaimerText
20332
20483
  }
@@ -20348,17 +20499,17 @@ var AccountBalancePaymentMethodItem = ({
20348
20499
  const uniqueChainIds = Array.from(
20349
20500
  new Set(Object.values(usableWalletAssets).map((asset) => asset.chainId))
20350
20501
  );
20351
- return /* @__PURE__ */ React197.createElement(SupportedChainList, { chainIdList: uniqueChainIds });
20502
+ return /* @__PURE__ */ React198.createElement(SupportedChainList, { chainIdList: uniqueChainIds });
20352
20503
  };
20353
20504
  const dynamicLimit = formatCurrencyAndStringify11(totalBalance);
20354
20505
  const disclaimerText = `${dynamicLimit ?? "No limit"} \u2022 Instant`;
20355
20506
  const walletLabel = getWalletLabel(textCustomizations, walletAddress);
20356
20507
  const keyIconSize = "20";
20357
- return /* @__PURE__ */ React197.createElement(
20508
+ return /* @__PURE__ */ React198.createElement(
20358
20509
  FunPaymentMethodItem,
20359
20510
  {
20360
20511
  isActive,
20361
- keyIcon: isLoadingAssets ? /* @__PURE__ */ React197.createElement(SpinnerIcon, { size: keyIconSize }) : /* @__PURE__ */ React197.createElement(
20512
+ keyIcon: isLoadingAssets ? /* @__PURE__ */ React198.createElement(SpinnerIcon, { size: keyIconSize }) : /* @__PURE__ */ React198.createElement(
20362
20513
  PaymentMethodIcon,
20363
20514
  {
20364
20515
  keyIconSize,
@@ -20383,11 +20534,11 @@ var CardPaymentMethodItem = ({
20383
20534
  textCustomizations
20384
20535
  }) => {
20385
20536
  const timeEstimate = useCheckoutTimeEstimate(2 * 60, "card" /* CARD */);
20386
- return /* @__PURE__ */ React197.createElement(
20537
+ return /* @__PURE__ */ React198.createElement(
20387
20538
  FunPaymentMethodItem,
20388
20539
  {
20389
20540
  isActive,
20390
- keyIcon: /* @__PURE__ */ React197.createElement(
20541
+ keyIcon: /* @__PURE__ */ React198.createElement(
20391
20542
  PaymentMethodIcon,
20392
20543
  {
20393
20544
  keyIconSize,
@@ -20395,7 +20546,7 @@ var CardPaymentMethodItem = ({
20395
20546
  }
20396
20547
  ),
20397
20548
  keyText: textCustomizations.debitOrCredit,
20398
- valueIcon: customValueIcon !== void 0 ? customValueIcon : /* @__PURE__ */ React197.createElement(CombinedCreditCardOptionsIcon, null),
20549
+ valueIcon: customValueIcon !== void 0 ? customValueIcon : /* @__PURE__ */ React198.createElement(CombinedCreditCardOptionsIcon, null),
20399
20550
  onClick,
20400
20551
  isDisabled: !isClickable,
20401
20552
  disclaimerText: `$10,000 limit \u2022 ${formatSecondsToReadableForm3(timeEstimate, true)}`
@@ -20414,13 +20565,13 @@ var TransferPaymentMethodItem = ({
20414
20565
  const enabledChainTokens = useEnabledTokenTransferChainTokens();
20415
20566
  const getTokenTransferIcon = () => {
20416
20567
  const uniqueChainIds = Array.from(new Set(Object.keys(enabledChainTokens)));
20417
- return /* @__PURE__ */ React197.createElement(SupportedChainList, { chainIdList: uniqueChainIds });
20568
+ return /* @__PURE__ */ React198.createElement(SupportedChainList, { chainIdList: uniqueChainIds });
20418
20569
  };
20419
- return /* @__PURE__ */ React197.createElement(
20570
+ return /* @__PURE__ */ React198.createElement(
20420
20571
  FunPaymentMethodItem,
20421
20572
  {
20422
20573
  isActive,
20423
- keyIcon: /* @__PURE__ */ React197.createElement(
20574
+ keyIcon: /* @__PURE__ */ React198.createElement(
20424
20575
  PaymentMethodIcon,
20425
20576
  {
20426
20577
  keyIconSize,
@@ -20445,11 +20596,11 @@ var BrokeragePaymentMethodItem = ({
20445
20596
  textCustomizations
20446
20597
  }) => {
20447
20598
  const timeEstimate = useCheckoutTimeEstimate(3 * 60, "brokerage" /* BROKERAGE */);
20448
- return /* @__PURE__ */ React197.createElement(
20599
+ return /* @__PURE__ */ React198.createElement(
20449
20600
  FunPaymentMethodItem,
20450
20601
  {
20451
20602
  isActive,
20452
- keyIcon: /* @__PURE__ */ React197.createElement(
20603
+ keyIcon: /* @__PURE__ */ React198.createElement(
20453
20604
  PaymentMethodIcon,
20454
20605
  {
20455
20606
  keyIconSize,
@@ -20457,7 +20608,7 @@ var BrokeragePaymentMethodItem = ({
20457
20608
  }
20458
20609
  ),
20459
20610
  keyText: textCustomizations.brokerageOrExchange,
20460
- valueIcon: customValueIcon ?? /* @__PURE__ */ React197.createElement(Box, { display: "flex", gap: "2", alignItems: "center" }, /* @__PURE__ */ React197.createElement(BrokerageConditionalIcons, null)),
20611
+ valueIcon: customValueIcon ?? /* @__PURE__ */ React198.createElement(Box, { display: "flex", gap: "2", alignItems: "center" }, /* @__PURE__ */ React198.createElement(BrokerageConditionalIcons, null)),
20461
20612
  onClick,
20462
20613
  isDisabled: !isClickable,
20463
20614
  disclaimerText: `No limit \u2022 ${formatSecondsToReadableForm3(timeEstimate, true)}`
@@ -20483,16 +20634,16 @@ function AddPaymentMethodItem({
20483
20634
  keyIconSize: "20"
20484
20635
  };
20485
20636
  if (paymentMethod === "balance" /* ACCOUNT_BALANCE */) {
20486
- return /* @__PURE__ */ React197.createElement(ConnectWalletItem, { isClickable });
20637
+ return /* @__PURE__ */ React198.createElement(ConnectWalletItem, { isClickable });
20487
20638
  }
20488
20639
  if (paymentMethod === "card" /* CARD */) {
20489
- return /* @__PURE__ */ React197.createElement(CardPaymentMethodItem, { ...commonProps });
20640
+ return /* @__PURE__ */ React198.createElement(CardPaymentMethodItem, { ...commonProps });
20490
20641
  }
20491
20642
  if (paymentMethod === "token_transfer" /* TOKEN_TRANSFER */) {
20492
- return /* @__PURE__ */ React197.createElement(TransferPaymentMethodItem, { ...commonProps });
20643
+ return /* @__PURE__ */ React198.createElement(TransferPaymentMethodItem, { ...commonProps });
20493
20644
  }
20494
20645
  if (paymentMethod === "brokerage" /* BROKERAGE */) {
20495
- return /* @__PURE__ */ React197.createElement(BrokeragePaymentMethodItem, { ...commonProps });
20646
+ return /* @__PURE__ */ React198.createElement(BrokeragePaymentMethodItem, { ...commonProps });
20496
20647
  }
20497
20648
  }
20498
20649
 
@@ -20627,18 +20778,18 @@ var ConnectedSource = ({
20627
20778
  }) => {
20628
20779
  if (paymentInfo.paymentMethod === "balance" /* ACCOUNT_BALANCE */) {
20629
20780
  const isSelected2 = selectedPaymentInfo?.paymentMethod === "balance" /* ACCOUNT_BALANCE */;
20630
- return /* @__PURE__ */ React198.createElement(
20781
+ return /* @__PURE__ */ React199.createElement(
20631
20782
  AccountBalancePaymentMethodItem,
20632
20783
  {
20633
20784
  isActive: isSelected2,
20634
20785
  onClick: onSelect,
20635
- customValueIcon: isSelected2 ? /* @__PURE__ */ React198.createElement(CheckIcon, null) : null,
20786
+ customValueIcon: isSelected2 ? /* @__PURE__ */ React199.createElement(CheckIcon, null) : null,
20636
20787
  targetChainId
20637
20788
  }
20638
20789
  );
20639
20790
  }
20640
20791
  const isSelected = selectedPaymentInfo?.paymentMethod === "brokerage" /* BROKERAGE */ && selectedPaymentInfo.meta.brokerType === paymentInfo.meta.brokerType;
20641
- return /* @__PURE__ */ React198.createElement(
20792
+ return /* @__PURE__ */ React199.createElement(
20642
20793
  ConnectedMeshPaymentMethodItem,
20643
20794
  {
20644
20795
  paymentMethodInfo: paymentInfo,
@@ -20728,7 +20879,7 @@ function SourceChange({
20728
20879
  );
20729
20880
  function renderSource(source) {
20730
20881
  if (typeof source === "object") {
20731
- return /* @__PURE__ */ React198.createElement(
20882
+ return /* @__PURE__ */ React199.createElement(
20732
20883
  ConnectedSource,
20733
20884
  {
20734
20885
  key: source.title,
@@ -20740,7 +20891,7 @@ function SourceChange({
20740
20891
  }
20741
20892
  );
20742
20893
  }
20743
- return /* @__PURE__ */ React198.createElement(
20894
+ return /* @__PURE__ */ React199.createElement(
20744
20895
  AddPaymentMethodItem,
20745
20896
  {
20746
20897
  key: source,
@@ -20750,7 +20901,7 @@ function SourceChange({
20750
20901
  }
20751
20902
  );
20752
20903
  }
20753
- return /* @__PURE__ */ React198.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, preferred.map(renderSource), preferred.length > 0 && /* @__PURE__ */ React198.createElement(FunDivider, { label: "more", marginTop: "8", marginBottom: "8" }), moreSources.map(renderSource));
20904
+ return /* @__PURE__ */ React199.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, preferred.map(renderSource), preferred.length > 0 && /* @__PURE__ */ React199.createElement(FunDivider, { label: "more", marginTop: "8", marginBottom: "8" }), moreSources.map(renderSource));
20754
20905
  }
20755
20906
 
20756
20907
  // src/modals/CheckoutModal/TransferToken.tsx
@@ -20759,7 +20910,7 @@ import React203, { useRef as useRef19, useState as useState60 } from "react";
20759
20910
  import { mainnet as mainnet8, polygon as polygon5 } from "viem/chains";
20760
20911
 
20761
20912
  // src/components/CopyAddress/CopyInputDisplayedAddress.tsx
20762
- import React199 from "react";
20913
+ import React200 from "react";
20763
20914
  import { truncateMiddleOfAddress as truncateMiddleOfAddressFn } from "@funkit/utils";
20764
20915
  function CopyInputDisplayedAddress({
20765
20916
  address,
@@ -20767,7 +20918,7 @@ function CopyInputDisplayedAddress({
20767
20918
  }) {
20768
20919
  const { copied: copiedAddress, copy: copyAddressAction } = useCopyToClipboard(address);
20769
20920
  const truncatedAddress = truncateMiddleOfAddress ? truncateMiddleOfAddressFn(address, 40, 24, 8) : address;
20770
- return /* @__PURE__ */ React199.createElement(
20921
+ return /* @__PURE__ */ React200.createElement(
20771
20922
  Box,
20772
20923
  {
20773
20924
  display: "flex",
@@ -20787,8 +20938,8 @@ function CopyInputDisplayedAddress({
20787
20938
  borderRadius: BORDER_RADIUS,
20788
20939
  borderStyle: "solid"
20789
20940
  },
20790
- /* @__PURE__ */ React199.createElement(Text, { size: "10", color: "primaryText" }, truncatedAddress),
20791
- /* @__PURE__ */ React199.createElement(
20941
+ /* @__PURE__ */ React200.createElement(Text, { size: "10", color: "primaryText" }, truncatedAddress),
20942
+ /* @__PURE__ */ React200.createElement(
20792
20943
  CopyIconButton,
20793
20944
  {
20794
20945
  isAddressCopied: copiedAddress,
@@ -20799,7 +20950,7 @@ function CopyInputDisplayedAddress({
20799
20950
  }
20800
20951
 
20801
20952
  // src/components/Dropdown/TokenDropdown.tsx
20802
- import React200, { useState as useState59 } from "react";
20953
+ import React201, { useState as useState59 } from "react";
20803
20954
  var TOKEN_ICON_SIZE2 = 16;
20804
20955
  var getTokenIconUrl2 = (symbol) => {
20805
20956
  return ASSET_LOGO_SRCS[symbol.toUpperCase()];
@@ -20832,12 +20983,12 @@ var TokenDropdown = ({
20832
20983
  handleChangeSymbol(enabledTokens[0]);
20833
20984
  }
20834
20985
  }, [selectedSymbol, enabledTokens]);
20835
- return /* @__PURE__ */ React200.createElement(
20986
+ return /* @__PURE__ */ React201.createElement(
20836
20987
  BaseDropdown_default,
20837
20988
  {
20838
20989
  openToTopOnMobile: false,
20839
20990
  activeItemProps: {
20840
- iconComponent: /* @__PURE__ */ React200.createElement(
20991
+ iconComponent: /* @__PURE__ */ React201.createElement(
20841
20992
  AsyncImage,
20842
20993
  {
20843
20994
  alt: selectedSymbol,
@@ -20857,10 +21008,10 @@ var TokenDropdown = ({
20857
21008
  renderDropdownOption: (option, isSelected) => {
20858
21009
  const symbol = option.value;
20859
21010
  const iconUrl = getTokenIconUrl2(symbol);
20860
- return /* @__PURE__ */ React200.createElement(
21011
+ return /* @__PURE__ */ React201.createElement(
20861
21012
  BaseDropdownItem_default,
20862
21013
  {
20863
- iconComponent: /* @__PURE__ */ React200.createElement(
21014
+ iconComponent: /* @__PURE__ */ React201.createElement(
20864
21015
  AsyncImage,
20865
21016
  {
20866
21017
  alt: option.label,
@@ -20885,13 +21036,13 @@ var TokenDropdown = ({
20885
21036
  var TokenDropdown_default = TokenDropdown;
20886
21037
 
20887
21038
  // src/components/QRCode/QRCodeSkeletonLoader.tsx
20888
- import React201 from "react";
21039
+ import React202 from "react";
20889
21040
  var QRCodeSkeletonLoader = ({
20890
21041
  diagonalDimension = 12
20891
21042
  }) => {
20892
21043
  const gapBetweenDots = "4";
20893
21044
  const size = diagonalDimension * 8 + (diagonalDimension - 1) * Number(gapBetweenDots);
20894
- return /* @__PURE__ */ React201.createElement(
21045
+ return /* @__PURE__ */ React202.createElement(
20895
21046
  Box,
20896
21047
  {
20897
21048
  display: "flex",
@@ -20901,7 +21052,7 @@ var QRCodeSkeletonLoader = ({
20901
21052
  gap: "4",
20902
21053
  style: { width: `${size}px`, height: `${size}px` }
20903
21054
  },
20904
- Array.from({ length: diagonalDimension }, (_, index) => /* @__PURE__ */ React201.createElement(
21055
+ Array.from({ length: diagonalDimension }, (_, index) => /* @__PURE__ */ React202.createElement(
20905
21056
  Box,
20906
21057
  {
20907
21058
  display: "flex",
@@ -20912,83 +21063,13 @@ var QRCodeSkeletonLoader = ({
20912
21063
  },
20913
21064
  Array.from({ length: diagonalDimension }, (_2, index2) => (
20914
21065
  // biome-ignore lint/suspicious/noArrayIndexKey: no better key
20915
- /* @__PURE__ */ React201.createElement(FunSkeletonCircle, { size: "8", key: index2 })
21066
+ /* @__PURE__ */ React202.createElement(FunSkeletonCircle, { size: "8", key: index2 })
20916
21067
  ))
20917
21068
  ))
20918
21069
  );
20919
21070
  };
20920
21071
  var QRCodeSkeletonLoader_default = QRCodeSkeletonLoader;
20921
21072
 
20922
- // src/components/Dropdown/ChainDropdown.tsx
20923
- import React202 from "react";
20924
- var CHAIN_ICON_SIZE = 16;
20925
- var ChainDropdown = ({
20926
- assets,
20927
- selectedChainId,
20928
- selectedToken,
20929
- onChainSelected
20930
- }) => {
20931
- const chainIds = Object.keys(assets).map(Number);
20932
- const enabledChainIds = chainIds.filter(
20933
- (chainId) => assets[chainId].includes(selectedToken)
20934
- );
20935
- const selectedChain = chainMetadataById[selectedChainId];
20936
- return /* @__PURE__ */ React202.createElement(
20937
- BaseDropdown_default,
20938
- {
20939
- openToTopOnMobile: false,
20940
- activeItemProps: {
20941
- iconComponent: /* @__PURE__ */ React202.createElement(
20942
- AsyncImage,
20943
- {
20944
- alt: selectedChain.name,
20945
- background: selectedChain.iconBackground,
20946
- borderRadius: "full",
20947
- height: CHAIN_ICON_SIZE,
20948
- width: CHAIN_ICON_SIZE,
20949
- src: selectedChain.iconUrl
20950
- }
20951
- )
20952
- },
20953
- value: selectedChainId.toString(),
20954
- options: chainIds.map((chainId) => ({
20955
- value: chainId.toString(),
20956
- label: chainMetadataById[chainId].name ?? ""
20957
- })),
20958
- renderDropdownOption: (option, isSelected) => {
20959
- const metadata = chainMetadataById[option.value];
20960
- return /* @__PURE__ */ React202.createElement(
20961
- BaseDropdownItem_default,
20962
- {
20963
- iconComponent: /* @__PURE__ */ React202.createElement(
20964
- AsyncImage,
20965
- {
20966
- alt: metadata.name,
20967
- background: metadata.iconBackground,
20968
- borderRadius: "full",
20969
- height: CHAIN_ICON_SIZE,
20970
- width: CHAIN_ICON_SIZE,
20971
- src: metadata.iconUrl
20972
- }
20973
- ),
20974
- id: option.value,
20975
- onClick: (chainId) => {
20976
- onChainSelected(Number.parseInt(chainId));
20977
- },
20978
- label: metadata.name ?? "",
20979
- isSelected,
20980
- isDisabled: !enabledChainIds.includes(Number(option.value))
20981
- }
20982
- );
20983
- },
20984
- preloadIconUrls: chainIds.map(
20985
- (chainId) => chainMetadataById[chainId].iconUrl
20986
- )
20987
- }
20988
- );
20989
- };
20990
- var ChainDropdown_default = ChainDropdown;
20991
-
20992
21073
  // src/hooks/useCheckoutTransferDepositAddress.ts
20993
21074
  import {
20994
21075
  initializeCheckoutTokenTransferAddress
@@ -21152,12 +21233,13 @@ function TransferToken({
21152
21233
  },
21153
21234
  "Chain"
21154
21235
  ), /* @__PURE__ */ React203.createElement(
21155
- ChainDropdown_default,
21236
+ ChainDropdown,
21156
21237
  {
21157
21238
  selectedToken,
21158
21239
  selectedChainId,
21159
21240
  assets: filteredAssets,
21160
21241
  onChainSelected: (chainId) => {
21242
+ if (chainId === void 0) return;
21161
21243
  logger.log(`${TRANSFER_TOKEN_LOG_PREFIX}_changeChain`, {
21162
21244
  previousChainId: selectedChainId,
21163
21245
  newChainId: chainId,
@@ -21369,7 +21451,7 @@ function useTitleConfig(checkoutItem, state) {
21369
21451
  const baseTitle = checkoutItem.initSettings.config.modalTitle ?? fallback2;
21370
21452
  return {
21371
21453
  disableBack: disableBack ?? false,
21372
- showFullHeight: showFullHeight ?? false,
21454
+ showFullHeight: showFullHeight ?? (isVertexCustomer(apiKey) && state.step === "select_asset" /* SELECT_ASSET */),
21373
21455
  title: title?.(textCustomizations, isDydxCustomer(apiKey)) ?? baseTitle
21374
21456
  };
21375
21457
  }
@@ -23348,7 +23430,7 @@ function setFunkitConnectVersion({ version }) {
23348
23430
  localStorage.setItem(storageKey5, version);
23349
23431
  }
23350
23432
  function getCurrentSdkVersion() {
23351
- return "5.0.5";
23433
+ return "5.0.6";
23352
23434
  }
23353
23435
  function useFingerprint() {
23354
23436
  const fingerprint = useCallback44(() => {