.slidernav {
	display: flex;
	display: -webkit-flex;
}









.slidernav .navitem {
	padding: .5rem;
	margin-right: 0;
}
.slidernav .navitem:disabled {
	opacity: .3;
}
.slidernav .navitem:disabled:hover {
	color: inherit;
}









.slidernav .navitem.first > i.fas,
.slidernav .navitem.first > i.far,
.slidernav .navitem.first > i.fab,
.slidernav .navitem.first > i.fa-solid,
.slidernav .navitem.latest > i.fas,
.slidernav .navitem.latest > i.fa-solid,
.slidernav .navitem.latest > i.far,
.slidernav .navitem.latest > i.fab {
	font-size: 1.5rem;
}








.slidernav.overlay .navitem:disabled {
	display: none;
}

.slidernav.overlay .prev,
.slidernav.overlay .next {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	
	width: 4rem;
	height: 100%;
	padding: 1rem 0;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	
	cursor: pointer;
}
.slidernav.overlay .next {
	left: auto;
	right: 0;
}

.slidernav.overlay .next > i.fas,
.slidernav.overlay .prev > i.fas {
	/*text-shadow: 0px 0px 1rem rgba(255, 255, 255, 1);*/
	
	font-size: 3rem;
	color: #fff;
	
	transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	
	transition: all 0.3s;
	transition-property: transform;
	-webkit-transition: all 0.3s;
	-webkit-transition-property: -webkit-transform;
	-o-transition: all 0.3s;
	-o-transition-property: -o-transform;
	-moz-transition: all 0.3s;
	-moz-transition-property: -moz-transform;
}
@media (hover: hover) {
	.slidernav.overlay .prev:hover > i.fas,
	.slidernav.overlay .next:hover > i.fas {
		transform: scale3d(1.5, 1.5, 1);
		-webkit-transform: scale3d(1.5, 1.5, 1);
		-moz-transform: scale3d(1.5, 1.5, 1);
	}
	.slidernav.overlay .prev:disabled:hover > i.fas,
	.slidernav.overlay .next:disabled:hover > i.fas {
		transform: scale3d(1, 1, 1);
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
	}
}









@supports (-webkit-text-stroke: 1px black) {
	.slidernav.outline .navitem > i.fas {
		color: #fff;
		
		text-stroke: .5rem var(--body);
		-webkit-text-stroke: .5rem var(--body);
		paint-order: stroke fill;
		
		text-shadow: 0 0 1rem rgba(0, 0, 0, 1);
	}
}









.slidernav.circle .navitem > i.fas {
	color: var(--body);
	font-size: 2.5rem;

	width: 3rem;
	height: 3rem;
	border-radius: 1.5rem;

	background-color: #fff;

	box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, .7);
	
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	justify-content: center;
}
@media (hover: hover) {
	.slidernav.circle .navitem:hover > i.fas {
		--scale: 1.2;
		transform: scale3d(var(--scale), var(--scale), 1);
		-webkit-transform: scale3d(var(--scale), var(--scale), 1);
		-moz-transform: scale3d(var(--scale), var(--scale), 1);
	}
}