.primary-nav {
	position: fixed;
	z-index: 99;
	display: flex;
	flex-direction: column;
	align-items: center;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	max-width: 150px;

	gap: 6px;
	padding: 6px;
	border-radius: 16px;

	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.02),
			rgba(255, 255, 255, 0.004)
		),
		rgba(6, 6, 6, 0.68);

	backdrop-filter: blur(18px) saturate(120%);
	-webkit-backdrop-filter: blur(18px) saturate(120%);

	border-right: 1px solid rgba(255, 255, 255, 0.06);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.06) inset,
		20px 0 48px -26px rgba(0, 0, 0, 0.95);
}

.primary-nav > a.current-page {
	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.10),
			rgba(255, 255, 255, 0.03)
		),
		rgba(0, 0, 0, 0.22);

		border-color: color-mix(in srgb, var(--c_green-1) 65%, rgba(255, 255, 255, 0.10));
		font-weight: 550;
		color: var(--c_green-1);
		cursor: vertical-text;
}

.nav-statics {
	position: relative;
}

.nav-statics > span {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%) translateZ(0);
}

.nav-logo {
	width: 80%;
	margin-bottom: 9px;
}

.nav-pipe {
	width: 60%;
	height: 1px;
	border-radius: 999px;
	background: var(--c_grey-5);
	margin: 0px 0px 12px 0px;
}