.textInput{flex-direction:column;flex-grow:1;width:100%;margin:auto;display:flex;position:relative}.textInput input,.textInput textarea{color:#000;background:#fff;border:1px solid #0000001a;border-radius:.875rem;outline:none;flex-grow:1;min-width:10rem;padding:.6rem 1.2rem;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1rem;transition:border-color .3s;box-shadow:2px 4px 4px #00000040}.textInput input:focus,.textInput textarea:focus,.textInput textarea:focus{border:2px solid #0006}.textInput label{color:#454545;pointer-events:none;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1rem;line-height:1;transition:all .3s;position:absolute;top:1rem;left:1rem}.textInput input:focus+label,.textInput input:not(:placeholder-shown)+label{color:#0d006f;background-color:#fff;border-radius:.25rem;padding:.1rem .2rem;font-size:.9rem;top:-.6rem}.textInput input::placeholder{color:#fff0;transition:color .2s}.textInput input:focus::placeholder{color:#999}