.pagination-wrapper {
	margin-top: 4rem
}

@media screen and (min-width:990px) {
	.pagination-wrapper {
		margin-top: 5rem
	}
}

.pagination__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.pagination__list>li {
	flex: 1 0 4.4rem;
	max-width: 4.4rem
}

.pagination__list>li:not(:last-child) {
	margin-right: 1rem
}

.pagination__item {
	color: rgb(var(--color-foreground));
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 4.4rem;
	width: 100%;
	padding: 0;
	text-decoration: none
}

a.pagination__item:hover:after {
	height: .1rem
}

.pagination__item .icon-caret {
	height: .6rem
}

.pagination__item--current:after {
	height: .1rem
}

.pagination__item--current:after,
.pagination__item:hover:after {
	content: "";
	display: block;
	width: 2rem;
	position: absolute;
	bottom: 8px;
	left: 50%;
	transform: translate(-50%);
	background-color: currentColor
}

.pagination__item--next .icon {
	margin-left: -.2rem;
	transform: rotate(90deg)
}

.pagination__item--next:hover .icon {
	transform: rotate(90deg) scale(1.07)
}

.pagination__item--prev .icon {
	margin-right: -.2rem;
	transform: rotate(-90deg)
}

.pagination__item--prev:hover .icon {
	transform: rotate(-90deg) scale(1.07)
}

.pagination__item-arrow:hover:after {
	display: none
}

/*# sourceMappingURL=/s/files/1/0686/9054/2770/t/2/assets/component-pagination.css.map?v=136206814810731739951735051322 */