.paginator {
	display: flex;
	flex-flow: column;
	.list {
		flex-grow: 1;
		padding-block: 1em;
		display: flex;
		flex-flow: column;
		gap: 1em;
		.page {
			width: 100%;
			max-inline-size: 75ch;
			a {
				font-weight: bold;
			}
			span {
				font-style: italic;
			}
		}
	}
	/* _internal/pagination.html */
	.pagination {
		list-style: none;
		display: flex;
		justify-content: space-between;
		gap: 1em;
		inline-size: fit-content;
		max-inline-size: 100%;
	}
	.page-item {
		&.disabled {
			
		}
		&.active {
			font-weight: bold;
		}
	}
	.page-link {
		display: grid;
		place-items: center;
		font-size: 1em;
		line-height: 1;
		width: 3em;
		height: 3em;
		border-radius: 100em;
		background: #eee;
		text-decoration: none;
		color: inherit;
		transition: all 0.2s ease-in-out;
		&:hover, &:active, &:focus {
			background: #ace;
		}
		&[aria-label="First"],
		&[aria-label="Previous"],
		&[aria-label="Next"],
		&[aria-label="Last"]
		{
			background: none;
			&:hover, &:active, &:focus {
				background: #ace;
			}
		}
	}
	.active .page-link {
		background: #06f;
		color: white;
	}
	.disabled .page-link {
		background: none;
		&:hover, &:active, &:focus {
			background: none;
		}
	}
}