nano-wallet/css/app.68b09738.css

@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@200;400;700&display=swap);body,html{background:linear-gradient(180deg,#4d5879,#26314e);color:#bec3d2;font-family:Nunito,sans-serif;font-weight:700;font-size:16px;height:100%;margin:0}pre{overflow-x:auto;font-size:14px}*{box-sizing:border-box}.rotate svg{transition:all 2s linear}.rotate.down svg{transform:rotate(1turn)}.refresh{font-size:20px;margin-left:10px}.error{background:#ca4b4b;margin:0 0 30px;padding:10px;text-align:center;color:#fff;font-weight:200}.close{position:absolute;top:20px;right:20px;color:#2cc2ca;font-size:24px}canvas{display:inline-block!important;max-width:100%;height:auto!important}#powstatus{width:100%;position:relative;height:32px;overflow:hidden;position:absolute;z-index:5}#powstatus .status{padding:5px;position:absolute;transition:all .7s;text-align:center;left:0;right:0;height:32px}#powstatus .status.busy{background:#363e58;top:-32px}#powstatus .status.busy.active{top:0}#powstatus .status.ready{background:#14af70;color:#fff;top:32px}#powstatus .status.ready.active{top:0}#app{overflow:hidden;position:relative}#app,#app .page{width:100vw;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#app .page{background:linear-gradient(180deg,#4d5879,#26314e);padding:30px;transition:all .3s;position:absolute;top:32px;left:100vw}#app .page.active{left:0}#app .page .inner{overflow-y:auto;padding-bottom:65px;position:relative;width:100%;padding-top:32px}#app #login{z-index:0;justify-content:space-between;top:0}#app #receive,#app #send,#app #settings{z-index:2}#app #receive #qrcode{text-align:center}#app #receive #qrcode img{display:inline-block!important;max-width:100%;height:auto}#app #receive .address{font-size:18px;margin:0 30px 30px;font-weight:700;line-height:1.8}#app #blockdetails,#app #scan{z-index:3}#app #scan{top:0}#app #settingsdetails{width:100%}#app #genwallet{top:0;justify-content:flex-start}#app .genwallet{color:#fff}#app #wallet{z-index:1;justify-content:flex-start;padding:0;top:0}#app #wallet .menu{position:absolute;bottom:0;height:75px;left:0;width:100%}#app #wallet .menu .bg{position:absolute;bottom:0;top:0;left:0;right:0;background:rgba(31,38,60,.68);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#app #wallet .menu .content{position:absolute;bottom:0;top:0;left:0;right:0;display:flex;justify-content:space-evenly;align-items:center}#app #wallet .menu .content div{cursor:pointer;flex:1;height:100%;justify-content:center;align-items:center;display:flex}#app #wallet .menu .content a{color:#fff;text-decoration:none}#app #wallet .headingtitle{font-size:20px;font-weight:700;margin:40px 30px 5px;color:#fff;display:flex}#app #wallet .headingtitle.top{margin:20px 30px 15px}#app #wallet .balance{background:rgba(0,0,0,.2);margin:10px 10px 40px;padding:20px 40px;border-radius:10px;word-break:break-all;text-align:center;color:rgba(190,195,210,.45)}#app #wallet .balance .value{font-size:44px;color:#fff;font-weight:700;margin:30px 0;line-height:1;display:flex;justify-content:center;align-items:center}#app #wallet .balance .value img{display:inline-block;width:40px;margin-right:10px}#app #wallet .balance .value .suffix{font-size:30px;color:rgba(190,195,210,.79);margin-left:6px}#app #wallet .balance .raw{font-size:12px;line-height:1;display:flex;justify-content:center}#app #wallet .balance .raw img{width:12px;margin-right:4px}.address{font-size:16px}#breakdown,.address{word-break:break-all}#breakdown{justify-content:flex-start;height:calc(100% - 30px);overflow:auto;font-weight:200;color:#d7dbe4;width:100%}#breakdown header{font-size:30px;font-weight:400}#breakdown .title{font-weight:700;font-size:20px;display:flex;align-items:baseline}#breakdown .label{opacity:.7;font-size:14px;margin-top:5px;word-break:break-word}#breakdown .json{overflow:auto}#breakdown .block{margin-bottom:20px}#breakdown .stateblock,#breakdown .value{word-break:break-all}#breakdown .value{font-weight:200;font-size:17px;margin-left:25px}#breakdown .value.mla{margin-left:auto}#breakdown .hide{position:absolute;left:-999em}#breakdown .address{position:absolute;top:30px;left:0;font-weight:400}#breakdown .date{font-weight:400;margin-bottom:30px}#breakdown details.uaddress{height:100px}#breakdown .raw{font-size:12px}.mla{margin-left:auto}.sendfunds{width:100%;margin:15px 0 30px}.scan{width:100%}.highlight{color:#2cc2ca}#history,#pendingblocks{width:100%;padding:0 10px}.transaction{display:flex;align-items:center;padding:20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.transaction .innerdetails{flex:1}.transaction .address{font-weight:200;font-size:12px;opacity:.7}.transaction .icon{font-size:35px;margin-right:15px;opacity:.85;display:block}.transaction .value{display:flex;align-items:center;line-height:1}.transaction .value svg{margin-left:5px}.transaction .amount{display:flex;align-items:center;justify-content:space-between}.transaction .amount .icon{margin-left:5px}.transaction .amount .type{color:#fff;font-size:14px}.transaction button.pocket{background:#e2ac39;border:none;padding:3px 20px;border-radius:7px}.transaction.receive .type{color:#2cc2ca}.transaction.send .type{color:#af73d2}.transaction.pending .type{color:#e2ac39}#output{width:100%}#output .details{padding:0 40px}label{margin-bottom:10px;display:inline-block}input[type=password],input[type=text]{font-size:22px;padding:15px;background:rgba(0,0,0,.21);color:#bec3d2;border-radius:5px;border:2px solid #2cc2ca;margin-bottom:30px;width:100%}.login{position:relative}.login .eye{position:absolute;display:flex;right:0;top:0;height:60px;width:60px;justify-content:center;align-items:center;font-size:24px}.login .eye span{display:none}.login .eye span.active{display:block}.login input[type=password],.login input[type=text]{padding-right:60px}.details{margin-bottom:30px;border-bottom:1px solid hsla(0,0%,100%,.13);position:relative}.details:after{position:absolute;content:"";border-bottom:1px solid rgba(0,0,0,.21);bottom:0;left:0;right:0}.details label{display:block}.details .copy{position:absolute;right:0;top:0;color:#2cc2ca;text-decoration:underline}#inputs{display:flex;flex-direction:column;width:100%}#inputs button{background:#2cc2ca;padding:15px}.btn{background:#2cc2ca;border-radius:20px;border:none;color:#26314e;cursor:pointer;padding:10px 20px;font-size:18px;display:inline-block}.btn.outline{padding:7px 17px;border:3px solid #2cc2ca;background:transparent;color:#2cc2ca}.inline-buttons{display:flex}.inline-buttons .btn{flex:1}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#bec3d2!important}#buttons button{background:none;color:#ccc;border:none;font-size:14px}#qrcode{max-width:100%;height:auto!important}#app .page[data-v-716701d2]{padding:30px}.btn[data-v-4b85f82d]{width:100%}.canvas-bag[data-v-4b85f82d]{text-align:center;margin-top:20px}