.header-recommended-posts {
	background: var(--mirage-100);
	padding: 4px 0;
}

.header-recommended-posts-wrap {
	position: relative;
	display: flex;
	overflow: hidden;
}

.header-recommended-posts-wrap::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	min-width: 16px;
	max-width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgMTEuMzMzNEw3LjMzMzMzIDguMDAwMDhMNCA0LjY2Njc1TTguNjY2NjcgMTEuMzMzNEwxMiA4LjAwMDA4TDguNjY2NjcgNC42NjY3NSIgc3Ryb2tlPSIjRkYyNzI3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
	background-size: 16px;
}

.header-recommended-posts a {
	font-weight: 700;
	color: var(--mirage-950);
	line-height: 20px;
	padding-left: 16px;
	white-space: nowrap;
	display: none;
	transition: color ease .1s;
}

.header-recommended-posts a:hover {
	color: var(--thunderbird-700);
}