.slider {
	--slides-to-show: var(--slides-desktop, 3);
	margin-top: -20px;
	margin-bottom: -20px;
	& .slider_track {
		overflow: hidden;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	& .slider_container {
		display: flex;
		touch-action: pan-y pinch-zoom;
	}
	& .slider_item {
		flex: 0 0 calc(100% / var(--slides-to-show, 1));
		min-width: 0;
		display: flex;
		& > * {
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
	}
	& .slider_button_container {
		display: flex;
		align-items: center;
		gap: var(--gap-xs);
		margin-top: var(--gap-m);
	}
	& .slider_button {
		text-indent: -99999px;
		display: block;
		overflow: hidden;
		width: 60px;
		border: none;
		aspect-ratio: 1 / 1;
		background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' viewBox='0 0 60 60'%3E%3Crect width='59' height='59' x='59.5' y='59.5' stroke='%23fff' rx='29.5' transform='rotate(180 59.5 59.5)'/%3E%3Cpath fill='%23fff' d='M21.144 20c-.632 0-1.144.512-1.144 1.144v17.712a1.144 1.144 0 0 0 2.287 0V24.187c0-.102.123-.153.195-.08l14.523 14.522a1.144 1.144 0 0 0 1.617-1.618L24.093 22.482a.114.114 0 0 1 .081-.195h14.682a1.144 1.144 0 0 0 0-2.287z'/%3E%3C/svg%3E");
		transition: all 0.3s ease;
		&:not(:disabled) {
			&:hover {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' viewBox='0 0 60 60'%3E%3Crect width='60' height='60' x='60' y='60' fill='%23e07423' rx='30' transform='rotate(-180 60 60)'/%3E%3Cpath fill='%23fff' d='M21.144 20c-.632 0-1.144.512-1.144 1.144v17.712a1.144 1.144 0 0 0 2.287 0V24.187c0-.102.123-.153.195-.08l14.523 14.522a1.144 1.144 0 0 0 1.617-1.618L24.093 22.482a.114.114 0 0 1 .081-.195h14.682a1.144 1.144 0 0 0 0-2.287z'/%3E%3C/svg%3E");
			}
		}
		&:disabled {
			opacity: 0.3;
			cursor: inherit;
		}
		&.slider_button_next {
			transform: rotate(180deg);
		}
	}
}

.bg_orange, .bg_dark-orange {
	.slider {
		& .slider_button {
			&:not(:disabled) {
				&:hover {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' viewBox='0 0 60 60'%3E%3Crect width='60' height='60' x='60' y='60' fill='%23343434' rx='30' transform='rotate(-180 60 60)'/%3E%3Cpath fill='%23f2efec' d='M21.144 20c-.632 0-1.144.512-1.144 1.144v17.712a1.144 1.144 0 0 0 2.287 0V24.187c0-.102.123-.153.195-.08l14.523 14.522a1.144 1.144 0 0 0 1.617-1.618L24.093 22.482a.114.114 0 0 1 .081-.195h14.682a1.144 1.144 0 0 0 0-2.287z'/%3E%3C/svg%3E");
				}
			}
		}
	}
}

.bg_light-grey {
	.slider {
		& .slider_button {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' viewBox='0 0 60 60'%3E%3Crect width='59' height='59' x='59.5' y='59.5' stroke='%237c7c7c' rx='29.5' transform='rotate(180 59.5 59.5)'/%3E%3Cpath fill='%237c7c7c' d='M21.144 20c-.632 0-1.144.512-1.144 1.144v17.712a1.144 1.144 0 0 0 2.287 0V24.187c0-.102.123-.153.195-.08l14.523 14.522a1.144 1.144 0 0 0 1.617-1.618L24.093 22.482a.114.114 0 0 1 .081-.195h14.682a1.144 1.144 0 0 0 0-2.287z'/%3E%3C/svg%3E");
			&:not(:disabled) {
				&:hover {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' viewBox='0 0 60 60'%3E%3Crect width='60' height='60' x='60' y='60' fill='%23f68624' rx='30' transform='rotate(-180 60 60)'/%3E%3Cpath fill='%23343434' d='M21.144 20c-.632 0-1.144.512-1.144 1.144v17.712a1.144 1.144 0 0 0 2.287 0V24.187c0-.102.123-.153.195-.08l14.523 14.522a1.144 1.144 0 0 0 1.617-1.618L24.093 22.482a.114.114 0 0 1 .081-.195h14.682a1.144 1.144 0 0 0 0-2.287z'/%3E%3C/svg%3E");
				}
			}
		}
	}
}

.bg_white, .bg_none {
	.slider {
		& .slider_button {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' viewBox='0 0 60 60'%3E%3Crect width='59' height='59' x='59.5' y='59.5' stroke='%237c7c7c' rx='29.5' transform='rotate(180 59.5 59.5)'/%3E%3Cpath fill='%237c7c7c' d='M21.144 20c-.632 0-1.144.512-1.144 1.144v17.712a1.144 1.144 0 0 0 2.287 0V24.187c0-.102.123-.153.195-.08l14.523 14.522a1.144 1.144 0 0 0 1.617-1.618L24.093 22.482a.114.114 0 0 1 .081-.195h14.682a1.144 1.144 0 0 0 0-2.287z'/%3E%3C/svg%3E");
			&:not(:disabled) {
				&:hover {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' viewBox='0 0 60 60'%3E%3Crect width='60' height='60' x='60' y='60' fill='%23343434' rx='30' transform='rotate(-180 60 60)'/%3E%3Cpath fill='%23f2efec' d='M21.144 20c-.632 0-1.144.512-1.144 1.144v17.712a1.144 1.144 0 0 0 2.287 0V24.187c0-.102.123-.153.195-.08l14.523 14.522a1.144 1.144 0 0 0 1.617-1.618L24.093 22.482a.114.114 0 0 1 .081-.195h14.682a1.144 1.144 0 0 0 0-2.287z'/%3E%3C/svg%3E");
				}
			}
		}
	}
}

@media (width < 1278px) {
	.slider {
		--slides-to-show: var(--slides-tablet, 2);
	}
}

@media (width < 767px) {
	.slider {
		--slides-to-show: var(--slides-mobile, 1);
		margin-top: 0;
		margin-bottom: 0;
		& .slider_track {
			padding-top: 0;
			padding-bottom: 0;
		}
		& .slider_button {
			width: 35px;
		}
	}
}