.hsb{--hsb-ink:var(--inst-slate);--hsb-track:var(--view-track);--hsb-support:var(--view-support);--hsb-neutral:var(--view-neutral);--hsb-oppose:var(--view-oppose);gap:14px;margin-top:16px;display:grid}.hsb--dark{--hsb-ink:var(--inst-on-dark);--hsb-track:var(--view-track-on-dark);--hsb-support:var(--view-support-on-dark);--hsb-oppose:var(--view-oppose-on-dark)}.hsb-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label pct""track pct";align-items:center;gap:6px 14px;display:grid}.hsb-label{color:var(--hsb-ink);grid-area:label;font-size:14px}.hsb--dark .hsb-label{color:var(--inst-on-dark-mist)}.hsb-track{border-radius:var(--inst-pill-r);background:var(--hsb-track);grid-area:track;height:14px;display:block;overflow:hidden}.hsb-fill{height:100%;width:var(--hsb-w);border-radius:var(--inst-pill-r);transform-origin:0;transition:transform .9s cubic-bezier(.22, 1, .36, 1) calc(var(--hsb-i,0) * .14s);display:block;transform:scaleX(0)}.hsb.is-in .hsb-fill{transform:scaleX(1)}.hsb-row.is-support .hsb-fill{background:var(--hsb-support)}.hsb-row.is-neutral .hsb-fill{background:var(--hsb-neutral)}.hsb-row.is-oppose .hsb-fill{background:var(--hsb-oppose)}.hsb-pct{font-variant-numeric:tabular-nums;color:var(--hsb-ink);text-align:right;opacity:0;min-width:3.2ch;transition:opacity .5s ease calc(.35s + var(--hsb-i,0) * .14s), transform .5s cubic-bezier(.22, 1, .36, 1) calc(.35s + var(--hsb-i,0) * .14s);grid-area:pct;align-self:end;font-size:16px;font-weight:500;transform:translateY(6px)}.hsb.is-in .hsb-pct{opacity:1;transform:none}.hsb--row{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:18px}.hsb--row .hsb-row{padding:0 28px}.hsb--row .hsb-row:first-child{padding-left:0}.hsb--row .hsb-row:last-child{padding-right:0}.hsb--row .hsb-row+.hsb-row{border-left:1px solid var(--hsb-track)}.hsb--row .hsb-label{font-size:15px}.hsb--row .hsb-track{height:12px}.hsb--row .hsb-pct{min-width:3.6ch;font-size:20px}.hsb--stacked{margin-top:18px;display:block}.hsb-stack{border-radius:var(--inst-pill-r);background:var(--hsb-track);transform-origin:0;height:14px;transition:transform 1s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden;transform:scaleX(0)}.hsb--stacked.is-in .hsb-stack{transform:scaleX(1)}.hsb-part{flex:0 0 var(--hsb-w);min-width:0;height:100%;display:block}.hsb-part+.hsb-part{box-shadow:-1px 0 #00000040}.hsb-part.is-support{background:var(--hsb-support)}.hsb-part.is-neutral{background:var(--hsb-neutral)}.hsb-part.is-oppose{background:var(--hsb-oppose)}.hsb-key{flex-wrap:wrap;gap:10px 32px;margin:14px 0 0;padding:0;list-style:none;display:flex}.hsb-key li{align-items:center;gap:8px;display:inline-flex}.hsb-key .hsb-dot{border-radius:var(--inst-pill-r);width:9px;height:9px}.hsb-key .is-support .hsb-dot{background:var(--hsb-support)}.hsb-key .is-neutral .hsb-dot{background:var(--hsb-neutral)}.hsb-key .is-oppose .hsb-dot{background:var(--hsb-oppose)}.hsb-key .hsb-label{font-size:15px}.hsb-key .hsb-pct{text-align:left;opacity:1;min-width:0;font-size:17px;transform:none}.hsb--large{gap:22px;margin-top:0}.hsb--large .hsb-label{font-size:17px}.hsb--large .hsb-track{height:18px}.hsb--large .hsb-pct{min-width:4ch;font-size:24px}@media (prefers-reduced-motion:reduce){.hsb-fill,.hsb-pct,.hsb-stack{opacity:1;transition:none;transform:none}}