.pager {
	display: block;
	width: fit-content;
	margin: 1rem auto;
	padding: 0;
	list-style: none inside;
}

.pager > li {
	display: inline-block;
	margin: 0 .25rem;
	padding: 0;
	font-weight: bold;
	font-size: 1.333rem;
	line-height: 1.333rem;
	vertical-align: top;

	background: $theme-pagination-background;
	box-shadow: $theme-pagination-shadow;
	color: $theme-pagination-color;
}

.pager > li:hover,
.pager > li:focus {
	background: $theme-pagination-background-active;
	box-shadow: $theme-pagination-shadow-active;
	color: $theme-pagination-color-active;
}

.pager > .selected {
	background: $theme-pagination-background-selected;
	box-shadow: $theme-pagination-shadow-selected;
	color: $theme-pagination-color-selected;
}

.pager > .disabled,
.pager > .disabled:hover,
.pager > .disabled:focus,
.pager > .disabled.selected {
	background: $theme-pagination-background;
	box-shadow: $theme-pagination-shadow;
	color: $theme-pagination-color;
	opacity: 50%;
}

.pager > li > a {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 2.5rem;
	width: 5rem;
	height: 2.5rem;
}

.pager > .disabled > a {
	cursor: default;
}