.strength-meter{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:.5rem;padding:0 1px}.strength-meter>span{-webkit-box-flex:1;-ms-flex:1 1 20%;flex:1 1 20%;height:3px;background-color:#ddd;border-radius:.25rem}.strength-meter>span:not(:last-child){margin-right:5px}.strength-meter[data-score="0"]>span:first-child,.strength-meter[data-score="1"]>span:first-child,.strength-meter[data-score="1"]>span:nth-child(2){background:#8b0000}.strength-meter[data-score="2"]>span:first-child,.strength-meter[data-score="2"]>span:nth-child(2),.strength-meter[data-score="2"]>span:nth-child(3){background:#ff4500}.strength-meter[data-score="3"]>span:first-child,.strength-meter[data-score="3"]>span:nth-child(2),.strength-meter[data-score="3"]>span:nth-child(3),.strength-meter[data-score="3"]>span:nth-child(4){background:#9acd32;width:60%}.strength-meter[data-score="4"]>span{background:green}