.ppb{container-type:inline-size}.ppb-bar{display:flex;gap:2px;width:var(--len, 100%);min-width:4px;height:.75rem}.ppb[data-density=compact] .ppb-bar{height:.5rem}.ppb[data-density=full]:not([data-list]) .ppb-bar{height:1rem}.ppb-seg{flex:1 1 0;min-width:3px;background:var(--pbc-muted-mark);transform-origin:left center}.ppb-seg:first-child{border-radius:4px 0 0 4px}.ppb-seg:last-child{border-radius:0 4px 4px 0}.ppb-seg:only-child{border-radius:4px}.ppb-seg[data-tone=sole]{background:var(--pbc-s1)}.ppb-seg[data-tone=tied]{background:repeating-linear-gradient(135deg,var(--pbc-s1) 0 3px,color-mix(in oklab,var(--pbc-s1) 45%,var(--pbc-surface)) 3px 6px)}.ppb-empty{flex:1;border-radius:4px;box-shadow:inset 0 0 0 1px var(--viz-hairline)}.ppb-legend{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:.625rem 0 0;padding:0;list-style:none;font-size:.8125rem;color:var(--viz-ink-muted)}.ppb-legend li{display:inline-flex;align-items:center;gap:.375rem}.ppb-count{font-family:var(--pb-display, inherit);font-size:1.125rem;font-weight:600;color:var(--viz-ink);font-variant-numeric:tabular-nums}.ppb[data-density=compact] .ppb-legend{margin-top:.4375rem;font-size:.75rem;gap:.125rem .75rem}.ppb[data-density=compact] .ppb-count{font-size:.875rem}.ppb-key{display:inline-block;width:.75rem;height:.5rem;border-radius:2px;background:var(--pbc-muted-mark)}.ppb-key[data-tone=sole]{background:var(--pbc-s1)}.ppb-key[data-tone=tied]{background:repeating-linear-gradient(135deg,var(--pbc-s1) 0 2px,color-mix(in oklab,var(--pbc-s1) 45%,var(--pbc-surface)) 2px 4px)}.ppb-rows{list-style:none;margin:.75rem 0 0;padding:0;-moz-columns:1;columns:1}@container (min-width: 760px){.ppb-rows{-moz-columns:2;columns:2;-moz-column-gap:2.5rem;column-gap:2.5rem}}.ppb-row{display:grid;grid-template-columns:minmax(6rem,9.5rem) minmax(0,1fr) 4.5rem;gap:.75rem;align-items:center;-moz-column-break-inside:avoid;break-inside:avoid;min-height:2rem;padding:0 .375rem;border-radius:.5rem;outline:none;transition:background var(--viz-dur-micro) ease}.ppb-row:hover{background:var(--viz-wash)}@container (max-width: 420px){.ppb-row{grid-template-columns:minmax(4.5rem,7.25rem) minmax(0,1fr) 3.25rem;gap:.5rem}}.ppb-row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.ppb-name{font-size:.8125rem;color:var(--viz-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppb-nums{font-size:.75rem;color:var(--viz-ink-muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.viz-figure[data-reveal=pending] .ppb-seg,.viz-reveal-host[data-reveal=pending] .ppb-seg{transform:scaleX(0)}.viz-figure[data-reveal=in] .ppb-seg,.viz-reveal-host[data-reveal=in] .ppb-seg{transition:transform calc(var(--viz-dur-mark) * .7) var(--viz-ease-emph) calc(var(--viz-delay-marks) + var(--d, 0ms) + var(--i, 0) * 30ms + var(--s, 0) * var(--viz-dur-mark) * .42)}@media (prefers-reduced-motion: reduce){.ppb-seg{transition:none!important;transform:none!important}}@media (forced-colors: active){.ppb-seg,.ppb-key{forced-color-adjust:none;background:Canvas;box-shadow:inset 0 0 0 1px CanvasText}.ppb-seg[data-tone=sole],.ppb-key[data-tone=sole]{background:CanvasText}.ppb-seg[data-tone=tied],.ppb-key[data-tone=tied]{background:repeating-linear-gradient(135deg,CanvasText 0 2px,Canvas 2px 4px)}}