#root{margin-left:auto;margin-right:auto;text-align:center}body{margin:0}.header{display:flex;align-items:center;height:65px;background:#1f4e93;color:#fff;padding:20px;box-shadow:0 0 8px #0009;position:sticky;top:0}.header--image{height:100%;margin-right:10px}.header--title{font-size:1.25rem;margin-right:auto}.header--connect{font-size:.95rem;font-weight:500;border:2px solid white;padding:.2em .7em;cursor:pointer;border:2px solid rgba(255,255,255,.329);border-radius:41px}.header--connect:hover{background:#093d88cf}.header--connected{position:relative;font-size:.95rem;font-weight:500;border:2px solid white;padding:.2em 1.1em;cursor:pointer;border:2px solid rgba(255,255,255,.329);border-radius:40px}.header--connected p{margin:0}.address--copy .header--connected--address:hover{font-weight:700}.header--connected:hover{background:#093d88cf}.header--connected--title{font-weight:500;font-size:.9rem}.header--connected--address{font-weight:400}.tooltip{position:absolute;bottom:0;left:20px;top:55px}.container--producer--info{margin-top:.5em;display:flex;flex-direction:column;align-items:center;gap:1.5em;margin-left:1em;margin-right:1em}.container--producer--info h2{margin-bottom:0}.energy--num--usd,.energy--num--eth{margin-top:0;margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5em;width:100%;max-width:1000px}.last--element{grid-column:span 2;width:100%;max-width:484px}.card--title{margin-bottom:.5em}.card--profit{padding-left:0;padding-right:0}.card{border-radius:20px;box-shadow:0 4px 8px #0003;transition:.3s;display:flex;justify-content:center;align-items:center;padding:1em .8em;flex-direction:column}.card h1,.card h2{margin-top:0;margin-bottom:0}.card h3{margin-top:0}.card--revenue{background-color:#2559c773}.card--cost{background-color:#db000047}.card--profit{background-color:#2eb34b42;padding-left:0;padding-right:0}.card--profit.negative{background-color:#db000047}.container--title{margin-bottom:.3em}.container--totals{margin-left:1em;margin-right:1em}span.button{display:inline-block;background:#1f4e93;color:#fff;padding:10px 20px;border-radius:25px;cursor:pointer;text-decoration:none;transition:all .3s ease 0s;font-size:18px;line-height:24px;border:none;text-align:center;margin:-1em 10px 0;user-select:none;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014}span.button:hover{background:linear-gradient(90deg,#093d88e8 1.18%,#093d88e8 100%);transform:translateY(-2px);box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}span.button:active{background:linear-gradient(90deg,#093d88e8 1.18%,#093d88e8 100%);transform:translateY(1px)}@media screen and (max-width: 500px){.container--title,.energy--consumed h1{font-size:1.5rem}.month--bill h2{font-size:1.3rem}.month--bill h3{font-size:1.1rem}.month--pending--payment h2{font-size:1.2rem}.totals--consumed h1{font-size:1.5rem}.header--title{text-align:left}.card--title{font-size:1rem}.production--table th{font-size:.8rem}.energy--num,.energy--num--eth,.num--kwh{font-size:1.7rem}}.previous--months--container{margin-left:1em;margin-right:1em;margin-bottom:1.5em}.production--table{width:100%;border-collapse:collapse;max-width:1200px;margin:auto}.production--table th,.production--table td{border:1px solid #ddd;padding:8px;text-align:center}.production--table th{background:linear-gradient(90deg,#093d88e8 1.18%,#093d88e8 100%);color:#fff}.production--table tr:nth-child(even){background-color:#f2f2f2}.data--item--month{cursor:pointer;font-weight:700}.data--item--month:hover{background-color:#2558c721!important}.payment--image--table{width:29px;height:auto}.pending--payment--image--table{width:31px;height:auto}.grid--totals{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:20px;margin:0 auto;width:100%;max-width:1000px}.card--totals{border-radius:20px;box-shadow:0 4px 8px #0003;transition:.3s;display:flex;justify-content:center;align-items:center;padding:1em .8em;flex-direction:column}.card--title{font-size:1.2em;margin-bottom:10px}.num--kwh{margin:0}.card--title--totals{margin-top:0;margin-bottom:10px}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup{background:#fff;padding:20px;border-radius:10px;max-width:450px;width:75%;box-shadow:0 5px 15px #0000001a;position:relative;animation-name:animate;animation-duration:.5s;color:#000}.popup p{font-size:21px;text-align:center;margin-bottom:40px;font-weight:700}.close-btn{position:absolute;border:none;background:#1f4e93;color:#fff;padding:10px 20px;border-radius:100px;font-size:18px;cursor:pointer;transition:all .3s ease;right:-10px;top:-20px}.close-btn:hover{background:#143b77}@keyframes animate{0%{transform:scale(.7)}to{transform:scale(1)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}