/* Capacity is revealed by the same rounded metre value as the visible counter. */
.stat-capacity {--capacity-progress:0}
.stat-capacity .capacity-reveal {
  clip-path:inset(0 calc((1 - var(--capacity-progress,0))*100%) 0 0) fill-box;
}
.stat-capacity .stat-trailer .trailer-outline,
.stat-capacity .stat-trailer .trailer-ribs {
  stroke-dasharray:none;
  stroke-dashoffset:0;
}
.stat-capacity .stat-trailer circle {opacity:1}
.stat-capacity .capacity-rail {stroke:#4d6778;stroke-width:.8;fill:none}
.stat-capacity .capacity-rail-fill {
  stroke:#ff8a58;
  stroke-width:1.2;
  stroke-dasharray:1;
  stroke-dashoffset:calc(1 - var(--capacity-progress,0));
  fill:none;
}
.stat-capacity #capacity-current,
.stat-capacity .metres-readout {
  fill:#b6cbd7;
  stroke:none;
  font:500 10px/1 var(--body);
  letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
}
.stat-capacity .capacity-reveal,
.stat-capacity .capacity-rail-fill {transition:none}
@media(prefers-reduced-motion:reduce) {
  .stat-capacity {--capacity-progress:1}
}