.input-field{--input-padding-left:20px;--input-padding-right:48px;--icon-margin-left:12px;--label-color:#5c5c5c;--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;background-color:#fff;position:relative}.input-field__input,.input-field__label{font-family:BrownRegular,sans-serif;font-size:1.6rem;font-weight:400;line-height:1}.input-field__label{color:var(--label-color);cursor:text;left:var(--input-padding-left);position:absolute;top:16px;-webkit-transition:all .3s cubic-bezier(.16,1,.99,.99);transition:all .3s cubic-bezier(.16,1,.99,.99);z-index:3}.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:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);width:100%}@media (prefers-reduced-motion:reduce){.input-field__input{-webkit-transition:none;transition:none}}.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}.input-field__error-icon{color:var(--label-color);display:none;position:absolute;right:var(--icon-margin-left);top:24px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.input-field--hover .input-field__input,.input-field__input:hover{--input-padding-left:19px;--input-padding-right:47px;--icon-margin-left:11px;border-color:var(--input-hover-border-color);border-width:3px}.input-field--focus .input-field__input,.input-field__input:active,.input-field__input:focus{border-color:var(--input-focus-border-color);color:var(--input-focus-color)}.input-field--focus .input-field__input~.input-field__label,.input-field__input:active~.input-field__label,.input-field__input:focus~.input-field__label{color:var(--input-focus-border-color)}.input-field--above .input-field__label{background-color:inherit;border-radius:2px;cursor:default;display:block;font-size:1.4rem;line-height:125%;padding:2px 4px;top:-11px}.input-field--filled{--input-border-color:#424242}.input-field__helper-text{color:var(--helper-text-color);font-family:BrownRegular,sans-serif;font-size:1.1rem;font-weight:400;line-height:125%;padding:2px 0 0 20px;text-align:left}.input-field--error{--label-color:#d0021b;--helper-text-color:#d0021b;--input-focus-border-color:#d0021b;--input-border-color:#d0021b;--input-hover-border-color:#d0021b}.input-field--error .input-field__error-icon{display:block}.input-field--dark{--input-hover-border-color:#ddd;--input-border-color:#767676;--input-focus-border-color:#5687f8;--input-focus-color:#fff;--label-color:#b9b9b9;background-color:inherit}.input-field--dark.input-field--filled{--input-border-color:#ddd;--input-color:#fff}.input-field--dark.input-field--error{--label-color:#ff492e;--helper-text-color:#ff492e;--input-focus-border-color:#ff492e;--input-border-color:#ff492e;--input-hover-border-color:#ff492e}