input,textarea{-webkit-appearance:none;-moz-appearance:none;padding:0}form{margin:2em 0}.field{display:flex;flex-flow:column-reverse;margin-bottom:1em}input,label,textarea{transition:.2s;touch-action:manipulation}input{font-size:1.5em!important;font-style:normal!important;border:0;border-bottom:1px solid #ccc!important;font-family:inherit!important;border-radius:0;cursor:text}input:focus,textarea:focus{outline:0;border-bottom:1px solid #666;box-shadow:0 0 30px 15px rgba(0,0,0,.08)!important}label{text-transform:uppercase;letter-spacing:.05em;padding-left:5px}input:placeholder-shown+label{cursor:text;max-width:66.66%;white-space:nowrap;overflow:hidden;padding-bottom:3px;font-size:10px;padding-left:12px;text-overflow:ellipsis;transform-origin:left bottom;transform:translate(0,3.125rem) scale(1.3)}::-webkit-input-placeholder{opacity:0;transition:inherit}input:focus::-webkit-input-placeholder{opacity:1}input:focus+label,input:not(:placeholder-shown)+label,textarea:focus+label,textarea:not(:placeholder-shown)+label{transform:translate(0,0) scale(1);cursor:pointer}textarea{font-size:1.5em;border:0;box-shadow:0 0 30px 15px rgba(0,0,0,.08);border-bottom:1px solid #ccc!important;font-family:inherit;border-radius:0;cursor:text}textarea:placeholder-shown+label{cursor:text;max-width:66.66%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:30px;font-size:12px;font-style:normal;padding-bottom:3px;padding-left:12px;transform-origin:left bottom;transform:translate(0,3.125rem) scale(1.3)}::-webkit-textarea-placeholder{opacity:0;transition:inherit}textarea:focus::-webkit-textarea-placeholder{opacity:1}