.form-carhop {
  input,
  select,
  textarea {
    @apply !p-4 font-light text-xl;

    &:focus-visible {
      outline-style: solid;
      outline-offset: 6px;
      outline-color: white;
      outline-width: 3px !important;
      backdrop-filter: brightness(1.05) blur(10.2px);
    }
  }

  input::placeholder,
  select::placeholder,
  textarea::placeholder {
    @apply opacity-60;
  }
  input[type='submit'] {
    @apply cursor-pointer  !w-fit !ml-auto !mx-auto nunito text-lg !font-semibold;
    transition: transform 0.3s ease-out;
    line-height: 1;

    &:hover {
      transform: scale(1.03);
    }
  }
}
.form-carhop--dark {
  input,
  select,
  textarea {
    @apply border-white;
  }
  input::placeholder,
  select::placeholder,
  textarea::placeholder {
    @apply text-white;
  }

  input[type='submit'] {
    @apply bg-white text-primary cursor-pointer;

    &:hover {
      @apply bg-carhop-green-900 text-white;
    }
  }
}

form:not(:has(.gfield)) {
  @apply form-carhop;
}