.pp-progress{gap:.35rem;display:grid}.pp-progress-bar{border-radius:var(--radius-full);background:var(--tint);block-size:8px;display:block;overflow:hidden}.pp-progress-bar i{border-radius:var(--radius-full);background:var(--accent);block-size:100%;display:block}.pp-vs-legend{color:var(--muted);flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.pp-vs-legend li{align-items:center;gap:.4rem;display:inline-flex}.pp-vs{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.pp-vs-row{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;gap:.4rem .75rem;padding:.85rem 1rem;display:grid}.pp-vs-label{overflow-wrap:anywhere;min-inline-size:0;font-weight:600}.pp-vs-delta{justify-self:end}.pp-vs-line{grid-column:1/-1;grid-template-columns:minmax(5.5rem,9rem) minmax(0,1fr) auto;align-items:center;gap:.6rem;min-inline-size:0;display:grid}.pp-vs-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:.8125rem;overflow:hidden}.pp-vs-track{border-radius:var(--radius-sm);background:var(--tint);block-size:10px;display:block;overflow:hidden}.pp-vs-track i{border-radius:var(--radius-sm);block-size:100%;display:block}.pp-vs-value{font-variant-numeric:tabular-nums;text-align:end;min-inline-size:3.5rem;font-size:.9375rem}@media (max-width:35rem){.pp-vs-line{grid-template-columns:minmax(4.5rem,6.5rem) minmax(0,1fr) auto}}.pp-compare{border-inline-start:3px solid var(--line-strong);gap:.5rem;padding-inline-start:.85rem;display:grid}.pp-compare-label{color:var(--muted);margin:0;font-size:.8125rem;font-weight:600}