.tally{width:min(100%,30rem);font-size:var(--text-small);text-align:left;gap:.5em;display:grid}.tally div{grid-template-columns:9em 1fr 1.5em;align-items:center;gap:.8em;display:grid}.tally .bar{background:#ffffff1f;border-radius:99px;height:.6em;overflow:hidden}.tally .bar i{width:calc(var(--n,0) / var(--of,4) * 100%);background:var(--iris);border-radius:inherit;height:100%;transition:width .6s var(--ease-glam);display:block}.tally output{font-family:var(--font-display);text-align:right;font-weight:800}