@dynamic-labs/sdk-react-core 0.18.100-viem.6 → 0.18.100-viem.7

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 (40) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/package.cjs +1 -1
  3. package/package.js +1 -1
  4. package/package.json +8 -8
  5. package/src/lib/components/MenuList/Dropdown/Dropdown.cjs +1 -1
  6. package/src/lib/components/MenuList/Dropdown/Dropdown.js +1 -1
  7. package/src/lib/components/ModalHeaderBanner/ModalHeaderBanner.cjs +6 -2
  8. package/src/lib/components/ModalHeaderBanner/ModalHeaderBanner.d.ts +2 -1
  9. package/src/lib/components/ModalHeaderBanner/ModalHeaderBanner.js +6 -2
  10. package/src/lib/components/OTPVerificationView/OTPVerificationView.cjs +2 -2
  11. package/src/lib/components/OTPVerificationView/OTPVerificationView.d.ts +1 -0
  12. package/src/lib/components/OTPVerificationView/OTPVerificationView.js +2 -2
  13. package/src/lib/components/Typography/Typography.cjs +1 -0
  14. package/src/lib/components/Typography/Typography.js +1 -0
  15. package/src/lib/components/Typography/Typography.types.d.ts +1 -1
  16. package/src/lib/main.global.cjs +1 -1
  17. package/src/lib/main.global.js +1 -1
  18. package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs +2 -1
  19. package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.js +2 -1
  20. package/src/lib/shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs +28 -2
  21. package/src/lib/shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js +28 -2
  22. package/src/lib/styles/index.shadow.cjs +1 -1
  23. package/src/lib/styles/index.shadow.js +1 -1
  24. package/src/lib/utils/functions/index.d.ts +1 -0
  25. package/src/lib/utils/functions/sendTransactionWithAutoNonce/index.d.ts +1 -0
  26. package/src/lib/utils/functions/sendTransactionWithAutoNonce/sendTransactionWithAutoNonce.cjs +48 -0
  27. package/src/lib/utils/functions/sendTransactionWithAutoNonce/sendTransactionWithAutoNonce.d.ts +18 -0
  28. package/src/lib/utils/functions/sendTransactionWithAutoNonce/sendTransactionWithAutoNonce.js +43 -0
  29. package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs +8 -2
  30. package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js +9 -3
  31. package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs +4 -0
  32. package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.js +4 -0
  33. package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.cjs +1 -1
  34. package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.js +1 -1
  35. package/src/lib/views/SendBalanceView/components/TransactionStage/TransactionStage.cjs +4 -10
  36. package/src/lib/views/SendBalanceView/components/TransactionStage/TransactionStage.js +4 -10
  37. package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.cjs +1 -0
  38. package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.js +1 -0
  39. package/src/lib/views/WalletList/WalletListItem/WalletListItem.cjs +1 -1
  40. package/src/lib/views/WalletList/WalletListItem/WalletListItem.js +1 -1
package/CHANGELOG.md CHANGED
@@ -1,4 +1,15 @@
1
1
 
