.TextInput[data-v-22ac77fe]{margin-bottom:1.5em;position:relative;width:100%}input[data-v-22ac77fe]{transition:border-color .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out}input[data-v-22ac77fe]:focus{border-color:var(--primary-color)}.help-message[data-v-22ac77fe]{bottom:-1.5em;font-size:14px;left:0;margin:0;position:absolute}.TextInput.has-error input[data-v-22ac77fe]{background-color:var(--error-bg-color);color:var(--error-color)}.TextInput.has-error input[data-v-22ac77fe]:focus{border-color:var(--error-color)}.TextInput.has-error .help-message[data-v-22ac77fe]{color:var(--error-color)}.TextInput.success input[data-v-22ac77fe]{background-color:var(--success-bg-color);color:var(--success-color)}.TextInput.success input[data-v-22ac77fe]:focus{border-color:var(--success-color)}.TextInput.success .help-message[data-v-22ac77fe]{color:var(--success-color)}