.element-vote {
  padding: 10px;
  border: 1px solid gray;
  background-color: white;
  /* .element-vote-option:hover { background-color: lightgray; } */
  /* .element-vote-percent-number { } */
  /* .element-vote-percent { } */
}
.element-vote .element-vote-question {
  font-weight: bold;
  margin-bottom: 10px;
}
.element-vote .element-vote-option-list {
  padding-left: 20px;
  margin-bottom: 10px;
}
.element-vote .element-vote-option {
  margin-bottom: 10px;
}
.element-vote .element-vote-text {
  cursor: pointer;
}
.element-vote .element-vote-selected-option-bullet {
  color: green;
  font-weight: bold;
}
.element-vote .element-vote-percent-line {
  white-space: nowrap;
  background-color: #0000b3;
  font-size: 12px;
  margin-top: 3px;
  color: white;
  font-weight: bold;
  text-align: center;
  transition: width 1s ease-in-out;
}
.element-vote .element-vote-text {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
.element-vote .element-vote-result {
  background-color: lightgray;
  display: none;
}
.element-vote .element-vote-total-wrap {
  display: none;
}
.element-vote .element-vote-option-count {
  display: none;
}

.element-vote.show-results .element-vote-result {
  display: block;
}
.element-vote.show-results .element-vote-total-wrap {
  display: block;
}
.element-vote.show-results .element-vote-text {
  cursor: unset;
}
.element-vote.show-results .element-vote-option-count {
  display: block;
}