.header{padding:32px}@media screen and (max-width: 767px){.header{padding:16px}}.header .merchant{font-size:24px;line-height:32px;color:#101828;font-weight:400;margin-bottom:4px}@media screen and (max-width: 767px){.header .merchant{font-size:18px;line-height:24px;color:#101828;font-weight:400}}.header .order{font-size:16px;line-height:24px;color:#667085;font-weight:400}@media screen and (max-width: 767px){.header .order{font-size:12px;line-height:18px;color:#667085;font-weight:400}}.footer{width:100%;padding:32px 0;display:flex;justify-content:space-between;font-size:14px;line-height:20px;color:#667085;font-weight:400}@media screen and (max-width: 767px){.footer{padding:16px 0;display:grid;grid-gap:10px;text-align:center;justify-content:center}}.footer .terms{font-weight:500}.footer .terms a{transition:color .2s ease}.footer .terms a:hover{color:#444ce7}.footer .secured{display:flex;align-items:center}.footer .secured .icon{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:10px}.cryptoList{display:grid;margin-top:24px;grid-gap:16px}@media screen and (max-width: 767px){.cryptoList{margin-top:12px;grid-gap:8px}}.cryptoListItem{text-decoration:none;box-shadow:0 0 1px #0c1a4b3d,0 3px 8px -1px #3232470d;border-radius:8px;display:grid;grid-template-columns:24px 1fr max-content;align-items:center;grid-gap:12px;padding:10px 16px;cursor:pointer}@media screen and (max-width: 767px){.cryptoListItem{padding:8px 12px;grid-gap:8px}}.cryptoListItem .name{font-size:16px;line-height:24px;color:#344054;font-weight:400;font-weight:500}@media screen and (max-width: 767px){.cryptoListItem .name{font-size:14px;line-height:20px;color:#344054;font-weight:400}}.cryptoListItem .value{font-size:14px;line-height:20px;color:#667085;font-weight:400}@media screen and (max-width: 767px){.cryptoListItem .value{font-size:14px;line-height:20px;color:#667085;font-weight:400}}.cryptoListItem .icon{display:flex;flex-direction:column;justify-content:center;align-items:center}.paymentMethod{padding:32px 40px;box-shadow:0 0 1px #0c1a4b1a,0 4px 20px -2px #32324714;background:#ffffff;margin-bottom:24px;border-radius:12px}@media screen and (max-width: 767px){.paymentMethod{padding:16px 20px;margin-bottom:12px}}.paymentMethod .header{font-size:24px;line-height:32px;color:#101828;font-weight:400;font-weight:600;padding:0}@media screen and (max-width: 767px){.paymentMethod .header{font-size:16px;line-height:24px;color:#101828;font-weight:400}}.paymentMethod-note{margin-top:20px}.totalCount{padding:32px 40px;box-shadow:0 0 1px #0c1a4b1a,0 4px 20px -2px #32324714;background:#ffffff;margin-bottom:24px;border-radius:12px}@media screen and (max-width: 767px){.totalCount{padding:16px}}.totalCount .price{font-size:30px;line-height:38px;color:#101828;font-weight:400;font-weight:600}@media screen and (max-width: 767px){.totalCount .price{font-size:22px;line-height:28px;color:#101828;font-weight:400}}.totalCount .amount{font-size:16px;line-height:24px;color:#667085;font-weight:400}@media screen and (max-width: 767px){.totalCount .amount{font-size:14px;line-height:22px;color:#667085;font-weight:400}}.networkList{display:grid;margin-top:24px;grid-gap:16px}.networkListItem{box-shadow:0 0 1px #0c1a4b3d,0 3px 8px -1px #3232470d;border-radius:8px;display:grid;grid-template-columns:1fr max-content;align-items:center;grid-gap:12px;padding:10px 16px;cursor:pointer}.networkListItem .name{font-size:16px;line-height:24px;color:#344054;font-weight:400;font-weight:500}.networkListItem .value{font-size:14px;line-height:20px;color:#667085;font-weight:400}.backTo{cursor:pointer;display:flex;align-items:center;font-size:14px;line-height:20px;color:#667085;font-weight:400;font-weight:500}@media screen and (max-width: 767px){.backTo{font-size:12px;line-height:18px;color:#667085;font-weight:400}}.backTo .icon{margin-right:12px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 767px){.backTo .icon{margin-right:6px}.backTo .icon svg{width:16px;height:16px}}.selectNetwork{padding:32px 40px;box-shadow:0 0 1px #0c1a4b1a,0 4px 20px -2px #32324714;background:#ffffff;margin-bottom:24px;border-radius:12px}.selectNetwork .header{font-size:24px;line-height:32px;color:#101828;font-weight:400;font-weight:600;margin-bottom:8px;padding:0}.selectNetwork .subheader{font-size:16px;line-height:24px;color:#667085;font-weight:400}.selectNetwork .back{font-size:14px;line-height:20px;color:#667085;font-weight:400;margin-top:24px;justify-content:center;display:grid}.tooltip{position:relative;display:flex;cursor:pointer;align-items:center;padding:7px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}.tooltip:hover .tooltip{opacity:1}.tooltip .item{display:grid;align-items:center}.tooltip .tooltip{opacity:0;border-radius:8px;pointer-events:none;text-align:left;background:#ffffff;width:320px;position:absolute;left:-160px;transform:none;top:calc(100% + 10px);padding:12px;font-size:12px;line-height:18px;color:#667085;box-shadow:0 0 1px #0c1a4b1a,0 10px 16px #14253f0f;z-index:10;transition:opacity .3s ease-in-out}@media screen and (max-width: 767px){.tooltip .tooltip{left:-190px}}.tooltip .tooltip:after{content:"";top:calc(0% - 6px);left:calc(50% - 6px);width:12px;height:12px;background:#ffffff;transform:rotate(45deg);display:block;position:absolute;z-index:9}.tooltip .tooltip .header{color:#344054;font-weight:500;margin-bottom:4px;padding:0}.loader{display:flex;justify-content:center;margin-left:10px}.loader svg{width:24px;height:24px;stroke:#667085}.connectWallet{width:100%;text-decoration:none;box-shadow:0 0 1px #0c1a4b3d,0 3px 8px -1px #3232470d;border-radius:8px;display:grid;grid-template-columns:24px 1fr max-content;align-items:center;grid-gap:12px;padding:10px 16px;border:0;background:#ffffff;cursor:pointer;margin-top:10px}@media screen and (max-width: 767px){.connectWallet{padding:8px 12px;grid-gap:8px}}.connectWallet.-mobile{display:none}@media screen and (max-width: 767px){.connectWallet.-mobile{display:grid}}.connectWallet .name{display:flex;font-size:16px;line-height:24px;color:#344054;font-weight:400;font-weight:500}@media screen and (max-width: 767px){.connectWallet .name{font-size:14px;line-height:20px;color:#344054;font-weight:400}}.connectWallet .value{font-size:14px;line-height:20px;color:#667085;font-weight:400}@media screen and (max-width: 767px){.connectWallet .value{font-size:14px;line-height:20px;color:#667085;font-weight:400}}.connectWallet .icon{display:flex;flex-direction:column;justify-content:center;align-items:center}.connectWallet .balance{font-size:16px;line-height:24px;color:#667085;font-weight:600}@media screen and (max-width: 767px){.connectWallet .balance{font-size:14px;line-height:20px;color:#667085;font-weight:600}}.connectWallet .loader{display:flex}.error{font-size:12px;line-height:12px;color:#d92d20;font-weight:400}@media screen and (max-width: 767px){.error{font-size:12px;line-height:12px;color:#d92d20;font-weight:400}}.qrForm{display:flex;flex-direction:column;justify-content:center;align-items:center}.qrForm .header{display:grid;padding:0}.qrForm .header .title{font-size:16px;line-height:24px;color:#101828;font-weight:400;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 767px){.qrForm .header .title{font-size:14px;line-height:22px;color:#101828;font-weight:400}}.qrForm .header .amount{font-size:30px;line-height:38px;color:#101828;font-weight:400;font-weight:600}@media screen and (max-width: 767px){.qrForm .header .amount{font-size:22px;line-height:28px;color:#101828;font-weight:400}}.qrForm .header .usd{font-size:16px;line-height:24px;color:#667085;font-weight:400;margin-bottom:12px}@media screen and (max-width: 767px){.qrForm .header .usd{font-size:14px;line-height:22px;color:#101828;font-weight:400;margin-bottom:12px}}.wallet{margin-top:16px}.iconButton{outline:none;background:#ffffff;font-size:16px;line-height:24px;color:#fff;font-weight:400;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 1px 2px #1018280d;width:44px;height:44px;border:1px solid #d0d5dd;cursor:pointer}@media screen and (max-width: 767px){.iconButton{width:32px;height:32px}.iconButton svg{width:20px;height:20px}}.fieldWithButton{display:grid;grid-template-columns:1fr max-content;grid-gap:8px;align-items:center;justify-items:start;width:100%}@media screen and (max-width: 767px){.fieldWithButton{grid-gap:4px}}.fieldWithButton .field{display:grid;grid-gap:4px;justify-items:start;text-align:left}@media screen and (max-width: 767px){.fieldWithButton .field{grid-gap:2px}}.fieldWithButton .field .name{font-size:14px;line-height:20px;color:#344054;font-weight:400;font-weight:500}@media screen and (max-width: 767px){.fieldWithButton .field .name{font-size:12px;line-height:18px;color:#344054;font-weight:400}}.fieldWithButton .field .value{font-size:14px;line-height:20px;color:#667085;font-weight:400}@media screen and (max-width: 767px){.fieldWithButton .field .value{font-size:12px;line-height:18px;color:#667085;font-weight:400;word-break:break-all}}.timer{width:80px;height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:16px;line-height:24px;color:#101828;font-weight:400;font-weight:500;position:relative}.timer .numbers{position:absolute;width:45px;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.sendPayment{padding:32px 40px;box-shadow:0 0 1px #0c1a4b1a,0 4px 20px -2px #32324714;background:#ffffff;margin-bottom:24px;border-radius:12px}@media screen and (max-width: 767px){.sendPayment{padding:16px;margin-bottom:12px}}.sendPayment .head{margin-bottom:24px;display:grid;grid-gap:24px;grid-template-columns:1fr 80px}@media screen and (max-width: 767px){.sendPayment .head{margin-bottom:12px;grid-gap:12px}}.sendPayment .head .text .header{font-size:24px;line-height:32px;color:#101828;font-weight:400;font-weight:600;margin-bottom:8px;padding:0}@media screen and (max-width: 767px){.sendPayment .head .text .header{font-size:18px;line-height:24px;color:#101828;font-weight:400}}.sendPayment .head .text .subheader{font-size:16px;line-height:24px;color:#667085;font-weight:400}@media screen and (max-width: 767px){.sendPayment .head .text .subheader{font-size:14px;line-height:22px;color:#667085;font-weight:400}}.sendPayment .gray{padding:24px;background:#f9fafb;border-radius:12px;margin-bottom:24px}@media screen and (max-width: 767px){.sendPayment .gray{padding:12px;margin-bottom:12px}}.sendPayment .gray .fields{display:grid;grid-gap:32px;position:relative;margin-top:24px}@media screen and (max-width: 767px){.sendPayment .gray .fields{grid-gap:16px;margin-bottom:12px}}.sendPayment .back{display:flex;flex-direction:column;justify-content:center;align-items:center}.sendPayment .relative{position:relative}.sendPayment .relative .tooltip{position:absolute;opacity:0;z-index:3;right:-8px;top:-35px;background:#ffffff;padding:8px;font-size:12px;line-height:1;border-radius:3px;color:#101828;font-weight:500;transition:opacity .2s ease-in-out;box-shadow:0 0 1px #0c1a4b1a,0 10px 16px #14253f0f}.sendPayment .relative .tooltip:after{content:"";width:4px;height:4px;background:#ffffff;position:absolute;left:calc(50% - 2px);bottom:-2px;transform:rotate(45deg)}.sendPayment .relative .tooltip.show{opacity:1}.dontClose{padding:32px 40px;box-shadow:0 0 1px #0c1a4b1a,0 4px 20px -2px #32324714;background:#ffffff;margin-bottom:24px;display:grid;grid-template-columns:16px 1fr;grid-gap:8px;border-radius:12px}@media screen and (max-width: 767px){.dontClose{margin-bottom:12px;padding:16px}}.dontClose .text{font-size:14px;line-height:20px;color:#667085;font-weight:400;font-weight:500}@media screen and (max-width: 767px){.dontClose .text{font-size:12px;line-height:18px;color:#667085;font-weight:400}}.dontClose .text a{cursor:pointer;color:#00f}.statusForm{padding:32px 40px;box-shadow:0 0 1px #0c1a4b1a,0 4px 20px -2px #32324714;background:#ffffff;border-radius:12px;display:grid}@media screen and (max-width: 767px){.statusForm{padding:16px 20px}}.statusForm .icon{justify-self:center;margin-bottom:12px}@media screen and (max-width: 767px){.statusForm .icon{margin-bottom:8px}}.statusForm .header{font-size:24px;line-height:32px;color:#101828;font-weight:500;margin-bottom:8px;padding:0}@media screen and (max-width: 767px){.statusForm .header{font-size:16px;line-height:22px;color:#101828;font-weight:500}}.statusForm .subheader{font-size:16px;line-height:24px;color:#667085;font-weight:500}@media screen and (max-width: 767px){.statusForm .subheader{font-size:12px;line-height:18px;color:#667085;font-weight:500}}.statusForm .list{margin:24px 0;display:grid;grid-gap:16px;padding:24px;border-radius:12px;background:#f9fafb}@media screen and (max-width: 767px){.statusForm .list{margin:12px 0;padding:12px;grid-gap:8px}}.listItem{display:grid;justify-content:space-between;grid-template-columns:auto auto;grid-gap:5px}.listItem .name{font-size:14px;line-height:20px;color:#667085;font-weight:500}@media screen and (max-width: 767px){.listItem .name{font-size:12px;line-height:18px;color:#667085;font-weight:500}}.listItem .value{justify-self:end;font-size:14px;line-height:20px;color:#101828;font-weight:500;text-align:end}@media screen and (max-width: 767px){.listItem .value{font-size:12px;line-height:18px;color:#101828;font-weight:500}}.txs{display:grid;grid-gap:16px}.button{outline:none;background:#444ce7;padding:10px;width:100%;font-size:15px;line-height:24px;font-weight:400;border-radius:8px;box-shadow:0 1px 2px #1018280d;color:#fff;border:0;min-height:44px;cursor:pointer;transition:opacity .15s ease-in-out;will-change:opacity}@media screen and (max-width: 767px){.button{min-height:32px;font-size:14px;line-height:20px;color:#fff;font-weight:400}}.button:disabled{background:#c7d7fe;cursor:not-allowed}.button:hover{opacity:.93}.pending,.unpaid{width:100%}.unpaid .btns{display:grid;grid-gap:6px}.unpaid .textWrapper{display:grid;grid-gap:24px;grid-template-columns:1fr 80px;align-items:center;margin-bottom:12px}.unpaid .textWrapper .text{text-align:left}.unpaid .textWrapper .text div{display:inline-flex}.unpaid .qr{padding:24px;border-radius:12px;background:#f9fafb;display:grid;grid-gap:24px;justify-items:center}@media screen and (max-width: 767px){.unpaid .qr{padding:12px}}.unpaid .wallet{margin-top:16px}.success{width:100%}.success_tx{display:grid;justify-content:space-between;grid-template-columns:auto auto;margin:24px 0;grid-gap:16px;padding:24px;border-radius:12px;background:#f9fafb}@media screen and (max-width: 767px){.success_tx{margin:12px 0;padding:12px;grid-gap:8px}}.success_tx .name{display:flex;font-size:14px;line-height:20px;color:#667085;font-weight:500}@media screen and (max-width: 767px){.success_tx .name{font-size:12px;line-height:18px;color:#667085;font-weight:500}}.success_tx .name:after{content:"";display:inline-block;margin-left:4px;width:18px;height:18px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDkuODMzMzNWMTQuODMzM0MxNCAxNS4yNzU0IDEzLjgyNDQgMTUuNjk5MyAxMy41MTE4IDE2LjAxMThDMTMuMTk5MyAxNi4zMjQ0IDEyLjc3NTQgMTYuNSAxMi4zMzMzIDE2LjVIMy4xNjY2N0MyLjcyNDY0IDE2LjUgMi4zMDA3MiAxNi4zMjQ0IDEuOTg4MTYgMTYuMDExOEMxLjY3NTU5IDE1LjY5OTMgMS41IDE1LjI3NTQgMS41IDE0LjgzMzNWNS42NjY2N0MxLjUgNS4yMjQ2NCAxLjY3NTU5IDQuODAwNzIgMS45ODgxNiA0LjQ4ODE2QzIuMzAwNzIgNC4xNzU1OSAyLjcyNDY0IDQgMy4xNjY2NyA0SDguMTY2NjdNMTEuNSAxLjVIMTYuNU0xNi41IDEuNVY2LjVNMTYuNSAxLjVMNy4zMzMzMyAxMC42NjY3IiBzdHJva2U9IiMzNDQwNTQiIHN0cm9rZS13aWR0aD0iMS42NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);background-repeat:no-repeat;background-size:cover}.success_tx .value{justify-self:end;font-size:14px;line-height:20px;color:#101828;font-weight:500;text-align:end}@media screen and (max-width: 767px){.success_tx .value{font-size:12px;line-height:18px;color:#101828;font-weight:500}}html,body{width:100%;padding:0;margin:0;background:#ffffff;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}ul,li,p,h1,h2,h3,h4{padding:0;margin:0}ul,ol{list-style-type:none}#app{display:grid;justify-items:center;grid-template-rows:max-content auto max-content;padding:0 32px;background:#f9fafb;min-height:100vh;height:100%;overflow-x:hidden}@media screen and (max-width: 767px){#app{padding:0 16px}}main{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:520px;width:100%;overflow:hidden}main>div{width:100%}.text-center{text-align:center}.error-color{color:#d92d20}a{text-decoration:none;color:inherit}.loading{position:relative;pointer-events:none}