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

.viewpoint a {
	display: block;
	font-family: "icomoon";
	font-size: 1rem;
	color: rgb(var(--n) / 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(--c1) / 1);
	transform: scale(1.15);
}

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