.vote-bar {
  display:flex;
  direction:rtl;
  width:100%;
  height:14px;
  border-radius:7px;
  overflow:hidden;
  background:var(--surface-2);
  grid-column:1/-1;
  gap:2px;
  box-shadow:inset 0 0 0 1px var(--line)
}
.vote-bar span{min-width:0;flex-shrink:1;background-image:linear-gradient(180deg,#ffffff20,transparent);box-shadow:inset 0 1px 0 #ffffff18}
.vote-bar span[data-vote=BUY] {
  background-color:var(--accent)
}
.vote-bar span[data-vote=PASS] {
  background-color:var(--indigo)
}
.vote-bar span[data-vote=ABSTAIN] {
  background-color:var(--muted)
}
.vote-legend {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-column:1/-1;
  font-size:10px;
  color:var(--muted);
  gap:6px;
  margin:0
}
.vote-legend>span{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:7px 3px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);white-space:normal;text-align:center;line-height:1.4;font-variant-numeric:tabular-nums}
.vote-legend>span:before{content:'';width:6px;height:6px;border-radius:50%;flex:none;background:var(--muted)}
.vote-legend>span:nth-child(1){color:var(--accent)}
.vote-legend>span:nth-child(2){color:var(--indigo)}
.vote-legend>span:nth-child(1):before{background:var(--accent)}
.vote-legend>span:nth-child(2):before{background:var(--indigo)}

.participation-legend [data-vote=BUY]:before,.participation-counts [data-vote=BUY]:before{background:var(--accent)}

.participation-legend [data-vote=PASS]:before,.participation-counts [data-vote=PASS]:before{background:var(--indigo)}

.participation-segment[data-vote=BUY]{background:var(--accent)}

.participation-segment[data-vote=PASS]{background:var(--indigo)}

/* Percentages for the bot's complete recorded vote sample. */
.vote-bar[data-vote-percentages]{height:26px;gap:0}
.vote-bar[data-vote-percentages]>span{display:grid;place-items:center;color:#fff;font-size:11px;font-weight:750;line-height:1;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;overflow:hidden;white-space:nowrap}
.vote-bar[data-vote-percentages]>span[hidden]{display:none}
.vote-legend>span:has(.vote-stat-heading){display:flex;flex-direction:column;gap:3px;padding:8px 3px}
.vote-legend>span:has(.vote-stat-heading):before{display:none}
.vote-stat-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px 5px;font-size:11px;line-height:1.4}
.vote-stat-heading:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.vote-stat-percent{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.vote-stat-count{font-size:10px;font-weight:400;line-height:1.4;color:var(--muted);font-variant-numeric:tabular-nums}
@media(max-width:360px){.vote-stat-heading{font-size:10px;gap:2px 3px}.vote-stat-percent{font-size:12px}}