@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap);.header{display:grid;grid-template-columns:16% 62%;margin-top:1vh;max-width:590px}.header .logo{margin:2px 19px 5px 10px;width:3.3em}.menu{display:flex;grid-column-gap:10px;column-gap:10px;padding-top:1.7vh;padding-left:2px;border-bottom:2px solid #d9d9d9;width:324px}.page{display:grid;grid-template-rows:50% 50%;grid-gap:3px;cursor:pointer}.page .i{justify-self:center;display:flex;justify-content:center;align-items:center;color:#999}.header .a{color:#333131;text-decoration:none;font-size:12px;font-family:Montserrat;margin:5px}.page.two .i{font-size:18px}.page.four .i{font-size:20px}.page.four:hover .a,.page.four:hover .i,.page.one:hover .a,.page.one:hover .i,.page.three:hover .a,.page.three:hover .i,.page.two:hover .a,.page.two:hover .i{color:#00ebb0}.magicAccount{flex-direction:column;justify-content:center}.magicAccount,.welcomeAccount{position:relative;display:flex}.welcomeAccount{width:346px;height:615px;align-items:center;border-radius:20px;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);text-align:center;transition:.6s}.backDiv{position:absolute;top:0;left:0;right:0;height:200px;border-top-left-radius:20px;border-top-right-radius:20px;background-color:#32d5d8}.backDiv h1{margin-top:1.3rem;margin-bottom:0;text-transform:uppercase;font-size:4rem}.backDiv h1,.backDiv h5{position:relative;color:#eee}.backDiv h5{margin-top:.5rem;margin-bottom:.5rem;font-size:1.5rem}.welcomeAccount img{width:224px;align-content:center;margin:0 auto}.buttonDiv{position:absolute;bottom:1.2vh;width:64vw;max-width:346px;height:8vh;margin-top:-3vh}.buttonDiv button{width:60%;height:50px;border-radius:25px;outline:none;border:none;background-image:linear-gradient(90deg,#e8ef0f,#e8ef0f,#e8ef0f);background-image:linear-gradient(90deg,#32be8f,#38d39f,#32be8f);margin-bottom:0;margin-left:auto;margin-right:auto;font-size:1.2rem;color:#494242;color:#fff;text-transform:uppercase;cursor:pointer;transition:.5s;text-align:center}.welcomeBtn:hover{background-position:100%;transform:scale(1.03)}.accountCreation{width:346px;height:615px;align-items:center;position:relative;border-radius:20px;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);text-align:center;transition:.6s}.accountContainer,.accountCreation{display:flex;justify-content:center}.accountContainer{overflow:auto;flex-direction:column;width:calc(100vw - 40px);max-width:300px;height:468px;overflow-x:hidden}.accountContainer h2{margin:.6em 0 15px;color:#333;text-transform:uppercase;font-size:2.5rem}.accountInput{position:relative;display:grid;grid-template-columns:7% 93%;width:300px;margin:25px 0;padding:5px 0;border-bottom:2px solid #d9d9d9}.i{color:#d9d9d9;display:flex;justify-content:center;align-items:center}.i i{transition:.3s}.accountInput>div{position:relative;height:45px}.accountInput>div>h5{position:absolute;left:10px;top:-14%;transform:translateY(-50%);color:#999;font-size:18px;transition:.3s}.accountInput:after,.accountInput:before{content:"";position:absolute;bottom:-2px;width:0;height:2px;background-color:#38d39f;transition:.4s}.accountInput:before{right:50%}.accountInput:after{left:50%}.accountInput.focus:after,.accountInput.focus:before{width:50%}.accountInput.focus>div>h5{top:-30px;font-size:15px;color:#00ebb0}.accountInput.focus>.i{color:#38d39f}.accountInput>div>input{position:absolute;left:0;top:0;width:90%;height:100%;border:none;outline:none;background:none;padding:.5rem .7rem;font-size:1.1rem;color:#555;font-family:"poppins",sans-serif}.accountBtn{display:block;width:70%;height:50px;border-radius:25px;outline:none;border:none;background-image:linear-gradient(90deg,#32be8f,#38d39f,#32be8f);background-size:200%;font-size:1.2rem;color:#fff;font-family:"Poppins",sans-serif;text-transform:uppercase;margin:4.4em auto 0;cursor:pointer;transition:.5s;text-align:center}.accountBtn:hover{background-position:100%}.hideCards{display:none}.alcancia{height:100px;margin-top:-4em}.fundingBtn{display:block;width:45%;height:45px;border-radius:10px;outline:none;border:none;background-image:linear-gradient(90deg,#32be8f,#38d39f,#32be8f);background-size:200%;font-size:1.2rem;color:#fff;font-family:"Poppins",sans-serif;margin:2em auto 0;cursor:pointer;transition:.5s;text-align:center}.fundingButtonDiv{display:flex;grid-column-gap:27px;column-gap:27px}.handleAccountBtn{position:relative;bottom:1.3em;height:52px;width:100%;border-radius:12px;outline:none;border:none;background-color:#34f2c6;font-size:1.2rem;color:#fff;font-family:"Poppins",sans-serif;margin:3em auto 0;cursor:pointer;transition:.5s;text-align:center}.handleAccountTittle{size:3em}.handleAccountButton{display:grid;grid-template-columns:45% 19% 19%;grid-row-gap:30px;grid-column-gap:15px;margin-top:1.5em;overflow:scroll;font-size:.8em}.handleAccountButton button{border-radius:2px;outline:none;border:none;background-color:#00b0ff;background-size:200%;color:#fff;font-family:"Poppins",sans-serif;cursor:pointer;transition:.5s;text-align:center}.accountContainer h3{margin-bottom:.2em;font-size:1.8em;margin-top:1em}.baseAsset{margin-bottom:0;margin-top:0;font-family:"Poppins",sans-serif}.chooseTx{display:flex;flex-direction:column;width:64vw;height:61vh;max-width:346px;position:relative;margin-left:3em;margin-top:1em;border-radius:20px;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);text-align:center;transition:.6s}.chooseButtonsDiv{display:grid;grid-template-columns:34% 60%;grid-template-rows:33% 33% 33%;grid-row-gap:23px;grid-column-gap:15px;margin-top:1em;margin-left:1em;margin-right:1em}.chooseButton{border-radius:10px;outline:none;border:none;background-color:#6c63ff;background-size:200%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);color:#fff;font-family:"Poppins",sans-serif;cursor:pointer;transition:.5s;text-align:center}.chooseTittle{font-size:1.5em;margin-top:.8em;margin-bottom:1em}.chooseExplanation{font-size:13px;text-align:left}.chooseEscrowContainer{width:64vw;max-width:346px;height:61vh;align-items:center;position:relative;margin-left:3em;border-radius:20px;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);text-align:center;transition:.6s}.chooseEscrowContainer img{width:37vw;max-width:224px;bottom:12vh;left:11vw;left:65.4px}.escrowButtonDiv{display:grid;grid-template-columns:50% 50%;grid-column-gap:14px;margin-top:1em;margin-left:1em;margin-right:1.5em}.escrowBtn{height:7vh;border-radius:10px;outline:none;border:none;background-image:linear-gradient(90deg,#32be8f,#38d39f,#32be8f);background-size:200%;font-size:1.2rem;color:#fff;font-family:"Poppins",sans-serif;cursor:pointer;transition:.5s;text-align:center;margin-top:1em}#escrowTittle{font-size:2em}.buttonDivChoose{width:100%;position:absolute;bottom:0;padding:1em}.welcomeBtn{height:52px;width:100%;border-radius:12px;outline:none;border:none;background-color:#34f2c6;font-size:1.2rem;color:#fff;font-family:"Poppins",sans-serif;cursor:pointer;transition:.5s;text-align:center;margin-top:1em}.secondaryBtn{background-color:#f0ecfc;color:#34f2c6}.adminBigContainer{display:grid;grid-template-columns:auto auto auto;grid-gap:200px;margin-top:.2em;margin-left:1rem}.adminDiagram{display:grid;grid-gap:8px;height:70vh;width:427px;margin-top:1em;margin-left:1.5em}.adminDiagram p{align-self:end;margin:5px;font-size:12px}.ilpBtn{width:90px;height:50px;background-color:#f49f1c;background-color:#6dd47e;box-shadow:0 9px #95a5a6;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);text-align:center;cursor:pointer;color:navy;color:#293250;transition-duration:.4s;text-decoration:none;overflow:hidden;border:none}.ilpBtn:hover{background:#fff;font-weight:700;box-shadow:0 6px 14px 9px #97b1bf;box-shadow:0 2px 10px 5px #dfd5d5;color:#000}.ilpBtn:active{transform:translateY(1px);transition:0s;background-color:#fff}.ledgerBtn{width:90px;height:50px;background-color:#ffd55a;box-shadow:0 9px #95a5a6;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);text-align:center;cursor:pointer;color:#293250;transition-duration:.4s;text-decoration:none;overflow:hidden;border:none}.ledgerBtn:hover{background:#fff;box-shadow:0 6px 14px 9px #97b1bf;box-shadow:0 2px 10px 5px #dfd5d5;color:#000;font-weight:700}.ledgerBtn:active{transform:translateY(1px);transition:0s;background-color:#fff}.cashIn,.cashOut{grid-template-rows:55% 22%}.cashIn,.cashOut,.wupoConnector{grid-row-start:1;grid-row-end:3;display:grid;justify-items:center}.wupoConnector{grid-column-start:2;grid-column-end:4;grid-template-rows:20% 22%}.adminSelectContainer{width:64vw;max-width:346px;height:25vh;display:grid;align-items:center;justify-items:center;position:relative;margin-left:3em;transition:.6s}.selectDesign{display:grid;height:3em;width:14em;font-size:18px;font-family:"Montserrat";text-align-last:center;background-color:#ffd55a;box-shadow:0 9px #95a5a6;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);cursor:pointer;color:#293259}.optionsDesign{justify-self:center}.xrpConnector{grid-column-start:1;grid-column-end:3;display:grid;grid-template-rows:40% 22%;justify-items:start;padding-left:55px}.ethConnector{grid-column-start:3;grid-column-end:5;padding-right:55px}.ethConnector,.wupoXrpAccount{display:grid;grid-template-rows:40% 22%;justify-items:end}.wupoXrpAccount{grid-column-start:1;grid-column-end:3;padding-right:20px}.wupoEthAccount{grid-column-start:3;grid-column-end:5;justify-items:start;padding-left:20px}.clientXrpAccount,.wupoEthAccount{display:grid;grid-template-rows:40% 22%}.clientXrpAccount{grid-column-start:1;grid-column-end:3;justify-items:end;padding-right:20px}.clientEthAccount{grid-column-start:3;grid-column-end:5;display:grid;grid-template-rows:40% 22%;justify-items:start;padding-left:20px}.adminResult{height:100%}.proftitContainer{overflow:scroll;width:300px;height:61vh}.profitTittle{text-align:center;top:.5em;margin:.6em 0 15px;color:#333;text-transform:uppercase;font-size:2rem;justify-self:center;align-self:center}.profitNetBalance{justify-self:end;padding-right:1em}.profitNetAsset{justify-self:start;padding-left:1em}.profitButton{height:7vh;width:20vw;border-radius:10px;outline:none;border:none;background-image:linear-gradient(90deg,navy,navy,navy);background-size:200%;font-size:1.2rem;color:#f49f1c;font-family:"Poppins",sans-serif;cursor:pointer;transition:.5s;text-align:center;margin-top:.3em}.buttonProfitGrid{display:grid;grid-template-columns:50% 50%;justify-items:center;margin-top:.7em}.totalSpreadDesign{display:grid;grid-template-columns:69% 20%;height:2.5em;font-weight:700;font-size:20px}.profitGridViewer{display:grid;grid-template-columns:33% 36% 20%;font-size:17px}.profitChangeInputContainer{position:relative;right:14px;display:grid;grid-template-columns:7% 93%;width:84px;height:24px;margin:12px 0;padding:5px 0;border-bottom:2px solid #d9d9d9}.profitChangeIcon{color:#d9d9d9;width:1em}.profitChangeInputDiv{position:relative;height:45px}.profitChangeH5{position:absolute;left:10px;top:-14%;transform:translateY(-50%);color:#999;font-size:10px;transition:.3s}.profitChangeInput{position:absolute;left:10px;bottom:16px;width:90%;height:100%;border:none;outline:none;background:none;padding:.5rem .7rem;font-size:14px;color:#38d39f;font-family:"poppins",sans-serif}.profitChangeInputContainer:after,.profitChangeInputContainer:before{content:"";position:absolute;bottom:-2px;width:0;height:2px;background-color:#38d39f;transition:.4s}.profitChangeInputContainer:before{right:50%}.profitChangeInputContainer:after{left:50%}.profitChangeInputContainer.focus:after,.profitChangeInputContainer.focus:before{width:50%}.profitChangeInputContainer.focus>div>h5{top:-30px;font-size:15px;color:#00ebb0}.profitChangeInputContainer.focus>.profitChangeIcon{color:#38d39f}.OperationalTittle{text-align:center;top:.5em;margin:.6em 0 15px;color:#333;text-transform:uppercase;font-size:1.9rem;justify-self:center;align-self:center}.operationWalletBalance{padding-top:2em;font-size:1.6em;color:#38d39f;font-weight:700}.balanceSheetDiv{display:grid;grid-template-columns:50% 50%;justify-items:center;font-size:16px}.balanceSheetBtn{display:block;width:70%;height:50px;border-radius:25px;outline:none;border:none;background-image:linear-gradient(90deg,#ffd55a,#ffd55a,#ffd55a);background-size:200%;font-size:1.2rem;color:#293250;font-family:"Poppins",sans-serif;text-transform:uppercase;margin-bottom:0;margin-left:auto;margin-right:auto;cursor:pointer;transition:.5s;text-align:center}.magicRegister{position:relative;display:flex;flex-direction:column;justify-content:center}.wupoRegister{color:#38d39f;width:64vw;margin-top:0;margin-bottom:0;align-self:start;padding-left:3.5em}.chooseAuth{display:flex;align-items:center;position:absolute;bottom:1.3em;left:3.1em;width:50vw}.QRcode{display:flex;justify-content:center;margin-bottom:5em}.QRCCodeLabel{margin:2.9em 0 0;color:#5da2e2;text-transform:uppercase;font-size:2.2rem}.authBtn{width:100%;height:52px;border-radius:12px;outline:none;border:none;background-image:linear-gradient(90deg,#32be8f,#38d39f,#32be8f);background-size:200%;font-size:1.2rem;color:#fff;font-family:"Poppins",sans-serif;cursor:pointer;transition:.5s;margin-top:1em}.passAuth{display:flex;align-items:center;position:relative;width:100%;margin-top:3em}.QRimage{height:300px;margin-bottom:2.5em}.transferCost{color:#000;font-weight:700}.paymentQR{height:600px;margin-top:0;margin-left:-37px;margin-right:9em}@media(max-width:346px){.header{grid-template-columns:13% 75%}.menu{grid-column-gap:4px;column-gap:4px;padding-left:0;width:269px}.header .logo{width:25px}.menu i{font-size:16px}.menu a{font-size:10.3px}.backDiv h1{font-size:2.8rem}.backDiv h5{font-size:1.35rem}.welcomeAccount img{max-width:64vw;left:0}.backDiv{height:20vh}.welcomeBtn{font-size:.8rem}.chooseButton{font-size:.5rem}.chooseExplanation{font-size:.65rem}.handleAccountButton button{font-size:.6rem}.profitButton{font-size:.8em}.balanceSheetBtn{height:39px;margin-bottom:10px}.adminDiagram{display:grid;grid-gap:8px;height:70vh;width:335px;margin-top:1em;margin-left:.3em}@media(max-height:650px){.chooseTittle{font-size:1em;margin-bottom:0}.backDiv{height:18vh}.backDiv h1{margin-top:1rem;font-size:2.1rem}.backDiv h5{font-size:1.2rem;margin-top:.18rem}.welcomeAccount img{width:49vw;left:27px}.handleAccountButton button{font-size:.6rem}.chooseButtonsDiv{grid-row-gap:15px}.accountBtn{margin-top:2.4em}.accountContainer h3{font-size:1.3em}.handleAccountBtn{font-size:1rem}.fundingButtonDiv{grid-column-gap:0;column-gap:0}.fundingBtn{width:38%;font-size:.9rem}}}@media(max-width:346px){.magicAccount{width:100%}.welcomeAccount{width:100%;border-radius:0}.backDiv{border-radius:0}.accountCreation,.welcomeAccount{height:100vh}}@media(max-height:615px){.accountCreation,.welcomeAccount{height:100vh}}*{box-sizing:border-box}body{margin:0;font-family:"Montserrat";background:#fff;font-size:18px}#root,body{height:100vh}#root{display:flex;width:100%;justify-content:center;align-items:center;overflow-y:auto}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swal-modal{max-width:327px;border-radius:24px}.swal-modal .swal-footer .swal-button-container{margin:5px 0;width:100%}.swal-modal .swal-footer .swal-button-container .swal-button{width:100%;height:52px}.swal-modal .swal-footer .swal-button-container .swal-button.swal-button--admin,.swal-modal .swal-footer .swal-button-container .swal-button.swal-button--confirm,.swal-modal .swal-footer .swal-button-container .swal-button.swal-button--info{background-color:#34f2c6}
/*# sourceMappingURL=main.557ad9f4.chunk.css.map */