.ha-hud{color:var(--ink-2);font-feature-settings:"tnum";opacity:0;transition:opacity .7s var(--out), transform .7s var(--out);pointer-events:none;align-content:end;justify-items:end;row-gap:.2rem;display:grid;position:absolute;bottom:2.4rem;right:7.25rem;transform:translateY(.5rem)}.ha-hud.on{opacity:1;transform:none}.hah-k{white-space:nowrap;letter-spacing:.1em;color:var(--muted);font-size:10.5px}.hah-n{font-family:var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;font-size:46px;line-height:1}.hah-n:empty,.hah-sub:empty{display:none}.hah-n small{letter-spacing:.02em;color:var(--ink-2);margin-left:.3em;font-size:.34em}.hah-sub{letter-spacing:.04em;white-space:nowrap;font-size:12px}.hah-plot{width:300px;height:70px;overflow:visible}.hah-plot path{fill:none;stroke-width:1.4px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.hah-a{stroke:#7a3416}.hah-b{stroke:#8b8478;stroke-dasharray:3 3}.hah-key{letter-spacing:.06em;align-items:center;gap:.4rem;font-size:10.5px;display:flex}.hah-key i{border-top:1.5px solid #7a3416;width:14px;height:0;margin-left:.6rem;display:inline-block}.hah-key i.b{border-top:1.5px dashed #8b8478}.is-still .ha-hud{display:none}.hah-plot{height:110px}.hah-curve{stroke:#2a2620}.hah-axis{stroke:#b9b1a3}.hah-min{stroke:#a3341c;stroke-dasharray:3 3}.hah-dot{fill:#a3341c}.hah-plot text{font-family:var(--mono);fill:var(--muted);letter-spacing:.04em;font-size:10px}.hah-plot .hah-t3{fill:#a3341c}.ha-steps{gap:.35rem;margin:1.4rem 0 0;padding:0;list-style:none;display:grid}.ha-steps button{width:100%;box-shadow:0 0 0 1px var(--hair);color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;transition:box-shadow .35s var(--out), background-color .35s var(--out), color .35s var(--out);background:0 0;border:0;border-radius:.6rem;align-items:baseline;gap:.8rem;padding:.5rem .8rem;font-size:14px;display:flex}.ha-steps button .mono{color:var(--muted);font-size:11px}.ha-steps button[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--ink);color:var(--ink);background:#ffffff80}.ha-steps button:active{transform:scale(.99)}@media (width<=899px){.ha-steps{grid-template-columns:1fr 1fr}.ha-steps button{padding:.45rem .6rem;font-size:12.5px}.ha-hud{right:var(--gutter);left:var(--gutter);grid-template-columns:1fr auto;place-items:baseline start;gap:.12rem .55rem;top:3.4rem;bottom:auto}.hah-k{grid-area:1/1}.hah-n{grid-area:1/2;justify-self:end;font-size:22px}.hah-sub{grid-area:2/1/auto/-1;font-size:11px}.hah-plot{grid-column:1/-1;width:100%;height:64px}.hah-key{grid-column:1/-1}}