.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__input,.input-field__label{font-family:BrownRegular,sans-serif;font-size:1.6rem;font-weight:400;line-height:1}.input-field__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2px;color:var(--label-color);cursor:text;display:-webkit-box;display:-ms-flexbox;display:flex;left:var(--input-padding-left);position:absolute;top:16px;-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);z-index:3}@media (prefers-reduced-motion:reduce){.input-field__label{-webkit-transition:none;transition:none}}.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%}@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(--icon-color);display:none;position:absolute;right:var(--icon-margin-left);top:24px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.input-field__left-icon{margin-right:4px}.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,.input-field:has(.input-field__input:-webkit-autofill) .input-field__label{background-color:var(--label-bg-color);cursor:default;display:block;line-height:125%;padding:2px 4px;top:-11px}.input-field--above .input-field__label .input-field__left-icon,.input-field:has(.input-field__input:-webkit-autofill) .input-field__label .input-field__left-icon{display:none}.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{--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{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;--label-bg-color:#202020;background-color:inherit}.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}