.EmailInput{--EmailInputBorderRadius:4px;--EmailInputErrorWidth:32px;--EmailInputHorizontalPadding:12px;--EmailInputIconLeft:0;--EmailInputIconPadding:8px;--EmailInputPaddingTop:5px;--EmailInputPaddingBottom:7px;width:100%;position:relative;display:flex;flex-direction:column}.EmailInput__icon{position:absolute;top:50%;left:var(--EmailInputIconLeft);transform:translate(var(--EmailInputIconPadding),-50%)}.EmailInput__icon+.EmailInput__input{padding-left:calc(16px + var(--EmailInputIconPadding)*2)}.EmailInput__input{width:100%;background:var(--inputBackground);border:none;border-radius:var(--EmailInputBorderRadius);outline:none;color:var(--inputTextColor);padding:var(--EmailInputPaddingTop) var(--EmailInputHorizontalPadding) var(--EmailInputPaddingBottom);font:var(--fontWeightNormal) 15px/24px var(--fontFamily)}.EmailInput__input::-moz-placeholder{color:var(--inputPlaceholderColor)}.EmailInput__input::placeholder{color:var(--inputPlaceholderColor)}.EmailInput__input--touched:invalid:not(:focus){box-shadow:0 0 0 1px var(--inputErrorAccentColor);padding-right:var(--EmailInputErrorWidth)}.EmailInput__input:focus-visible{box-shadow:var(--focusBoxShadow)}.EmailInput__error{position:absolute;right:0;top:0;height:100%;width:var(--EmailInputErrorWidth);align-items:center;justify-content:center;border-radius:var(--EmailInputBorderRadius);background:var(--inputBackground)}.EmailInput__input--touched:invalid+.EmailInput__error{display:flex}.EmailInput__input--touched:invalid:focus+.EmailInput__error{display:none}.EmailInput__input--multiline{min-height:64px;resize:vertical}