.mb-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)}.mb-hud.on{opacity:1;transform:none}.mb-hud .mh-k{letter-spacing:.12em;color:var(--muted);font-size:10px}.mb-hud .mh-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}.mb-hud .mh-sub{letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.mb-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 .mb-hud{display:none}@media (width<=899px){.mb-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}.mb-hud.in-window{border-radius:.55rem;padding:.28rem .55rem .3rem}.mb-hud .mh-k{font-size:9.5px}.mb-hud .mh-n{font-size:15px}.mb-hud .mh-sub{white-space:normal;font-size:10px}}@media (width>=900px){.mb-hud.in-window{bottom:calc(40px + 1rem);right:calc(110px + 1rem)}}