input[type="text"],
input[type="password"] {
  font-size: 12px;
}

input[type="date"] {
  font-size: 12px;
}

input[type="text"],
input[type="password"],
input[type="date"] {
  height: 36px;
}

input[type="text"],
input[type="password"],
input[type="date"],
textarea {
  border: 1px solid var(--fourth-color-300);
  padding: 8px 10px;
  background-color: var(--fourth-color-200);
  color: var(--third-color-600);
  font-family: "Poppins", sans-serif;
  transition-property: border-color, background-color;
  transition-duration: var(--transition-duration-primary);
  transition-timing-function: var(--transition-timing-function-primary);
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
textarea:hover {
  border-color: var(--fourth-color-600);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
textarea:focus {
  border-color: var(--fourth-color-900);
}

input[type="date"],
textarea {
  font-family: "Poppins", sans-serif;
}

.input-wide {
  min-width: 240px;
  width: 240px;
  max-width: 240px;
}

input[type="text"].invalid,
input[type="password"].invalid,
input[type="date"].invalid,
textarea.invalid {
  border: 1px solid var(--danger-color-400);
  background-color: var(--danger-color-30050);
}