2
+ ### [0.18.100-viem.7](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.100-viem.6...v0.18.100-viem.7) (2023-08-23)
3
+
4
+
5
+ ### Bug Fixes
6
+
7
+ * fix jumping when entering OTP code on IOS ([#3036](https://github.com/dynamic-labs/DynamicAuth/issues/3036)) ([#3094](https://github.com/dynamic-labs/DynamicAuth/issues/3094)) ([093ab9a](https://github.com/dynamic-labs/DynamicAuth/commit/093ab9aae2f8bba99622e1146d1dc54c077ae3cb))
8
+ * log user out when magic session expires ([#3085](https://github.com/dynamic-labs/DynamicAuth/issues/3085)) ([#3088](https://github.com/dynamic-labs/DynamicAuth/issues/3088)) ([d7d125c](https://github.com/dynamic-labs/DynamicAuth/commit/d7d125c93a652f26deeedce534f1e0472ad3377c))
9
+ * improvements to network switching in bridge flow ([#3080](https://github.com/dynamic-labs/DynamicAuth/issues/3080)) ([4137c05](https://github.com/dynamic-labs/DynamicAuth/commit/4137c0599a760d2ec8a6b9a6a5de7cce9987033b))
10
+ * fix could not replace transaction error ([#3058](https://github.com/dynamic-labs/DynamicAuth/issues/3058)) ([b36184e](https://github.com/dynamic-labs/DynamicAuth/commit/b36184e17a268d49bed100e81477df9f5e4b3731)), closes [#3049](https://github.com/dynamic-labs/DynamicAuth/issues/3049)
11
+ * update embedded wallet notice design ([529f90f](https://github.com/dynamic-labs/DynamicAuth/commit/529f90f323f712240dfd964d908b6ea59cacbd19)), closes [#2987](https://github.com/dynamic-labs/DynamicAuth/issues/2987) [#3082](https://github.com/dynamic-labs/DynamicAuth/issues/3082)
12
+
2
13
  ### [0.18.100-viem.6](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.100-viem.5...v0.18.100-viem.6) (2023-08-21)
3
14
 
4
15
 
package/package.cjs CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var version = "0.18.100-viem.6";
5
+ var version = "0.18.100-viem.7";
6
6
  var dependencies = {
7
7
  "react-focus-lock": "2.9.2",
8
8
  "@dynamic-labs/iconic": "0.1.23",
package/package.js CHANGED
@@ -1,4 +1,4 @@
1
- var version = "0.18.100-viem.6";
1
+ var version = "0.18.100-viem.7";
2
2
  var dependencies = {
3
3
  "react-focus-lock": "2.9.2",
4
4
  "@dynamic-labs/iconic": "0.1.23",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dynamic-labs/sdk-react-core",
3
- "version": "0.18.100-viem.6",
3
+ "version": "0.18.100-viem.7",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -15,13 +15,13 @@
15
15
  "yup": "0.32.11",
16
16
  "formik": "2.2.9",
17
17
  "qrcode": "1.5.1",
18
- "@dynamic-labs/logger": "0.18.100-viem.6",
19
- "@dynamic-labs/multi-wallet": "0.18.100-viem.6",
20
- "@dynamic-labs/rpc-providers": "0.18.100-viem.6",
21
- "@dynamic-labs/types": "0.18.100-viem.6",
22
- "@dynamic-labs/utils": "0.18.100-viem.6",
23
- "@dynamic-labs/wallet-book": "0.18.100-viem.6",
24
- "@dynamic-labs/wallet-connector-core": "0.18.100-viem.6",
18
+ "@dynamic-labs/logger": "0.18.100-viem.7",
19
+ "@dynamic-labs/multi-wallet": "0.18.100-viem.7",
20
+ "@dynamic-labs/rpc-providers": "0.18.100-viem.7",
21
+ "@dynamic-labs/types": "0.18.100-viem.7",
22
+ "@dynamic-labs/utils": "0.18.100-viem.7",
23
+ "@dynamic-labs/wallet-book": "0.18.100-viem.7",
24
+ "@dynamic-labs/wallet-connector-core": "0.18.100-viem.7",
25
25
  "eventemitter3": "5.0.1"
26
26
  },
27
27
  "devDependencies": {
package/src/lib/components/MenuList/Dropdown/Dropdown.cjs CHANGED
@@ -12,13 +12,13 @@ var watchToScrollInHierarchy = require('../utils/watchToScrollInHierarchy/watchT
12
12
  require('../../../shared/logger.cjs');
13
13
  require('../../../shared/utils/classes/storage/localStorage.cjs');
14
14
  var index = require('../../../shared/utils/hooks/useOnClickOutside/index.cjs');
15
+ require('@dynamic-labs/utils');
15
16
  var useForwardedRef = require('../../../shared/utils/hooks/useForwardedRef/useForwardedRef.cjs');
16
17
  require('@dynamic-labs/sdk-api');
17
18
  require('@dynamic-labs/iconic');
18
19
  require('@dynamic-labs/wallet-connector-core');
19
20
  require('../../../context/ViewContext/ViewContext.cjs');
20
21
  require('@dynamic-labs/wallet-book');
21
- require('@dynamic-labs/utils');
22
22
  require('../../../utils/constants/colors.cjs');
23
23
  require('viem');
24
24
  require('../../../shared/consts/index.cjs');
package/src/lib/components/MenuList/Dropdown/Dropdown.js CHANGED
@@ -8,13 +8,13 @@ import { watchToScrollInHierarchy } from '../utils/watchToScrollInHierarchy/watc
8
8
  import '../../../shared/logger.js';
9
9
  import '../../../shared/utils/classes/storage/localStorage.js';
10
10
  import { useOnClickOutside } from '../../../shared/utils/hooks/useOnClickOutside/index.js';
11
+ import '@dynamic-labs/utils';
11
12
  import { useForwardedRef } from '../../../shared/utils/hooks/useForwardedRef/useForwardedRef.js';
12
13
  import '@dynamic-labs/sdk-api';
13
14
  import '@dynamic-labs/iconic';
14
15
  import '@dynamic-labs/wallet-connector-core';
15
16
  import '../../../context/ViewContext/ViewContext.js';
16
17
  import '@dynamic-labs/wallet-book';
17
- import '@dynamic-labs/utils';
18
18
  import '../../../utils/constants/colors.js';
19
19
  import 'viem';
20
20
  import '../../../shared/consts/index.js';
package/src/lib/components/ModalHeaderBanner/ModalHeaderBanner.cjs CHANGED
@@ -13,9 +13,13 @@ var VerticalDrawerTransition = require('../Transition/VerticalDrawerTransition/V
13
13
 
14
14
  const typographyColor = {
15
15
  error: 'error-1',
16
+ notice: 'brand-primary',
17
+ success: 'green-1',
16
18
  };
17
- const ModalHeaderBanner = ({ message, type = 'error', }) => (jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, { style: { width: '100%' } }), children: Boolean(message) && (jsxRuntime.jsx("div", { className: classNames.classNames('modal-header-banner', {
19
+ const ModalHeaderBanner = ({ message, type = 'error', disableTruncate = false, }) => (jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, { style: { width: '100%' } }), children: Boolean(message) && (jsxRuntime.jsx("div", { className: classNames.classNames('modal-header-banner', {
18
20
  'modal-header-banner__error': type === 'error',
19
- }), children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: typographyColor[type], truncate: true, children: message }) })) }));
21
+ 'modal-header-banner__notice': type === 'notice',
22
+ 'modal-header-banner__success': type === 'success',
23
+ }), children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: typographyColor[type], truncate: disableTruncate === false, children: message }) })) }));
20
24
 
21
25
  exports.ModalHeaderBanner = ModalHeaderBanner;
package/src/lib/components/ModalHeaderBanner/ModalHeaderBanner.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import { FC } from 'react';
2
- type ModalHeaderBannerType = 'error';
2
+ type ModalHeaderBannerType = 'error' | 'success' | 'notice';
3
3
  export type ModalHeaderBannerProps = {
4
4
  message?: string;
5
5
  type?: ModalHeaderBannerType;
6
+ disableTruncate?: boolean;
6
7
  };
7
8
  export declare const ModalHeaderBanner: FC<ModalHeaderBannerProps>;
8
9
  export {};
package/src/lib/components/ModalHeaderBanner/ModalHeaderBanner.js CHANGED
@@ -9,9 +9,13 @@ import { VerticalDrawerTransition } from '../Transition/VerticalDrawerTransition
9
9
 
10
10
  const typographyColor = {
11
11
  error: 'error-1',
12
+ notice: 'brand-primary',
13
+ success: 'green-1',
12
14
  };
13
- const ModalHeaderBanner = ({ message, type = 'error', }) => (jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, { style: { width: '100%' } }), children: Boolean(message) && (jsx("div", { className: classNames('modal-header-banner', {
15
+ const ModalHeaderBanner = ({ message, type = 'error', disableTruncate = false, }) => (jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, { style: { width: '100%' } }), children: Boolean(message) && (jsx("div", { className: classNames('modal-header-banner', {
14
16
  'modal-header-banner__error': type === 'error',
15
- }), children: jsx(Typography, { variant: 'body_small', color: typographyColor[type], truncate: true, children: message }) })) }));
17
+ 'modal-header-banner__notice': type === 'notice',
18
+ 'modal-header-banner__success': type === 'success',
19
+ }), children: jsx(Typography, { variant: 'body_small', color: typographyColor[type], truncate: disableTruncate === false, children: message }) })) }));
16
20
 
17
21
  export { ModalHeaderBanner };
package/src/lib/components/OTPVerificationView/OTPVerificationView.cjs CHANGED
@@ -55,10 +55,10 @@ require('yup');
55
55
  require('../InlineWidget/InlineWidget.cjs');
