.hub-article-topmodule-metainfo {
	display: flex;
	justify-content: space-between;
	align-items: end;
	flex-wrap: wrap;
	gap: .8rem;
	padding-bottom: 10px;
	padding-top: 6px;
}

@media (max-width: 668px) {
	.hub-article-topmodule-metainfo {
		flex-direction: column;
		gap: 0;
		align-items: start;
		padding-top: 12px;
	}
}

.metainfoarticle-container {
	display: flex;
	gap: 1.6rem;
	width: 100%;
}

@media (max-width: 668px) {
	.metainfoarticle-container {
		gap: 1.2rem;
		align-items: center;
	}
}

.hub-article-topmodule-metainfo img {
	float: left;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
}

@media (max-width: 668px) {
	.hub-article-topmodule-metainfo img {
		width: 44px;
		height: 44px;
	}
}

.metainfoarticle-expert-info {
	cursor: pointer;
}

.metainfoarticle-info-box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
}

@media (max-width: 668px) {
	.metainfoarticle-info-box {
		flex-direction: column;
		align-items: flex-start;
	}
}

.metainfoarticle-stats-container {
	display: flex;
	gap: 2.4rem;
	align-items: flex-end;
	color: #767676;
}

@media (max-width: 668px) {
	.metainfoarticle-stats-container {
		gap: 0.8rem;
		align-items: flex-start;
	}
}

.metainfoarticle-lastedit-container {
	display: flex;
	gap: 1.2rem;
}

.metainfoarticle-creation-date {
	display: flex;
	gap: .8rem;
	align-items: center;
}

.metainfoarticle-creation-date .last-updated,
.metainfoarticle-author-default {
	font-size: 1.4rem;
}

@media (max-width: 668px) {
	.metainfoarticle-creation-date .last-updated,
	.metainfoarticle-author-default {
		font-size: 1.2rem;
	}
}

.metainfoarticle-author-default {
	order: -1;
}

.metainfoarticle-expert-name {
	display: flex;
	align-items: center;
	gap: 0.6rem;
}

.metainfoarticle-expert-name,
.metainfoarticle-expert-description {
	font-size: 1.4rem;
}

@media (max-width: 668px) {
	.metainfoarticle-expert-name,
	.metainfoarticle-expert-description {
		font-size: 1.2rem;
	}
}

.hub-article-topmodule-metainfo .modal-backdrop {
	display: none;
}

.hub-article-topmodule-metainfo .modal-container {
	max-width: 666px;
}

.modal-content img {
	width: 124px;
	height: 124px;
}

.show-expert-modal {
	display: block !important;
}