.status-score-description {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.status-score-indicator:hover .status-score-description,
.status-score-indicator:focus .status-score-description {
  border: inherit;
  clip: inherit;
  height: auto;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: static;
  width: auto
}

.status-score-indicator {
  position: relative;
  width: 1em;
  height: 1em;
  border-radius: 50%
}

.status-score-indicator:hover .status-score-description,
.status-score-indicator:focus .status-score-description {
  background-color: black;
  color: white;
  padding: .25em;
  display: block;
  position: absolute;
  left: 1em;
  width: 10em;
  top: -0.5em
}

.status-score-0 {
  color: #6cad34;
  background-color: #4b853d;
  border: 1px solid #6cad34
}

.status-score-1 {
  color: #d0a96d;
  background-color: #f5dc9f;
  border: 1px solid #d0a96d
}

.status-score-2 {
  color: #d0a96d;
  background-color: #f5dc9f;
  border: 1px solid #d0a96d
}

.status-score-3 {
  color: #ed5c30;
  background-color: #d64236;
  border: 1px solid #ed5c30
}