@import './preflight.css';

@config "../tailwind.config.js";

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

.GigsEmbeds-root {
  .GigsEmbeds-form {
    @apply space-y-2;
  }

  .GigsEmbeds-label {
    @apply block text-sm font-medium leading-6 text-gray-900;
  }

  .GigsEmbeds-input[type='text'],
  .GigsEmbeds-input[type='date'] {
    @apply form-input block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6;
  }

  .GigsEmbeds-input[type='checkbox'] {
    @apply form-checkbox mt-1 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600;
  }

  .GigsEmbeds-checkbox {
    @apply relative flex items-start;

    .GigsEmbeds-label {
      @apply ml-2;
    }
  }

  .GigsEmbeds-error {
    @apply mt-2 text-sm text-red-600;
  }
}