.TextInput[data-v-22ac77fe]{width:100%;margin-bottom:1.5em;position:relative}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]{margin:0;font-size:14px;position:absolute;bottom:-1.5em;left:0}.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)}