.bars{--bars-g1:#2a78d6;--bars-g2:#eb6834;--bars-g3:#1baf7a;--bars-ink:#141413;--bars-ink2:#52514e;--bars-ink3:#8a8983;--bars-grid:#ecebe7;--bars-surface:#fff;margin:2rem 0;padding:18px 20px 14px;border:1px solid var(--line,#E7E7E4);border-radius:8px;background:var(--bars-surface);font-size:.9rem}.bars__head{margin:0 0 12px}.bars__title{margin:0;font-weight:600;color:var(--bars-ink);font-size:1rem}.bars__caption{margin:4px 0 0;color:var(--bars-ink2);font-size:.88rem;line-height:1.5}.bars__tabs{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 12px}.bars__tabs button{min-height:30px;padding:0 12px;border:1px solid var(--line-strong,#D0D0CC);border-radius:999px;background:#fff;color:var(--bars-ink2);font:inherit;font-size:.82rem;cursor:pointer}.bars__tabs button:hover{border-color:var(--bars-ink);color:var(--bars-ink)}.bars__tabs button[aria-selected=true]{background:var(--bars-ink);border-color:var(--bars-ink);color:#fff}.bars__legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 10px;padding:0;list-style:none;color:var(--bars-ink2);font-size:.82rem}.bars__legend li{display:inline-flex;align-items:center;gap:6px}.bars__key{display:inline-block;width:12px;height:8px;border-radius:2px}.bars--g1{background:var(--bars-g1)}.bars--g2{background:var(--bars-g2)}.bars--g3{background:var(--bars-g3)}.bars--gm{background:#c4c3bd}.bars__panel+.bars__panel{margin-top:18px}.bars__panel[hidden]{display:none}.bars__pname{margin:0 0 2px;font-weight:600;color:var(--bars-ink);font-size:.88rem}.js .bars__tabs:not([hidden])~.bars__panel .bars__pname{display:none}.bars__note{margin:0 0 8px;color:var(--bars-ink3);font-size:.8rem}.bars__plot{position:relative;--label:clamp(110px, 32%, 200px);padding-bottom:18px}.bars__grid{position:absolute;top:0;bottom:18px;left:calc(var(--label) + 10px);right:56px;pointer-events:none}.bars__grid span{position:absolute;top:0;bottom:0;width:1px;background:var(--bars-grid)}.bars__grid b{position:absolute;bottom:-18px;transform:translateX(-50%);font:.68rem var(--font-mono,ui-monospace,monospace);color:var(--bars-ink3);white-space:nowrap;font-variant-numeric:tabular-nums}.bars__rows{position:relative;list-style:none;margin:0;padding:0}.bars__row{position:relative;display:grid;grid-template-columns:var(--label)1fr;align-items:center;gap:10px;min-height:26px;padding:2px 0;border-radius:4px;outline:none}.bars__row--pair{margin-top:-4px}.bars__row--pair .bars__label{visibility:hidden}.bars__row--pair+.bars__row:not(.bars__row--pair){margin-top:8px}.bars__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bars-ink2);text-align:right}.bars__track{position:relative;display:flex;align-items:center;margin-right:56px;height:18px}.bars__bar{flex:none}.bars__bar{display:block;height:16px;width:var(--w);min-width:2px;border-radius:0 4px 4px 0;transition:filter 120ms}.bars__val{margin-left:6px;white-space:nowrap;color:var(--bars-ink);font-weight:500;font-size:.84rem;font-variant-numeric:tabular-nums}.bars__row:hover .bars__bar,.bars__row:focus-visible .bars__bar{filter:brightness(1.12)saturate(1.05)}.bars__row:hover .bars__label,.bars__row:focus-visible .bars__label{color:var(--bars-ink)}.bars__row:focus-visible{box-shadow:0 0 0 2px var(--bars-ink)}.bars__tip{position:absolute;z-index:5;left:calc(var(--label) + 10px);bottom:calc(100% + 4px);display:none;max-width:320px;padding:6px 10px;border-radius:6px;background:var(--bars-ink);color:#fff;font-size:.8rem;line-height:1.4;pointer-events:none;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}.bars__tip b{font-size:.92rem;color:#fff}.bars__row:hover .bars__tip,.bars__row:focus-visible .bars__tip{display:block}.bars__table{margin-top:12px;font-size:.84rem}.bars__table summary{cursor:pointer;color:var(--bars-ink2);font-size:.82rem}.bars__table table{width:100%;margin:8px 0 0;border-collapse:collapse}.bars__table caption{text-align:left;font-weight:600;padding:6px 0 2px;color:var(--bars-ink)}.bars__table th,.bars__table td{padding:4px 8px 4px 0;border-bottom:1px solid var(--bars-grid);text-align:left;font-weight:400;font-variant-numeric:tabular-nums}.bars__table thead th{font-family:var(--font-mono,ui-monospace,monospace);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--bars-ink3)}.bars__src{margin:10px 0 0;font-family:var(--font-mono,ui-monospace,monospace);font-size:.7rem;color:var(--bars-ink3)}@media(max-width:560px){.bars{padding:14px 12px 10px}.bars__plot{--label:38%}.bars__track{margin-right:44px}.bars__grid{right:44px}}@media(prefers-reduced-motion:reduce){.bars__bar{transition:none}}