.input-container{margin:20px;position:relative}.input-field{background-color:#0000;border:none;border-bottom:1px solid #3099e4;outline:none;width:100%;padding:10px;font-size:16px;display:block}.input-label{color:#ccc0;pointer-events:none;font-size:16px;transition:all .3s;position:absolute;top:0;left:0}.input-highlight{background-color:#015091;width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:0}.input-field:focus+.input-label{color:#007bff;font-size:12px;top:-20px}.input-field:focus+.input-label+.input-highlight{width:100%}