.vote-tone-negative{--vote-color:#ff7a90}
.vote-tone-zero{--vote-color:var(--muted)}
.vote-tone-low{--vote-color:var(--lime)}
.vote-tone-medium{--vote-color:#ffbc6f}
.vote-tone-high{--vote-color:#ff7fc7}
.vote-mark,.vote-speaker{position:relative;display:inline-grid;place-items:center;color:var(--vote-color)}
.vote-mark{width:34px;height:34px}
.vote-mark .speaker-icon,.vote-speaker .speaker-icon{width:23px;height:23px}
.vote-count{position:absolute;top:-4px;right:-10px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 3px;border:1px solid #ffffff44;border-radius:10px;background:#101019;color:#fff;font-size:.65rem;font-weight:900;line-height:1}
.vote-speaker .vote-count{top:-6px;right:-8px}
.vote[data-vote="1"].on .vote-count{background:var(--vote-color);border-color:var(--vote-color);color:#111}