.form-signin{width:100%;max-width:330px;padding:15px;margin:auto}.btn-block{display:block;width:100%}body{font-family:Avenir Next,Avenir,SegoeUI,sans-serif}form{margin:2em 0}.field{display:flex;flex-flow:column-reverse;margin-bottom:1em;text-align:left}input,label{transition:all .2s;touch-action:manipulation}input{font-size:1.5em;border:0;border-bottom:1px solid #ccc;font-family:inherit;-webkit-appearance:none;border-radius:0;padding:0;cursor:text}input:focus{outline:0;border-bottom:1px solid #666}label{text-transform:uppercase;letter-spacing:.05em}input:placeholder-shown+label{cursor:text;max-width:66.66%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:left bottom;transform:translate(0,2.125rem) scale(1.5)}::-webkit-input-placeholder{opacity:0;transition:inherit}::-moz-placeholder{opacity:0;transition:inherit}input:focus::-webkit-input-placeholder{opacity:1}input:focus::-moz-placeholder{opacity:1}input:focus+label,input:not(:placeholder-shown)+label{transform:translate(0,0) scale(1);cursor:pointer}