.credit-pagination[data-v-credit-pagination] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 8px; color: #94a3b8; font-size: 12px;
}
.credit-pagination__summary[data-v-credit-pagination] { font-variant-numeric: tabular-nums;
}
.credit-pagination__controls[data-v-credit-pagination] { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px;
}
.credit-pagination button[data-v-credit-pagination] { flex-shrink: 0; min-width: 32px; height: 32px; padding: 0 9px; border: 1px solid rgb(255 255 255 / 8%); border-radius: 6px; color: inherit; background: transparent; font: inherit; cursor: pointer; transition: background-color .15s, color .15s;
}
.credit-pagination button[data-v-credit-pagination]:hover:not(:disabled) { color: #fff; background: rgb(255 255 255 / 5%);
}
.credit-pagination button[aria-current="page"][data-v-credit-pagination] { border-color: #7c3aed; color: #fff; background: #7c3aed;
}
.credit-pagination button[data-v-credit-pagination]:disabled { cursor: default; opacity: .4;
}
.credit-pagination button[data-v-credit-pagination]:focus-visible { outline: 2px solid #a78bfa; outline-offset: 2px;
}
.credit-pagination__ellipsis[data-v-credit-pagination] { min-width: 16px; text-align: center;
}
@media (max-width: 640px) {
.credit-pagination[data-v-credit-pagination] { flex-direction: column;
}
.credit-pagination__controls[data-v-credit-pagination] { gap: 4px;
}
.credit-pagination button[data-v-credit-pagination] { padding: 0 7px;
}
}