.meter{--sweep:#d8402f;--drum-red:var(--sweep-ink);--drum-hairline:color-mix(in srgb, var(--drum-ink) 14%, transparent);--drum-hairline-major:color-mix(in srgb, var(--drum-ink) 30%, transparent);--drum-lip:black;--dial-size:96px;--dial-gap:20px;--dial-space:calc(var(--dial-size) + var(--dial-gap));font-family:var(--font-data), ui-monospace, monospace;gap:14px;display:grid;container-type:inline-size}.meter__label{letter-spacing:.09em;text-transform:uppercase;color:var(--slate);margin:0;font-size:.8125rem;font-weight:500;line-height:1.4}.meter__instrument{align-items:center;gap:var(--dial-gap);display:flex}.meter__drums{background-color:var(--drum);border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--drum-lip);font-size:clamp(1.5rem, calc((100cqi - var(--dial-space)) / var(--drum-divisor,6.72)), 3.5rem);border-radius:2px;align-items:stretch;line-height:1.28;display:flex;overflow:hidden;box-shadow:inset 0 2px 4px #0000008c}.meter--no-dial .meter__drums{--dial-space:0px}.meter__cell{box-sizing:content-box;width:.6em;height:1lh;color:var(--drum-ink);text-align:center;border-left:1px solid var(--drum-hairline);padding-inline:.12em;font-weight:500;position:relative;overflow:hidden}.meter__cell:first-child{border-left:0}.meter__cell--boundary{border-left:2px solid var(--drum-hairline-major)}.meter__cell--low{background-color:var(--drum-red)}.meter__column{transform:translateY(calc(var(--d,0) * -10%));transition-property:transform;transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--cell-duration,0s);will-change:transform;display:block}.meter__column>span{height:1lh;display:block}.meter__digit-static{height:1lh;animation:.12s ease-out meter-drum-fade;display:block}@keyframes meter-drum-fade{0%{opacity:0}to{opacity:1}}.meter__dial{width:var(--dial-size);height:var(--dial-size);flex:none}.meter__dial-face{fill:var(--drum)}.meter__dial-rim{fill:none;stroke:var(--rule-strong);stroke-width:1px}.meter__dial-tick,.meter__dial-hand,.meter__dial-hub{fill:var(--sweep)}.meter__dial-hand{stroke:var(--sweep);stroke-width:2.5px;stroke-linecap:round;fill:none;--sweep-period:clamp(.4s, calc(120s / var(--rate-lph,1)), 40s);transform-box:view-box;transform-origin:48px 48px;animation:meter-sweep var(--sweep-period) linear infinite;animation-play-state:var(--sweep-state,running);will-change:transform}@keyframes meter-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.meter__value{color:var(--ink);margin:0;font-size:1.0625rem;line-height:1.4;display:block}.meter__value-number{font-weight:500}.meter__value-unit{color:var(--slate)}.meter__unavailable{max-width:var(--measure);font-family:var(--font-prose), Georgia, serif;color:var(--slate);font-size:1.0625rem;line-height:1.5;display:block}.meter__overflow{color:var(--slate);margin-top:2px;font-size:.8125rem;display:block}.meter__scale{gap:6px;display:grid}.meter__track{background-color:var(--paper);border:1px solid var(--rule-strong);border-radius:2px;height:10px;display:flex;position:relative}.meter__segment{border-left:1px solid var(--rule-strong);flex:1 1 0}.meter__segment:first-child{border-left:0}.meter__segment[data-band=below-measuring-range]{background-color:var(--severity-below-range)}.meter__segment[data-band=small]{background-color:var(--severity-small)}.meter__segment[data-band=significant]{background-color:var(--severity-significant)}.meter__segment[data-band=major]{background-color:var(--severity-major)}.meter__segment[data-reached=false]{background-color:#0000}.meter__marker{inset-block:-3px;left:calc(var(--position,0) * 100%);background-color:var(--ink);width:2px;box-shadow:0 0 0 1px var(--porcelain);margin-left:-1px;transition:left .22s cubic-bezier(.22,1,.36,1);position:absolute}.meter__scale-labels{color:var(--slate);overflow-wrap:anywhere;grid-auto-columns:1fr;grid-auto-flow:column;margin:0;padding:0;font-size:max(.625rem,min(.75rem,3.6cqi - .5px));line-height:1.4;list-style:none;display:grid}.meter__scale-labels li{border-left:1px solid var(--rule);padding-inline-start:2px}.meter__scale-labels li:first-child{border-left:0;padding-inline-start:0}.meter__scale-labels li[data-active=true]{color:var(--ink);font-weight:500}.meter__band{color:var(--ink);margin:2px 0 0;font-size:.9375rem;font-weight:500;line-height:1.4}.meter__caveat{max-width:var(--measure);font-family:var(--font-prose), Georgia, serif;color:var(--slate);margin:0;font-size:1rem;line-height:1.55}.meter--compact{gap:8px}.meter--compact .meter__drums{font-size:clamp(1rem, calc(100cqi / var(--drum-divisor,6.72)), 1.5rem)}.meter--compact .meter__value{font-size:.9375rem}@container (max-width:340px){.meter{--dial-size:56px;--dial-gap:12px}.meter__cell[data-lead="1"],.meter__cell[data-lead="2"]{display:none}.meter__cell[data-lead="3"]{border-left:0}}@media (prefers-reduced-motion:reduce){.meter__dial-hand{animation:none}.meter__marker{transition:none}}.meter[data-reduced-motion=true] .meter__dial-hand{animation:none}.meter[data-reduced-motion=true] .meter__marker{transition:none}