body{background-color:#e7e9e7}.group{margin:0 0 45px 0;position:relative}.group>input{background-color:#fafafa;border:none;border-bottom:1px solid #95989A;color:#3C3C3C;display:block;font-family:"Lato";padding:5px;font-size:1rem;width:100%}.group>input:focus,.group>input:valid{outline:none}.group>input:focus ~ label,.group>input:valid ~ label{color:#76B82B;font-size:14px;top:-20px}.group>input:focus ~ .bar:before,.group>input:focus ~ .bar:after,.group>input:valid ~ .bar:before,.group>input:valid ~ .bar:after{width:50%}.group>label{color:#95989A;font-weight:normal;font-size:14px;left:5px;pointer-events:none;position:absolute;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;top:10px}.bar{display:block;position:relative;width:100%}.bar:before,.bar:after{background:#76B82B;bottom:0;content:"";height:2px;position:absolute;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;width:0}.bar:before{left:50%}.bar:after{right:50%}.highlight{height:60%;left:0;opacity:0.5;pointer-events:none;position:absolute;top:25%;width:100%}