/* Items slider */
.vs-items-slider {
	position: relative;
	aspect-ratio: 800 / 600;
}

/* Gradient */
.vs-items-slider,
.vs-items-slider-info {
	background: #30373e;
	background: linear-gradient(to bottom, rgba(38, 44, 50, 0.65), #30373e);
}

/* Border radius */
.vs-items-slider,
.vs-items-slider-img > img {
	border-radius: 3px;
	overflow: hidden;
}

.vs-items-slider-info {
	border-radius: 0 0 3px 3px;
}

/* Colors */
.vs-items-slider a,
.vs-items-slider [data-properties] > span {
	color: #fff;
}

.vs-items-slider [data-separator] {
	background-color: #fff;
}

/* Hover */
.vs-items-slider a:hover {
	color: #d4dae0;
}

/* Links */
.vs-items-slider a:hover {
	text-decoration: none;
}

/* List */
#vs-items-slider-list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Slide */
#vs-items-slider-list [data-number] {
	position: relative;
	height: 100%;
}

/* Image Link */
.vs-items-slider-img {
	display: block;
	width: 100%;
	height: 100%;
}

.vs-items-slider-img picture {
	display: block;
	width: 100%;
	height: 100%;
}

/* Image */
.vs-items-slider-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Info */
.vs-items-slider-info {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 188px;
	padding: 0 28px;
}

/* Title */
.vs-items-slider [data-title] {
	display: block;
	height: 86px;
	overflow: hidden;
	margin-top: 25px;
	font-size: 20px;
	line-height: 1.35;
	letter-spacing: 0.6px;
}

/* Separator */
.vs-items-slider [data-separator] {
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 61px;
	height: 1px;
	opacity: .3;
}

/* Properties */
.vs-items-slider [data-properties] {
	position: absolute;
	right: 29px;
	bottom: 22px;
	letter-spacing: 1px;
}

/* Block */
.vs-items-slider [data-properties] > span {
	font-size: 13.5px;
}

/* Text */
.vs-items-slider [data-properties] > span + span {
	margin-left: 20px;
}

/* Date */
.vs-items-slider [data-properties] > span[data-date] {
	text-transform: lowercase;
}

/* Switcher */
#vs-items-slider-switcher {
	z-index: 10;
	position: absolute;
	left: 27px;
	bottom: 20px;
}

/* Elements */
#vs-items-slider-switcher > div,
#vs-items-slider-switcher-points > div {
	float: left;
}

#vs-items-slider-switcher [data-prev],
#vs-items-slider-switcher [data-next],
#vs-items-slider-switcher-points > div {
	cursor: pointer;
}

#vs-items-slider-switcher > div + div,
#vs-items-slider-switcher-points > div + div {
	margin-left: 30px;
}

/* Switch point */
#vs-items-slider-switcher .vs-items-slider-switcher-point {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	margin-top: 5px;
	background-color: #fff;
	opacity: 0.33;
}

/* Active */
#vs-items-slider-switcher .vs-items-slider-switcher-point-active {
	opacity: 1;
}

/* Desktop */
@media (min-width: 1261px) {
	.vs-items-slider {
		width: 800px;
		aspect-ratio: 800 / 600;
	}
}

/* Tablet */
@media (min-width: 1023px) and (max-width: 1260px) {
	.vs-items-slider {
		width: 580px;
		aspect-ratio: 580 / 600;
	}
}

@media (min-width: 767px) and (max-width: 1023px) {
	.vs-items-slider {
		width: 100%;
		height: auto;
		aspect-ratio: 580 / 600;
	}
}

/* Mobile big */
@media (max-width: 767px) {
	.vs-items-slider {
		width: 100%;
		height: auto;
		aspect-ratio: 984 / 757;
	}

	.vs-items-slider-info {
		height: 200px;
	}

	.vs-items-slider [data-separator] {
		bottom: 80px;
	}

	.vs-items-slider [data-properties] {
		bottom: 48px;
	}
}