#user_email {
  color: black;
}
#user_password {
  color: black;
}
#user_password_confirmation{
  color: black;
}
@keyframes floatDown {
  from {
    top: 0;
  }
  to {
    top: 5rem;
  }
}

@keyframes floatUp {
  from {
    top: 5rem;
  }
  to {
    top: 0;
  }
}

.animate-float-down {
  animation: floatDown 1s ease-in-out;
}

.animate-float-up {
  animation: floatUp 1s ease-in-out;
}

.pagy-navigation {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-block: 1rem;
}

.pagy-navigation .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pagy-navigation .page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.375rem;
  color: #1e40af;
  background-color: #fff;
  text-decoration: none;
}

.pagy-navigation a.page-link[href]:hover {
  background-color: #dbeafe;
}

.pagy-navigation .page-link:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.pagy-navigation .page-item.active .page-link {
  border-color: #1e40af;
  color: #fff;
  background-color: #1e40af;
}

.pagy-navigation .page-item.disabled .page-link {
  color: #64748b;
  background-color: #f1f5f9;
  cursor: not-allowed;
}

@media (prefers-color-scheme: dark) {
  .pagy-navigation .page-link {
    border-color: #475569;
    color: #dbeafe;
    background-color: #1e293b;
  }

  .pagy-navigation a.page-link[href]:hover {
    background-color: #334155;
  }

  .pagy-navigation .page-item.disabled .page-link {
    color: #94a3b8;
    background-color: #1e293b;
  }
}