.material-input{display:inline-block;position:relative;height:2.5rem;width:100%}.material-input input,.material-input textarea{font-size:.925rem;height:2.5rem;padding-top:1rem;position:relative;vertical-align:middle}.material-input label{font-size:.875rem;font-family:"Open Sans",sans-serif;left:1rem;padding-right:.5rem;pointer-events:none;position:absolute;top:.6rem;transition:all 0.3s}.material-input input:focus,.material-input textarea:focus{border-color:#FFAE44;box-shadow:0 0 3px 0 #FD7E14}.material-input input:focus~label,.material-input input:focus~label *,.material-input textarea:focus~label,.material-input textarea:focus~label *{color:#FD7E14}.material-input input.material-input-valid~label,.material-input textarea.material-input-valid~label{font-size:.6rem;line-height:1rem;opacity:.5;top:.25rem}.material-input input:-webkit-autofill~label,.material-input textarea:-webkit-autofill~label{font-size:.6rem;line-height:1rem;opacity:.5;top:.25rem}.material-input input:focus~label,.material-input textarea:focus~label{font-size:.6rem;line-height:1rem;opacity:1;top:.25rem}.material-input input:focus~label *,.material-input input.material-input-valid~label *,.material-input textarea:focus~label *,.material-input textarea.material-input-valid~label *{font-size:.6rem}.material-input-with-space{margin-top:1rem;margin-bottom:1rem}.material-input-large{height:3.75rem}.material-input-large input{height:100%}.material-input-large label{top:1.25rem}