/* viewpoint */
.viewpoint {
	position: fixed;
	right: 1rem;
	top: 50%;
	z-index: 120;
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	transform: translateY(-50%);
}

.viewpoint a {
	display: block;
	font-family: "icomoon";
	font-size: 1rem;
	color: rgb(var(--b) / 1);
	text-decoration: none;
	transition: transform 0.25s ease, color 0.25s ease;
	margin: 0;
	padding: 0
}

.viewpoint a::before {
	content: "\e906";
}

.viewpoint a:hover {
	color: rgb(var(--c4) / 1);
	transform: scale(1.15);
}

.viewpoint a.is-active {
	color: rgb(var(--c1) / 1);
	transform: scale(1.35);
}