.form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.form__title {
  font-size: 2rem;
  font-family: "Amsi Pro", sans-serif;
  font-weight: bold;
  color: #f3f3f3;

  margin-bottom: 2rem;
}

.form__row {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;

  flex: 1;
}

.input-wrapper label {
  color: #f3f3f3;
  font-size: 1.4rem;
  font-family: "Amsi Pro", sans-serif;
}

.input-wrapper__input {
  padding: 1rem;
  border: none;
  border-radius: 0.5rem;
  background-color: transparent;
  color: #f3f3f3;

  border: 1px solid rgb(38, 38, 38);

  outline: none;
}

.input-wrapper__input--error {
  border-color: #ff4e4e;
}

.input-wrapper__input::placeholder {
  color: #b7b7b7;
}

.input-wrapper__input::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.input-wrapper__input > option {
  background-color: #1c1c1c;
}

.input-wrapper__error {
  font-family: "Roboto", sans-serif;
  color: #ff4e4e;
  font-size: 1rem;
  display: none;
}

.input-wrapper__error--show {
  display: block;
}

.input-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;

  font-size: 1.5rem;

  color: #f3f3f3;

  border: 1px solid rgb(38, 38, 38);

  padding: 1rem;
  border-radius: 0.5rem;

  flex: 1;

  cursor: pointer;
}

.input-radio > input {
  display: none;
}

.input-radio:has(input:checked) {
  /* background-color: rgba(233, 233, 233, 0.05); */

  color: var(--color-primary);
  border-color: var(--color-primary);
}

.form__submit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;

  background-color: var(--color-primary);
  color: #fafafa;

  padding: 1rem 2rem;

  border: none;
  border-radius: 0.5rem;

  margin: 0 auto;

  font-size: 1.5rem;

  width: fit-content;

  cursor: pointer;
}

.form__submit:disabled {
  filter: grayscale(0.5);
}

.form__reset {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;

  /* background-color: #ffffff; */
  /* color: #000; */
  background: transparent;
  border: 1px solid #f3f3f3;
  color: #fff;

  padding: 1rem 2rem;

  border-radius: 0.5rem;

  margin: 0 auto;

  font-size: 1.5rem;

  width: fit-content;

  cursor: pointer;
}
