.generic-table__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-6);
  width: 100%;
}

.generic-table__toolbar-left {
  margin-top: var(--spacing-6);
  display: flex;
  align-items: center;
  gap: var(--spacing-5);
  font-size: var(--font-size-sm);
  color: var(--gray-900);
  flex: 1;
}

.generic-table__toolbar-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: var(--spacing-6);
  flex: 1;
}

.pagy.nav {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  gap: var(--spacing-2);
  font-size: var(--font-size-sm);
}

.pagy.nav > :not([hidden]) ~ :not([hidden]) {
  --space-reverse: 0;
  margin-right: calc(var(--spacing-2) * var(--space-reverse));
  margin-left: calc(var(--spacing-2) * calc(1 - var(--space-reverse)));
}

.pagy.nav a:not(.gap) {
  display: block;
  text-decoration: none;
  border-radius: var(--radius-lg);
  padding: var(--spacing-1) var(--spacing-2);
  color: inherit;
  min-width: var(--spacing-8);
  height: var(--spacing-8);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pagy.nav a:not(.gap):hover {
  background-color: var(--gray-300);
}

.pagy.nav a:not(.gap):not([href]) {
  cursor: default;
  color: var(--gray-300);
  background-color: transparent;
}

.pagy.nav a:not(.gap).current {
  background-color: var(--gray-200);
  color: var(--gray-900);
  pointer-events: none;
  font-weight: var(--font-weight-bold);
}