@matchain/matchid-sdk-react 0.1.44-alpha.7 → 0.1.44-alpha.9

package/example/dist/assets/index-DvlQmnc9.js

@@ -1 +0,0 @@
-import{P,W as w,l as E,m as M,n as p,o as L,p as O,T as U,b as R}from"./index-CvZtcbs0.js";var a;(function(n){n.PROJECT_APPROVED="PROJECT_APPROVED",n.HANDSHAKE="HANDSHAKE",n.HANDSHAKE_ACK="HANDSHAKE_ACK",n.SIGNED_TRANSACTION="SIGNED_TRANSACTION",n.SIGNED_PARTIAL_TRANSACTION="SIGNED_PARTIAL_TRANSACTION",n.FAILED_TO_SIGN_TRANSACTION="FAILED_TO_SIGN_TRANSACTION",n.TRANSACTION_DENIED="TRANSACTION_DENIED",n.SOLANA_WALLET_ADAPTER_APPROVED="SOLANA_WALLET_ADAPTER_APPROVED",n.SOLANA_WALLET_ADAPTER_DENIED="SOLANA_WALLET_ADAPTER_DENIED",n.POPUP_CLOSED="POPUP_CLOSED",n.TRANSACTION_SIGNATURE_NEEDED="TRANSACTION_SIGNATURE_NEEDED",n.TRANSACTION_SIGNATURE_NEEDED_RESPONSE="TRANSACTION_SIGNATURE_NEEDED_RESPONSE",n.AUTH_LOADED="AUTH_LOADED",n.MESSAGE_SIGNATURE_NEEDED="MESSAGE_SIGNATURE_NEEDED",n.MESSAGE_SIGNATURE_NEEDED_RESPONSE="MESSAGE_SIGNATURE_NEEDED_RESPONSE",n.ONRAMP_FULFILLMENT_COMPLETE="ONRAMP_FULFILLMENT_COMPLETE",n.ONRAMP_REJECTED="ONRAMP_REJECTED"})(a||(a={}));var g;(function(n){n.UNKNOWN="UNKNOWN",n.REACT_SDK="REACT_SDK",n.SOLANA_WALLET_ADAPTER="SOLANA_WALLET_ADAPTER"})(g||(g={}));class W{constructor(t,e){this.validatedOrigin=t,this.targetWindow=e,this.handlers=new Map}off(t,e){const s=this.handlers.get(t);s==null||s.delete(e)}on(t,e){var s;const r=(s=this.handlers.get(t))!==null&&s!==void 0?s:new Set;r.add(e),this.handlers.set(t,r)}send({event:t,payload:e}){this.targetWindow.postMessage({event:t,payload:e},this.validatedOrigin)}runHandlersForEvent(t,e){const s=this.handlers.get(t);if(s)for(const r of s)r(e)}resetHandlers(){this.handlers.clear()}export(){return{off:this.off.bind(this),on:this.on.bind(this),send:this.send.bind(this),validatedOrigin:this.validatedOrigin}}}const v="https://fractal.is",y="https://www.fractal.is",b=400,h=600;function m(n){return n===y||n===v}const G="fractal:approval:popup",K=["resizable","scrollbars=1","status=1"];function H({left:n=0,scope:t=window,top:e=0,width:s=h,height:r=h,url:c}){return t.open(c,G,$({height:r,left:n,top:e,width:s}))}function $({height:n,left:t,top:e,width:s}){return["popup",`left=${t}`,`top=${e}`,`width=${s}`,`height=${n}`,...K].join(",")}class F{constructor(t){this.platform=t,this.connection=null,this.popupWindow=null,this.handleMessage=e=>{var s,r;if(!m(e.origin))return;const c=e.origin;if(this.popupWindow){if(e.data.event===a.HANDSHAKE&&!this.connection){if(!this.verifyAndResetNonce((s=e.data.payload)===null||s===void 0?void 0:s.nonce))return;this.popupWindow.postMessage({event:a.HANDSHAKE_ACK,payload:{platform:this.platform}},c),this.connection=new W(c,this.popupWindow),(r=this.connectionUpdatedCallback)===null||r===void 0||r.call(this,this.connection)}this.connection&&(this.connection.runHandlersForEvent(e.data.event,e.data.payload),e.data.event===a.POPUP_CLOSED&&this.connection&&(this.resetConnection(),this.popupWindow=null))}}}initialize(){return window.addEventListener("message",this.handleMessage),this}tearDown(){return window.removeEventListener("message",this.handleMessage),this.resetConnection(),this}async open({url:t,widthPx:e=b,heightPx:s=h,nonce:r}){var c;if(!((c=this.popupWindow)===null||c===void 0)&&c.closed&&this.resetConnectionAndPopupWindow(),this.popupWindow)return;this.initialize(),r&&(this.nonce=r);const d=window.screenX+(window.innerWidth-e)/2,A=window.screenY+(window.innerHeight-s)/2;this.popupWindow=H({height:s,left:d,top:A,url:typeof t=="string"?t:void 0,width:e}),t instanceof Promise&&this.setUrl(await t)}close(){this.popupWindow&&(this.popupWindow.close(),this.resetConnectionAndPopupWindow())}onConnectionUpdated(t){return this.connectionUpdatedCallback=t,this}getConnection(){return this.connection}setUrl(t){this.popupWindow&&(this.popupWindow.location=t)}resetConnectionAndPopupWindow(){this.resetConnection(),this.popupWindow=null}resetConnection(){var t,e;(t=this.connection)===null||t===void 0||t.resetHandlers(),this.connection=null,(e=this.connectionUpdatedCallback)===null||e===void 0||e.call(this,this.connection)}verifyAndResetNonce(t){if(!this.nonce)return!0;const e=t===this.nonce;return e&&(this.nonce=void 0),e}}function f(n){return!(n===null||typeof n!="object")}function x(n){return!(!f(n)||!("solanaPublicKey"in n)||typeof n.solanaPublicKey!="string")}function k(n){return!f(n)||!("signedB58Transactions"in n)||!Array.isArray(n.signedB58Transactions)?!1:n.signedB58Transactions.every(t=>typeof t=="string")}function B(n){return!f(n)||!("decodedSignature"in n)?!1:typeof n.decodedSignature=="string"}function _(){return`${T()}${T()}${T()}`}function T(){return(Math.random()+1).toString(36).substring(7)}const N="Unknown Error",D="https://fractal.is",J=`${D}/wallet-adapter/approve`,j=`${D}/wallet-adapter/sign`,V=`${D}/wallet-adapter/sign/message`,I=h,C=850,S="RdxqNYxF";class z{constructor(){this.popupManager=new F(g.SOLANA_WALLET_ADAPTER),this.publicKey=null,this.connecting=!1}getPublicKey(){return this.publicKey}async connect(){let t,e;const s=window.localStorage.getItem(S);if(s)return this.publicKey=new P(s),Promise.resolve();const r=_();this.popupManager.open({nonce:r,url:`${J}/${r}`});const c=i=>{if(!x(i)){e(new p(`Malformed payload when setting up connection. Expected { solanaPublicKey: string } but received ${JSON.stringify(i)}`)),this.popupManager.close();return}try{this.publicKey=new P(i.solanaPublicKey),window.localStorage.setItem(S,i.solanaPublicKey),t()}catch(o){const l=new L(o instanceof Error?o.message:N,o);e(l)}this.popupManager.close()},d=()=>{e(new p("The user denied the connection.")),this.popupManager.close()},A=()=>{e(new p("The user denied the connection.")),this.popupManager.close()};return this.popupManager.onConnectionUpdated(i=>{i&&(i.on(a.SOLANA_WALLET_ADAPTER_APPROVED,c),i.on(a.SOLANA_WALLET_ADAPTER_DENIED,d),i.on(a.POPUP_CLOSED,A))}),new Promise((i,o)=>{t=i,e=o})}async disconnect(){this.popupManager.tearDown(),this.publicKey=null,window.localStorage.removeItem(S)}async signTransaction(t){try{return this.checkWalletReadiness(),(await this.signTransactions([t]))[0]}catch(e){let s=e;throw e instanceof w||(s=new E(e instanceof Error?e.message:N,e)),s}}async signAllTransactions(t){try{return this.checkWalletReadiness(),await this.signTransactions(t)}catch(e){let s=e;throw e instanceof w||(s=new E(e instanceof Error?e.message:N,e)),s}}async signMessage(t){const e=new TextDecoder().decode(t);let s,r;const c=o=>{if(!B(o)){const u=new O(`Malformed payload when signing message. Expected { decodedSignature: string } but received ${JSON.stringify(o)}`);r(u),this.popupManager.close();return}const l=Uint8Array.from(o.decodedSignature.split(",").map(u=>Number(u)));s(l),this.popupManager.close()},d=()=>{r(new O("The user did not approve the message")),this.popupManager.close()},A=()=>{var o;const l={decodedMessage:e};(o=this.popupManager.getConnection())===null||o===void 0||o.send({event:a.MESSAGE_SIGNATURE_NEEDED,payload:l})},i=_();return this.popupManager.open({heightPx:Math.max(I,Math.floor(window.innerHeight*.8)),nonce:i,url:`${V}/${i}`,widthPx:Math.min(C,Math.floor(window.innerWidth*.8))}),this.popupManager.onConnectionUpdated(o=>{o&&(o.on(a.MESSAGE_SIGNATURE_NEEDED_RESPONSE,c),o.on(a.TRANSACTION_DENIED,d),o.on(a.POPUP_CLOSED,d),o.on(a.AUTH_LOADED,A))}),new Promise((o,l)=>{s=o,r=l})}async signTransactions(t){let e,s;const r=i=>{if(!k(i)){const l=new E(`Malformed payload when signing transactions. Expected { signedB58Transactions: string[] } but received ${JSON.stringify(i)}`);s(l),this.popupManager.close();return}const o=i.signedB58Transactions.map(l=>U.from(R.decode(l)));e(o),this.popupManager.close()},c=()=>{s(new E("The user did not approve the transaction")),this.popupManager.close()},d=()=>{var i;const o={unsignedB58Transactions:t.map(l=>R.encode(l.serializeMessage()))};(i=this.popupManager.getConnection())===null||i===void 0||i.send({event:a.TRANSACTION_SIGNATURE_NEEDED,payload:o})},A=_();return this.popupManager.open({heightPx:Math.max(I,Math.floor(window.innerHeight*.8)),nonce:A,url:`${j}/${A}`,widthPx:Math.min(C,Math.floor(window.innerWidth*.8))}),this.popupManager.onConnectionUpdated(i=>{i&&(i.on(a.TRANSACTION_SIGNATURE_NEEDED_RESPONSE,r),i.on(a.TRANSACTION_DENIED,c),i.on(a.POPUP_CLOSED,c),i.on(a.AUTH_LOADED,d))}),new Promise((i,o)=>{e=i,s=o})}checkWalletReadiness(){if(this.publicKey===null)throw new M("`publicKey` is null. Did you forget to call `.connect()`?")}}export{z as FractalWalletAdapterImpl};

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

@@ -1 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;top:0;left:0;bottom:0;right:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width: 480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width: 374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}*,: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}.mr-5{margin-right:1.25rem}.mt-\[20px\]{margin-top:20px}.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-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}.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))}body{--matchid-light-orange: #FFF3EB;--matchid-highlight-orange: #FC802D;--matchid-black: #000000;--matchid-white: #FFFFFF;--matchid-black-800: #1E1E1E;--matchid-gray-600: #6E6E6E;--matchid-gray-400: #B6B6B6;--matchid-gray-300: #E3E3E3;--matchid-gray-200: #F3F3F3;--matchid-gray-100: #F8F8F8;--matchid-red-600: #F7585E;--matchid-green-600: #2CBF68;--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-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-600);--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-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}@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:18px;font-weight:600}@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:600;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:600}@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:600;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{display:flex;justify-content:flex-end}.matchid-drawer .matchid-drawer-header .matchid-drawer-header-close{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:#006fff;text-decoration:none}