.TextInput{--textInputBorderRadius:4px;--textInputErrorWidth:32px;--textInputHorizontalPadding:12px;--textInputIconLeft:0;--textInputIconPadding:8px;width:100%;position:relative;display:flex;flex-direction:column}.TextInput__icon{position:absolute;top:50%;left:var(--textInputIconLeft);transform:translate(var(--textInputIconPadding),-50%)}.TextInput__icon+.TextInput__input{padding-left:calc(16px + var(--textInputIconPadding)*2)}.TextInput__input{width:100%;background:var(--inputBackground);border:none;border-radius:var(--textInputBorderRadius);outline:none;color:var(--inputTextColor);padding:5px var(--textInputHorizontalPadding) 7px;font:var(--fontWeightNormal) 15px/24px var(--fontFamily)}.TextInput__input::-moz-placeholder{color:var(--inputPlaceholderColor)}.TextInput__input:-ms-input-placeholder{color:var(--inputPlaceholderColor)}.TextInput__input::placeholder{color:var(--inputPlaceholderColor)}.TextInput__error{position:absolute;right:0;top:0;height:100%;width:var(--textInputErrorWidth);align-items:center;justify-content:center;border-radius:var(--textInputBorderRadius);background:var(--inputBackground)}.TextInput__input--touched:invalid{box-shadow:0 0 0 1px var(--inputErrorAccentColor);padding-right:var(--textInputErrorWidth)}.TextInput__input--touched:invalid:focus{box-shadow:none;padding-right:var(--textInputHorizontalPadding)}.TextInput__input--touched:invalid+.TextInput__error{display:flex}.TextInput__input--touched:invalid:focus+.TextInput__error{display:none}.TextInput__input--multiline{min-height:64px;resize:vertical}