56
56
  require('../MenuList/Dropdown/Dropdown.cjs');
57
57
 
58
- const OTPVerificationView = ({ onClickBack, onClickEditEmail, isLoading, email, onPinComplete, isValid, error, onPinChange, onClickClose, displayPoweredByDynamic = false, }) => {
58
+ const OTPVerificationView = ({ onClickBack, onClickEditEmail, isLoading, email, onPinComplete, isValid, error, onPinChange, onClickClose, displayPoweredByDynamic = false, successBannerText, }) => {
59
59
  const backButton = onClickBack && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
60
60
  const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { onClick: onClickClose, type: 'button', "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
61
- return (jsxRuntime.jsxs("div", { className: 'otp-verification-view', children: [jsxRuntime.jsx(ModalHeaderBanner.ModalHeaderBanner, { type: 'error', message: error === null || error === void 0 ? void 0 : error.message }), jsxRuntime.jsx(ModalHeader.ModalHeader, { alignContent: 'bottom', leading: onClickBack && backButton, trailing: onClickClose && closeButton, children: jsxRuntime.jsxs("div", { className: 'otp-verification-view__status-header', children: [isValid && (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { Icon: iconic.SignInWithEmailIcon, iconSize: 50, InnerIcon: check.ReactComponent })), !isValid && (jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: iconic.SignInWithEmailIcon, iconSize: 80, isSpinning: isLoading }))] }) }), jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'otp-verification-view__title', children: isValid ? 'Verification code confirmed' : 'Confirm verification code' }), jsxRuntime.jsxs("div", { className: 'otp-verification-view__body', children: [isValid && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: "Hang tight while we get things ready for you" })), !isValid && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: "We\u2019ve sent a verification code to" }), jsxRuntime.jsxs("div", { className: 'otp-verification-view__email-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'bold', color: 'secondary', children: shortenEmail.shortenEmail(email) }), onClickEditEmail && (jsxRuntime.jsx(IconButton.IconButton, { onClick: onClickEditEmail, "data-testid": 'otp-verification-view__edit-button', children: jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', children: jsxRuntime.jsx(pencilAltIcon.ReactComponent, {}) }) }))] })] }))] }), jsxRuntime.jsx(PinField.PinField, { initialValue: Array(6).join('.').split('.'), isLoading: isLoading, handleComplete: onPinComplete, isValidated: isValid, inputMode: 'numeric', pattern: '[0-9]*', hasError: Boolean(error), onChange: onPinChange }), jsxRuntime.jsx("div", { className: 'otp-verification-view__footer', children: displayPoweredByDynamic && jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, {}) })] }));
61
+ return (jsxRuntime.jsxs("div", { className: 'otp-verification-view', children: [successBannerText && (jsxRuntime.jsx(ModalHeaderBanner.ModalHeaderBanner, { type: 'notice', message: successBannerText, disableTruncate: true })), jsxRuntime.jsx(ModalHeaderBanner.ModalHeaderBanner, { type: 'error', message: error === null || error === void 0 ? void 0 : error.message }), jsxRuntime.jsx(ModalHeader.ModalHeader, { alignContent: 'bottom', leading: onClickBack && backButton, trailing: onClickClose && closeButton, children: jsxRuntime.jsxs("div", { className: 'otp-verification-view__status-header', children: [isValid && (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { Icon: iconic.SignInWithEmailIcon, iconSize: 50, InnerIcon: check.ReactComponent })), !isValid && (jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: iconic.SignInWithEmailIcon, iconSize: 80, isSpinning: isLoading }))] }) }), jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'otp-verification-view__title', children: isValid ? 'Verification code confirmed' : 'Confirm verification code' }), jsxRuntime.jsxs("div", { className: 'otp-verification-view__body', children: [isValid && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: "Hang tight while we get things ready for you" })), !isValid && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: "We\u2019ve sent a verification code to" }), jsxRuntime.jsxs("div", { className: 'otp-verification-view__email-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'bold', color: 'secondary', children: shortenEmail.shortenEmail(email) }), onClickEditEmail && (jsxRuntime.jsx(IconButton.IconButton, { onClick: onClickEditEmail, "data-testid": 'otp-verification-view__edit-button', children: jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', children: jsxRuntime.jsx(pencilAltIcon.ReactComponent, {}) }) }))] })] }))] }), jsxRuntime.jsx(PinField.PinField, { initialValue: Array(6).join('.').split('.'), isLoading: isLoading, handleComplete: onPinComplete, isValidated: isValid, inputMode: 'numeric', pattern: '[0-9]*', hasError: Boolean(error), onChange: onPinChange }), jsxRuntime.jsx("div", { className: 'otp-verification-view__footer', children: displayPoweredByDynamic && jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, {}) })] }));
62
62
  };
63
63
 
64
64
  exports.OTPVerificationView = OTPVerificationView;
package/src/lib/components/OTPVerificationView/OTPVerificationView.d.ts CHANGED
@@ -10,6 +10,7 @@ type OtpVerificationLayoutProps = {
10
10
  onClickEditEmail?: MouseEventHandler<HTMLButtonElement>;
11
11
  onPinChange?: (value: string) => void;
12
12
  onPinComplete: (value: string) => void;
13
+ successBannerText?: string;
13
14
  };
14
15
  export declare const OTPVerificationView: FC<OtpVerificationLayoutProps>;
15
16
  export {};
package/src/lib/components/OTPVerificationView/OTPVerificationView.js CHANGED
@@ -51,10 +51,10 @@ import 'yup';
51
51
  import '../InlineWidget/InlineWidget.js';
52
52
  import '../MenuList/Dropdown/Dropdown.js';
53
53
 
