.navigation {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}
.navigation li {
	list-style: none;
}

.navigation li:first-child {
	display: flex;
}

.navigation li:first-child::before {
	content: '';
	margin-right: 4px;
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS41IDkuNzQ5ODlMOC40Njk3NSAyLjc4MDE0QzguNzYyNjMgMi40ODczNSA5LjIzNzM3IDIuNDg3MzUgOS41MzAyNSAyLjc4MDE0TDE2LjUgOS43NDk4OUgxNVYxNS43NDk5QzE1IDE2LjE2NDEgMTQuNjY0MiAxNi40OTk5IDE0LjI1IDE2LjQ5OTlIMTAuNVYxMS4yNDk5SDcuNVYxNi40OTk5SDMuNzVDMy4zMzU3OSAxNi40OTk5IDMgMTYuMTY0MSAzIDE1Ljc0OTlWOS43NDk4OUgxLjVaIiBmaWxsPSIjN0Q4MTg1Ii8+PC9zdmc+');
}

.navigation a {
	color: var(--ui-text-secondary);
	text-decoration: none;
}
.navigation a:hover {
	text-decoration: underline;
}

.navigation > li > span {
	text-transform: capitalize;
	color: var(--ui-text-tetriary);
}