.material-input__component .material-input-bar:after,.material-input__component .material-input-bar:before{content:'';height:1px;width:0;bottom:0;position:absolute;transition:all .2s ease}.material-input__component{margin-top:45px;position:relative}.material-input__component *{box-sizing:border-box}.material-input__component .material-input{font-size:16px;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-radius:0}.material-input__component .material-input:focus{outline:none;border:none;border-bottom:1px solid transparent}.material-input__component .material-label{font-size:16px;font-weight:400;position:absolute;pointer-events:none;left:0;top:10px;transition:all .2s ease}.material-input__component .material-input-bar{position:relative;display:block;width:100%}.material-input__component .material-input-bar:before{left:50%}.material-input__component .material-input-bar:after{right:50%}.material-input__component.material--disabled .material-input{border-bottom-style:dashed}.material-input__component.material--raised .material-label{top:-20px;font-size:14px}.material-input__component.material--active .material-input-bar:after,.material-input__component.material--active .material-input-bar:before{width:50%}.material-input__component .material-errors{position:relative;overflow:hidden}.material-input__component .material-errors .material-error{font-size:12px;line-height:14px;overflow:hidden;margin-top:0;padding-top:5px;padding-right:5px;padding-left:0}.material-input__component{background:#fff}.material-input__component .material-input{background:none;color:#000;border-bottom:1px solid #e0e0e0}.material-input__component .material-label{color:#9e9e9e}.material-input__component .material-input-bar:after,.material-input__component .material-input-bar:before{background:#2196f3}.material-input__component.material--active .material-label{color:#2196f3}.material-input__component.material--has-errors.material--active .material-label{color:#f44336}.material-input__component.material--has-errors .material-input-bar:after,.material-input__component.material--has-errors .material-input-bar:before{background:#f44336}.material-input__component.material--has-errors .material-errors{color:#f44336}