canvas {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
    z-index: 10000;
}

.scene-nav {
	font-size: 1.15em;
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: 0;
	right: 0;
	width: 80px;
    height: 80px;
    display: none;
    align-items: center;
    justify-content: center;
	color: var(--color-nav);
}

.scene-nav:focus {
	outline: none;
}

.scene-nav--prev {
	left: 0;
}

.slide-wrapper {
	display: none;
}

.icon--arrow-nav-next {
	transform: rotate(-180deg);
}

.icon--arrow-nav-prev,
.icon--arrow-nav-next {
    width: 30px;
    height: 30px;
}