.form-wrapper-outer{padding:40px;border-radius:8px;margin:auto;width:460px;border:1px solid #dadce0;margin-top:7%}.field-wrapper{position:relative;margin-bottom:15px}.field-wrapper input{border:1px solid #dadce0;padding:15px;border-radius:4px;width:100%}.field-wrapper input:focus{border:1px solid #1a73e8}.field-wrapper .field-placeholder{font-size:16px;position:absolute;bottom:17px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#80868b;left:8px;padding:0 8px;-webkit-transition:transform 150ms cubic-bezier(.4,0,.2,1),opacity 150ms cubic-bezier(.4,0,.2,1);transition:transform 150ms cubic-bezier(.4,0,.2,1),opacity 150ms cubic-bezier(.4,0,.2,1);z-index:1;text-align:left;width:100%}.field-wrapper .field-placeholder span{background:#fff;padding:0 8px}.field-wrapper input:not([disabled]):focus~.field-placeholder{color:#1a73e8}.field-wrapper input:not([disabled]):focus~.field-placeholder,.field-wrapper.hasValue input:not([disabled])~.field-placeholder{-webkit-transform:scale(.75) translateY(-39px) translateX(-60px);transform:scale(.75) translateY(-39px) translateX(-60px)}.field-wrapper.field-error{border:1px solid red}.field-wrapper.field-error .field-placeholder span{color:red}#message-wrap{padding:15px;text-align:center;display:none;border-radius:4px}#message-wrap.success-msg{color:green;background:#e3ffd5}#message-wrap.error-msg{color:red;background:#ffd5d5}