.category-slider {
	margin: 20px 0 90px;
}
.category-slider-outer {
	position: relative;
}
.category-slider-outer:before {
	position: absolute;
	content: '';
	right: -20px;
	top: 0;
	width: 1px;
	height: 100%;
	background: var(--color-D0D3D5);
}
.category-slider-delimeter {
	width: 1px;
	height: 100%;
	background: var(--color-D0D3D5);
}
.category-slider-item {
	position: relative;
	background: var(--color-F2F3F5);
}
.category-slider-item > svg {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	max-width: calc(100% - 46px);
}
.category-slider-item:hover > svg {
	opacity: 1;
	visibility: visible;
}
.category-slider-caption {
	padding: 30px 23px 0 20px;
	margin: 0 0 62px;
	position: relative;
	z-index: 2;
}
.category-slider-name {
	position: relative;
	color: var(--color-000);
	font-family: var(--main-ff);
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 21.6px */
	text-transform: uppercase;
	z-index: 2;
	height: calc(1.2 * 18px * 3);
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.category-slider-image {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}
.category-slider-image > img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-height: 100%;
}
.category-slider-link {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 5;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--color-FFF);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s;
}
.category-slider-item:hover .category-slider-link {
	background: var(--color-20E97B);
}
@media(min-width: 1100px) {
	.category-slider {
		margin: 1.04vw 0 4.69vw;
	}
	.category-slider-item > svg {
		max-width: calc(100% - 2.4vw);
	}
	.category-slider-caption {
		padding: 1.56vw 1.2vw 0 1.04vw;
		margin: 0 0 3.23vw;
	}
	.category-slider-name {
		height: calc(1.2 * 0.94vw * 3);
	}
	.category-slider-link {
		right: 1.04vw;
		bottom: 1.04vw;
		width: 2.4vw;
		height: 2.4vw;
	}
}
@media(max-width: 1099px) {
	.category-slider-outer:before {
		right: -10px;
	}
	.category-slider-link {
		right: 10px;
		bottom: 10px;
		width: 30px;
		height: 30px;
	}
	.category-slider-link > svg {
		width: 17px;
		height: auto;
	}
	.category-slider {
		margin: 0 0 40px;
	}
}