/* #region recommended links */

.recommended_menu .box {
	padding: var(--distance-1);
	color: var(--text-color-2);
}

.recommended_menu .item {
	top: 0;
}

.recommended_menu .item *,
.recommended_menu .item {
	transition: var(--transition);
}

.recommended_menu .item .flex {
	height: 100%;
	align-items: center;
	text-align: left;
}

.recommended_menu .item svg * {
	stroke: var(--text-color-2);
}

.recommended_menu .box:not(:hover) .el_sq {
	background-color: var(--bg-color-1);
}

.grey_bg .recommended_menu .box:not(:hover) .el_sq {
	background-color: var(--bg-color-2);
}

.recommended_menu .box .el_sq img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.recommended_menu.grey_bg .box:not(:hover) .el_sq {
	background-color: var(--bg-color-2);
}

[data-hide-content]:has(.recommended_menu) {
	padding-top: 15px;
	margin-top: -15px;
}

/* hover */

@media screen and (min-width: 1024px) {
	.recommended_menu .item:hover .text_block {
		color: var(--text-color-1);
	}

	.recommended_menu .item:hover {
		top: -15px;
	}

}

/* #endregion recommended links */