div.paginator {
	font-size: var(--font-small);
	margin-bottom: var(--s10);
	margin-top: var(--s10);
	box-sizing: border-box;
	max-width: 960px;
	display: flex;
}


div.paginator div.item {
	display: flex;
	min-width: calc(var(--s) * 8);
	height: calc(var(--s) * 8);
	background: transparent;
	overflow: hidden;
	margin: 0 var(--s) var(--s) 0;
	color: var(--color-gray-dark);
	justify-content: center;
	align-items: center;
}

div.paginator div.item a,
div.paginator div.item span {
	display: block;
	text-align: center;
	text-decoration: none;
	margin: 0;
	color: var(--color-gray-dark);
	cursor: pointer;
	padding-left: var(--s);
	padding-right: var(--s);
}

div.paginator div.item:hover a {
	text-decoration: none;
	color: var(--color-accent); 
}

div.paginator div.item.active {
	background: var(--color-gray-light);
}

div.paginator div.item.active span {
	color: var(--color-accent);
}

div.paginator div.item.next {
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

div.paginator div.item.next:has(a[rel="next"])::after {
	content:'';
	background: url(/ext/Template/files/2026/nav-arrow-right.svg) right center no-repeat;
	background-size: contain;
	display: inline-block;
	width: var(--s4);
	height: var(--s4);
}

div.paginator div.item.next:has(a[rel="prev"])::before {
	content:'';
	background: url(/ext/Template/files/2026/nav-arrow-left.svg) left center no-repeat;
	background-size: contain;
	display: inline-block;
	width: var(--s4);
	height: var(--s4);
}