@import "tailwindcss";

/* custom here */

/* Pagy (basic Tailwind styling) */
.pagy {
  @apply flex items-center gap-2 text-sm;
}

.pagy a {
  @apply inline-flex items-center justify-center rounded-full border-2 border-white hover:border-gray-900 bg-white px-3 py-1 text-gray-900;
}

.pagy span {
  @apply inline-flex items-center justify-center rounded-full border-2 border-gray-900 bg-white px-3 py-1 text-gray-900;
}
.pagy a:hover {
  @apply bg-yellow-300;
}
.pagy .page.active {
  @apply bg-black text-white;
}
.pagy .page.disabled {
  @apply opacity-50;
}