.learn-password-strength-meter {
  margin-top: 0.35rem;
}

.learn-password-strength-meter__bar {
  height: 6px;
  border-radius: 3px;
  background-color: #e5e5e5;
  overflow: hidden;
}

.learn-password-strength-meter__fill {
  height: 100%;
  width: 0;
  background-color: #d9534f;
  transition: width 0.2s ease, background-color 0.2s ease;
}

.learn-password-strength-meter--0 .learn-password-strength-meter__fill,
.learn-password-strength-meter--1 .learn-password-strength-meter__fill {
  background-color: #d9534f;
}

.learn-password-strength-meter--2 .learn-password-strength-meter__fill {
  background-color: #f0ad4e;
}

.learn-password-strength-meter--3 .learn-password-strength-meter__fill {
  background-color: #5cb85c;
}

.learn-password-strength-meter--4 .learn-password-strength-meter__fill {
  background-color: #2f8132;
}

.learn-password-strength-meter__text {
  margin: 0.25rem 0 0;
  font-size: 0.85rem;
  color: #555;
}

.learn-password-strength-meter__text--fail {
  color: #a94442;
}

.learn-password-requirements {
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0;
  font-size: 0.85rem;
}

.learn-password-requirements li {
  position: relative;
  padding-left: 1.25rem;
  margin-bottom: 0.15rem;
  color: #767676;
}

.learn-password-requirements li::before {
  content: "○";
  position: absolute;
  left: 0;
  color: #999;
}

.learn-password-requirements li.is-met {
  color: #2f8132;
}

.learn-password-requirements li.is-met::before {
  content: "✓";
  color: #2f8132;
  font-weight: bold;
}