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


@layer components {
  .input-base {
    @apply block w-full text-gray-50 bg-gray-400 border-none outline outline-2 ring-2 ring-gray-700 focus:ring-gray-100 outline-offset-0 outline-gray-700 py-0 px-2 rounded-md group-[.error]:focus:ring-red-600 group-[.error]:outline-red-600 group-[.error]:bg-red-100;
  }
  label {
    @apply block text-gray-100 text-sm/6 font-medium group-[.error]:text-red-600;
  }
}