.is_valid{color:rgba(136,152,170,.8)}.is_valid:before{width:50%}li{color:#525f7f;position:relative}[dir] li{margin-bottom:8px}li:before{content:"";width:0;height:2px;position:absolute;top:50%;display:block;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}[dir] li:before{background:#2ecc71;-webkit-transition:all .6s cubic-bezier(.175,.885,.32,1.275)}[dir=ltr] li:before{left:0}[dir=rtl] li:before{right:0}