@charset "utf-8";

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.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__helper-text { color: var(--helper-text-color); font-family: BrownRegular, sans-serif; font-size: 1.1rem; font-weight: 400; line-height: 125%; padding: 2px 0px 0px 20px; text-align: left; }