/* Start:/local/templates/xxc/components/bitrix/system.pagenavigation/more-pagen/style.css?16996176002212*/
.pagination{
	margin-top: 40px;
	margin-bottom: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.pagination__left {
	margin-right: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.pagination__left span {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 38px;
	height: 20px;
	display: block;
	position: relative
}

.pagination__left span:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background: #f7f4f1;
	border-radius: 50%;
	z-index: -1;
	right: 0;
	left: 0;
	margin: auto
}

.pagination__left:hover span {
	background-image: url(/img/swarrow-h.svg)
}
.pagination__item {
	padding: 0 5px;
	color: var(--color__text)
}
.pagination__item--show {
	display: block;
}
.pagination__item:hover {
	background-color: #7d5e42;
	background: linear-gradient(93.59deg, #bd9673 3.49%, #7d5e42 101.32%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.pagination__dots {
	color: var(--color__text)
	padding: 0 6px
}
.pagination__left.disable,
.pagination__right.disable {
	pointer-events: none;
	opacity: 0.8;
}

.pagination__right {
	margin-left: 25px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.pagination__right span {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 38px;
	height: 20px;
	display: block;
	position: relative
}

.pagination__right span:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background: #f7f4f1;
	border-radius: 50%;
	z-index: -1;
	right: 0;
	left: 0;
	margin: auto
}

.pagination__right:hover span {
	background-image: url(/img/swarrow-h.svg)
}

/* End */
/* /local/templates/xxc/components/bitrix/system.pagenavigation/more-pagen/style.css?16996176002212 */