:root {
  --select-css-white-arrow: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); /* white triangle */
  --select-css-gray-arrow: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); /* gray triangle */
}

.majority-judgment-vote-small-candidate {
  margin-bottom: 20px;
  --border-radius-size: 8px;
}

.majority-judgment-vote-candidates-list--blank-vote-is-selected
  .majority-judgment-vote-small-candidate {
  filter: blur(3px) grayscale(1) opacity(0.7);
}

.majority-judgment-vote-small-candidate--with-alert {
  border: 1px solid red;
  border-radius: var(--border-radius-size);
}

.majority-judgment-vote-small-candidate__candidate-info {
  background: #eee;
  border-radius: var(--border-radius-size) var(--border-radius-size) 0 0;
  padding: 10px;
  margin-bottom: 2px;
}

select.majority-judgment-vote-small-candidate__grade-selector.select-css {
  border: 1px solid transparent;
}

select.majority-judgment-vote-small-candidate__grade-selector.select-css:not(
    [data-value]
  ):focus,
select.majority-judgment-vote-small-candidate__grade-selector.select-css:hover,
select.majority-judgment-vote-small-candidate__grade-selector.select-css:not(
    [data-value]
  ):hover {
  border: 1px solid #aaa;
}

select.majority-judgment-vote-small-candidate__grade-selector.select-css[data-value]:hover {
  border: 1px solid #777;
}

select.majority-judgment-vote-small-candidate__grade-selector.select-css,
select.majority-judgment-vote-small-candidate__grade-selector.select-css:focus {
  color: white;
  box-shadow: initial;
  background-image:
    var(--select-css-gray-arrow),
    linear-gradient(to bottom, #eeeeee 0%, #eeeeee 100%);
  border-radius: 0 0 var(--border-radius-size) var(--border-radius-size);
}

select.majority-judgment-vote-small-candidate__grade-selector.select-css[data-value=""],
select.majority-judgment-vote-small-candidate__grade-selector.select-css:not(
    [data-value]
  ) {
  color: #444;
  border: 1px solid #dfdfdf;
}

select.majority-judgment-vote-small-candidate__grade-selector.select-css
  option {
  color: initial;
}

select.majority-judgment-vote-small-candidate__grade-selector.select-css[data-value] {
  background-image:
    var(--select-css-white-arrow),
    linear-gradient(
      to bottom,
      var(--selected-grade-color) 0%,
      var(--selected-grade-color) 100%
    );
}
