.strength-indicator .indicator-sliver {
  margin: 1px;
  width: 14px;
  height: 3px;
  border: 1px solid #D5D5D5;
  transition: 0.5s ease;
}

.strength-indicator .strength-indicator-element.good .indicator-sliver {
  background: green;
  border: 1px solid green;
}

.strength-indicator .strength-indicator-element.fair .indicator-sliver {
  background: orange;
  border: 1px solid orange;
}

.strength-indicator .strength-indicator-element.fair .indicator-sliver:last-child {
  border: 1px solid #D5D5D5;
  background: transparent;
}

.strength-indicator .strength-indicator-element.barely .indicator-sliver {
  background: rgb(255, 61, 0);
  border: 1px solid rgb(255, 61, 0);
}

.strength-indicator .strength-indicator-element.barely .indicator-sliver:last-child {
  border: 1px solid #D5D5D5;
  background: transparent;
}

.strength-indicator .strength-indicator-element.barely .indicator-sliver:nth-child(3) {
  border: 1px solid #D5D5D5;
  background: transparent;
}

.strength-indicator .strength-indicator-element.poor .indicator-sliver:first-child {
  border: 1px solid red;
  background: red;
}