.password-strength-group .password-strength-meter{width:100%;transition:height .3s;display:flex;justify-content:stretch;margin-top:15px}
.password-strength-group .password-strength-meter .meter-block{height:7px;background:#ccc;margin-right:5px;flex-grow:1;border-radius:10px}
.password-strength-group .password-strength-meter .meter-block:last-child{margin:0}
.password-strength-group .password-strength-message{transition:.5s;position:relative;flex-grow:1.1}
.password-strength-group .password-strength-message .message-item{font-size:0.85em;position:absolute;right:0;opacity:0;transition:opacity .2s;top:-7px}

.password-strength-group[data-strength="1"] .message-item:first-child,
.password-strength-group[data-strength="2"] .message-item:nth-child(2),
.password-strength-group[data-strength="3"] .message-item:nth-child(3),
.password-strength-group[data-strength="4"] .message-item:nth-child(4) {opacity:1}

.password-strength-group[data-strength="1"] .meter-block:first-child,
.password-strength-group[data-strength="2"] .meter-block:first-child,
.password-strength-group[data-strength="3"] .meter-block:first-child{background:#ab1713}


.password-strength-group[data-strength="2"] .meter-block:nth-child(2),
.password-strength-group[data-strength="3"] .meter-block:nth-child(2){background:#ff6a13}
.password-strength-group[data-strength="3"] .meter-block:nth-child(3){background:#ebcf07}

.password-strength-group[data-strength="3"] .meter-block:nth-child(3),
.password-strength-group[data-strength="3"] .meter-block:nth-child(3){background:#ebcf07}

.password-strength-group[data-strength="4"] .meter-block:first-child{background:#ab1713}
.password-strength-group[data-strength="4"] .meter-block:nth-child(2){background:#ff6a13}
.password-strength-group[data-strength="4"] .meter-block:nth-child(3){background:#ebcf07}
.password-strength-group[data-strength="4"] .meter-block:nth-child(4){background:#4caf50}