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

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

div.field_with_errors > :is(input, textarea, select) {
  @apply border-red-500 hover:border-red-500 dark:border-red-500 hover:dark:border-red-500;
}

/* This adds extra bottom padding on mobile browsers */
.safe-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}