.strength-container {
  position: relative; }
  .strength-container .strength-input {
    width: 100%;
    padding-right: 20px; }
  .strength-container .strength-meter {
    position: absolute;
    top: 15%;
    right: 6px;
    width: 4px;
    height: 70%;
    overflow: hidden;
    background-color: #ccc;
    border-radius: 1px; }
  .strength-container .strength-score {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    color: transparent;
    transition: width .6s ease 0s; }
  .strength-container .show-password-wrap {
    position: absolute; }
  .strength-container .strength-invalid.strength-score {
    height: 25%;
    background-color: #ff4c52; }
  .strength-container .strength-weak.strength-score {
    height: 50%;
    background-color: #eb6709; }
  .strength-container .strength-good.strength-score {
    height: 75%;
    background-color: #0bb2d4; }
  .strength-container .strength-strong.strength-score {
    height: 100%;
    background-color: #11c26d; }