54
- const OTPVerificationView = ({ onClickBack, onClickEditEmail, isLoading, email, onPinComplete, isValid, error, onPinChange, onClickClose, displayPoweredByDynamic = false, }) => {
54
+ const OTPVerificationView = ({ onClickBack, onClickEditEmail, isLoading, email, onPinComplete, isValid, error, onPinChange, onClickClose, displayPoweredByDynamic = false, successBannerText, }) => {
55
55
  const backButton = onClickBack && (jsx(IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
56
56
  const closeButton = (jsx(IconButton, { onClick: onClickClose, type: 'button', "data-testid": 'close-button', children: jsx(SvgClose, {}) }));
57
- return (jsxs("div", { className: 'otp-verification-view', children: [jsx(ModalHeaderBanner, { type: 'error', message: error === null || error === void 0 ? void 0 : error.message }), jsx(ModalHeader, { alignContent: 'bottom', leading: onClickBack && backButton, trailing: onClickClose && closeButton, children: jsxs("div", { className: 'otp-verification-view__status-header', children: [isValid && (jsx(IconWithStatus, { Icon: SignInWithEmailIcon, iconSize: 50, InnerIcon: SvgCheck })), !isValid && (jsx(IconWithSpinner, { Icon: SignInWithEmailIcon, iconSize: 80, isSpinning: isLoading }))] }) }), jsx(Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'otp-verification-view__title', children: isValid ? 'Verification code confirmed' : 'Confirm verification code' }), jsxs("div", { className: 'otp-verification-view__body', children: [isValid && (jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: "Hang tight while we get things ready for you" })), !isValid && (jsxs(Fragment, { children: [jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: "We\u2019ve sent a verification code to" }), jsxs("div", { className: 'otp-verification-view__email-container', children: [jsx(Typography, { variant: 'body_normal', weight: 'bold', color: 'secondary', children: shortenEmail(email) }), onClickEditEmail && (jsx(IconButton, { onClick: onClickEditEmail, "data-testid": 'otp-verification-view__edit-button', children: jsx(Icon, { color: 'text-tertiary', children: jsx(SvgPencilAltIcon, {}) }) }))] })] }))] }), jsx(PinField, { initialValue: Array(6).join('.').split('.'), isLoading: isLoading, handleComplete: onPinComplete, isValidated: isValid, inputMode: 'numeric', pattern: '[0-9]*', hasError: Boolean(error), onChange: onPinChange }), jsx("div", { className: 'otp-verification-view__footer', children: displayPoweredByDynamic && jsx(PoweredByDynamic, {}) })] }));
57
+ return (jsxs("div", { className: 'otp-verification-view', children: [successBannerText && (jsx(ModalHeaderBanner, { type: 'notice', message: successBannerText, disableTruncate: true })), jsx(ModalHeaderBanner, { type: 'error', message: error === null || error === void 0 ? void 0 : error.message }), jsx(ModalHeader, { alignContent: 'bottom', leading: onClickBack && backButton, trailing: onClickClose && closeButton, children: jsxs("div", { className: 'otp-verification-view__status-header', children: [isValid && (jsx(IconWithStatus, { Icon: SignInWithEmailIcon, iconSize: 50, InnerIcon: SvgCheck })), !isValid && (jsx(IconWithSpinner, { Icon: SignInWithEmailIcon, iconSize: 80, isSpinning: isLoading }))] }) }), jsx(Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'otp-verification-view__title', children: isValid ? 'Verification code confirmed' : 'Confirm verification code' }), jsxs("div", { className: 'otp-verification-view__body', children: [isValid && (jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: "Hang tight while we get things ready for you" })), !isValid && (jsxs(Fragment, { children: [jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: "We\u2019ve sent a verification code to" }), jsxs("div", { className: 'otp-verification-view__email-container', children: [jsx(Typography, { variant: 'body_normal', weight: 'bold', color: 'secondary', children: shortenEmail(email) }), onClickEditEmail && (jsx(IconButton, { onClick: onClickEditEmail, "data-testid": 'otp-verification-view__edit-button', children: jsx(Icon, { color: 'text-tertiary', children: jsx(SvgPencilAltIcon, {}) }) }))] })] }))] }), jsx(PinField, { initialValue: Array(6).join('.').split('.'), isLoading: isLoading, handleComplete: onPinComplete, isValidated: isValid, inputMode: 'numeric', pattern: '[0-9]*', hasError: Boolean(error), onChange: onPinChange }), jsx("div", { className: 'otp-verification-view__footer', children: displayPoweredByDynamic && jsx(PoweredByDynamic, {}) })] }));
58
58
  };
59
59
 
60
60
  export { OTPVerificationView };
