/* Single
==================================== */
#back,
#slider-nav{
	-webkit-user-select: none;
		-moz-user-select: none;
		 -ms-user-select: none;
			  user-select: none;
}
#back{
	grid-area: 1 / 1;
}
#slider-nav{
	display: flex;
	grid-area: 1 / 1;
	justify-self: flex-end;
}
#prev,
#next{
	cursor: pointer;
}
@media (min-width: 835px){
	#slider-nav{
		display: contents;
	}
	#slider-nav span:nth-child(2){
		display: none;
	}
	#prev,
	#next{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
	}
	#prev{
		left: var(--margin-sides);
	}
	#next{
		right: var(--margin-sides);
	}
}

/*Slider*/
.slider{
	position: relative;
	overflow: hidden;
	-webkit-user-select: none;
	   -moz-user-select: none;
		 -ms-user-select: none;
			  user-select: none;
	-ms-touch-action: manipulation;
		 touch-action: manipulation;
}
.slider .slider-track{
	position: relative;
	width: 100%;
	height: 100%;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 100%;
	grid-auto-rows: 100%;
}
.slide{
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
	display: grid;
	align-items: center;
	justify-items: center;
}
.slide .thumb,
.slide iframe{
	position: absolute;
	width: 100%;
	max-width: 1000px;
	height: 100%;
}
@media (min-width: 835px){
	.slide{
		min-height: 320px;
		grid-template-columns: repeat(6, 1fr);
		column-gap: var(--gap-rows);
	}
	.slide > *{
		grid-column: 2 / -2;
	}
}