.nav-up, .nav-down {
	display: none;
	position: fixed;
	z-index: 9999;
	right: 0%;
	background: var(--b);
	border-radius: 5px;
	cursor: pointer;
	color: var(--w);
	text-align: center;
	font: normal normal 25px/25px sans-serif;
	opacity: .8;
	padding: 3px;
	margin-bottom: 5px;
	width: 25px;
	transition: all 0.3s ease-in-out;
	height: 25px;
}

.nav-up {
	bottom: 40px;
}

.nav-down {
	bottom: 5px;
}

.nav-down:hover,
.nav-up:hover {
	opacity: 1;
}

.nav-up svg, .nav-down svg {
    margin-left: -1px;
    fill: var(--w);
    width: 30px;
    height: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -3px;
}