@layer base {
  form {
    & .hint {
    color: var(--color-muted-foreground)
    }

    textarea {
      @apply w-full border-border min-h-32 rounded-md;
      field-sizing: content;

      &:disabled {
        @apply bg-muted;
      }
    }

    label {
      @apply font-semibold;
    }

    select {
      @apply rounded-md w-full border-border;
    }

    input {
      @apply border-border;

      &:not(.boolean):not([type="checkbox"]) {
        @apply rounded-md w-full;
      }

      &[type=submit] {
        @apply rounded-md border-accent-foreground bg-secondary text-primary-foreground p-4 mt-4 cursor-pointer transition-all duration-300 hover:scale-101;
      }

      &[type=file] {
        @apply block w-full mt-1 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 focus:outline-none file:mr-4 file:py-2 file:px-4 file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100 file:cursor-pointer
      }
    }
  }

  form:not(.button_to) {
    @apply max-w-3xl flex flex-col gap-2 mb-8;
  }

  form.add-land {
    max-width: 100% !important;
    margin-bottom: auto;

    & textarea {
      height: auto;
    }
  }
}