package/src/lib/components/Typography/Typography.cjs CHANGED
@@ -29,6 +29,7 @@ const Typography = (_a) => {
29
29
  'brand-primary': 'typography--brand-primary',
30
30
  'error-1': 'typography--dynamic-error-1',
31
31
  'error-2': 'typography--dynamic-error-2',
32
+ 'green-1': 'typography--connection-green-1',
32
33
  link: 'typography--link',
33
34
  primary: 'typography--primary',
34
35
  secondary: 'typography--secondary',
package/src/lib/components/Typography/Typography.js CHANGED
@@ -25,6 +25,7 @@ const Typography = (_a) => {
25
25
  'brand-primary': 'typography--brand-primary',
26
26
  'error-1': 'typography--dynamic-error-1',
27
27
  'error-2': 'typography--dynamic-error-2',
28
+ 'green-1': 'typography--connection-green-1',
28
29
  link: 'typography--link',
29
30
  primary: 'typography--primary',
30
31
  secondary: 'typography--secondary',
package/src/lib/components/Typography/Typography.types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ComponentPropsWithoutRef, ElementType, ReactElement } from 'react';
2
2
  export type TypographyTag = ElementType;
3
3
  export type TypographyVariant = 'title' | 'body_normal' | 'body_small' | 'body_mini' | 'button_primary' | 'button_secondary' | 'button_tertiary' | 'numbers_big' | 'numbers_medium' | 'numbers_small';
4
- export type TypographyColor = 'primary' | 'secondary' | 'brand-primary' | 'tertiary' | 'link' | 'error-1' | 'error-2' | 'tooltip';
4
+ export type TypographyColor = 'primary' | 'secondary' | 'brand-primary' | 'tertiary' | 'link' | 'error-1' | 'error-2' | 'tooltip' | 'green-1';
5
5
  export type TypographyWeight = 'regular' | 'medium' | 'bold';
6
6
  export type TypographyTransform = 'uppercase';
7
7
  export type TypographyProps<TAG extends ElementType = 'p'> = {
package/src/lib/main.global.cjs CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var styleInject = require('../../_virtual/style-inject.cjs');
4
4
 
5
- var css_248z = "@layer dynamic-sdk-styles{iframe[src*=\"wallet-dev.blocto.app\"],iframe[src*=\"wallet-staging.blocto.app\"],iframe[src*=\"wallet-testnet.blocto.app\"],iframe[src*=\"wallet.blocto.app\"]{z-index:2147483647!important}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-italic.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:500;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:500;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-italic.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:700;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:700;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-italic.woff) format(\"woff\")}@layer light-theme-default{:root{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-alert-1:#f90;--dynamic-alert-2:rgba(255,153,0,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme-brand=bold],:root[data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme-brand=subtle],:root[data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}@media (prefers-color-scheme:light){:root [data-dynamic-theme=auto]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-alert-1:#f90;--dynamic-alert-2:rgba(255,153,0,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}}:root [data-dynamic-theme=light]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-alert-1:#f90;--dynamic-alert-2:rgba(255,153,0,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme=light] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=light][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme=light] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=light][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}}@layer dark-theme-default{@media (prefers-color-scheme:dark){:root [data-dynamic-theme=auto]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#14161c;--dynamic-base-2:#27282e;--dynamic-base-3:rgba(231,234,243,.08);--dynamic-base-4:rgba(231,234,243,.15);--dynamic-base-5:linear-gradient(180deg,#24272f,#14161c);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green:#46ffbc;--dynamic-border-radius:1.5rem;--dynamic-hover:hsla(0,0%,100%,.1);--dynamic-error-1:#ff6a6a;--dynamic-error-2:hsla(0,100%,71%,.2);--dynamic-alert-1:#ffb74a;--dynamic-alert-2:rgba(255,183,74,.2);--dynamic-footer-background-color:#14161c;--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.01) 20%,hsla(0,0%,100%,.05) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(0,0,0,.25);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#69a5ff;--dynamic-text-primary:rgba(245,248,255,.95);--dynamic-text-secondary:rgba(245,248,255,.55);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(245,248,255,.4);--dynamic-badge-background:rgba(231,234,243,.08);--dynamic-badge-color:rgba(245,248,255,.55);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#27282e;--dynamic-search-bar-border:0.0625rem solid rgba(231,234,243,.08);--dynamic-search-bar-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-search-bar-border-focus:0.0625rem solid rgba(231,234,243,.15);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:rgba(231,234,243,.08);--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:rgba(231,234,243,.15);--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#14161c;--dynamic-connect-button-color:rgba(245,248,255,.95);--dynamic-connect-button-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:#24272e;--dynamic-connect-button-color-hover:rgba(245,248,255,.95);--dynamic-connect-button-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:rgba(245,248,255,.95);--dynamic-tooltip-text-color:#14161c}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-border: ;--dynamic-footer-arrow-color:rgba(247,247,249,.75)}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(245,248,255,.4);--dynamic-footer-icon-color:rgba(245,248,255,.4)}}:root [data-dynamic-theme=dark]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#14161c;--dynamic-base-2:#27282e;--dynamic-base-3:rgba(231,234,243,.08);--dynamic-base-4:rgba(231,234,243,.15);--dynamic-base-5:linear-gradient(180deg,#24272f,#14161c);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green:#46ffbc;--dynamic-border-radius:1.5rem;--dynamic-hover:hsla(0,0%,100%,.1);--dynamic-error-1:#ff6a6a;--dynamic-error-2:hsla(0,100%,71%,.2);--dynamic-alert-1:#ffb74a;--dynamic-alert-2:rgba(255,183,74,.2);--dynamic-footer-background-color:#14161c;--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.01) 20%,hsla(0,0%,100%,.05) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(0,0,0,.25);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#69a5ff;--dynamic-text-primary:rgba(245,248,255,.95);--dynamic-text-secondary:rgba(245,248,255,.55);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(245,248,255,.4);--dynamic-badge-background:rgba(231,234,243,.08);--dynamic-badge-color:rgba(245,248,255,.55);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#27282e;--dynamic-search-bar-border:0.0625rem solid rgba(231,234,243,.08);--dynamic-search-bar-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-search-bar-border-focus:0.0625rem solid rgba(231,234,243,.15);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:rgba(231,234,243,.08);--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:rgba(231,234,243,.15);--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#14161c;--dynamic-connect-button-color:rgba(245,248,255,.95);--dynamic-connect-button-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:#24272e;--dynamic-connect-button-color-hover:rgba(245,248,255,.95);--dynamic-connect-button-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:rgba(245,248,255,.95);--dynamic-tooltip-text-color:#14161c}:root [data-dynamic-theme=dark] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=dark][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-border: ;--dynamic-footer-arrow-color:rgba(247,247,249,.75)}:root [data-dynamic-theme=dark] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=dark][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(245,248,255,.4);--dynamic-footer-icon-color:rgba(245,248,255,.4)}}.dynamic-shadow-dom{position:relative}#dynamic-tooltips{left:0;position:absolute;top:0}.dynamic-no-scroll{overflow:hidden}}";
5
+ var css_248z = "@layer dynamic-sdk-styles{iframe[src*=\"wallet-dev.blocto.app\"],iframe[src*=\"wallet-staging.blocto.app\"],iframe[src*=\"wallet-testnet.blocto.app\"],iframe[src*=\"wallet.blocto.app\"]{z-index:2147483647!important}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-italic.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:500;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:500;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-italic.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:700;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:700;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-italic.woff) format(\"woff\")}@layer light-theme-default{:root{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-alert-1:#f90;--dynamic-alert-2:rgba(255,153,0,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme-brand=bold],:root[data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme-brand=subtle],:root[data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}@media (prefers-color-scheme:light){:root [data-dynamic-theme=auto]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-alert-1:#f90;--dynamic-alert-2:rgba(255,153,0,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}}:root [data-dynamic-theme=light]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-alert-1:#f90;--dynamic-alert-2:rgba(255,153,0,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme=light] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=light][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme=light] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=light][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}}@layer dark-theme-default{@media (prefers-color-scheme:dark){:root [data-dynamic-theme=auto]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#14161c;--dynamic-base-2:#27282e;--dynamic-base-3:rgba(231,234,243,.08);--dynamic-base-4:rgba(231,234,243,.15);--dynamic-base-5:linear-gradient(180deg,#24272f,#14161c);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green:#46ffbc;--dynamic-border-radius:1.5rem;--dynamic-hover:hsla(0,0%,100%,.1);--dynamic-error-1:#ff6a6a;--dynamic-error-2:hsla(0,100%,71%,.2);--dynamic-alert-1:#ffb74a;--dynamic-alert-2:rgba(255,183,74,.2);--dynamic-footer-background-color:#14161c;--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.01) 20%,hsla(0,0%,100%,.05) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(0,0,0,.25);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#69a5ff;--dynamic-text-primary:rgba(245,248,255,.95);--dynamic-text-secondary:rgba(245,248,255,.55);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(245,248,255,.4);--dynamic-badge-background:rgba(231,234,243,.08);--dynamic-badge-color:rgba(245,248,255,.55);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#27282e;--dynamic-search-bar-border:0.0625rem solid rgba(231,234,243,.08);--dynamic-search-bar-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-search-bar-border-focus:0.0625rem solid rgba(231,234,243,.15);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:rgba(231,234,243,.08);--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:rgba(231,234,243,.15);--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#14161c;--dynamic-connect-button-color:rgba(245,248,255,.95);--dynamic-connect-button-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:#24272e;--dynamic-connect-button-color-hover:rgba(245,248,255,.95);--dynamic-connect-button-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:rgba(245,248,255,.95);--dynamic-tooltip-text-color:#14161c}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-border: ;--dynamic-footer-arrow-color:rgba(247,247,249,.75)}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(245,248,255,.4);--dynamic-footer-icon-color:rgba(245,248,255,.4)}}:root [data-dynamic-theme=dark]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#14161c;--dynamic-base-2:#27282e;--dynamic-base-3:rgba(231,234,243,.08);--dynamic-base-4:rgba(231,234,243,.15);--dynamic-base-5:linear-gradient(180deg,#24272f,#14161c);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green:#46ffbc;--dynamic-border-radius:1.5rem;--dynamic-hover:hsla(0,0%,100%,.1);--dynamic-error-1:#ff6a6a;--dynamic-error-2:hsla(0,100%,71%,.2);--dynamic-alert-1:#ffb74a;--dynamic-alert-2:rgba(255,183,74,.2);--dynamic-footer-background-color:#14161c;--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.01) 20%,hsla(0,0%,100%,.05) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(0,0,0,.25);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#69a5ff;--dynamic-text-primary:rgba(245,248,255,.95);--dynamic-text-secondary:rgba(245,248,255,.55);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(245,248,255,.4);--dynamic-badge-background:rgba(231,234,243,.08);--dynamic-badge-color:rgba(245,248,255,.55);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#27282e;--dynamic-search-bar-border:0.0625rem solid rgba(231,234,243,.08);--dynamic-search-bar-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-search-bar-border-focus:0.0625rem solid rgba(231,234,243,.15);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:rgba(231,234,243,.08);--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:rgba(231,234,243,.15);--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#14161c;--dynamic-connect-button-color:rgba(245,248,255,.95);--dynamic-connect-button-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:#24272e;--dynamic-connect-button-color-hover:rgba(245,248,255,.95);--dynamic-connect-button-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:rgba(245,248,255,.95);--dynamic-tooltip-text-color:#14161c}:root [data-dynamic-theme=dark] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=dark][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-border: ;--dynamic-footer-arrow-color:rgba(247,247,249,.75)}:root [data-dynamic-theme=dark] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=dark][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(245,248,255,.4);--dynamic-footer-icon-color:rgba(245,248,255,.4)}}.dynamic-shadow-dom{position:relative}#dynamic-tooltips{left:0;position:absolute;top:0}.dynamic-no-scroll{overflow:hidden}.dynamic-no-scroll--ios{position:fixed}}";
6
6
  styleInject(css_248z);
7
7
 
8
8
  module.exports = css_248z;
package/src/lib/main.global.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../_virtual/style-inject.js';
2
2
 
3
- var css_248z = "@layer dynamic-sdk-styles{iframe[src*=\"wallet-dev.blocto.app\"],iframe[src*=\"wallet-staging.blocto.app\"],iframe[src*=\"wallet-testnet.blocto.app\"],iframe[src*=\"wallet.blocto.app\"]{z-index:2147483647!important}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-italic.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:500;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:500;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-italic.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:700;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:700;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-italic.woff) format(\"woff\")}@layer light-theme-default{:root{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-alert-1:#f90;--dynamic-alert-2:rgba(255,153,0,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme-brand=bold],:root[data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme-brand=subtle],:root[data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}@media (prefers-color-scheme:light){:root [data-dynamic-theme=auto]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-alert-1:#f90;--dynamic-alert-2:rgba(255,153,0,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}}:root [data-dynamic-theme=light]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-alert-1:#f90;--dynamic-alert-2:rgba(255,153,0,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme=light] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=light][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme=light] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=light][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}}@layer dark-theme-default{@media (prefers-color-scheme:dark){:root [data-dynamic-theme=auto]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#14161c;--dynamic-base-2:#27282e;--dynamic-base-3:rgba(231,234,243,.08);--dynamic-base-4:rgba(231,234,243,.15);--dynamic-base-5:linear-gradient(180deg,#24272f,#14161c);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green:#46ffbc;--dynamic-border-radius:1.5rem;--dynamic-hover:hsla(0,0%,100%,.1);--dynamic-error-1:#ff6a6a;--dynamic-error-2:hsla(0,100%,71%,.2);--dynamic-alert-1:#ffb74a;--dynamic-alert-2:rgba(255,183,74,.2);--dynamic-footer-background-color:#14161c;--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.01) 20%,hsla(0,0%,100%,.05) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(0,0,0,.25);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#69a5ff;--dynamic-text-primary:rgba(245,248,255,.95);--dynamic-text-secondary:rgba(245,248,255,.55);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(245,248,255,.4);--dynamic-badge-background:rgba(231,234,243,.08);--dynamic-badge-color:rgba(245,248,255,.55);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#27282e;--dynamic-search-bar-border:0.0625rem solid rgba(231,234,243,.08);--dynamic-search-bar-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-search-bar-border-focus:0.0625rem solid rgba(231,234,243,.15);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:rgba(231,234,243,.08);--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:rgba(231,234,243,.15);--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#14161c;--dynamic-connect-button-color:rgba(245,248,255,.95);--dynamic-connect-button-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:#24272e;--dynamic-connect-button-color-hover:rgba(245,248,255,.95);--dynamic-connect-button-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:rgba(245,248,255,.95);--dynamic-tooltip-text-color:#14161c}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-border: ;--dynamic-footer-arrow-color:rgba(247,247,249,.75)}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(245,248,255,.4);--dynamic-footer-icon-color:rgba(245,248,255,.4)}}:root [data-dynamic-theme=dark]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#14161c;--dynamic-base-2:#27282e;--dynamic-base-3:rgba(231,234,243,.08);--dynamic-base-4:rgba(231,234,243,.15);--dynamic-base-5:linear-gradient(180deg,#24272f,#14161c);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green:#46ffbc;--dynamic-border-radius:1.5rem;--dynamic-hover:hsla(0,0%,100%,.1);--dynamic-error-1:#ff6a6a;--dynamic-error-2:hsla(0,100%,71%,.2);--dynamic-alert-1:#ffb74a;--dynamic-alert-2:rgba(255,183,74,.2);--dynamic-footer-background-color:#14161c;--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.01) 20%,hsla(0,0%,100%,.05) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(0,0,0,.25);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#69a5ff;--dynamic-text-primary:rgba(245,248,255,.95);--dynamic-text-secondary:rgba(245,248,255,.55);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(245,248,255,.4);--dynamic-badge-background:rgba(231,234,243,.08);--dynamic-badge-color:rgba(245,248,255,.55);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#27282e;--dynamic-search-bar-border:0.0625rem solid rgba(231,234,243,.08);--dynamic-search-bar-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-search-bar-border-focus:0.0625rem solid rgba(231,234,243,.15);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:rgba(231,234,243,.08);--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:rgba(231,234,243,.15);--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#14161c;--dynamic-connect-button-color:rgba(245,248,255,.95);--dynamic-connect-button-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:#24272e;--dynamic-connect-button-color-hover:rgba(245,248,255,.95);--dynamic-connect-button-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:rgba(245,248,255,.95);--dynamic-tooltip-text-color:#14161c}:root [data-dynamic-theme=dark] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=dark][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-border: ;--dynamic-footer-arrow-color:rgba(247,247,249,.75)}:root [data-dynamic-theme=dark] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=dark][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(245,248,255,.4);--dynamic-footer-icon-color:rgba(245,248,255,.4)}}.dynamic-shadow-dom{position:relative}#dynamic-tooltips{left:0;position:absolute;top:0}.dynamic-no-scroll{overflow:hidden}}";
3
+ var css_248z = "@layer dynamic-sdk-styles{iframe[src*=\"wallet-dev.blocto.app\"],iframe[src*=\"wallet-staging.blocto.app\"],iframe[src*=\"wallet-testnet.blocto.app\"],iframe[src*=\"wallet.blocto.app\"]{z-index:2147483647!important}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-italic.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:500;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:500;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-italic.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:700;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:700;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-italic.woff) format(\"woff\")}@layer light-theme-default{:root{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-alert-1:#f90;--dynamic-alert-2:rgba(255,153,0,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme-brand=bold],:root[data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme-brand=subtle],:root[data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}@media (prefers-color-scheme:light){:root [data-dynamic-theme=auto]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-alert-1:#f90;--dynamic-alert-2:rgba(255,153,0,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}}:root [data-dynamic-theme=light]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-alert-1:#f90;--dynamic-alert-2:rgba(255,153,0,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme=light] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=light][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme=light] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=light][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}}@layer dark-theme-default{@media (prefers-color-scheme:dark){:root [data-dynamic-theme=auto]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#14161c;--dynamic-base-2:#27282e;--dynamic-base-3:rgba(231,234,243,.08);--dynamic-base-4:rgba(231,234,243,.15);--dynamic-base-5:linear-gradient(180deg,#24272f,#14161c);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green:#46ffbc;--dynamic-border-radius:1.5rem;--dynamic-hover:hsla(0,0%,100%,.1);--dynamic-error-1:#ff6a6a;--dynamic-error-2:hsla(0,100%,71%,.2);--dynamic-alert-1:#ffb74a;--dynamic-alert-2:rgba(255,183,74,.2);--dynamic-footer-background-color:#14161c;--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.01) 20%,hsla(0,0%,100%,.05) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(0,0,0,.25);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#69a5ff;--dynamic-text-primary:rgba(245,248,255,.95);--dynamic-text-secondary:rgba(245,248,255,.55);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(245,248,255,.4);--dynamic-badge-background:rgba(231,234,243,.08);--dynamic-badge-color:rgba(245,248,255,.55);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#27282e;--dynamic-search-bar-border:0.0625rem solid rgba(231,234,243,.08);--dynamic-search-bar-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-search-bar-border-focus:0.0625rem solid rgba(231,234,243,.15);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:rgba(231,234,243,.08);--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:rgba(231,234,243,.15);--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#14161c;--dynamic-connect-button-color:rgba(245,248,255,.95);--dynamic-connect-button-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:#24272e;--dynamic-connect-button-color-hover:rgba(245,248,255,.95);--dynamic-connect-button-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:rgba(245,248,255,.95);--dynamic-tooltip-text-color:#14161c}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-border: ;--dynamic-footer-arrow-color:rgba(247,247,249,.75)}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(245,248,255,.4);--dynamic-footer-icon-color:rgba(245,248,255,.4)}}:root [data-dynamic-theme=dark]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#14161c;--dynamic-base-2:#27282e;--dynamic-base-3:rgba(231,234,243,.08);--dynamic-base-4:rgba(231,234,243,.15);--dynamic-base-5:linear-gradient(180deg,#24272f,#14161c);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green:#46ffbc;--dynamic-border-radius:1.5rem;--dynamic-hover:hsla(0,0%,100%,.1);--dynamic-error-1:#ff6a6a;--dynamic-error-2:hsla(0,100%,71%,.2);--dynamic-alert-1:#ffb74a;--dynamic-alert-2:rgba(255,183,74,.2);--dynamic-footer-background-color:#14161c;--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.01) 20%,hsla(0,0%,100%,.05) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(0,0,0,.25);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#69a5ff;--dynamic-text-primary:rgba(245,248,255,.95);--dynamic-text-secondary:rgba(245,248,255,.55);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(245,248,255,.4);--dynamic-badge-background:rgba(231,234,243,.08);--dynamic-badge-color:rgba(245,248,255,.55);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#27282e;--dynamic-search-bar-border:0.0625rem solid rgba(231,234,243,.08);--dynamic-search-bar-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-search-bar-border-focus:0.0625rem solid rgba(231,234,243,.15);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:rgba(231,234,243,.08);--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:rgba(231,234,243,.15);--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#14161c;--dynamic-connect-button-color:rgba(245,248,255,.95);--dynamic-connect-button-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:#24272e;--dynamic-connect-button-color-hover:rgba(245,248,255,.95);--dynamic-connect-button-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:rgba(245,248,255,.95);--dynamic-tooltip-text-color:#14161c}:root [data-dynamic-theme=dark] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=dark][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-border: ;--dynamic-footer-arrow-color:rgba(247,247,249,.75)}:root [data-dynamic-theme=dark] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=dark][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(245,248,255,.4);--dynamic-footer-icon-color:rgba(245,248,255,.4)}}.dynamic-shadow-dom{position:relative}#dynamic-tooltips{left:0;position:absolute;top:0}.dynamic-no-scroll{overflow:hidden}.dynamic-no-scroll--ios{position:fixed}}";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs CHANGED
@@ -19,6 +19,7 @@ var index = require('../../shared/consts/index.cjs');
19
19
  require('../../context/DynamicContext/DynamicContext.cjs');
20
20
  require('@dynamic-labs/multi-wallet');
21
21
  var isMagicConnector = require('../../utils/functions/isMagicConnector/isMagicConnector.cjs');
22
+ var sendTransactionWithAutoNonce = require('../../utils/functions/sendTransactionWithAutoNonce/sendTransactionWithAutoNonce.cjs');
22
23
  require('../../components/ShadowDOM/ShadowDOM.cjs');
23
24
  require('../../context/ThemeContext/ThemeContext.cjs');
24
25
  var Portal = require('../../components/Portal/Portal.cjs');
@@ -70,7 +71,7 @@ const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionR
70
71
  }, [onTransactionResponseSuccess, onReject]);
