.form-group{position:relative;width:100%}.form-input{width:100%;padding:1.5rem .75rem .25rem;font-size:1rem;border-radius:.5rem;background-color:#f4f4f6;outline:none;transition:border-color .2s}.form-input:focus{border-color:#767676}.form-input::placeholder{color:transparent}.form-label{position:absolute;left:.75rem;top:1rem;background:transparent;padding:0 .25rem;color:#888;font-size:1rem;transition:all .2s ease;pointer-events:none}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{top:.2rem;font-size:.75rem;color:#767676}.form-error{margin-top:.25rem;color:rgb(208,49,49);font-size:.875rem}.form-input.error{border-color:rgb(208,49,49)}