.es-controls{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0}.es-controls label{display:grid;gap:8px}.es-controls select{max-width:100%;background:#10252b;color:#eef6f4;border:1px solid #426267;padding:12px;border-radius:8px;font:inherit}.es-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.es-grid figure{margin:0;padding:24px;background:#102228;border:1px solid #29434b;border-radius:16px}.es-grid figcaption,.es-detail figcaption{font-size:1.15rem;font-weight:650}.es-grid small,.es-detail small{display:block;font-size:.8rem;color:#a6b9be;margin:8px 0 20px}.es-bars{list-style:none;padding:0;margin:0}.es-bars li{margin:16px 0}.es-bars li>div:first-child{display:flex;justify-content:space-between;gap:12px}.es-track{height:6px;background:#223b43;border-radius:6px;margin-top:8px}.es-track i{height:100%;display:block;background:#65d9cb;border-radius:6px}.deficit .es-track i{background:#e3b66e}.es-detail{margin-top:32px;padding:28px;border:1px solid #38525b;border-radius:16px}.es-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.es-metrics strong{display:block;font-size:2rem;color:#e8f6f3;margin-top:8px}.es-detail figure{margin:25px 0}.es-detail svg{width:100%;max-height:300px}.es-detail svg text{fill:#abbfc4;font-size:12px}.es-production{color:#65d9cb}.es-consumption{color:#e3b66e}.es-note{color:#b9cbce;max-width:85ch}@media(max-width:650px){.es-grid{grid-template-columns:1fr}.es-metrics{grid-template-columns:1fr}.es-detail{padding:16px}.es-controls{display:grid}.es-grid figure{padding:16px}}