/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/common/InputComponents/InputField/InputField.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
.InputField_inputContainer__5NOaC {
  display: flex;
  align-items: center;
  border-radius: 4px;
  position: relative;
  transition: border 0.3s ease;
}
.InputField_inputContainerWithLeftIcon__iw6Zt {
  padding-left: 30px; /* For left icon */
}

.InputField_inputContainerWithoutLeftIcon__evANn {
  padding-left: 10px; /* For no left icon */
}

.InputField_inputContainerWithRightIcon__5D9HH {
  padding-right: 30px; /* For right icon */
}

.InputField_inputContainerWithoutRightIcon__VramA {
  padding-right: 10px; /* For no right icon */
}

.InputField_inputContainer__5NOaC:focus {
  border-color: #0070f3; /* Highlight on focus */
  outline: none;
}

.InputField_input__1gNsJ {
  width: 100%;
  padding: 10px;
  border: none;
  outline: none;
}

.InputField_input__1gNsJ:-webkit-autofill,
.InputField_input__1gNsJ:-internal-autofill-selected { /* Change `white` to your desired background color */
  box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: black; /* Ensures text color is visible */
  background-color: transparent !important;
}

.InputField_input__1gNsJ:focus {
  outline: none; /* Disable outline on focus */
  box-shadow: none; /* Remove any box-shadow */
}

.InputField_input__1gNsJ:hover {
  /* Remove hover effect */
  border: none; /* Or apply your desired hover styles */
  box-shadow: none; /* Remove any box-shadow */
}

.InputField_error__hOlj0 {
  border-color: red; /* Red border for errors */
}

.InputField_errorMessage__u7s_N {
  color: red;
  font-size: 0.875rem;
  margin-top: 4px;
}