71
72
  return (jsxRuntime.jsx(Portal.Portal, { handleClose: closeModal, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-transaction', transitionEvents: {
72
73
  onUnmount: handleOnModalUnmount,
73
- }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsx(ModalCard.ModalCard, { children: jsxRuntime.jsx(TransactionConfirmationView.TransactionConfirmationView, { provider: provider, transaction: transactionWithGasPrice, title: title, mutation: () => handler(transactionWithGasPrice), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
74
+ }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsx(ModalCard.ModalCard, { children: jsxRuntime.jsx(TransactionConfirmationView.TransactionConfirmationView, { provider: provider, transaction: transactionWithGasPrice, title: title, mutation: () => sendTransactionWithAutoNonce.sendTransactionWithAutoNonce(walletConnector, transactionWithGasPrice, handler), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
74
75
  errorRef.current = null;
75
76
  transactionResponseRef.current = transactionResponse;
76
77
  closeModal();
package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.js CHANGED
@@ -15,6 +15,7 @@ import { authModalZIndex } from '../../shared/consts/index.js';
15
15
  import '../../context/DynamicContext/DynamicContext.js';
16
16
  import '@dynamic-labs/multi-wallet';
17
17
  import { isMagicConnector } from '../../utils/functions/isMagicConnector/isMagicConnector.js';
18
+ import { sendTransactionWithAutoNonce } from '../../utils/functions/sendTransactionWithAutoNonce/sendTransactionWithAutoNonce.js';
18
19
  import '../../components/ShadowDOM/ShadowDOM.js';
19
20
  import '../../context/ThemeContext/ThemeContext.js';
20
21
  import { Portal } from '../../components/Portal/Portal.js';
@@ -66,7 +67,7 @@ const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionR
66
67
  }, [onTransactionResponseSuccess, onReject]);
67
68
  return (jsx(Portal, { handleClose: closeModal, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-transaction', transitionEvents: {
68
69
  onUnmount: handleOnModalUnmount,
69
- }, children: jsx(Modal, { children: jsx(ModalCard, { children: jsx(TransactionConfirmationView, { provider: provider, transaction: transactionWithGasPrice, title: title, mutation: () => handler(transactionWithGasPrice), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
70
+ }, children: jsx(Modal, { children: jsx(ModalCard, { children: jsx(TransactionConfirmationView, { provider: provider, transaction: transactionWithGasPrice, title: title, mutation: () => sendTransactionWithAutoNonce(walletConnector, transactionWithGasPrice, handler), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
70
71
  errorRef.current = null;
71
72
  transactionResponseRef.current = transactionResponse;
72
73
  closeModal();
package/src/lib/shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs CHANGED
@@ -3,9 +3,11 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
+ var utils = require('@dynamic-labs/utils');
6
7
 
7
8
  const usePreventPageScroll = (isOpen) => {
8
9
  React.useEffect(() => {
10
+ var _a;
9
11
  if (!isOpen)
10
12
  return;
11
13
  const html = document.querySelector('html');
@@ -13,14 +15,38 @@ const usePreventPageScroll = (isOpen) => {
13
15
  /* istanbul ignore next */
14
16
  if (!html || !body)
15
17
  return;
16
- const isScrollable = body.scrollHeight > body.clientHeight;
17
- if (!isScrollable)
18
+ // https://developer.mozilla.org/en-US/docs/Web/API/Screen/height
19
+ const deviceScreenHeight = (_a = window === null || window === void 0 ? void 0 : window.screen) === null || _a === void 0 ? void 0 : _a.height;
20
+ const isScrollable = body.scrollHeight > deviceScreenHeight;
21
+ // Don't prevent scroll if the page is not scrollable
22
+ // If we don't know the device screen height, we can't know if the page is scrollable
23
+ /* istanbul ignore else */
24
+ if (!isScrollable || deviceScreenHeight === 0)
18
25
  return;
19
26
  html.classList.add('dynamic-no-scroll');
20
27
  body.classList.add('dynamic-no-scroll');
28
+ const userScrollCoordinatesBeforeLock = {
29
+ x: window.scrollX,
30
+ y: window.scrollY,
31
+ };
32
+ // IOS Safari needs to have a different class to prevent scroll
33
+ // We need to add postion: fixed to lock the body scrolling
34
+ // It breaks the scroll position, so we need to save the scroll position and restore it after the modal is closed
35
+ /* istanbul ignore else */
36
+ if (utils.isIOS()) {
37
+ html.classList.add('dynamic-no-scroll--ios');
38
+ body.classList.add('dynamic-no-scroll--ios');
39
+ }
21
40
  return () => {
22
41
  html.classList.remove('dynamic-no-scroll');
23
42
  body.classList.remove('dynamic-no-scroll');
43
+ // Restore the scroll position when user is using IOS
44
+ /* istanbul ignore else */
45
+ if (utils.isIOS()) {
46
+ html.classList.remove('dynamic-no-scroll--ios');
47
+ body.classList.remove('dynamic-no-scroll--ios');
48
+ window.scrollTo(userScrollCoordinatesBeforeLock.x, userScrollCoordinatesBeforeLock.y);
49
+ }
24
50
  };
25
51
  }, [isOpen]);
26
52
  };