:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-dark: oklch(.17 0 0);--bg: oklch(.2 0 0);--bg-light: oklch(.25 0 0);--text: oklch(.9 0 0);--text-muted: oklch(.7 0 0);--highlight: oklch(.87 0 0);--border: oklch(.5 0 0);--border-muted: oklch(.4 0 0);--primary: oklch(.799 .0683 72.49);--secondary: oklch(.3329 0 0);--danger: oklch(.7 .08 30);--warning: oklch(.7 .08 100);--success: oklch(.7 .08 160);--info: oklch(.7 .08 260);--gradient: linear-gradient(0deg, var(--bg) 75%, var(--bg-light));--gradient-hover: linear-gradient(0deg, var(--bg) 45%, var(--bg-light));--shadow: 0px 2px 2px hsla(0, 0%, 0%, .01), 0 4px 4px hsla(0, 0%, 0%, .15)}html{background:var(--bg-dark);height:max-content}body{font-family:Arial,sans-serif;min-width:fit-content;color:var(--text);margin:auto;padding:0}body:after{content:"";display:block;height:16vh}.container{width:fit-content;min-width:256px;max-width:512px;height:90%;display:flex;flex-direction:column;align-items:center;padding:24px;margin:5rem auto auto;background:var(--gradient);border-radius:12px}.title{margin:.4rem;font-weight:lighter}.btn-ok{background:var(--primary);height:2.7rem;width:9.2rem;margin:1.3rem 4rem 1rem;border-radius:8px;text-align:center;cursor:pointer;font-weight:bolder;font-size:1rem}.btn-back{background:var(--secondary);height:2.7rem;width:9.2rem;margin-left:4rem;margin-right:4rem;margin-top:1.3rem;border-radius:8px;text-align:center;cursor:pointer;font-weight:bolder;font-size:1rem}.spinner{width:2rem;height:2rem;border-radius:50%;border:.3rem solid var(--secondary);border-top-color:var(--primary);animation:spin 1s ease infinite;margin-left:auto;margin-right:auto;margin-top:1.3rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pre{background:var(--bg-light);align-items:center;width:fit-content;height:fit-content;max-width:700px;margin:auto;margin-top:1rem;border-radius:8px;padding:1rem}.input-balance{display:flex;flex-direction:row;align-items:center;text-align:end;margin:auto;font-size:1.2rem;background:transparent;height:6rem;padding-right:4rem;width:100%;box-sizing:border-box;color:var(--text);font-weight:bolder}.input-balance .input{height:4rem;width:6rem;font-size:2rem;background:transparent;align-content:end;text-align:end;color:var(--primary);padding-right:1rem;padding-bottom:0;margin:0}.input-balance span{height:2.4rem;font-size:1.2rem;color:var(--primary);font-weight:lighter;align-content:end;padding:0;margin:0}.input{width:14rem;border-radius:4px;height:1.2rem;background:var(--bg-light);color:var(--text);padding-left:.3rem;border:none}.input:focus{outline:none}.input-pair{display:flex;flex-direction:column;margin:.8rem;color:var(--text-muted)}@media (max-width: 30em){.container{min-width:auto;width:100%;padding-left:0;padding-right:0;align-content:center}.container.a{width:85%}.input{width:11rem}}h1{color:var(--text)}h2{color:var(--text-muted)}.amount-btn{background-color:var(--bg-light);color:var(--text);border:none;padding:10px 15px;margin:5px;cursor:pointer;font-weight:700;border-radius:8px}.amount-btn.active{color:var(--bg);background-color:var(--primary)}.qr-payment{background-color:#14151699;width:fit-content;margin:auto;border-radius:5px;border:1px var(--border);padding:3rem}.qr-code{text-align:center}.qr-code img{border-radius:14px;margin:1rem}.qr-info{text-align:center}.payment-complete-icon{color:var(--primary);height:128px;width:128px;margin:2rem auto auto}.bigger-text{color:var(--text)}.qr-raw-text{color:var(--text-muted);font-size:12px;word-break:break-all;text-align:center}.popup{-webkit-user-select:none;user-select:none;color:var(--highlight);padding:4px 8px;border-radius:8px;opacity:1;animation:fadeout 1.5s forwards}@keyframes fadeout{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}p{color:var(--text-muted)}.payment-section{display:flex;flex-direction:row}.main-grid{padding-bottom:20vh}.route-button{padding:1rem;width:328px;height:100px;display:flex;align-items:center;justify-content:left;margin:.5rem;text-decoration:none;color:var(--text-muted);font-weight:600;transition:background .2s ease;background:var(--gradient);border:1px solid var(--border);border-top:1px solid var(--highlight);border-radius:8px;box-shadow:var(--shadow)}.icon{margin:1rem;width:4rem;height:4rem}.route-button:hover{background:var(--gradient-hover);color:var(--primary)}.qr-reader{width:240px;height:480px}.status{word-wrap:break-word}.scanner-container{width:80%;margin-bottom:2rem}.input-qr{outline:none;border:solid 1px var(--border-muted);color:var(--text);height:100px;width:500px;font-size:1rem;background:var(--bg-light);padding-right:1rem;padding-bottom:0;margin:0;resize:none;word-break:break-all;text-align:center;margin-bottom:2rem}.header{height:1.5rem;padding:1rem;text-align:left}.container-bottom{display:flex;flex-direction:row;min-width:435px;height:10%;align-items:center;background:var(--gradient);border-radius:12px;position:fixed;bottom:0;justify-content:space-around;left:50%;transform:translate(-50%);width:50%;z-index:10;margin:auto auto 0;max-width:600px}.route-button-bottom{color:var(--text-muted)}.route-button-bottom:hover{color:var(--primary)}.route-button-bottom-active{color:var(--secondary)}.route-button-bottom.icon{margin:0}@media (max-width: 620px){.container-bottom{min-width:auto;width:100%;padding-left:0;padding-right:0;align-content:center}}