/**
 * Password strength indicator.
 */
.password-strength__title,
.password-strength__text {
  display: inline;
}
.password-strength__meter {
  background-color: #ebeae4;
  height: 0.75em;
  margin-top: 0.5em;
}
.password-strength__indicator {
  height: 100%;
  width: 0%;
  background-color: #77b259;
  -webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}
input.password-confirm,
input.password-field,
.password-strength {
  width: 55%;
}
div.password-confirm {
  visibility: hidden;
  width: 55%;
}
div.form-item div.password-suggestions {
  padding: 0.2em 0.5em;
  margin: 0.7em 0;
  max-width: 34.7em;
  border: 1px solid #b4b4b4;
}
div.password-suggestions ul {
  margin-bottom: 0;
}
.confirm-parent,
.password-parent {
  clear: left; /* LTR */
  margin: 0;
  max-width: 33em;
  overflow: hidden;
}
[dir="rtl"] .confirm-parent,
[dir="rtl"] .password-parent {
  clear: right;
}
.password-strength__indicator.is-weak {
  background-color: #e62600;
}
.password-strength__indicator.is-fair {
  background-color: #e09600;
}
.password-strength__indicator.is-good {
  background-color: #0074bd;
}
.password-strength__indicator.is-strong {
  background-color: #77b259;
}