@matchain/matchid-sdk-react 0.1.53-alpha.4 → 0.1.53-alpha.5

package/example/dist/assets/ccip-nxE3Zma4.js

@@ -1 +0,0 @@
-import{B as p,g as m,s as y,d as w,i as k,c as O,a as E,e as L,H as h,b as x}from"./index-DMWWRDPI.js";class M extends p{constructor({callbackSelector:s,cause:e,data:n,extraData:c,sender:u,urls:t}){var i;super(e.shortMessage||"An error occurred while fetching for an offchain result.",{cause:e,metaMessages:[...e.metaMessages||[],(i=e.metaMessages)!=null&&i.length?"":[],"Offchain Gateway Call:",t&&["  Gateway URL(s):",...t.map(f=>`    ${m(f)}`)],`  Sender: ${u}`,`  Data: ${n}`,`  Callback selector: ${s}`,`  Extra data: ${c}`].flat()}),Object.defineProperty(this,"name",{enumerable:!0,configurable:!0,writable:!0,value:"OffchainLookupError"})}}class R extends p{constructor({result:s,url:e}){super("Offchain gateway response is malformed. Response data must be a hex value.",{metaMessages:[`Gateway URL: ${m(e)}`,`Response: ${y(s)}`]}),Object.defineProperty(this,"name",{enumerable:!0,configurable:!0,writable:!0,value:"OffchainLookupResponseMalformedError"})}}class $ extends p{constructor({sender:s,to:e}){super("Reverted sender address does not match target contract address (`to`).",{metaMessages:[`Contract address: ${e}`,`OffchainLookup sender address: ${s}`]}),Object.defineProperty(this,"name",{enumerable:!0,configurable:!0,writable:!0,value:"OffchainLookupSenderMismatchError"})}}const j="0x556f1830",S={name:"OffchainLookup",type:"error",inputs:[{name:"sender",type:"address"},{name:"urls",type:"string[]"},{name:"callData",type:"bytes"},{name:"callbackFunction",type:"bytes4"},{name:"extraData",type:"bytes"}]};async function v(o,{blockNumber:s,blockTag:e,data:n,to:c}){const{args:u}=w({data:n,abi:[S]}),[t,i,f,a,r]=u,{ccipRead:d}=o,b=d&&typeof(d==null?void 0:d.request)=="function"?d.request:q;try{if(!k(c,t))throw new $({sender:t,to:c});const l=await b({data:f,sender:t,urls:i}),{data:g}=await O(o,{blockNumber:s,blockTag:e,data:E([a,L([{type:"bytes"},{type:"bytes"}],[l,r])]),to:c});return g}catch(l){throw new M({callbackSelector:a,cause:l,data:n,extraData:r,sender:t,urls:i})}}async function q({data:o,sender:s,urls:e}){var c;let n=new Error("An unknown error occurred.");for(let u=0;u<e.length;u++){const t=e[u],i=t.includes("{data}")?"GET":"POST",f=i==="POST"?{data:o,sender:s}:void 0;try{const a=await fetch(t.replace("{sender}",s).replace("{data}",o),{body:JSON.stringify(f),method:i});let r;if((c=a.headers.get("Content-Type"))!=null&&c.startsWith("application/json")?r=(await a.json()).data:r=await a.text(),!a.ok){n=new h({body:f,details:r!=null&&r.error?y(r.error):a.statusText,headers:a.headers,status:a.status,url:t});continue}if(!x(r)){n=new R({result:r,url:t});continue}return r}catch(a){n=new h({body:f,details:a.message,url:t})}}throw n}export{q as ccipRequest,v as offchainLookup,S as offchainLookupAbiItem,j as offchainLookupSignature};

package/example/dist/assets/index-BFAv3rdU.css

