.card-slider {
	position: relative;
	margin: 0 35px 0 -30px;
	padding: 17px 25px 0 0;
	overflow: hidden;

	@media (max-width: $desktopMin) {
		margin-right: 0;
	}

	@media (max-width: $tablet) {
		margin: 0 -30px;
		padding: 20px 0;
		width: calc(100% + 60px);
	}

	@media (max-width: $mobile) {
		margin: 0 -20px -5px;
		padding: 7px 0 0;
		width: calc(100% + 40px);
	}
}

.card-slider::before {
	content: "";
	position: absolute;
	top: 0;
	right: 23px;
	width: 45px;
	height: 270px;
	background: linear-gradient(270deg, rgba(247, 247, 247, 0.04) 84.99%, rgba(112, 112, 112, 0.42) 101.29%);
	border-radius: 4px;
	transform: rotate(-180deg);
	opacity: 0.8;
	pointer-events: none;

	@media (max-width: $tablet) {
		display: none;
	}
}

.card-slider__scroller {
	box-sizing: border-box;
	margin-bottom: -40px;
	padding-bottom: 40px;
	width: 100%;
	position: relative;
	overflow-x: scroll;
}

.card-slider__wrapper {
	min-height: 260px;
}

.card-slider__item {
	position: absolute;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}

.card-slider__control {
	position: absolute;
	top: 50%;
	transform: translateY(-30px);
	z-index: 1;

	@media (max-width: $tablet) {
		transform: translateY(-50px);
	}

	@media (max-width: $mobile) {
		opacity: 0;
		pointer-events: none;
	}
}

.card-slider__control--prev {
	left: 3px;
}

.card-slider__control--next {
	right: 3px;
}
.card-slider__control-disabled {
	display: none;
}

.card-slider--no-arrow-next {

	&::before {
		opacity: 0;
	}
}

