.hb-hud{color:var(--ink-2);text-transform:none;font-feature-settings:"tnum";opacity:0;transition:opacity .6s var(--out), transform .6s var(--out);pointer-events:none;justify-items:end;row-gap:.15rem;display:grid;position:absolute;bottom:2.4rem;right:7.25rem;transform:translateY(.5rem)}.hb-hud.on{opacity:1;transform:none}.hb-hud .hh-k{letter-spacing:.12em;color:var(--muted);font-size:10px}.hb-hud .hh-n{font-family:var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;font-size:34px;line-height:1.05}.hb-hud .hh-sub{letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.hb-hud.in-window{box-shadow:0 0 0 1px var(--hair), 0 18px 40px -28px #16140f73;background:#efebe3e6;border-radius:.9rem;padding:.7rem .9rem .65rem}.is-still .hb-hud{display:none}@media (width<=899px){.hb-hud{right:auto;left:calc(var(--gutter) + .1rem);max-width:calc(100vw - 2 * var(--gutter) - .4rem);flex-wrap:wrap;align-items:baseline;gap:0 .45rem;display:flex;top:4.6rem;bottom:auto}.hb-hud.in-window{border-radius:.55rem;padding:.28rem .55rem .3rem}.hb-hud .hh-k{font-size:9.5px}.hb-hud .hh-n{font-size:15px}.hb-hud .hh-sub{white-space:normal;font-size:10px}}@media (width>=900px){.hb-hud.in-window{bottom:calc(40px + 1rem);right:calc(110px + 1rem)}}.hb-fig{box-shadow:0 0 0 1px var(--hair), 0 1px 0 #fff9 inset, 0 30px 60px -40px #16140f59;background:#ffffff52;border-radius:1.1rem;margin:1.6rem 0 0;padding:1rem 1.1rem .95rem}.hb-fig .hf-cap{text-transform:none;letter-spacing:.06em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.2rem 1rem;font-size:11px;display:flex}.hb-fig .hf-value{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}.hb-fig svg{width:100%;max-width:27rem;height:auto;font-family:var(--mono);margin:.6rem auto 0;display:block;overflow:visible}.hb-fig .hf-small{fill:var(--muted);font-size:10.5px}.hb-fig .hf-name{fill:var(--ink-2);font-size:11.5px}.hb-fig .hf-accent-t{fill:var(--accent)}.hb-fig .hf-grid{stroke:var(--hair);stroke-width:1px}.hb-fig .hf-bound{fill:none;stroke:var(--muted);stroke-width:1.2px;stroke-dasharray:4 3}.hb-fig .hf-z{fill:none;stroke:var(--ink-2);stroke-width:1.4px;opacity:.55}.hb-fig .hf-h{fill:none;stroke:var(--accent);stroke-width:1.8px}.hb-fig .hf-dot{fill:var(--accent)}.hb-fig .hf-dot.z{fill:var(--ink-2);opacity:.6}