:is(nav.cdt-pagination, nav.pagination) {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center !important;
	justify-content: normal !important;
	column-gap: 1rem !important;
	margin: 2rem auto 0 !important;
	padding: 0 !important;
}

:is(nav.cdt-pagination, nav.pagination) .cdt-pagination__status {
	grid-column: 2;
	grid-row: 1;
	display: inline-flex;
	align-items: center;
	min-block-size: 2.75rem;
	color: var(--secondary);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	line-height: 1.4;
	white-space: nowrap;
}

:is(nav.cdt-pagination, nav.pagination) :is([data-e-pagination="prev"], .nav-previous) {
	grid-column: 1;
	grid-row: 1;
	justify-self: end;
}

:is(nav.cdt-pagination, nav.pagination) :is([data-e-pagination="next"], .nav-next) {
	grid-column: 3;
	grid-row: 1;
	justify-self: start;
}

:is(nav.cdt-pagination, nav.pagination) :is(
	.cdt-pagination__button,
	.nav-previous a,
	.nav-next a,
	.page-numbers
) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-block-size: 2.75rem;
	padding: 0.625rem 1rem;
	border: 0;
	border-radius: 0;
	background: var(--primary);
	color: var(--secondary);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color 160ms ease;
}

:is(nav.cdt-pagination, nav.pagination) a[data-e-pagination] .e-paragraph-base {
	color: var(--secondary) !important;
	font-size: 1rem !important;
	font-weight: 700;
}

:is(nav.cdt-pagination, nav.pagination) :is(
	.cdt-pagination__button,
	.nav-previous a,
	.nav-next a,
	.page-numbers
):not(.e--disabled):not([aria-disabled="true"]):is(:hover, :focus-visible) {
	background: var(--accent);
	color: var(--secondary);
}

:is(nav.cdt-pagination, nav.pagination) :is(
	.cdt-pagination__button,
	.nav-previous a,
	.nav-next a,
	.page-numbers
):focus-visible {
	outline: 0.1875rem solid var(--secondary);
	outline-offset: 0.1875rem;
}

:is(nav.cdt-pagination, nav.pagination) :is(.e--disabled, [aria-disabled="true"]) {
	cursor: default;
	background: var(--text);
	color: var(--secondary);
}

:is(nav.cdt-pagination, nav.pagination) .page-numbers.current {
	background: var(--secondary);
	color: var(--white);
}

:is(nav.cdt-pagination, nav.pagination) .meta-nav {
	display: none;
}

@media (max-width: 480px) {
	:is(nav.cdt-pagination, nav.pagination) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		column-gap: 0.5rem !important;
		row-gap: 0.5rem !important;
	}

	:is(nav.cdt-pagination, nav.pagination) .cdt-pagination__status {
		grid-column: 1 / -1;
		grid-row: 1;
		justify-self: center;
		font-size: 0.8125rem;
	}

	:is(nav.cdt-pagination, nav.pagination) :is([data-e-pagination="prev"], .nav-previous) {
		grid-column: 1;
		grid-row: 2;
	}

	:is(nav.cdt-pagination, nav.pagination) :is([data-e-pagination="next"], .nav-next) {
		grid-column: 2;
		grid-row: 2;
	}

	:is(nav.cdt-pagination, nav.pagination) :is(
		.cdt-pagination__button,
		.nav-previous a,
		.nav-next a,
		.page-numbers
	) {
		gap: 0.25rem;
		padding-inline: 0.75rem;
		font-size: 0.875rem;
	}

	:is(nav.cdt-pagination, nav.pagination) a[data-e-pagination] .e-paragraph-base {
		font-size: 0.875rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	:is(nav.cdt-pagination, nav.pagination) :is(
		.cdt-pagination__button,
		.nav-previous a,
		.nav-next a,
		.page-numbers
	) {
		transition: none;
	}
}