.wrapper .input-data{height:35px}.wrapper .input-data input{height:100%;width:100%;border:none;font-size:17px}#label,.input-data input:focus~label,.input-data input:valid~label{transform:translateY(-20px);font-size:15px;color:#000}.wrapper .input-data label #label{position:absolute;bottom:10px;left:0;color:#000;pointer-events:none;transition:all .3s ease}.input-data .underline{position:absolute}.input-data input:focus~.underline:before,.input-data input:valid~.underline:before{transform:scaleX(1)}.wrapper{width:100%;padding:15px}.wrapper .input-data{width:100%;position:relative}.wrapper .input-data textarea{width:100%;height:50px;border:none;font-size:17px;resize:none}.input-data textarea:focus~label,.input-data textarea:valid~label{transform:translateY(-20px);font-size:15px;color:#000}input:focus,textarea:focus{background-color:transparent;outline:none}.wrapper .input-data label{position:absolute;bottom:10px;left:0;color:#000;pointer-events:none;transition:all .3s ease}.input-data .underline{position:relative;height:2px;width:100%;bottom:0}.input-data .underline:before{position:absolute;content:"";height:100%;width:100%;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.input-data textarea:focus~.underline:before,.input-data textarea:valid~.underline:before{transform:scaleX(1)}