body{font-size:62.5%}.main-container{position:relative;top:100px;width:400px}legend.form-label{color:#3d658f;font-size:1.5rem}.control-label{color:#52657a;font-size:.8rem;font-weight:700}.form-control{font-size:1rem}.form-hint{color:#999;font-size:.6rem;line-height:1.4;margin:-5px auto 5px}.form-hint.error{color:#c00;font-size:.8rem}button.btn{font-size:.8rem;font-weight:600;letter-spacing:1px}.password-count{bottom:16px;font-size:1rem;right:10px}.strength-meter{background:#ddd;border-radius:2px;height:3px;margin:7px 0;position:relative}.strength-meter:after,.strength-meter:before{background:transparent;border-color:#fff;border-style:solid;border-width:0 6px;content:"";display:block;height:inherit;position:absolute;width:calc(20% + 6px);z-index:10}.strength-meter:before{left:calc(20% - 3px)}.strength-meter:after{right:calc(20% - 3px)}.strength-meter-fill{background:transparent;border-radius:inherit;height:inherit;position:absolute;transition:width .5s ease-in-out,background .25s;width:0}.strength-meter-fill[data-strength="0"]{background:darkred;width:20%}.strength-meter-fill[data-strength="1"]{background:#ff4500;width:40%}.strength-meter-fill[data-strength="2"]{background:orange;width:60%}.strength-meter-fill[data-strength="3"]{background:#9acd32;width:80%}.strength-meter-fill[data-strength="4"]{background:green;width:100%}