/* Mechanical counter styling; original numeric text remains available to assistive technology. */
.meter-counter{display:inline-flex;align-items:center;vertical-align:middle;position:relative;white-space:nowrap}
.meter-counter-face{display:inline-flex;align-items:center;padding:3px;background:#24282b;border:1px solid #111518;border-radius:5px;box-shadow:inset 0 1px 4px #0009,0 1px 1px #0002;white-space:nowrap}
.meter-digit{display:inline-flex;align-items:center;justify-content:center;width:15px;height:25px;box-sizing:border-box;background:linear-gradient(#33383b,#191d20 48%,#32373a 52%,#24292c);border-right:1px solid #ffffff18;color:#f7f7f5;font:400 21px/1 'Courier New',monospace;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;letter-spacing:0}
.meter-digit::before{content:attr(data-digit)}
.meter-decimal{background:linear-gradient(#db4543,#b3232a 48%,#d43a3e 52%,#c72f35);border-right-color:#ffffff35}
.meter-dot{width:5px;align-self:stretch;position:relative}
.meter-dot::after{content:'.';position:absolute;bottom:0;left:0;color:white;font:bold 17px/1 monospace}
.meter-counter-value{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.meter-counter-face{padding:2px;border-radius:3px}.meter-digit{width:10px;height:20px;font-size:17px}.meter-dot{width:3px}.meter-dot::after{font-size:13px}}
@media(forced-colors:active){.meter-counter-face{display:none}.meter-counter-value{position:static;width:auto;height:auto;clip:auto;margin:0;overflow:visible}}