/* nrPager (assets/js/nr-pager.js): the marketplace's pagination design (.mpagination in
   marketplace-number-style.css) for the portal's lists, so the numbers list and the
   voicemail inbox page the same way the marketplace does. */
.nr-pager { margin-top: 16px; font-family: 'Poppins', sans-serif; }
.nr-pager[hidden] { display: none; }
.nr-pager__info { margin: 0 0 14px; color: #222328; font-weight: 400; font-size: 15px; text-align: center; }
.nr-pager__btns { display: flex; align-items: center; justify-content: center; gap: 8px; }
.nr-pager__btn {
	width: 52px; height: 52px; flex: 0 0 auto; border-radius: 100%; border: 0; padding: 0; background: #f7f7f7;
	display: flex; align-items: center; justify-content: center;
	color: #222328; font-family: inherit; font-weight: 500; font-size: 15px; cursor: pointer;
	transition: background .15s, color .15s;
}
.nr-pager__btn.is-active { background: #4260cb; color: #fff; }
.nr-pager__btn:not(.is-active):hover { background: #4260cb1a; color: #4260cb; }
.nr-pager__btn--arrow { background: #4260cb1a; }
.nr-pager__btn--arrow img { width: 10px; height: 16px; }
.nr-pager__btn--next img { transform: rotate(180deg); }
.nr-pager__btn:disabled { opacity: .45; cursor: default; }
.nr-pager__gap { flex: 0 0 auto; width: 18px; text-align: center; color: #8c94b0; font-size: 14px; user-select: none; }
.nr-pager__btn:disabled:hover { background: #4260cb1a; }
@media (max-width: 575.98px) {
	.nr-pager__btns { gap: 4px; }
	.nr-pager__btn { width: 38px; height: 38px; font-size: 14px; }
	.nr-pager__btn--arrow img { width: 8px; height: 13px; }
	.nr-pager__gap { width: 14px; }
}

/* Compact: for a narrow column such as the Messages conversation list */
.nr-pager--compact { margin-top: 10px; padding: 0 12px 12px; }
.nr-pager--compact .nr-pager__info { font-size: 12.5px; margin-bottom: 8px; color: #8c94b0; }
.nr-pager--compact .nr-pager__btns { gap: 4px; }
.nr-pager--compact .nr-pager__btn { width: 34px; height: 34px; font-size: 13px; }
.nr-pager--compact .nr-pager__btn--arrow img { width: 7px; height: 12px; }