/* ==========================================================================
   Component: Text nav
   1920: 20px · 1440: 18px · 1024: 16px. Default — 60% белого, hover/active — белый.
   ========================================================================== */

.text-nav {
	display: inline-flex;
	align-items: center;
	padding: 2px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
	color: rgba(255, 255, 255, 0.6);
	transition: color var(--t-fast);
}

.text-nav:hover,
.text-nav.is-active {
	color: var(--c-white);
}

@media (max-width: 1919.98px) {
	.text-nav {
		font-size: 18px;
	}
}

@media (max-width: 1439.98px) {
	.text-nav {
		font-size: 16px;
	}
}