@citiwave/im-disclaimer-modal/src/styles/index.css

A customizable React disclaimer modal component with theme support

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

.disclaimer-modal {
  @apply fixed inset-0 z-50 flex items-center justify-center overflow-y-auto;
}

.disclaimer-modal-overlay {
  @apply fixed inset-0 bg-black bg-opacity-50 transition-opacity;
}

.disclaimer-modal-content {
  @apply relative w-full max-w-4xl p-6 mx-4 rounded-lg shadow-xl transform transition-all;
  max-height: 90vh;
}

.disclaimer-modal-header {
  @apply flex items-center justify-between p-4 border-b;
}

.disclaimer-modal-body {
  @apply p-4 overflow-y-auto;
}

.disclaimer-modal-footer {
  @apply p-4 border-t;
}

.disclaimer-modal-button {
  @apply px-4 py-2 rounded-lg font-medium transition-all duration-200;
}

.disclaimer-modal-button-primary {
  @apply bg-purple-600 text-white hover:bg-purple-700;
}

.disclaimer-modal-button-disabled {
  @apply bg-gray-200 text-gray-400 cursor-not-allowed dark:bg-gray-700 dark:text-gray-500;
}

.disclaimer-modal-tab {
  @apply relative flex items-center px-4 py-2 border-b-2 transition-colors;
}

.disclaimer-modal-tab-active {
  @apply text-purple-400 border-purple-400;
}

.disclaimer-modal-tab-inactive {
  @apply text-gray-400 border-transparent hover:text-purple-300;
}

.disclaimer-modal-tab-completed {
  @apply text-green-400;
}