@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
}

.steps-form > div {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.steps-form > div.inactive {
  display: none;
}

.steps-form input,
.steps-form select {
  @apply rounded-sm p-2 font-semibold bg-white focus:outline-primary text-primary border border-[#ccc];
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield; /* For Firefox */
}

.error-text {
  display: none;
}