.weights{display:flex;gap:var(--space-2);align-items:stretch}
.weight{flex:var(--w) 1 0;display:grid;gap:var(--space-2);min-width:6.5rem}
.weight .part-bar{height:64px}
.weight b{font:900 var(--type-display-m)/.85 var(--font-brand)}
.weight .part-bar{background:var(--surface-container)}
.weight[data-p="test"] .part-bar>i{background:var(--on-surface)}
.weight[data-p="stimmen"] .part-bar>i{background:repeating-linear-gradient(135deg,var(--on-surface) 0 3px,transparent 3px 7px)}
.weight[data-p="agb"] .part-bar>i{background:var(--surface);box-shadow:inset 0 0 0 3px var(--on-surface)}
.weight[data-p="status"] .part-bar>i{background:radial-gradient(circle,var(--on-surface) 2px,transparent 2.2px) 0 0/8px 8px}
.weight .part-bar{background:transparent}
@media (max-width:640px){.weights{flex-wrap:wrap}.weight{flex:1 1 40%}}