[data-slider] {
	width: 100%;
	overflow: hidden;
	position: relative;
}

[data-slider--slides] {
	position: relative;
}
[data-slider--slides] > * {
	overflow: hidden;
	max-width: 100%;
}

/* Configuration */
[data-slider]:not( [data-slider--config*='"autowidth":true'] ) [data-slider--slides] > * {
	width: 100%;
}
[data-slider]:not( [data-slider--config*='"autoheight":true'] ) [data-slider--slides] > * {
	height: 100%;
}

[data-slider][data-slider--config*='"autowidth":true'] [data-slider--slides] > * {
	display: inline-block;
}

[data-slider="horizontal"] [data-slider--slides] {
	white-space: nowrap;
}
[data-slider="horizontal"] [data-slider--slides] > * {
	display: inline-block;
	white-space: normal;
}

[data-slider^="fade"] [data-slider--slides] > * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	opacity: 0;
}
[data-slider^="fade"] [data-slider--slides] > *.current {
	z-index: 10;
}
[data-slider^="fade"] [data-slider--slides] > *.active {
	position: relative;
	z-index: 11;
}

[data-slider="fade"] [data-slider--slides] > *,
[data-slider^="fadeboth"] [data-slider--slides] > *,
[data-slider^="fade2"] [data-slider--slides] > * {
	opacity: 0;
}

#vals1 [data-slider--slides],
#vals3 [data-slider--slides] {
	height: 400px;
}
	#vals1 [data-slider--slides] > * img,
	#vals3 [data-slider--slides] > * img {
		height: 100%;
		object-fit: cover;
	}

	.slide__image {
		height: 100%;
		width: 100%;
	}

	[data-slider--slides] {
		height: 100%;
	}

	.slider-navigation {
		z-index: 2;
		height: 100%;
		width: 100%;
		position: absolute;
		pointer-events: none;
		font-size: 4em;
	}

	[data-slider--navgation-next],
	[data-slider--navgation-prev] {
		pointer-events: all;
		height: 100%;
		position: absolute;
		opacity: 0;
		transition: opacity .2s ease;
		cursor: pointer;
		color: rgb(232, 54, 0);
	}

	[data-slider--navgation-next] {
		right: 0;
		text-align: right;
		width: 70vw;
	}

	[data-slider--navgation-prev] {
		left: 0;
		width: 30vw;
	}

	.ui__navigation-prev,
	.ui__navigation-next {
		top: 49%;
		position: relative;
		padding: 20px;				
	}

	[data-slider--navgation-next]:hover,
	[data-slider--navgation-prev]:hover {
		opacity: 1;
	}