/*
  Formie 4 ships its CSS inside @layer, so Tailwind's unlayered preflight
  (border: 0, padding: 0 on inputs) wins over it. These rules must stay
  unlayered. Values match the Formie 3 theme the forms were designed with.
*/

/* Labels set to "Hidden" in Formie. Formie hides them with .formie-sr-only,
   which themeConfig's resetClass removes. */
.formie-form [data-formie-sr-only],
.formie-form [data-formie-label-position="hidden"] > [data-formie-label] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.formie-form .formie-input,
.formie-form .formie-textarea,
.formie-form .formie-select {
  display: block;
  width: 100%;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: .25rem;
  padding: .5rem .75rem;
  font-family: inherit;
  font-size: .925rem;
  line-height: 1.5;
  transition: border-color .15s, box-shadow .15s;
}

.formie-form .formie-input:focus,
.formie-form .formie-textarea:focus,
.formie-form .formie-select:focus {
  outline: 0;
  border-color: #a4cafe;
  box-shadow: 0 0 0 3px rgba(164, 202, 254, .45);
}

/* Use the site font instead of Formie 4's system stack, and drop Formie 4's
   extra label gap since labels already carry mb-2 from themeConfig. */
.formie-form {
  font-family: inherit;
  --formie-gap-field-layout: 0;
  --formie-gap-field-content: .5rem;
}