/* [project]/components/common/InputComponents/InputField/InputField.module.css [app-client] (css) */
.InputField-module__iH5LNq__inputContainer {
  border-radius: 4px;
  align-items: center;
  transition: border .3s;
  display: flex;
  position: relative;
}

.InputField-module__iH5LNq__inputContainerWithLeftIcon {
  padding-left: 30px;
}

.InputField-module__iH5LNq__inputContainerWithoutLeftIcon {
  padding-left: 10px;
}

.InputField-module__iH5LNq__inputContainerWithRightIcon {
  padding-right: 30px;
}

.InputField-module__iH5LNq__inputContainerWithoutRightIcon {
  padding-right: 10px;
}

.InputField-module__iH5LNq__inputContainer:focus {
  border-color: #0070f3;
  outline: none;
}

.InputField-module__iH5LNq__input {
  border: none;
  outline: none;
  width: 100%;
  padding: 10px;
}

:-webkit-any(.InputField-module__iH5LNq__input:-webkit-autofill, .InputField-module__iH5LNq__input:-internal-autofill-selected) {
  -webkit-text-fill-color: black;
  box-shadow: inset 0 0 0 1000px #fff;
  background-color: #0000 !important;
}

:is(.InputField-module__iH5LNq__input:autofill, .InputField-module__iH5LNq__input:-internal-autofill-selected) {
  -webkit-text-fill-color: black;
  box-shadow: inset 0 0 0 1000px #fff;
  background-color: #0000 !important;
}

.InputField-module__iH5LNq__input:focus {
  box-shadow: none;
  outline: none;
}

.InputField-module__iH5LNq__input:hover {
  box-shadow: none;
  border: none;
}

.InputField-module__iH5LNq__error {
  border-color: red;
}

.InputField-module__iH5LNq__errorMessage {
  color: red;
  margin-top: 4px;
  font-size: .875rem;
}

/*# sourceMappingURL=components_common_InputComponents_InputField_InputField_module_18thldp.css.map*/