/* Data-bound visualization layer. Load after the page's glass/layout styles. */
.chart-wrap .chart-axis,.chart-wrap .chart-label{font-size:18px;fill:#c8d8de;font-weight:500}
.chart-wrap .chart-axis-unit{font-size:15px;fill:#9fb6c1}
.chart-wrap .chart-grid{stroke:#c6d5e029;stroke-width:1}
.chart-wrap .chart-series,.chart-wrap .chart-negative-segment{stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.chart-wrap .chart-negative{fill:#f29c93}
.chart-wrap .chart-dot{stroke:#10191e;stroke-width:1.4}
.chart-wrap .chart-dot.selected{r:5.5;stroke:#e4f2f4;stroke-width:1.7;filter:drop-shadow(0 0 4px #afd3e270)}
.chart-wrap .chart-selection{stroke-width:1.3;opacity:.78;pointer-events:none}
.chart-wrap .chart-selected-light{stroke:#dfedf5;stroke-width:1;filter:drop-shadow(0 0 5px #a6cee8aa)}
.chart-wrap .chart-legend{font-size:15px;line-height:1.6;color:#c6d9df;gap:10px 23px;margin-top:16px}
.chart-wrap .chart-legend i{height:5px;width:19px;flex:0 0 auto;box-shadow:0 0 8px color-mix(in srgb,var(--c) 25%,transparent)}
.chart-wrap .chart-payback,.chart-wrap .chart-payback-label{pointer-events:none}
.chart-wrap .chart-payback-label{font-size:16px;font-weight:650;letter-spacing:.2px}
.chart-wrap .chart-zero-label{fill:#d9c395;font-weight:650}
.chart-wrap .chart-payback-core{animation:energy-payback-heartbeat 2.8s ease-in-out infinite;filter:drop-shadow(0 0 5px #d9c39599)}
.chart-wrap .chart-payback-halo{stroke-width:1.3;transform-box:fill-box;transform-origin:center;animation:energy-payback-ripple 2.8s ease-out infinite}
.chart-wrap .energy-ring-ticks{stroke:#a5c8ce55;stroke-width:2;stroke-dasharray:1.4 11.8}
.chart-wrap .energy-ring-base{fill:#07131628;stroke:#b6d4d51c;stroke-width:17}
.chart-wrap .energy-ring-value{stroke-width:17;stroke-linecap:butt;filter:drop-shadow(0 0 5px #70d6bb38)}
.chart-wrap .energy-ring-percent{fill:#8ce5bd;font-size:49px;font-weight:650;letter-spacing:-1.8px;font-variant-numeric:tabular-nums}
.chart-wrap .energy-ring-caption{fill:#c8dcdd;font-size:18px;font-weight:500}
.chart-wrap .energy-total-label{fill:#aec4cb;font-size:17px}
.chart-wrap .energy-total-value{fill:#e2f0ef;font-size:32px;font-weight:600;letter-spacing:-.4px}
.chart-wrap .energy-total-unit{fill:#b2c7cb;font-size:17px;font-weight:500;letter-spacing:0}
.chart-wrap .energy-slot-name{fill:#d0e0e2;font-size:19px;font-weight:600}
.chart-wrap .energy-slot-percent{fill:#a5c2c9;font-size:18px;font-weight:500}
.chart-wrap .energy-slot-value{fill:#e5f2ef;font-size:29px;font-weight:600;letter-spacing:-.4px}
.chart-wrap .energy-slot-unit{fill:#b0c8ce;font-size:17px;font-weight:500;letter-spacing:0}
.chart-wrap .energy-track-base{fill:#bad3d613;stroke:#b8d9da1d;stroke-width:1}
.chart-wrap .energy-track-fill{opacity:.85}
.chart-wrap .energy-track-flow{stroke:#effff8;stroke-width:14;stroke-dasharray:2 24;stroke-linecap:butt;opacity:.24;animation:energy-track-travel 4s linear infinite}
.chart-wrap .energy-ring-light,.chart-wrap .energy-track-light{pointer-events:none;animation:energy-value-light 3.2s ease-in-out infinite}
.chart-wrap .energy-ring-light{filter:drop-shadow(0 0 6px #a6ffce99)}
.chart-wrap .energy-track-light{filter:drop-shadow(0 0 5px #a6ffce88)}
@keyframes energy-track-travel{to{stroke-dashoffset:-104}}
@keyframes energy-value-light{0%,100%{opacity:.62}50%{opacity:1}}
@keyframes energy-payback-heartbeat{0%,100%{filter:drop-shadow(0 0 4px #d9c39570)}45%{filter:drop-shadow(0 0 9px #e3ca97dd)}}
@keyframes energy-payback-ripple{0%{transform:scale(.9);opacity:.68}85%,100%{transform:scale(2.6);opacity:0}}
/* The final shape always stays present. These states pause or remove decoration only. */
body.paused .chart-wrap .energy-motion,body.motion-paused .chart-wrap .energy-motion,
body.report-exporting .chart-wrap .energy-motion,.chart-wrap.offscreen .energy-motion{animation-play-state:paused!important}
body.motion-reduced .chart-wrap .energy-motion,.chart-motion-ghost .energy-motion{animation:none!important;transition:none!important}
body.motion-reduced .chart-payback-halo,.chart-motion-ghost .chart-payback-halo{opacity:0}
@media(prefers-reduced-motion:reduce){
  .chart-wrap .energy-motion{animation:none!important;transition:none!important}
  .chart-wrap .chart-payback-halo{opacity:0}
}
@media(max-width:539px){
  .chart-wrap .chart-axis{font-size:18px}
  .chart-wrap .chart-legend{font-size:14px;gap:9px 17px}
  .chart-wrap .chart-payback-label{font-size:15px}
  .chart-wrap .energy-ring-percent{font-size:46px}
  .chart-wrap .energy-ring-caption{font-size:18px}
  .chart-wrap .energy-total-value{font-size:30px}
  .chart-wrap .energy-slot-value{font-size:28px}
}
@media print{.chart-wrap .energy-motion{animation:none!important}.chart-payback-halo{display:none}}