@particle-network/auth-core-modal
Version:
Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.
68 lines (65 loc) • 81.4 kB
JavaScript
"use client";
import {
copy_default,
svg_icon_default
} from "./chunk-RE3TPCDB.js";
import {
PreferenceKey,
load,
save,
useCustomNavigate,
useParticleAuth
} from "./chunk-YWLFYVHN.js";
// src/components/icon/icon-copy.tsx
import Icon from "@ant-design/icons";
import React from "react";
var IconCopy = ({ className = "", ...others }) => {
return /* @__PURE__ */ React.createElement(
Icon,
{
className,
component: copy_default,
...others
}
);
};
var icon_copy_default = IconCopy;
// src/context/hooks/usePaymentPassword.ts
import { hasPaymentPassword, isNullish } from "@particle-network/auth-core";
import { useEffect, useState } from "react";
var usePaymentPassword = () => {
const [hasSetPaymentPassword, setHasSetPaymentPassword] = useState(hasPaymentPassword());
const { setPaymentPassword, userInfo, modalOptions, showAccountTipModal } = useParticleAuth();
useEffect(() => {
var _a;
setHasSetPaymentPassword(Boolean((_a = userInfo == null ? void 0 : userInfo.security_account) == null ? void 0 : _a.has_set_payment_password));
}, [userInfo]);
const showSetPaymentPasswordOrConfirm = (confirm) => {
var _a, _b, _c, _d;
if (hasSetPaymentPassword) {
confirm();
} else {
if (((_a = modalOptions.promptSettingConfig) == null ? void 0 : _a.promptPaymentPasswordSettingWhenSign) === 2 /* every */ || ((_b = modalOptions.promptSettingConfig) == null ? void 0 : _b.promptPaymentPasswordSettingWhenSign) === 3 /* everyAndNotSkip */) {
showAccountTipModal({
visible: true,
confirm
});
} else if ((((_c = modalOptions.promptSettingConfig) == null ? void 0 : _c.promptPaymentPasswordSettingWhenSign) || isNullish((_d = modalOptions.promptSettingConfig) == null ? void 0 : _d.promptPaymentPasswordSettingWhenSign)) && !load(PreferenceKey.PN_OPEN_SET_PAYMENT_PASSWORD)) {
save(PreferenceKey.PN_OPEN_SET_PAYMENT_PASSWORD, "1");
showAccountTipModal({
visible: true,
confirm
});
} else {
confirm();
}
}
};
return {
hasSetPaymentPassword,
setPaymentPassword,
showSetPaymentPasswordOrConfirm
};
};
// src/pages/sign/components/info-sign.less
var info_sign_default = ".info-sign {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 290px;\n height: 100%;\n}\n.info-sign .pending-warning-modal {\n top: 100px;\n display: block;\n margin: auto;\n}\n.info-sign .pending-warning-modal .ant-modal-body {\n padding: 18px;\n}\n.info-sign .pending-warning-modal .ant-modal-confirm-btns {\n display: none;\n}\n.info-sign .pending-warning-modal .content {\n margin-top: 26px;\n font-weight: 500;\n font-size: 16px;\n line-height: 20px;\n text-align: center;\n color: var(--text-color);\n}\n.info-sign .pending-warning-modal .anticon-exclamation-circle {\n display: none;\n}\n.info-sign .pending-warning-modal .anticon-close {\n color: var(--secondary-text-color);\n}\n.info-sign .pending-warning-modal .footer-btns {\n column-gap: 18px;\n display: flex;\n justify-content: flex-end;\n margin-top: 30px;\n}\n.info-sign .pending-warning-modal .footer-btns .ant-btn {\n display: flex;\n flex: 1;\n justify-content: center;\n align-items: center;\n height: 47px;\n font-weight: 500;\n font-size: 17px;\n line-height: 22px;\n text-align: center;\n color: var(--background-color);\n}\n.info-sign .pending-warning-modal .footer-btns .ant-btn:first-child {\n color: var(--secondary-btn-color);\n background-color: var(--secondary-btn-background-color);\n}\n.info-sign .pending-warning-modal .footer-btns .ant-btn:hover,\n.info-sign .pending-warning-modal .footer-btns .ant-btn:focus,\n.info-sign .pending-warning-modal .footer-btns .ant-btn:active {\n color: var(--primary-btn-color);\n background-color: var(--primary-btn-background-color);\n}\n.info-sign .continue-btn:hover {\n color: var(--secondary-btn-color) !important;\n background-color: var(--secondary-btn-background-color) !important;\n}\n.info-sign .has-payment-password {\n z-index: 100;\n top: 0;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n width: 100%;\n height: var(--set-payment-password-bar-height);\n padding: 0 16px;\n padding-right: 52px;\n background-color: var(--tips-background-color);\n opacity: 1;\n}\n.info-sign .has-payment-password .has-payment-password-icon {\n width: 18px;\n height: 18px;\n border: 1px solid #f7af5d;\n border-radius: 50%;\n overflow: hidden;\n background-image: var(--icon-warning);\n background-size: 100% auto;\n background-repeat: no-repeat;\n background-color: white;\n}\n.info-sign .has-payment-password .has-payment-password-tip {\n flex: 1;\n margin: 0 8px;\n font-weight: 400;\n font-size: 12px;\n line-height: 15px;\n text-align: left;\n color: var(--text-color);\n}\n@media screen and (max-width: 350px) {\n .info-sign .has-payment-password .has-payment-password-tip {\n letter-spacing: -1px;\n }\n}\n.info-sign .has-payment-password .has-payment-password-set {\n min-width: 44px;\n height: 22px;\n padding: 0 8px;\n border-radius: var(--primary-btn-border-radius);\n font-weight: 500;\n font-size: 14px;\n line-height: 22px;\n text-align: center;\n color: var(--primary-btn-color);\n background: var(--primary-btn-background-color);\n cursor: pointer;\n}\n.info-sign .has-payment-password .has-payment-password-set:hover {\n opacity: var(--hover-opacity);\n}\n@media (max-width: 600px) {\n .info-sign .has-payment-password {\n padding-right: 16px;\n margin-top: 15px;\n }\n .info-sign .has-payment-password[data-telegram='true'] {\n padding-right: 52px !important;\n margin-top: 0 !important;\n }\n}\n.info-sign .ant-tabs {\n width: calc(100% - 36px);\n min-width: 230px;\n}\n.info-sign .ant-tabs-nav .ant-tabs-tab {\n padding-bottom: 4px;\n color: var(--secondary-text-color);\n}\n.info-sign .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: var(--text-color);\n}\n.info-sign .ant-tabs-nav::before {\n display: none;\n}\n.info-sign .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-ink-bar {\n background: var(--text-color);\n}\n.info-sign .scroll-part {\n position: relative;\n display: flex;\n flex: 1;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding-top: 16px;\n padding-bottom: 10px;\n margin: 0;\n overflow: auto;\n}\n.info-sign .scroll-part .top-menu-list {\n position: absolute;\n z-index: 99;\n top: 12px;\n left: 15px;\n column-gap: 5px;\n display: flex;\n justify-content: flex-start;\n}\n.info-sign .scroll-part .top-menu-list .item {\n cursor: pointer;\n}\n.info-sign .scroll-part .top-menu-list .item .anticon {\n font-size: 26px;\n}\n.info-sign .scroll-part .top-menu-list .item .ant-badge-dot {\n top: 3px;\n right: 3px;\n width: 6px;\n height: 6px;\n border: none;\n box-shadow: none;\n}\n.info-sign .scroll-part .menu-entry {\n position: absolute;\n z-index: 99;\n top: 16px;\n left: 15px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n.info-sign .scroll-part .menu-entry .menu-icon {\n cursor: pointer;\n}\n.info-sign .scroll-part .menu-entry .wallet-entry {\n margin-left: 8px;\n font-size: 28px;\n}\n.info-sign .scroll-part .menu-entry .ant-popover {\n padding: 0;\n}\n.info-sign .scroll-part .menu-entry .ant-popover .ant-popover-arrow {\n display: none;\n}\n.info-sign .scroll-part .menu-entry .ant-popover .ant-popover-inner {\n border-radius: var(--primary-btn-border-radius);\n background: var(--modal-background-color);\n}\n.info-sign .scroll-part .menu-entry .ant-popover .menu-list {\n display: flex;\n flex-direction: column;\n}\n.info-sign .scroll-part .menu-entry .ant-popover .menu-list .item {\n position: relative;\n display: flex;\n align-items: center;\n font-size: 14px;\n line-height: 2;\n white-space: nowrap;\n cursor: pointer;\n}\n.info-sign .scroll-part .menu-entry .ant-popover .menu-list .item .ant-badge {\n font-size: 14px;\n color: var(--text-color);\n}\n.info-sign .scroll-part .menu-entry .ant-popover .menu-list .item .ant-badge .ant-badge-dot {\n top: -1px;\n right: -4px;\n}\n.info-sign .scroll-part .menu-entry .ant-badge {\n column-gap: 8px;\n display: flex;\n align-items: center;\n}\n.info-sign .scroll-part .menu-entry .ant-badge .ant-badge-dot {\n top: 3px;\n right: 3px;\n width: 6px;\n height: 6px;\n border: none;\n box-shadow: none;\n}\n.info-sign .scroll-part .menu-popover-overlay .ant-popover-inner-content {\n padding: 0;\n}\n.info-sign .scroll-part .menu-popover-overlay .ant-popover-inner-content .menu-list {\n padding-top: 6px;\n padding-bottom: 6px;\n}\n.info-sign .scroll-part .menu-popover-overlay .ant-popover-inner-content .menu-list .item {\n height: 45px;\n padding: 0 17px;\n border-bottom: 1px solid var(--keyword-border-color);\n font-weight: 500;\n font-size: 14px;\n line-height: 45px;\n color: #000;\n}\n.info-sign .scroll-part .menu-popover-overlay .ant-popover-inner-content .menu-list .item:last-child {\n border-bottom: none;\n}\n.info-sign .scroll-part .menu-popover-overlay .ant-popover-inner-content .menu-list .item .anticon {\n font-size: 26px;\n color: var(--text-color);\n}\n.info-sign .scroll-part .info-title {\n height: 19px;\n padding-top: 0;\n margin-top: 10px;\n margin-bottom: 2px;\n font-weight: 400;\n font-size: 12px;\n text-align: center;\n color: var(--text-color);\n}\n.info-sign .scroll-part .info-title img {\n width: 13px;\n height: 13px;\n margin-right: 4px;\n margin-bottom: 3px;\n}\n.info-sign .scroll-part .info-address {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n height: 23px;\n padding: 0 5px 0 8px;\n margin-top: 5px;\n border-radius: var(--primary-btn-border-radius);\n font-size: 12px;\n line-height: 23px;\n color: var(--secondary-text-color);\n background: var(--tag-background-color);\n cursor: pointer;\n}\n.info-sign .scroll-part .info-address .copy-icon {\n position: relative;\n width: 14px;\n height: 100%;\n margin-left: 5px;\n}\n.info-sign .scroll-part .info-address .copy-icon .anticon {\n position: absolute;\n top: 5px;\n}\n.info-sign .scroll-part .info-request {\n z-index: 50;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 20px;\n max-height: 20px;\n padding-top: 0;\n font-weight: 500;\n font-size: 20px;\n text-align: center;\n color: var(--text-color);\n gap: 6px;\n}\n.info-sign .scroll-part .info-request .aa-icon {\n display: flex;\n align-items: center;\n}\n.info-sign .scroll-part .info-request .aa-icon .ant-image {\n width: 22px;\n height: 22px;\n}\n.info-sign .scroll-part .info-request .aa-icon .ant-image img {\n position: absolute;\n left: 0;\n top: 0;\n}\n.info-sign .scroll-part .info-request .aa-tag {\n padding: 0 4px;\n margin-right: 5px;\n border-radius: 10px;\n font-weight: bold;\n font-size: 12px;\n color: var(--background-color);\n background-color: var(--text-color);\n}\n.info-sign .scroll-part .info-des {\n max-width: 300px;\n margin: 9px 0;\n font-weight: 400;\n font-size: 14px;\n line-height: 1.2;\n text-align: center;\n color: var(--secondary-text-color);\n}\n.info-sign .scroll-part .apart-line {\n display: none;\n width: 100%;\n border-top: 1px solid var(--card-unclickable-border-color);\n}\n.info-sign .scroll-part .balance-change {\n width: 100%;\n min-width: 230px;\n padding: 15px 12px;\n border: 1px solid var(--card-unclickable-border-color);\n border-width: 1px;\n border-style: solid;\n border-radius: var(--card-border-radius);\n background: var(--card-unclickable-background-color);\n}\n.info-sign .scroll-part .balance-change .title {\n padding-bottom: 1px;\n font-weight: 500;\n font-size: 14px;\n color: var(--text-color);\n}\n.info-sign .scroll-part .balance-change .change-body {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.info-sign .scroll-part .balance-change .change-body .change-title {\n display: flex;\n justify-content: space-between;\n margin-top: 10px;\n font-weight: 400;\n font-size: 14px;\n color: var(--text-color);\n}\n.info-sign .scroll-part .balance-change .change-body .change-title .change-val {\n font-weight: 500;\n font-size: 14px;\n color: var(--green-color);\n}\n.info-sign .scroll-part .balance-change .change-body .mt20 {\n margin-top: 20px;\n}\n.info-sign .scroll-part .balance-change .change-body .message-text {\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n color: var(--text-color);\n}\n.info-sign .scroll-part .from-to {\n width: 100%;\n min-width: 230px;\n padding: 20px 12px;\n margin-top: 15px;\n border: none;\n border-radius: var(--card-border-radius);\n font-weight: 400;\n font-size: 14px;\n color: var(--text-color);\n background: var(--card-unclickable-background-color);\n}\n.info-sign .scroll-part .from-to .address-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.info-sign .scroll-part .from-to .mt10 {\n margin-top: 10px;\n}\n.info-sign .scroll-part .no-gas-fee {\n width: 100%;\n min-width: 230px;\n padding: 20px 12px;\n margin-top: 15px;\n border-radius: var(--card-border-radius);\n font-weight: 400;\n font-size: 14px;\n color: var(--text-color);\n background: rgba(234, 67, 53, 0.09);\n}\n.info-sign .scroll-part .no-gas-fee img {\n width: 18.5px;\n height: 18.5px;\n margin-top: 3px;\n margin-right: 10px;\n}\n.info-sign .scroll-part .no-gas-fee .no-title {\n font-weight: 500;\n}\n.info-sign .scroll-part .no-gas-fee .no-warning {\n display: flex;\n padding-bottom: 9px;\n margin-top: 10px;\n border-bottom: 1px solid var(--card-divider-color);\n line-height: 15px;\n}\n.info-sign .scroll-part .no-gas-fee .data-title {\n margin-top: 15px;\n font-weight: bold;\n}\n.info-sign .scroll-part .no-gas-fee .data-item {\n margin-top: 10px;\n line-height: 14px;\n}\n.info-sign .scroll-part .net-fee {\n width: 100%;\n min-width: 230px;\n padding: 15px 12px;\n margin-top: 15px;\n border: 1px solid var(--card-unclickable-border-color);\n border-radius: var(--card-border-radius);\n background-color: var(--card-unclickable-background-color);\n cursor: pointer;\n}\n.info-sign .scroll-part .net-fee .title {\n display: flex;\n justify-content: space-between;\n font-weight: 600;\n font-size: 14px;\n color: var(--text-color);\n}\n.info-sign .scroll-part .net-fee .title .fee-val {\n font-weight: 400;\n font-size: 16px;\n color: var(--text-color);\n}\n.info-sign .scroll-part .net-fee .evm-fee {\n font-weight: 400;\n font-size: 14px;\n color: var(--text-color);\n}\n.info-sign .scroll-part .net-fee .evm-fee .fee-title {\n font-weight: 500;\n}\n.info-sign .scroll-part .net-fee .evm-fee .fee-title span {\n font-weight: 500;\n font-size: 14px;\n color: var(--secondary-text-color);\n}\n.info-sign .scroll-part .net-fee .evm-fee .fee-row {\n display: flex;\n justify-content: space-between;\n margin-top: 8px;\n}\n.info-sign .scroll-part .net-fee .evm-fee .fee-row img {\n width: 9.19px;\n}\n.info-sign .scroll-part .net-fee .evm-fee .fee-row .approximately {\n font-weight: 400;\n color: var(--secondary-text-color);\n}\n.info-sign .scroll-part .net-fee .evm-fee .fee-row .fee-standard {\n width: 70px;\n margin-right: 10px;\n font-weight: normal;\n}\n.info-sign .scroll-part .net-fee .evm-fee .fee-row .fee-time {\n width: 70px;\n margin-right: 19.19px;\n font-weight: 500;\n color: var(--green-color);\n}\n.info-sign .scroll-part .net-fee .evm-fee .fee-row .row-right {\n display: flex;\n align-items: center;\n}\n.info-sign .scroll-part .net-fee .evm-fee .fee-row .row-right .right-icon {\n width: 9.19px;\n margin-left: 15px;\n}\n.info-sign .scroll-part .net-fee .evm-fee .fee-row .fee-right {\n display: flex;\n text-align: right;\n}\n.info-sign .scroll-part .net-fee .evm-fee .fee-row .fee-right .arrow-right-icon {\n color: var(--text-color);\n}\n.info-sign .scroll-part .net-fee .evm-fee .fee-row .fee-right .arrow-right-icon svg {\n width: 13px;\n height: 13px;\n}\n.info-sign .scroll-part .net-fee .evm-fee .fee-row .right-time {\n margin-right: 55px;\n font-weight: bold;\n font-size: 12px;\n color: var(--green-color);\n}\n.info-sign .scroll-part .total {\n width: 100%;\n min-width: 230px;\n padding: 15px 12px;\n margin-top: 15px;\n border: 1px solid var(--card-unclickable-border-color);\n border-radius: var(--card-border-radius);\n font-weight: 400;\n font-size: 14px;\n color: var(--text-color);\n}\n.info-sign .scroll-part .total .total-title {\n font-weight: bold;\n}\n.info-sign .scroll-part .total .mt8 {\n margin-top: 8px;\n}\n.info-sign .scroll-part .total .total-content span {\n font-weight: 400;\n word-break: break-all;\n color: var(--secondary-text-color);\n}\n.info-sign .scroll-part .show-btn {\n margin-top: 4px;\n font-weight: 500;\n font-size: 14px;\n}\n.info-sign .scroll-part .program-details {\n margin-top: 30px;\n font-weight: 500;\n text-align: center;\n color: var(--text-color);\n}\n.info-sign .scroll-part .inner-instruction {\n width: 100%;\n min-width: 230px;\n margin-bottom: 15px;\n}\n.info-sign .scroll-part .inner-instruction .inner-content .content-item {\n margin-top: 0;\n}\n.info-sign .scroll-part .inner-instruction .inner-content .content-item .item {\n padding: 13px 11px;\n border: none;\n border-width: 1px;\n border-style: solid;\n border-color: var(--card-unclickable-border-color) !important;\n border-radius: var(--card-border-radius);\n background-color: var(--card-unclickable-background-color) !important;\n}\n.info-sign .scroll-part .inner-instruction .inner-content .content-item .item .item-0 {\n font-weight: 500;\n font-size: 14px;\n line-height: 24px;\n word-break: break-all;\n color: var(--text-color);\n}\n.info-sign .scroll-part .inner-instruction .inner-content .content-item .item .mt10 {\n margin-top: 10px;\n}\n.info-sign .scroll-part .inner-instruction .inner-content .content-item .item .mt15 {\n margin-top: 15px;\n}\n.info-sign .scroll-part .inner-instruction .inner-content .content-item .item .item-1 {\n display: flex;\n justify-content: space-between;\n font-weight: 400;\n font-size: 14px;\n line-height: 19px;\n color: var(--text-color);\n}\n.info-sign .scroll-part .inner-instruction .inner-content .content-item .item .item-1 span {\n max-width: 220px;\n font-weight: 400;\n font-size: 14px;\n line-height: 19px;\n text-align: right;\n color: var(--secondary-text-color);\n}\n.info-sign .scroll-part .inner-instruction .inner-content .content-item .item .item-1 .data {\n max-width: calc(85 * var(--vw));\n font-weight: 400;\n font-size: 14px;\n line-height: 19px;\n text-align: left;\n word-wrap: break-word;\n color: var(--secondary-text-color);\n}\n.info-sign .scroll-part .sign-message {\n width: calc(100% - 36px);\n min-width: 230px;\n padding: 0;\n margin-top: 18px;\n border: none;\n border-radius: var(--card-border-radius);\n background-color: var(--card-unclickable-background-color);\n}\n.info-sign .scroll-part .sign-message .s-row {\n display: flex;\n margin-top: 6px;\n margin-bottom: 6px;\n font-size: 14px;\n line-height: 1.3;\n color: var(--text-color);\n}\n.info-sign .scroll-part .sign-message .s-row[data-index='0'] ::after {\n display: none;\n}\n.info-sign .scroll-part .sign-message .s-row [data-type='title'],\n.info-sign .scroll-part .sign-message .s-row [data-type='index'],\n.info-sign .scroll-part .sign-message .s-row .label[data-type='title'],\n.info-sign .scroll-part .sign-message .s-row .title[data-type='title'],\n.info-sign .scroll-part .sign-message .s-row .value[data-type='index'] {\n position: relative;\n font-weight: bold;\n font-size: 14px;\n color: var(--text-color);\n}\n.info-sign .scroll-part .sign-message .s-row .label {\n font-weight: 400;\n font-size: 14px;\n color: var(--secondary-text-color);\n}\n.info-sign .scroll-part .sign-message .s-row .value {\n flex: 1;\n overflow: hidden;\n font-weight: 400;\n font-size: 14px;\n word-break: break-all;\n color: var(--secondary-text-color);\n}\n.info-sign .scroll-part .sign-message .message {\n position: relative;\n max-height: calc(var(--doc-height) - 300px);\n padding: 8px 12px;\n overflow: auto;\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n word-wrap: break-word;\n color: var(--secondary-text-color);\n}\n.info-sign .scroll-part .sign-message .message .personal-message {\n position: relative;\n}\n.info-sign .scroll-part .sign-message .message pre {\n padding-bottom: 2px;\n}\n.info-sign .scroll-part .sign-message .message.no-password-tip {\n max-height: calc(var(--doc-height) - 300px - var(--set-payment-password-bar-height) - var(--risk-bar-height)) !important;\n}\n.info-sign .btn-box {\n bottom: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n min-width: 290px;\n height: var(--sign-bottom-menu-height);\n background: var(--theme-background-color);\n box-shadow: 0 -2px 3px 1px rgba(0, 0, 0, 0.08);\n}\n.info-sign .btn-box > div {\n display: flex;\n width: calc(100% - 36px);\n gap: 18px;\n}\n.info-sign .btn-box .footer-box {\n margin-top: 10px;\n}\n.info-sign .btn-box .btn-cancel {\n flex: 1;\n max-width: calc(300 * var(--vw));\n height: 47px;\n padding: 0;\n margin-top: 10px;\n border: none;\n border-radius: var(--primary-btn-border-radius);\n font-weight: 500;\n font-size: 17px;\n text-align: center;\n color: var(--secondary-btn-color);\n background: var(--secondary-btn-background-color);\n}\n.info-sign .btn-box .btn-cancel:hover {\n opacity: var(--hover-opacity);\n}\n.info-sign .btn-box .btn-cancel span {\n font-weight: 500;\n}\n.info-sign .btn-box .btn-approve {\n flex: 1;\n max-width: calc(300 * var(--vw));\n height: 47px;\n padding: 0;\n margin-top: 10px;\n border: none;\n border-radius: var(--primary-btn-border-radius);\n font-weight: 500;\n font-size: var(--primary-btn-font-size);\n text-align: center;\n color: var(--primary-btn-color);\n background: var(--primary-btn-background-color);\n}\n.info-sign .btn-box .btn-approve:hover {\n opacity: var(--hover-opacity);\n}\n.info-sign .btn-box .btn-approve img {\n width: 12.75px;\n height: 18.29px;\n margin-right: 12px;\n}\n.info-sign.info-sign-erc20_transfer .fee-row,\n.info-sign.info-sign-erc1155_transfer .fee-row,\n.info-sign.info-sign-erc20_approve .fee-row,\n.info-sign.info-sign-native_transfer .fee-row,\n.info-sign.info-sign-erc721_transfer .fee-row,\n.info-sign.info-sign-seaport_cancel_order .fee-row,\n.info-sign.info-sign-seaport_nft_listing .fee-row,\n.info-sign.info-sign-seaport_fulfill_order .fee-row {\n align-items: center;\n}\n.info-sign.info-sign-erc20_transfer .item4 .flex-sp-row,\n.info-sign.info-sign-erc1155_transfer .item4 .flex-sp-row,\n.info-sign.info-sign-erc20_approve .item4 .flex-sp-row,\n.info-sign.info-sign-native_transfer .item4 .flex-sp-row,\n.info-sign.info-sign-erc721_transfer .item4 .flex-sp-row,\n.info-sign.info-sign-seaport_cancel_order .item4 .flex-sp-row,\n.info-sign.info-sign-seaport_nft_listing .item4 .flex-sp-row,\n.info-sign.info-sign-seaport_fulfill_order .item4 .flex-sp-row {\n flex-wrap: wrap;\n}\n.info-sign.info-sign-erc20_transfer .item4 .flex-sp-row .left,\n.info-sign.info-sign-erc1155_transfer .item4 .flex-sp-row .left,\n.info-sign.info-sign-erc20_approve .item4 .flex-sp-row .left,\n.info-sign.info-sign-native_transfer .item4 .flex-sp-row .left,\n.info-sign.info-sign-erc721_transfer .item4 .flex-sp-row .left,\n.info-sign.info-sign-seaport_cancel_order .item4 .flex-sp-row .left,\n.info-sign.info-sign-seaport_nft_listing .item4 .flex-sp-row .left,\n.info-sign.info-sign-seaport_fulfill_order .item4 .flex-sp-row .left {\n margin-bottom: 10px;\n font-weight: 500;\n color: var(--text-color);\n}\n.info-sign.info-sign-erc20_transfer .item4 .flex-sp-row .right,\n.info-sign.info-sign-erc1155_transfer .item4 .flex-sp-row .right,\n.info-sign.info-sign-erc20_approve .item4 .flex-sp-row .right,\n.info-sign.info-sign-native_transfer .item4 .flex-sp-row .right,\n.info-sign.info-sign-erc721_transfer .item4 .flex-sp-row .right,\n.info-sign.info-sign-seaport_cancel_order .item4 .flex-sp-row .right,\n.info-sign.info-sign-seaport_nft_listing .item4 .flex-sp-row .right,\n.info-sign.info-sign-seaport_fulfill_order .item4 .flex-sp-row .right {\n color: var(--secondary-text-color);\n}\n.info-sign.info-sign-erc20_transfer .item4 .flex-sp-row .gas-warning,\n.info-sign.info-sign-erc1155_transfer .item4 .flex-sp-row .gas-warning,\n.info-sign.info-sign-erc20_approve .item4 .flex-sp-row .gas-warning,\n.info-sign.info-sign-native_transfer .item4 .flex-sp-row .gas-warning,\n.info-sign.info-sign-erc721_transfer .item4 .flex-sp-row .gas-warning,\n.info-sign.info-sign-seaport_cancel_order .item4 .flex-sp-row .gas-warning,\n.info-sign.info-sign-seaport_nft_listing .item4 .flex-sp-row .gas-warning,\n.info-sign.info-sign-seaport_fulfill_order .item4 .flex-sp-row .gas-warning {\n display: flex;\n align-items: center;\n line-height: 1.3;\n color: var(--secondary-text-color);\n}\n.info-sign.info-sign-erc20_transfer .item4 .flex-sp-row .gas-warning span,\n.info-sign.info-sign-erc1155_transfer .item4 .flex-sp-row .gas-warning span,\n.info-sign.info-sign-erc20_approve .item4 .flex-sp-row .gas-warning span,\n.info-sign.info-sign-native_transfer .item4 .flex-sp-row .gas-warning span,\n.info-sign.info-sign-erc721_transfer .item4 .flex-sp-row .gas-warning span,\n.info-sign.info-sign-seaport_cancel_order .item4 .flex-sp-row .gas-warning span,\n.info-sign.info-sign-seaport_nft_listing .item4 .flex-sp-row .gas-warning span,\n.info-sign.info-sign-seaport_fulfill_order .item4 .flex-sp-row .gas-warning span {\n line-height: 1.4;\n}\n.info-sign.info-sign-erc20_transfer .item4 .flex-sp-row .gas-warning img,\n.info-sign.info-sign-erc1155_transfer .item4 .flex-sp-row .gas-warning img,\n.info-sign.info-sign-erc20_approve .item4 .flex-sp-row .gas-warning img,\n.info-sign.info-sign-native_transfer .item4 .flex-sp-row .gas-warning img,\n.info-sign.info-sign-erc721_transfer .item4 .flex-sp-row .gas-warning img,\n.info-sign.info-sign-seaport_cancel_order .item4 .flex-sp-row .gas-warning img,\n.info-sign.info-sign-seaport_nft_listing .item4 .flex-sp-row .gas-warning img,\n.info-sign.info-sign-seaport_fulfill_order .item4 .flex-sp-row .gas-warning img {\n flex: 1;\n align-self: flex-start;\n width: 19px;\n height: 19px;\n margin-top: 4px;\n margin-right: 10px;\n}\n.info-sign.info-sign-erc20_transfer .info-request,\n.info-sign.info-sign-erc1155_transfer .info-request,\n.info-sign.info-sign-erc20_approve .info-request,\n.info-sign.info-sign-native_transfer .info-request,\n.info-sign.info-sign-erc721_transfer .info-request,\n.info-sign.info-sign-seaport_cancel_order .info-request,\n.info-sign.info-sign-seaport_nft_listing .info-request,\n.info-sign.info-sign-seaport_fulfill_order .info-request {\n display: none;\n}\n.info-sign.info-sign-erc20_transfer .info-title,\n.info-sign.info-sign-erc1155_transfer .info-title,\n.info-sign.info-sign-erc20_approve .info-title,\n.info-sign.info-sign-native_transfer .info-title,\n.info-sign.info-sign-erc721_transfer .info-title,\n.info-sign.info-sign-seaport_cancel_order .info-title,\n.info-sign.info-sign-seaport_nft_listing .info-title,\n.info-sign.info-sign-seaport_fulfill_order .info-title {\n height: 20px;\n max-height: 20px;\n line-height: 20px;\n padding: 0;\n margin: 0;\n}\n.info-sign.info-sign-erc20_transfer .apart-line,\n.info-sign.info-sign-erc1155_transfer .apart-line,\n.info-sign.info-sign-erc20_approve .apart-line,\n.info-sign.info-sign-native_transfer .apart-line,\n.info-sign.info-sign-erc721_transfer .apart-line,\n.info-sign.info-sign-seaport_cancel_order .apart-line,\n.info-sign.info-sign-seaport_nft_listing .apart-line,\n.info-sign.info-sign-seaport_fulfill_order .apart-line {\n display: none;\n}\n.info-sign.info-sign-erc20_transfer .info-address,\n.info-sign.info-sign-erc1155_transfer .info-address,\n.info-sign.info-sign-erc20_approve .info-address,\n.info-sign.info-sign-native_transfer .info-address,\n.info-sign.info-sign-erc721_transfer .info-address,\n.info-sign.info-sign-seaport_cancel_order .info-address,\n.info-sign.info-sign-seaport_nft_listing .info-address,\n.info-sign.info-sign-seaport_fulfill_order .info-address {\n margin-top: 10px;\n margin-bottom: 10px;\n}\n.info-sign.info-sign-erc20_transfer .info-des,\n.info-sign.info-sign-erc1155_transfer .info-des,\n.info-sign.info-sign-erc20_approve .info-des,\n.info-sign.info-sign-native_transfer .info-des,\n.info-sign.info-sign-erc721_transfer .info-des,\n.info-sign.info-sign-seaport_cancel_order .info-des,\n.info-sign.info-sign-seaport_nft_listing .info-des,\n.info-sign.info-sign-seaport_fulfill_order .info-des {\n display: none;\n}\n.info-sign.info-sign-erc20_transfer .transfer-content,\n.info-sign.info-sign-erc1155_transfer .transfer-content,\n.info-sign.info-sign-erc20_approve .transfer-content,\n.info-sign.info-sign-native_transfer .transfer-content,\n.info-sign.info-sign-erc721_transfer .transfer-content,\n.info-sign.info-sign-seaport_cancel_order .transfer-content,\n.info-sign.info-sign-seaport_nft_listing .transfer-content,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content {\n width: calc(100% - 36px);\n min-width: 230px;\n margin: auto;\n margin-top: 18px;\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .mg-bottom-15,\n.info-sign.info-sign-erc1155_transfer .transfer-content .mg-bottom-15,\n.info-sign.info-sign-erc20_approve .transfer-content .mg-bottom-15,\n.info-sign.info-sign-native_transfer .transfer-content .mg-bottom-15,\n.info-sign.info-sign-erc721_transfer .transfer-content .mg-bottom-15,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .mg-bottom-15,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .mg-bottom-15,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .mg-bottom-15 {\n margin-bottom: 15px;\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .flex-sp-row,\n.info-sign.info-sign-erc1155_transfer .transfer-content .flex-sp-row,\n.info-sign.info-sign-erc20_approve .transfer-content .flex-sp-row,\n.info-sign.info-sign-native_transfer .transfer-content .flex-sp-row,\n.info-sign.info-sign-erc721_transfer .transfer-content .flex-sp-row,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .flex-sp-row,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .flex-sp-row,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .flex-sp-row {\n display: flex;\n justify-content: space-between;\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box,\n.info-sign.info-sign-native_transfer .transfer-content .less-box,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box {\n padding: 13px;\n padding-bottom: 3px;\n border-radius: var(--card-border-radius);\n background-color: var(--card-unclickable-background-color);\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .pn-row,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .pn-row,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .pn-row,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .pn-row,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .pn-row,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .pn-row,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .pn-row,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .pn-row {\n width: 100%;\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item {\n padding-top: 14px;\n padding-bottom: 16px;\n border-bottom: 1px solid var(--card-divider-color);\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item:last-child,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item:last-child,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item:last-child,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item:last-child,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item:last-child,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item:last-child,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item:last-child,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item:last-child {\n border-bottom: none;\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row1 .left,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row1 .left,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row1 .left,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row1 .left,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row1 .left,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item.item1 .row1 .left,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item.item1 .row1 .left,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item.item1 .row1 .left {\n font-weight: 800;\n font-size: 18px;\n line-height: 19px;\n color: var(--text-color);\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row1 .right,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row1 .right,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row1 .right,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row1 .right,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row1 .right,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item.item1 .row1 .right,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item.item1 .row1 .right,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item.item1 .row1 .right {\n font-weight: 500;\n font-size: 11px;\n line-height: 14px;\n color: var(--text-color);\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n margin-top: 20px;\n margin-bottom: 10px;\n font-weight: 500;\n font-size: 22px;\n line-height: 14px;\n color: var(--text-color);\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .token-icon,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .token-icon,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .token-icon,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .token-icon,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .token-icon,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .token-icon,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .token-icon,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .token-icon {\n width: 32px;\n min-width: 32px;\n height: 32px;\n margin-right: 6px;\n border-radius: 100%;\n overflow: hidden;\n object-fit: cover;\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .amount,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .amount,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .amount,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .amount,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .amount,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .amount,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .amount,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac1 .amount {\n line-height: 1.2;\n overflow-wrap: break-word;\n word-wrap: break-word;\n word-break: break-all;\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n font-weight: 500;\n font-size: 12px;\n line-height: 12px;\n color: var(--accent-color);\n cursor: pointer;\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2 .icon,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2 .icon,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2 .icon,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2 .icon,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2 .icon,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2 .icon,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2 .icon,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac2 .icon {\n width: 12px;\n height: 12px;\n margin-left: 6px;\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac3,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac3,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac3,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac3,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac3,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac3,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac3,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item.item1 .row-erc20-approve-content .row-ac3 {\n margin-top: 14px;\n font-weight: 500;\n font-size: 12px;\n line-height: 1.4;\n color: var(--text-color);\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row2,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row2,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row2,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row2,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row2,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item.item1 .row2,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item.item1 .row2,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item.item1 .row2 {\n align-items: flex-start;\n margin-top: 20px;\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row2 .left,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row2 .left,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row2 .left,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row2 .left,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row2 .left,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item.item1 .row2 .left,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item.item1 .row2 .left,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item.item1 .row2 .left {\n display: flex;\n align-items: center;\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row2 .left .icon,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row2 .left .icon,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row2 .left .icon,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row2 .left .icon,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row2 .left .icon,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item.item1 .row2 .left .icon,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item.item1 .row2 .left .icon,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item.item1 .row2 .left .icon {\n width: 32px;\n height: 32px;\n margin-right: 10px;\n border-radius: 100%;\n overflow: hidden;\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row2 .left .icon img,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row2 .left .icon img,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row2 .left .icon img,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row2 .left .icon img,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row2 .left .icon img,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item.item1 .row2 .left .icon img,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item.item1 .row2 .left .icon img,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item.item1 .row2 .left .icon img {\n width: 100%;\n height: 100%;\n border-radius: 100%;\n object-fit: cover;\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row2 .right,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item.item1 .row2 .right,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item.item1 .row2 .right,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item.item1 .row2 .right {\n display: flex;\n flex: 1;\n flex-wrap: wrap;\n overflow-x: auto;\n overflow-y: hidden;\n font-weight: 400;\n font-size: 14px;\n line-height: 14px;\n color: var(--secondary-text-color);\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right .amount,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right .amount,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row2 .right .amount,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right .amount,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right .amount,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item.item1 .row2 .right .amount,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item.item1 .row2 .right .amount,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item.item1 .row2 .right .amount {\n display: flex;\n flex: 1;\n justify-content: flex-start;\n align-items: center;\n height: 32px;\n line-height: 32px;\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right .amount .change-val,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right .amount .change-val,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row2 .right .amount .change-val,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right .amount .change-val,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right .amount .change-val,\n.info-sign.info-sign-seaport_cancel_order .transfer-content .less-box .groups > .item.item1 .row2 .right .amount .change-val,\n.info-sign.info-sign-seaport_nft_listing .transfer-content .less-box .groups > .item.item1 .row2 .right .amount .change-val,\n.info-sign.info-sign-seaport_fulfill_order .transfer-content .less-box .groups > .item.item1 .row2 .right .amount .change-val {\n margin-right: 4px;\n font-weight: 500;\n font-size: 22px;\n line-height: 32px;\n white-space: nowrap;\n color: var(--text-color);\n}\n.info-sign.info-sign-erc20_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right .amount .symbol,\n.info-sign.info-sign-erc1155_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right .amount .symbol,\n.info-sign.info-sign-erc20_approve .transfer-content .less-box .groups > .item.item1 .row2 .right .amount .symbol,\n.info-sign.info-sign-native_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right .amount .symbol,\n.info-sign.info-sign-erc721_transfer .transfer-content .less-box .groups > .item.item1 .row2 .right .amoun