.input-field{--input-padding-left:20px;--input-padding-right:48px;--icon-margin-left:12px;--label-color:#5c5c5c;--label-bg-color:#fff;--input-color:#000;--input-border-color:#919191;--input-hover-border-color:#424242;--input-focus-color:#000;--input-focus-border-color:#2c69f6;--helper-text-color:#5c5c5c;--icon-color:var(--label-color);position:relative}.input-field__left-icon{margin-right:4px}.input-field__error-icon{display:none}.input-field--filled{--input-border-color:#424242}.input-field--error{--helper-text-color:#d0021b;--input-focus-border-color:#d0021b;--input-border-color:#d0021b;--input-hover-border-color:#d0021b;--icon-color:#d0021b}.input-field--error .input-field__error-icon{color:var(--icon-color);display:block;position:absolute;right:var(--icon-margin-left);top:24px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.input-field--dark{background-color:inherit;--input-hover-border-color:#ddd;--input-border-color:#767676;--input-focus-border-color:#5687f8;--input-focus-color:#fff;--label-color:#b9b9b9;--label-bg-color:#202020}.input-field--dark.input-field--filled{--input-border-color:#ddd;--input-color:#fff}.input-field--dark.input-field--error{--helper-text-color:#ff492e;--input-focus-border-color:#ff492e;--input-border-color:#ff492e;--input-hover-border-color:#ff492e;--icon-color:#ff492e}.input-field--dark .input-field__left-icon{color:#b9b9b9}.input-field__input,.input-field__label{font-family:BrownRegular,sans-serif;font-size:1.6rem;font-weight:400;line-height:1}.input-field__label{display:-webkit-box;display:-ms-flexbox;display:flex;left:var(--input-padding-left);position:absolute;top:16px;z-index:3;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2px;color:var(--label-color);cursor:text;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color,line-height,padding,top;transition-property:background-color,line-height,padding,top;-webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);transition-timing-function:cubic-bezier(.645,.045,.355,1);-webkit-transition-timing-function:cubic-bezier(.16,1,.99,.99);transition-timing-function:cubic-bezier(.16,1,.99,.99)}.input-field__label--with-left-icon{top:12px}.input-field__input{background-color:transparent;border-color:var(--input-border-color);border-radius:100px;border-style:solid;border-width:2px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--input-color);height:48px;outline:none;padding:0 var(--input-padding-right) 0 var(--input-padding-left);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-width,border-color,color;transition-property:border-width,border-color,color;-webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);transition-timing-function:cubic-bezier(.645,.045,.355,1);width:100%}.input-field__input:-webkit-autofill,.input-field__input:-webkit-autofill:active,.input-field__input:-webkit-autofill:focus,.input-field__input:-webkit-autofill:hover{-webkit-text-fill-color:var(--input-color);-webkit-transition:background-color 5000000s ease-in-out 0s;transition:background-color 5000000s ease-in-out 0s}