.head[data-v-7d1e556b]{align-items:center;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.head[data-v-7d1e556b],.readout[data-v-7d1e556b]{display:flex;flex-wrap:wrap}.readout[data-v-7d1e556b]{align-items:baseline;color:var(--surface-ink);gap:0 var(--space-2)}.force[data-v-7d1e556b]{font-family:var(--font-subhead);font-size:var(--text-title);line-height:1.1}.name[data-v-7d1e556b],.range[data-v-7d1e556b]{font-size:var(--text-small)}.range[data-v-7d1e556b]{font-variant-numeric:tabular-nums;font-weight:600}.units[data-v-7d1e556b]{background:color-mix(in srgb,var(--color-white) 55%,transparent);border-radius:var(--radius-round);display:inline-flex;padding:3px}.unit[data-v-7d1e556b]{background:none;border:0;border-radius:var(--radius-round);color:var(--surface-ink-muted);cursor:pointer;padding:4px 12px;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.unit.is-active[data-v-7d1e556b]{background:var(--color-dark-900);color:var(--color-white)}.bar[data-v-7d1e556b]{cursor:pointer;outline:none}.bar .hit[data-v-7d1e556b]{fill:transparent}.bar rect[data-v-7d1e556b]:not(.hit){opacity:.5;transition:opacity var(--duration-fast) var(--ease-out)}.bar.is-active rect[data-v-7d1e556b]:not(.hit){opacity:1}.bar.is-active text[data-v-7d1e556b]{font-weight:700}.bar:focus-visible .hit[data-v-7d1e556b]{stroke:currentColor;stroke-width:1}.group-light[data-v-7d1e556b]{background:color-mix(in srgb,var(--color-main-500) 55%,var(--color-white));fill:color-mix(in srgb,var(--color-main-500) 55%,var(--color-white))}.group-ideal[data-v-7d1e556b]{background:var(--color-main-500);fill:var(--color-main-500)}.group-lively[data-v-7d1e556b]{background:color-mix(in srgb,var(--color-main-500) 50%,var(--color-main-800));fill:color-mix(in srgb,var(--color-main-500) 50%,var(--color-main-800))}.group-strong[data-v-7d1e556b]{background:var(--color-main-800);fill:var(--color-main-800)}.group-heavy[data-v-7d1e556b]{background:var(--color-dark-900);fill:var(--color-dark-900)}.legend[data-v-7d1e556b]{color:var(--surface-ink);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);justify-content:center;margin-top:var(--space-3)}.legend>span[data-v-7d1e556b]{align-items:center;display:inline-flex;gap:6px}.swatch[data-v-7d1e556b]{border-radius:3px;height:10px;width:10px}.faint[data-v-7d1e556b]{color:var(--surface-ink-faint)}