@@ -1 +0,0 @@
-*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.col-span-4{grid-column:span 4 / span 4}.col-span-8{grid-column:span 8 / span 8}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mt-\[100px\]{margin-top:100px}.mt-\[20px\]{margin-top:20px}.mt-\[50px\]{margin-top:50px}.flex{display:flex}.grid{display:grid}.hidden{display:none}.max-h-\[60vw\]{max-height:60vw}.w-\[110px\]{width:110px}.flex-1{flex:1 1 0%}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.gap-\[16px\]{gap:16px}.gap-\[20px\]{gap:20px}.overflow-scroll{overflow:scroll}.text-ellipsis{text-overflow:ellipsis}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.border{border-width:1px}.border-solid{border-style:solid}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\[8px\]{padding-left:8px;padding-right:8px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.capitalize{text-transform:capitalize}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}body{--matchid-light-orange: #FFF3EB;--matchid-highlight-orange: #FC802D;--matchid-highlight-orange-light: rgba(252, 128, 45, .5);--matchid-black: #000000;--matchid-white: #FFFFFF;--matchid-black-800: #1E1E1E;--matchid-gray-600: #6E6E6E;--matchid-gray-400: #B6B6B6;--matchid-gray-350: #D3D3D3;--matchid-gray-350-light: rgba(211, 211, 211, .5);--matchid-gray-300: #E3E3E3;--matchid-gray-200: #F3F3F3;--matchid-gray-100: #F8F8F8;--matchid-red-600: #F7585E;--matchid-green-600: #2CBF68;--matchid-secondary-grey: var(--matchid-gray-600);--matchid-light-grey: var(--matchid-gray-100);--matchid-disabled: var(--matchid-gray-350);--matchid-success: #2FCC00;--matchid-error: #F14141;--matchid-link: #006FFF;--matchid-shadow-full: 0px 15px 40px 0px rgba(22, 17, 46, .12);--matchid-shadow-middle: 0px 10px 30px 0px rgba(22, 17, 46, .12);--matchid-shadow-small: 0px 10px 20px 0px rgba(219, 219, 219, .5);--matchid-placeholder-color: var(--matchid-gray-400);--matchid-line: var(--matchid-gray-300);--matchid-arrow-color: var(--matchid-black);--matchid-text-color: var(--matchid-black);--matchid-round: 12px;--matchid-round-lg: 24px;--matchid-padding-lg: 32px;--matchid-login-method-border-color: var(--matchid-line);--matchid-login-method-hover-border-color: var(--matchid-highlight-orange);--matchid-login-method-arrow-color: var(--matchid-arrow-color);--matchid-login-method-round: var(--matchid-round);--matchid-login-method-color: var(--matchid-text-color);--matchid-login-other-color: var(--matchid-gray-600);--matchid-login-recommend-wallet-color: var(--matchid-black);--matchid-login-recommend-wallet-hover-color: var(--matchid-white);--matchid-login-recommend-wallet-hover-bg: var(--matchid-highlight-orange);--matchid-login-panel-divide-color: var(--matchid-line);--matchid-login-panel-title-color: var(--matchid-text-color);--matchid-login-panel-subtitle-color: var(--matchid-gray-600);--matchid-overlay-index: 9999;--matchid-overlay-color: var(--matchid-black);--matchid-modal-bg: var(--matchid-white);--matchid-modal-shadow: var(--matchid-shadow-full);--matchid-modal-border-color: var(--matchid-white);--matchid-modal-round: var(--matchid-round-lg);--matchid-modal-padding: var(--matchid-padding-lg);--matchid-mobile-modal-padding: 20px;--matchid-modal-header-border-color: var(--matchid-line);--matchid-modal-header-color: var(--matchid-text-color);--matchid-input-border-color: var(--matchid-line);--matchid-input-focus-border-color: var(--matchid-highlight-orange);--matchid-input-color: var(--matchid-text-color);--matchid-input-placeholder-color: var(--matchid-placeholder-color);--matchid-input-bg: var(--matchid-gray-100);--matchid-input-focus-bg: var(--matchid-light-orange);--matchid-input-delete-icon-color: var(--matchid-highlight-orange);--matchid-field-color: var(--matchid-text-color);--matchid-field-error-color: var(--matchid-red-600);--matchid-field-required-color: #E60808;--matchid-popover-bg: var(--matchid-white);--matchid-btn-border-color: var(--matchid-black);--matchid-btn-color: var(--matchid-black);--matchid-btn-bg: var(--matchid-white);--matchid-btn-disabled-bg: var(--matchid-gray-350);--matchid-btn-disabled-color: var(--matchid-white);--matchid-btn-hover-bg: var(--matchid-black-800);--matchid-btn-hover-color: var(--matchid-white);--matchid-btn-active-bg: linear-gradient(0deg, rgba(0, 0, 0, .06) 0%, rgba(0, 0, 0, .06) 100%), #1E1E1E;--matchid-btn-active-color: var(--matchid-white);--matchid-btn-highlight-bg: var(--matchid-black);--matchid-btn-highlight-color: var(--matchid-white);--matchid-btn-loading-bg: var(--matchid-black-800);--matchid-btn-loading-color: var(--matchid-white);--matchid-login-btn-text-color: var(--matchid-black);--matchid-login-btn-icon-color: var(--matchid-black);--matchid-login-btn-border-color: var(--matchid-black);--matchid-login-btn-bg-color: none;--matchid-login-btn-hover-text-color: var(--matchid-black);--matchid-login-btn-hover-icon-color: var(--matchid-highlight-orange);--matchid-login-btn-hover-border-color: var(--matchid-highlight-orange);--matchid-login-btn-hover-bg-color: none;--matchid-login-btn-active-text-color: var(--matchid-black);--matchid-login-btn-active-icon-color: var(--matchid-highlight-orange);--matchid-login-btn-active-border-color: var(--matchid-highlight-orange);--matchid-login-btn-active-bg-color: var(--matchid-white);--matchid-email-verify-header-value-color: var(--matchid-highlight-orange);--matchid-email-verify-header-value-tips: var(--matchid-gray-600);--matchid-valid-error-color: var(--matchid-gray-600);--matchid-valid-success-color: var(--matchid-black);--matchid-password-header-color: var(--matchid-black);--matchid-user-popover-color: var(--matchid-black);--matchid-user-popover-hover-color: var(--matchid-highlight-orange);--matchid-switch-bg: var(--matchid-gray-350);--matchid-switch-ball: var(--matchid-white);--matchid-switch-checked-bg: var(--matchid-highlight-orange);--matchid-switch-disabled-bg: var(--matchid-gray-350-light);--matchid-switch-disabled-checked-bg: var(--matchid-highlight-orange-light);--matchid-swicth-loading-color: var(--matchid-white);--matchid-avatar-bg: var(--matchid-gray-350);--matchid-avatar-color: var(--matchid-gray-600);--matchid-radio-line: var(--matchid-gray-300);--matchid-radio-checked: var(--matchid-highlight-orange);--matchid-wallet-asset-bg: var(--matchid-white);--matchid-wallet-asset-color: var(--matchid-black);--matchid-wallet-transaction-bg: var(--matchid-white);--matchid-wallet-transaction-color: var(--matchid-black)}.matchid-login-box{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:64px}@media screen and (max-width: 768px){.matchid-login-box{gap:48px}}.matchid-login-box .matchid-login-recommend-list{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px}@media screen and (max-width: 768px){.matchid-login-box .matchid-login-recommend-list{gap:12px}}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method{width:100%;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:var(--matchid-login-method-round, 12px);border:1px solid var(--matchid-login-method-border-color, #E3E3E3)}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method:hover{border-color:var(--matchid-login-method-hover-border-color, #FC802D)}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-item{display:flex;justify-content:space-between;align-items:center;gap:16px;height:72px;width:100%;padding:16px;cursor:pointer;color:var(--matchid-login-method-color, #000000)}@media screen and (max-width: 768px){.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-item{height:56px;padding:10px 16px}}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-item .matchid-login-recommend-method-content{display:flex;justify-content:flex-start;align-items:center;gap:8px;font-size:16px;font-weight:600}@media screen and (max-width: 768px){.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-item .matchid-login-recommend-method-content{gap:12px}}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-item .matchid-login-recommend-method-arrow{transition:all .3s}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-item .matchid-login-recommend-method-arrow.matchid-login-recommend-method-arrow-active{transform:rotate(180deg)}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-popover{display:none;width:100%;padding:0 16px 16px;flex-direction:column}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-popover.matchid-login-recommend-method-popover-active{display:flex}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-popover .matchid-login-recommend-wallet-divider{height:1px;width:100%;background:var(--matchid-line)}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-popover .matchid-login-recommend-wallet-list{margin-top:16px;display:flex;flex-direction:column;gap:8px;width:100%}@media screen and (max-width: 768px){.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-popover .matchid-login-recommend-wallet-list{margin-top:10px}}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-popover .matchid-login-recommend-wallet-list .matchid-login-recommend-wallet-item{display:flex;justify-content:space-between;align-items:center;gap:16px;height:56px;border-radius:8px;font-size:16px;font-weight:600;color:var(--matchid-login-recommend-wallet-color, #000000);cursor:pointer;padding:0 16px}@media screen and (max-width: 768px){.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-popover .matchid-login-recommend-wallet-list .matchid-login-recommend-wallet-item{height:48px}}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-popover .matchid-login-recommend-wallet-list .matchid-login-recommend-wallet-item .matchid-login-recommend-wallet-item-content{display:flex;justify-content:space-between;align-items:center;gap:8px}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-popover .matchid-login-recommend-wallet-list .matchid-login-recommend-wallet-item .matchid-login-recommend-wallet-item-content .matchid-login-recommend-wallet-item-hover-icon{display:none}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-popover .matchid-login-recommend-wallet-list .matchid-login-recommend-wallet-item:hover{background:var(--matchid-login-recommend-wallet-hover-bg, #FC802D);color:var(--matchid-login-recommend-wallet-hover-color, #FFF);--matchid-arrow-color: var(--matchid-login-recommend-wallet-hover-color, #FFF)}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-popover .matchid-login-recommend-wallet-list .matchid-login-recommend-wallet-item:hover .matchid-login-recommend-wallet-item-hover-icon{display:block}.matchid-login-box .matchid-login-recommend-list .matchid-login-recommend-method .matchid-login-recommend-method-popover .matchid-login-recommend-wallet-list .matchid-login-recommend-wallet-item:hover .matchid-login-recommend-wallet-item-icon{display:none}.matchid-login-box .matchid-login-other{width:100%;gap:16px;display:flex;flex-direction:column}.matchid-login-box .matchid-login-other .matchid-login-other-text{text-align:center;font-size:14px;color:var(--matchid-login-other-color, #6E6E6E);font-weight:400}@media screen and (max-width: 768px){.matchid-login-box .matchid-login-other .matchid-login-other-text{font-size:12px}}.matchid-login-box .matchid-login-other .matchid-login-method-box{display:grid;padding:16px;gap:16px 16px;grid-template-columns:repeat(5,1fr)}.matchid-login-box .matchid-login-other .matchid-login-method-box .matchid-login-method-item{cursor:pointer;display:flex;justify-content:center;align-items:center}.matchid-login-panel{display:flex;flex-direction:column;gap:24px}@media screen and (max-width: 768px){.matchid-login-panel{gap:16px}}.matchid-login-panel .matchid-login-panel-box{max-height:500px;overflow-y:auto}.matchid-login-panel .matchid-login-panel-box::-webkit-scrollbar{width:8px;background-color:#d3d3d3;border-radius:4px}.matchid-login-panel .matchid-login-panel-divide{height:1px;width:100%;background-color:var(--matchid-login-panel-divide-color, #E3E3E3)}.matchid-login-panel .matchid-login-panel-header{display:flex;width:100%;justify-content:space-between;align-items:center}.matchid-login-panel .matchid-login-panel-header .matchid-login-panel-header-content{display:flex;gap:4px;flex-direction:column}.matchid-login-panel .matchid-login-panel-header .matchid-login-panel-header-title{color:var(--matchid-login-panel-title-color, #000000);font-size:18px;font-weight:600}@media screen and (max-width: 768px){.matchid-login-panel .matchid-login-panel-header .matchid-login-panel-header-title{font-size:16px}}.matchid-login-panel .matchid-login-panel-header .matchid-login-panel-header-subtilte{color:var(--matchid-login-panel-subtitle-color, #6E6E6E);font-size:14px;font-weight:400;line-height:120%}@media screen and (max-width: 768px){.matchid-login-panel .matchid-login-panel-header .matchid-login-panel-header-subtilte{font-size:12px}}.matchid-login-panel .matchid-login-panel-header .matchid-login-panel-header-close{cursor:pointer}.matchid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:var(--matchid-overlay-index);overflow:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;color:var(--matchid-overlay-color)}@media screen and (max-width: 768px){.matchid-overlay{align-items:center}}.matchid-modal{border-radius:var(--matchid-modal-round, 24px);border:1px solid var(--matchid-modal-border-color, #FFF);background:var(--matchid-modal-bg, #FFF);box-shadow:var(--matchid-modal-shadow, 0px 15px 40px 0px rgba(22, 17, 46, .12));width:480px;max-width:90vw;padding:var(--matchid-modal-padding, 32px)}@media screen and (max-width: 768px){.matchid-modal{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:var(--matchid-mobile-modal-padding, 20px);padding-top:0}.matchid-modal .matchid-modal-mobile-header{width:44px;height:5px;border-radius:3px;background:var(--matchid-line);margin:8px auto 21px}}.matchid-modal .matchid-modal-header{padding-bottom:24px;height:54px;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){.matchid-modal .matchid-modal-header{height:38px;padding-bottom:16px;margin-bottom:16px}}.matchid-modal .matchid-modal-header.matchid-modal-header-border{border-bottom:1px solid var(--matchid-modal-header-border-color, #E3E3E3);margin-bottom:24px}.matchid-modal .matchid-modal-header .matchid-modal-header-back,.matchid-modal .matchid-modal-header .matchid-modal-header-close{cursor:pointer}.matchid-modal .matchid-modal-header .matchid-modal-header-content{display:flex;align-items:center;gap:12px}.matchid-modal .matchid-modal-header .matchid-modal-header-content .matchid-modal-header-title{color:var(--matchid-modal-header-color, #000);font-size:20px;font-weight:500}@media screen and (max-width: 768px){.matchid-modal .matchid-modal-header .matchid-modal-header-content .matchid-modal-header-title{font-size:16px;font-weight:500}}.matchid-input-box{width:100%;height:72px;padding-left:24px;padding-right:24px;border-radius:12px;border:1px solid var(--matchid-input-border-color);display:flex;align-items:center;justify-content:space-between;background:var(--matchid-input-bg);gap:24px}@media screen and (max-width: 768px){.matchid-input-box{height:48px;padding-left:16px;padding-right:16px}}.matchid-input-box:active,.matchid-input-box:focus,.matchid-input-box:focus-within{border-color:var(--matchid-input-focus-border-color);background:var(--matchid-input-focus-bg)}.matchid-input-box.matchid-input-has-content{background:var(--matchid-input-focus-bg)}.matchid-input-box .matchid-input-field{flex:1;height:100%;outline:0;color:var(--matchid-input-color);font-size:18px;font-weight:500;background:none;min-width:0}@media screen and (max-width: 768px){.matchid-input-box .matchid-input-field{font-size:16px;font-weight:500}}.matchid-input-box .matchid-input-field::-moz-placeholder{color:var(--matchid-input-placeholder-color);font-weight:300}.matchid-input-box .matchid-input-field::placeholder{color:var(--matchid-input-placeholder-color);font-weight:300}.matchid-input-box .matchid-input-field:active,.matchid-input-box .matchid-input-field:focus{outline:0}.matchid-input-box .matchid-input-eye-icon{cursor:pointer;display:flex;align-items:center;width:20px;flex-shrink:1}@media screen and (max-width: 768px){.matchid-input-box .matchid-input-eye-icon{width:16px}}.matchid-input-box .matchid-input-delete-icon{opacity:0;cursor:pointer;width:20px;flex-shrink:1}@media screen and (max-width: 768px){.matchid-input-box .matchid-input-delete-icon{width:16px}}.matchid-input-box:focus-within .matchid-input-delete-icon{opacity:1}.matchid-field-box{display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 768px){.matchid-field-box{gap:8px}}.matchid-field-box .matchid-field-label{color:var(--matchid-field-color);font-size:18px;font-weight:500}@media screen and (max-width: 768px){.matchid-field-box .matchid-field-label{font-size:14px;font-weight:500}}.matchid-field-box .matchid-field-label .matchid-field-required{color:var(--matchid-field-required-color)}.matchid-field-box .matchid-field-error{font-size:14px;font-weight:400;color:var(--matchid-field-error-color)}.matchid-btn{display:flex;justify-content:center;align-items:center;gap:10px;border-radius:12px;outline:0;cursor:pointer;border:1px solid var(--matchid-btn-border-color);color:var(--matchid-btn-color);background:var(--matchid-btn-bg)}.matchid-btn:not(:disabled):hover{background:var(--matchid-btn-hover-bg);color:var(--matchid-btn-hover-color);box-shadow:var(--matchid-shadow-middle);border-color:var(--matchid-btn-hover-bg)}.matchid-btn:focus{background:var(--matchid-btn-active-bg);color:var(--matchid-btn-active-color);box-shadow:var(--matchid-shadow-middle);border-color:var(--matchid-btn-active-bg)}.matchid-btn-highlight,.matchid-btn-highlight:hover,.matchid-btn-highlight:focus,.matchid-btn-highlight:not(:disabled):hover{background:var(--matchid-btn-highlight-bg);color:var(--matchid-btn-highlight-color);border:0}.matchid-btn:disabled{cursor:not-allowed;background:var(--matchid-btn-disabled-bg);color:var(--matchid-btn-disabled-color);border-width:0px}.matchid-btn-loading{background:var(--matchid-btn-loading-bg)!important;color:var(--matchid-btn-loading-color)!important;cursor:not-allowed}.matchid-btn-loading-icon{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.matchid-btn-sm{height:28px;font-size:14px;padding:0 16px}.matchid-btn-df{height:40px;font-size:18px;padding:0 16px}.matchid-btn-lg{height:52px;font-size:20px;padding:0 48px}.matchid-btn-block{width:100%}.matchid-btn-rounded{border-radius:100px}@media screen and (max-width: 768px){.matchid-btn-sm{height:28px;font-size:12px;padding:0 16px}.matchid-btn-df{height:40px;font-size:16px;padding:0 16px;gap:8px}.matchid-btn-lg{height:48px;font-size:16px;padding:0 32px}}.matchid-email-verify-box,.matchid-password-box{display:flex;flex-direction:column;gap:64px}@media screen and (max-width: 768px){.matchid-email-verify-box,.matchid-password-box{gap:36px}}.matchid-email-verify-box .matchid-email-verify-header,.matchid-email-verify-box .matchid-password-header,.matchid-password-box .matchid-email-verify-header,.matchid-password-box .matchid-password-header{display:flex;align-items:center;gap:16px;height:40px}@media screen and (max-width: 768px){.matchid-email-verify-box .matchid-email-verify-header,.matchid-email-verify-box .matchid-password-header,.matchid-password-box .matchid-email-verify-header,.matchid-password-box .matchid-password-header{gap:12px;height:32px}}.matchid-email-verify-box .matchid-email-verify-header .matchid-email-verify-header-icon,.matchid-email-verify-box .matchid-email-verify-header .matchid-password-header-icon,.matchid-email-verify-box .matchid-password-header .matchid-email-verify-header-icon,.matchid-email-verify-box .matchid-password-header .matchid-password-header-icon,.matchid-password-box .matchid-email-verify-header .matchid-email-verify-header-icon,.matchid-password-box .matchid-email-verify-header .matchid-password-header-icon,.matchid-password-box .matchid-password-header .matchid-email-verify-header-icon,.matchid-password-box .matchid-password-header .matchid-password-header-icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid var(--matchid-black)}@media screen and (max-width: 768px){.matchid-email-verify-box .matchid-email-verify-header .matchid-email-verify-header-icon,.matchid-email-verify-box .matchid-email-verify-header .matchid-password-header-icon,.matchid-email-verify-box .matchid-password-header .matchid-email-verify-header-icon,.matchid-email-verify-box .matchid-password-header .matchid-password-header-icon,.matchid-password-box .matchid-email-verify-header .matchid-email-verify-header-icon,.matchid-password-box .matchid-email-verify-header .matchid-password-header-icon,.matchid-password-box .matchid-password-header .matchid-email-verify-header-icon,.matchid-password-box .matchid-password-header .matchid-password-header-icon{width:32px;height:32px}}.matchid-email-verify-box .matchid-email-verify-header .matchid-email-verify-header-content,.matchid-email-verify-box .matchid-password-header .matchid-email-verify-header-content,.matchid-password-box .matchid-email-verify-header .matchid-email-verify-header-content,.matchid-password-box .matchid-password-header .matchid-email-verify-header-content{flex:1;display:flex;height:100%;flex-direction:column;justify-content:space-between}.matchid-email-verify-box .matchid-email-verify-header .matchid-email-verify-header-content .matchid-email-verify-header-value,.matchid-email-verify-box .matchid-password-header .matchid-email-verify-header-content .matchid-email-verify-header-value,.matchid-password-box .matchid-email-verify-header .matchid-email-verify-header-content .matchid-email-verify-header-value,.matchid-password-box .matchid-password-header .matchid-email-verify-header-content .matchid-email-verify-header-value{color:var(--matchid-email-verify-header-value-color);font-size:24px;font-weight:600;line-height:100%}@media screen and (max-width: 768px){.matchid-email-verify-box .matchid-email-verify-header .matchid-email-verify-header-content .matchid-email-verify-header-value,.matchid-email-verify-box .matchid-password-header .matchid-email-verify-header-content .matchid-email-verify-header-value,.matchid-password-box .matchid-email-verify-header .matchid-email-verify-header-content .matchid-email-verify-header-value,.matchid-password-box .matchid-password-header .matchid-email-verify-header-content .matchid-email-verify-header-value{font-size:16px;font-weight:500}}.matchid-email-verify-box .matchid-email-verify-header .matchid-email-verify-header-content .matchid-email-verify-header-tips,.matchid-email-verify-box .matchid-password-header .matchid-email-verify-header-content .matchid-email-verify-header-tips,.matchid-password-box .matchid-email-verify-header .matchid-email-verify-header-content .matchid-email-verify-header-tips,.matchid-password-box .matchid-password-header .matchid-email-verify-header-content .matchid-email-verify-header-tips{color:var(--matchid-email-verify-header-value-tips);font-size:14px;line-height:120%}@media screen and (max-width: 768px){.matchid-email-verify-box .matchid-email-verify-header .matchid-email-verify-header-content .matchid-email-verify-header-tips,.matchid-email-verify-box .matchid-password-header .matchid-email-verify-header-content .matchid-email-verify-header-tips,.matchid-password-box .matchid-email-verify-header .matchid-email-verify-header-content .matchid-email-verify-header-tips,.matchid-password-box .matchid-password-header .matchid-email-verify-header-content .matchid-email-verify-header-tips{font-size:12px}}.matchid-email-verify-box .matchid-email-verify-header .matchid-password-header-content,.matchid-email-verify-box .matchid-password-header .matchid-password-header-content,.matchid-password-box .matchid-email-verify-header .matchid-password-header-content,.matchid-password-box .matchid-password-header .matchid-password-header-content{font-size:16px;font-weight:500;color:var(--matchid-password-header-color)}@media screen and (max-width: 768px){.matchid-email-verify-box .matchid-email-verify-header .matchid-password-header-content,.matchid-email-verify-box .matchid-password-header .matchid-password-header-content,.matchid-password-box .matchid-email-verify-header .matchid-password-header-content,.matchid-password-box .matchid-password-header .matchid-password-header-content{font-size:14px}}.matchid-unlogin-btn,.matchid-login-btn{gap:8px}.matchid-login-btn{padding:0 12px 0 4px;background:var(--matchid-login-btn-bg-color);color:var(--matchid-login-btn-text-color);fill:var(--matchid-login-btn-icon-color);border-color:var(--matchid-login-btn-border-color)}.matchid-login-btn:hover,.matchid-login-btn:not(:disabled):hover{background:var(--matchid-login-btn-hover-bg-color);color:var(--matchid-login-btn-hover-text-color);fill:var(--matchid-login-btn-hover-icon-color);border-color:var(--matchid-login-btn-hover-border-color)}.matchid-login-btn:focus,.matchid-login-btn:not(:disabled):focus{box-shadow:var(--matchid-shadow-small);background:var(--matchid-login-btn-active-bg-color);color:var(--matchid-login-btn-active-text-color);fill:var(--matchid-login-btn-active-icon-color);border-color:var(--matchid-login-btn-active-border-color)}.matchid-login-btn-box{position:relative}.matchid-valid{margin-top:24px;display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 768px){.matchid-valid{gap:4px}}.matchid-valid .matchid-valid-status-item{display:flex;font-size:14px;gap:8px;align-items:flex-start;color:var()}@media screen and (max-width: 768px){.matchid-valid .matchid-valid-status-item{font-size:12px;line-height:normal}}.matchid-valid .matchid-valid-status-item span{flex:1}.matchid-valid .matchid-valid-status-item.matchid-valid-status-success{color:var(--matchid-valid-success-color)}.matchid-valid .matchid-valid-status-item.matchid-valid-status-error{color:var(--matchid-valid-error-color)}.matchid-password-content{display:flex;flex-direction:column;gap:24px}.matchid-popover-box{position:relative;display:inline-block}.matchid-popover-box .matchid-popover-area{display:none;position:absolute;z-index:100}.matchid-popover-box .matchid-popover-area .matchid-popover-content{background:var(--matchid-popover-bg);box-shadow:var(--matchid-shadow-middle);border-radius:12px;padding:16px 0;border:1px solid var(--matchid-popover-bg)}.matchid-popover-box .matchid-popover-area .matchid-popover-content:hover{border:1px solid var(--matchid-highlight-orange)}.matchid-popover-box.matchid-popover-click-active .matchid-popover-area,.matchid-popover-box.matchid-popover-hover:hover .matchid-popover-area{display:block}.matchid-popover-box.matchid-popover-left .matchid-popover-area{left:0;top:100%}.matchid-popover-box.matchid-popover-right .matchid-popover-area{right:0;top:100%}.matchid-popover-box.matchid-popover-center .matchid-popover-area{left:50%;top:100%;transform:translate(-50%)}.matchid-user-popover-content{padding:0 12px;display:flex;width:280px;flex-direction:column;gap:32px;font-size:16px}.matchid-user-popover-content .matchid-user-popover-list{display:flex;flex-direction:column;width:100%;gap:8px}.matchid-user-popover-content .matchid-user-popover-list .matchid-user-popover-item{display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:8px;height:48px;color:var(--matchid-user-popover-color);--icon-color: var(--matchid-user-popover-color)}.matchid-user-popover-content .matchid-user-popover-list .matchid-user-popover-item .matchid-user-popover-item-content{display:flex;gap:8px;align-items:center}.matchid-user-popover-content .matchid-user-popover-list .matchid-user-popover-item:hover{color:var(--matchid-user-popover-hover-color);--icon-color: var(--matchid-user-popover-hover-color)}.matchid-user-popover-divider{height:1px;width:100%;background:var(--matchid-line)}.matchid-wallet-container{background:#fff;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center}.matchid-wallet-container .matchid-wallet-box{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;padding:24px}.matchid-wallet-container .matchid-wallet-box .matchid-wallet-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6e6e6e;text-align:center;font-size:20px;font-weight:500;line-height:20px}.matchid-wallet-container .matchid-wallet-box .matchid-wallet-content img{width:128px;height:128px}.matchid-email-verify-field{padding-right:0}.matchid-cex-modal{font-size:14px;display:flex;flex-direction:column;gap:12px}.matchid-drawer{width:416px;height:100vh;padding:24px 24px 0;background:#fff;display:flex;gap:48px;position:absolute;top:0;right:0;transition:all .3s;flex-direction:column;border-left:1px solid #D3D3D3;box-shadow:-20px 0 20px #16112e1f}.matchid-drawer .matchid-drawer-header{font-size:18px;font-weight:500;padding-bottom:24px;border-bottom:1px solid var(--matchid-line);display:flex;justify-content:space-between}.matchid-drawer .matchid-drawer-header .matchid-drawer-header-content{display:flex;gap:12px;align-items:center}.matchid-drawer .matchid-drawer-header .matchid-drawer-header-close,.matchid-drawer .matchid-drawer-header .matchid-drawer-header-back{cursor:pointer}.matchid-hashpanel-header{font-size:16px;font-weight:500;display:block}@media screen and (min-width: 768px){.matchid-hashpanel-header{display:none}}.matchid-hashpanel-box{display:flex;flex-direction:column;gap:36px;align-items:center}@media screen and (min-width: 768px){.matchid-hashpanel-box{justify-content:space-between;flex:1;padding-bottom:120px}}.matchid-hashpanel-box .matchid-hashpanel-content{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%}@media screen and (min-width: 768px){.matchid-hashpanel-box .matchid-hashpanel-content{gap:48px}}.matchid-hashpanel-box .matchid-hashpanel-content .matchid-hashpanel-status{font-size:24px;font-weight:500;display:none}@media screen and (min-width: 768px){.matchid-hashpanel-box .matchid-hashpanel-content .matchid-hashpanel-status{display:block}}.matchid-hashpanel-box .matchid-hashpanel-content .matchid-hashpanel-img{width:96px;height:96px}.matchid-hashpanel-box .matchid-hashpanel-content .matchid-hashpanel-hash{width:100%;font-size:14px;word-break:break-all}@media screen and (min-width: 768px){.matchid-hashpanel-box .matchid-hashpanel-content .matchid-hashpanel-hash{font-size:16px}}.matchid-hashpanel-box .matchid-hashpanel-content .matchid-hashpanel-hash a{color:var(--matchid-link);text-decoration:none}.matchid-switch{width:64px;height:32px;background-color:var(--matchid-switch-bg);border-radius:16px;cursor:pointer;position:relative;transition:background-color .3s ease}.matchid-switch .matchid-switch-ball,.matchid-switch .matchid-switch-loading-icon{width:24px;height:24px;transition:transform .3s ease,left .3s,background-color .3s ease;position:absolute;left:4px;top:4px}.matchid-switch .matchid-switch-ball{background-color:var(--matchid-switch-ball);border-radius:50%}.matchid-switch.matchid-switch-sm{width:48px;height:24px;border-radius:12px}.matchid-switch.matchid-switch-sm .matchid-switch-ball,.matchid-switch.matchid-switch-sm .matchid-switch-loading-icon{width:18px;height:18px;left:3px;top:3px}.matchid-switch.matchid-switch-checked{background-color:var(--matchid-switch-checked-bg)}.matchid-switch.matchid-switch-checked .matchid-switch-ball,.matchid-switch.matchid-switch-checked .matchid-switch-loading-icon{left:36px}.matchid-switch.matchid-switch-checked.matchid-switch-sm .matchid-switch-ball,.matchid-switch.matchid-switch-checked .matchid-switch-sm .matchid-switch-loading-icon{left:27px}.matchid-switch.matchid-switch-disabled,.matchid-switch.matchid-switch-loading{cursor:not-allowed;background-color:var(--matchid-switch-disabled-bg)}.matchid-switch.matchid-switch-disabled.matchid-switch-checked,.matchid-switch.matchid-switch-loading.matchid-switch-checked{background-color:var(--matchid-switch-disabled-checked-bg)}.matchid-switch.matchid-switch-loading .matchid-switch-loading-icon{animation:spin 2s linear infinite}.matchid-alpha-avatar{display:flex;justify-content:center;align-items:center;border-radius:50%;background:var(--matchid-avatar-bg);color:var(--matchid-avatar-color);font-weight:500}.matchid-radio{cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid var(--matchid-radio-line)}.matchid-radio.matchid-radio-checked{border-color:var(--matchid-radio-checked)}.matchid-radio.matchid-radio-checked .matchid-radio-content{background:var(--matchid-radio-checked);border-radius:100%}.matchid-change-network-box{display:flex;flex-direction:column;gap:48px}@media screen and (max-width: 768px){.matchid-change-network-box{gap:36px}}.matchid-change-network-box .matchid-change-network-list{display:flex;flex-direction:column;gap:24px}@media screen and (max-width: 768px){.matchid-change-network-box .matchid-change-network-list{gap:16px}}.matchid-change-network-box .matchid-change-network-list .matchid-change-network-item{cursor:pointer;display:flex;align-items:center;gap:8px;justify-content:space-between;padding:16px;border:1px solid var(--matchid-line);border-radius:16px;transition:border-color .2s}@media screen and (max-width: 768px){.matchid-change-network-box .matchid-change-network-list .matchid-change-network-item{padding:10px 16px;border-radius:12px}}.matchid-change-network-box .matchid-change-network-list .matchid-change-network-item:hover,.matchid-change-network-box .matchid-change-network-list .matchid-change-network-item.matchid-change-network-selected{border-color:var(--matchid-highlight-orange)}.matchid-change-network-box .matchid-change-network-list .matchid-change-network-item .matchid-change-network-item-content{display:flex;align-items:center;gap:16px}@media screen and (max-width: 768px){.matchid-change-network-box .matchid-change-network-list .matchid-change-network-item .matchid-change-network-item-content{gap:8px}}.matchid-change-network-box .matchid-change-network-list .matchid-change-network-item .matchid-change-network-item-content .matchid-change-network-item-icon{width:28px;height:28px;border-radius:8px}@media (min-width: 768px){.matchid-change-network-box .matchid-change-network-list .matchid-change-network-item .matchid-change-network-item-content .matchid-change-network-item-icon{width:40px;height:40px}}.matchid-change-network-box .matchid-change-network-list .matchid-change-network-item .matchid-change-network-item-content .matchid-change-network-item-name{font-size:14px;font-weight:500}@media (min-width: 768px){.matchid-change-network-box .matchid-change-network-list .matchid-change-network-item .matchid-change-network-item-content .matchid-change-network-item-name{font-size:16px}}.matchid-toast-box{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:8px}.matchid-toast-box .matchid-toast{display:flex;align-items:center;box-shadow:var(--matchid-shadow-small);padding-left:12px;padding-right:12px;gap:4px;height:40px;color:#000;background-color:#fff;font-size:14px;border:1px solid var(--matchid-line);border-radius:100px;transform:scale(1);transition:all .3s ease}.matchid-receive-modal{display:flex;flex-direction:column;align-items:center;flex:1;gap:48px}@media screen and (max-width: 768px){.matchid-receive-modal{gap:36px}}.matchid-receive-modal .matchid-receive-container{display:flex;flex-direction:column;align-items:center;gap:48px}@media screen and (max-width: 768px){.matchid-receive-modal .matchid-receive-container{gap:24px}}.matchid-receive-modal .matchid-receive-container .matchid-receive-text{font-size:14px;font-weight:500}@media (min-width: 768px){.matchid-receive-modal .matchid-receive-container .matchid-receive-text{font-size:16px}}.matchid-receive-modal .matchid-receive-container .matchid-qr-container{border:2px solid var(--matchid-line);border-radius:12px;padding:16px}@media screen and (max-width: 768px){.matchid-receive-modal .matchid-receive-container .matchid-qr-container{padding:10px}}.matchid-receive-modal .matchid-receive-container .matchid-qr-container .matchid-qr-code{width:148px;height:148px}@media screen and (max-width: 768px){.matchid-receive-modal .matchid-receive-container .matchid-qr-container .matchid-qr-code{width:88px;height:88px}}.matchid-receive-modal .matchid-receive-container .matchid-receive-link{text-align:center;word-break:break-all;color:var(--matchid-link);font-size:14px;font-weight:500}.matchid-import-token{display:flex;flex-direction:column;gap:48px}@media screen and (max-width: 768px){.matchid-import-token{gap:36px}}.matchid-import-token .matchid-import-token-form{display:flex;flex-direction:column;gap:24px}@media screen and (max-width: 768px){.matchid-import-token .matchid-import-token-form{gap:16px}}.matchid-wallet-asset-list{display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 768px){.matchid-wallet-asset-list{gap:8px}}.matchid-wallet-asset-list .matchid-wallet-asset-item{background:var(--matchid-wallet-asset-bg);color:var(--matchid-wallet-asset-color);display:flex;cursor:pointer;gap:8px;align-items:center;padding:16px;border:1px solid var(--matchid-line);border-radius:16px}@media screen and (max-width: 768px){.matchid-wallet-asset-list .matchid-wallet-asset-item{padding:10px 16px}}.matchid-wallet-asset-list .matchid-wallet-asset-item:hover{border-color:var(--matchid-highlight-orange)}.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-logo{position:relative;height:46px;width:42px;display:flex;align-items:center}@media screen and (max-width: 768px){.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-logo{width:36px;height:36px}}.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-logo .matchid-wallet-asset-icon{width:40px;height:40px;border-radius:8px}@media screen and (max-width: 768px){.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-logo .matchid-wallet-asset-icon{width:36px;height:36px}}.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-logo .matchid-wallet-asset-chain{position:absolute;border-radius:100%;width:12px;height:12px;right:0;bottom:1px}@media screen and (max-width: 768px){.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-logo .matchid-wallet-asset-chain{wdth:10px;height:10px}}.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-info{height:46px;display:flex;flex:1;align-items:center;justify-content:space-between;gap:10px}@media screen and (max-width: 768px){.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-info{height:44px}}.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-info .matchid-wallet-asset-name{font-size:16px;font-weight:500;flex:1;color:var(--matchid-black);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-info .matchid-wallet-asset-name{font-size:14px}}.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-info .matchid-wallet-asset-content{display:flex;flex-direction:column;gap:4px;flex:1}.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-info .matchid-wallet-asset-content .matchid-wallet-asset-price{font-size:16px;font-weight:500;color:var(--matchid-black)}@media (max-width: 768px){.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-info .matchid-wallet-asset-content .matchid-wallet-asset-price{font-size:14px}}.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-info .matchid-wallet-asset-content .matchid-wallet-asset-value{font-size:14px;font-weight:500;color:var(--matchid-gray-600)}.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-info .matchid-wallet-asset-footer{flex:1;display:flex;flex-direction:column;gap:4px;align-items:end}.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-info .matchid-wallet-asset-footer .matchid-wallet-asset-balance{font-size:16px;font-weight:500;color:var(--matchid-success)}@media (max-width: 768px){.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-info .matchid-wallet-asset-footer .matchid-wallet-asset-balance{font-size:14px}}.matchid-wallet-asset-list .matchid-wallet-asset-item .matchid-wallet-asset-info .matchid-wallet-asset-footer .matchid-wallet-asset-change{font-size:14px;font-weight:400}.matchid-wallet-asset-list .matchid-wallet-asset-down{color:var(--matchid-error)}.matchid-wallet-asset-list .matchid-wallet-asset-up{color:var(--matchid-success)}.matchid-token-detail{flex:1;display:flex;justify-content:space-between;flex-direction:column;padding-bottom:200px;gap:48px}@media (max-width: 768px){.matchid-token-detail{padding-bottom:0;gap:36px}}.matchid-token-detail .matchid-token-main{display:flex;flex-direction:column;gap:24px;align-items:center}.matchid-token-detail .matchid-token-main .matchid-token-info{display:flex;flex-direction:column;gap:8px;align-items:center}.matchid-token-detail .matchid-token-main .matchid-token-info .matchid-token-logo{position:relative;width:48px;height:48px}.matchid-token-detail .matchid-token-main .matchid-token-info .matchid-token-logo .matchid-token-icon{width:100%;height:100%;border-radius:100%}.matchid-token-detail .matchid-token-main .matchid-token-info .matchid-token-logo .matchid-token-chain{position:absolute;border-radius:100%;width:12px;height:12px;right:0;bottom:0}.matchid-token-detail .matchid-token-main .matchid-token-info .matchid-token-name{font-size:20px;font-weight:500;color:var(--matchid-black)}@media (max-width: 768px){.matchid-token-detail .matchid-token-main .matchid-token-info .matchid-token-name{font-size:16px}}.matchid-token-detail .matchid-token-main .matchid-token-contract{gap:16px;display:flex;flex-direction:column;padding:16px;background:var(--matchid-gray-100);border-radius:12px}@media (max-width: 768px){.matchid-token-detail .matchid-token-main .matchid-token-contract{gap:8px}}.matchid-token-detail .matchid-token-main .matchid-token-contract .matchid-token-contract-title{color:var(--matchid-black);font-size:16px;font-weight:500}@media (max-width: 768px){.matchid-token-detail .matchid-token-main .matchid-token-contract .matchid-token-contract-title{font-size:14px}}.matchid-token-detail .matchid-token-main .matchid-token-contract .matchid-token-contract-address{width:100%;word-break:break-all;font-size:14px;color:var(--matchid-secondary-grey)}@media (max-width: 768px){.matchid-token-detail .matchid-token-main .matchid-token-contract .matchid-token-contract-address{font-size:12px}}.matchid-token-send-box{flex:1;display:flex;justify-content:space-between;flex-direction:column;padding-bottom:200px;gap:40px}@media (max-width: 768px){.matchid-token-send-box{padding-bottom:0;gap:68px}}.matchid-token-send-box .matchid-token-send-content{display:flex;flex-direction:column;gap:16px}.matchid-token-send-box .matchid-token-send-content .matchid-token-amount-content,.matchid-token-send-box .matchid-token-send-content .matchid-token-address-content{padding:16px;background:var(--matchid-light-grey);border-radius:16px;display:flex;gap:16px;flex-direction:column;position:relative}.matchid-token-send-box .matchid-token-send-content .matchid-token-amount-content .matchid-token-amount-transfer{position:absolute;left:50%;bottom:-20px;transform:translate(-50%)}.matchid-token-send-box .matchid-token-send-content .matchid-token-amount-content .matchid-token-amount-header{display:flex;justify-content:space-between;align-items:center}.matchid-token-send-box .matchid-token-send-content .matchid-token-amount-content .matchid-token-amount-header .matchid-token-amount-title{font-size:16px;font-weight:500;color:var(--matchid-black)}@media (max-width: 768px){.matchid-token-send-box .matchid-token-send-content .matchid-token-amount-content .matchid-token-amount-header .matchid-token-amount-title{font-size:14px}}.matchid-token-send-box .matchid-token-send-content .matchid-token-amount-content .matchid-token-amount-header .matchid-token-amount-chain{display:flex;align-items:center;gap:4px;border-radius:100px;padding:4px 8px;background:var(--matchid-white)}.matchid-token-send-box .matchid-token-send-content .matchid-token-amount-content .matchid-token-amount-header .matchid-token-amount-chain .matchid-token-amount-chain-icon{width:16px;height:16px;border-radius:50%}.matchid-token-send-box .matchid-token-send-content .matchid-token-amount-content .matchid-token-amount-header .matchid-token-amount-chain span{font-size:12px;font-weight:500;color:var(--matchid-black)}.matchid-token-send-box .matchid-token-send-content .matchid-token-amount-content .matchid-token-amount-footer{display:flex;align-items:center;gap:8px;font-size:14px}@media (max-width: 768px){.matchid-token-send-box .matchid-token-send-content .matchid-token-amount-content .matchid-token-amount-footer{font-size:12px}}.matchid-token-send-box .matchid-token-send-content .matchid-token-amount-content .matchid-token-amount-footer .matchid-token-amount-title{font-weight:300;color:var(--matchid-secondary-grey)}.matchid-token-send-box .matchid-token-send-content .matchid-token-amount-content .matchid-token-amount-footer .matchid-token-amount-value{color:var(--matchid-black);font-weight:500}.matchid-token-send-box .matchid-token-send-content .matchid-token-address-content .matchid-token-address-header .matchid-token-address-title{font-size:16px;font-weight:500;color:var(--matchid-black)}@media (max-width: 768px){.matchid-token-send-box .matchid-token-send-content .matchid-token-address-content .matchid-token-address-header .matchid-token-address-title{font-size:14px}}.matchid-token-input-box{display:flex;flex-direction:column;gap:8px}.matchid-token-input-box .matchid-token-input{width:100%;background:transparent;font-size:24px;color:var(--matchid-black);padding:10px 0;border:none;font-weight:600;border-bottom:1px solid var(--matchid-line);caret-color:var(--matchid-black)}@media (max-width: 768px){.matchid-token-input-box .matchid-token-input{font-size:20px}}.matchid-token-input-box .matchid-token-input::-moz-placeholder{color:var(--matchid-disabled);font-weight:300}.matchid-token-input-box .matchid-token-input::placeholder{color:var(--matchid-disabled);font-weight:300}.matchid-token-input-box .matchid-token-input.matchid-token-input-error{border-color:var(--matchid-highlight-orange)}.matchid-token-input-box .matchid-token-input:focus{outline:none}.matchid-token-input-box.matchid-token-input-sm .matchid-token-input{font-size:16px}@media (max-width: 768px){.matchid-token-input-box.matchid-token-input-sm .matchid-token-input{font-size:14px}}.matchid-token-input-box .matchid-token-input-error-text{font-size:12px;color:var(--matchid-error);font-weight:500}.matchid-token-send-list-box{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:48px;overflow-y:scroll;max-height:70vh}@media (max-width: 768px){.matchid-token-send-list-box{padding-bottom:0;gap:36px}}.matchid-token-send-list-box .matchid-token-send-list{display:flex;flex-direction:column;gap:24px;flex:1;overflow-y:scroll;max-height:calc(70vh - 98px)}@media (max-width: 768px){.matchid-token-send-list-box .matchid-token-send-list{max-height:calc(70vh - 86px)}}.matchid-token-send-list-box .matchid-token-send-list .matchid-token-send-item{cursor:pointer;display:flex;align-items:center;gap:8px;justify-content:space-between;padding:16px;border:1px solid var(--matchid-line);border-radius:16px;transition:border-color .2s}@media (max-width: 768px){.matchid-token-send-list-box .matchid-token-send-list .matchid-token-send-item{padding:10px 16px;border-radius:12px}}.matchid-token-send-list-box .matchid-token-send-list .matchid-token-send-item:hover,.matchid-token-send-list-box .matchid-token-send-list .matchid-token-send-item.matchid-token-send-checked{border-color:var(--matchid-highlight-orange)}.matchid-token-send-list-box .matchid-token-send-list .matchid-token-send-item .matchid-token-send-content{display:flex;align-items:center;flex:1;gap:16px}@media (max-width: 768px){.matchid-token-send-list-box .matchid-token-send-list .matchid-token-send-item .matchid-token-send-content{gap:8px}}.matchid-token-send-list-box .matchid-token-send-list .matchid-token-send-item .matchid-token-send-content .matchid-token-send-logo{width:28px;height:28px;position:relative}.matchid-token-send-list-box .matchid-token-send-list .matchid-token-send-item .matchid-token-send-content .matchid-token-send-logo .matchid-token-send-icon{width:100%;height:100%;border-radius:8px}.matchid-token-send-list-box .matchid-token-send-list .matchid-token-send-item .matchid-token-send-content .matchid-token-send-logo .matchid-token-send-chain{position:absolute;border-radius:100%;width:12px;height:12px;right:-1px;bottom:-1px}@media (min-width: 768px){.matchid-token-send-list-box .matchid-token-send-list .matchid-token-send-item .matchid-token-send-content .matchid-token-send-logo{width:40px;height:40px}}.matchid-token-send-list-box .matchid-token-send-list .matchid-token-send-item .matchid-token-send-content .matchid-token-send-info{font-size:14px;font-weight:500;display:flex;flex:1;align-items:center;justify-content:space-between;gap:10px}@media (min-width: 768px){.matchid-token-send-list-box .matchid-token-send-list .matchid-token-send-item .matchid-token-send-content .matchid-token-send-info{font-size:16px}}.matchid-rotate{animation:spin 2s linear infinite}.matchid-transaction-item{padding:16px;display:flex;justify-content:space-between;border:1px solid var(--matchid-line);border-radius:16px;height:78px;background:var(--matchid-wallet-transaction-bg);color:var(--matchid-wallet-transaction-color)}@media screen and (max-width: 768px){.matchid-transaction-item{height:64px}}.matchid-transaction-item:hover{border-color:var(--matchid-highlight-orange)}.matchid-transaction-item .matchid-transacton-item-container{display:flex;gap:8px;align-items:center}.matchid-transaction-item .matchid-transacton-item-container .matchid-transaction-item-icon{background-color:var(--matchid-light-grey);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 768px){.matchid-transaction-item .matchid-transacton-item-container .matchid-transaction-item-icon{width:36px;height:36px}}.matchid-transaction-item .matchid-transacton-item-container .matchid-transaction-item-icon .rotate-180{transform:rotate(180deg)}.matchid-transaction-item .matchid-transacton-item-container .matchid-transaction-item-details{display:flex;flex-direction:column;justify-content:space-between}.matchid-transaction-item .matchid-transacton-item-container .matchid-transaction-item-details .matchid-transaction-item-address{font-size:16px;font-weight:500;color:#000}@media screen and (max-width: 768px){.matchid-transaction-item .matchid-transacton-item-container .matchid-transaction-item-details .matchid-transaction-item-address{font-size:14px}}.matchid-transaction-item .matchid-transacton-item-container .matchid-transaction-item-details .matchid-transaction-item-timestamp{font-size:14px;color:var(--matchid-secondary-grey)}@media screen and (max-width: 768px){.matchid-transaction-item .matchid-transacton-item-container .matchid-transaction-item-details .matchid-transaction-item-timestamp{font-size:12px}}.matchid-transaction-item .matchid-transaction-item-amount{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500}.matchid-transaction-item .matchid-transaction-item-amount span{text-align:right}@media screen and (max-width: 768px){.matchid-transaction-item .matchid-transaction-item-amount{font-size:14px}}.matchid-transaction-item .matchid-transaction-item-loading{color:var(--matchid-black)}.matchid-transaction-item .matchid-transaction-item-success{color:var(--matchid-success)}.matchid-transaction-item .matchid-transaction-item-error{color:var(--matchid-error)}.matchid-transaction-list{display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 768px){.matchid-transaction-list{gap:8px}}.matchid-list-nomore{gap:8px;text-align:center;font-size:16px;padding:16px 0;display:flex;align-items:center;justify-content:center;color:var(--matchid-secondary-grey)}@media screen and (max-width: 768px){.matchid-list-nomore{font-size:14px}}.matchid-flex{display:flex}.matchid-import-token-result{display:flex;flex:1;flex-direction:column;padding-bottom:100px;gap:24px;justify-content:space-between}@media screen and (max-width: 768px){.matchid-import-token-result{padding-bottom:0;gap:115px}}.matchid-import-token-result .matchid-import-token-result-box{display:flex;flex-direction:column;gap:48px;align-items:center}@media screen and (max-width: 768px){.matchid-import-token-result .matchid-import-token-result-box{gap:24px}}.matchid-import-token-result .matchid-import-token-result-box .matchid-import-token-result-img{width:96px;height:96px}.matchid-import-token-result .matchid-import-token-result-box .matchid-import-token-result-text{font-size:24px;font-weight:500;color:var(--matchid-success)}@media screen and (max-width: 768px){.matchid-import-token-result .matchid-import-token-result-box .matchid-import-token-result-text{font-size:18px}}.matchid-import-token-result .matchid-import-token-result-box .matchid-import-token-result-text-fail{color:var(--matchid-error)}