@charset "utf-8";@media screen and (min-width:0\0){.field{display:block;position:relative;height:40px;border:solid #666;border-width:1px 1px 0;transition-property:height,border-width;-webkit-transition-property:height,border-width;-moz-transition-property:height,border-width;transition-duration:.3s;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in}.field label{display:block;max-height:2px;overflow:hidden;position:absolute;bottom:0;left:0;right:0;padding:0 3px 0 10px;font-size:11px;color:#aaa;background:#666}.field input,.field select{border:none;width:100%;height:36px;padding:0 10px;font-size:14px;box-sizing:border-box;-webkit-appearance:none;transition:height .3s ease-in;-webkit-transition:height .3s ease-in;-moz-transition:height .3s ease-in}.field select:invalid{color:#aaa}.field input:focus,.field select:focus{height:28px}.field input:focus~label,.field select:focus~label{color:#fff;max-height:15px}.field input:focus[placeholder]::-webkit-input-placeholder{opacity:0}.field label{transition-property:max-height,color;-webkit-transition-property:max-height,color;-moz-transition-property:max-height,color;transition-duration:.3s;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in}.field input[placeholder]::-webkit-input-placeholder{transition:opacity .3s ease-in;-webkit-transition:opacity .3s ease-in;-moz-transition:opacity .3s ease-in}}