.vc-popular-widget {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.vc-popular-widget > li {
	display: flex !important;
	align-items: flex-start;
	min-width: 0;
	font-size: 14px;
	line-height: 160%;
}

.vc-popular-rank {
	flex: 0 0 18px;
	padding-top: 1px;
	color: #9a7800;
	font-size: 12px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.vc-popular-body {
	display: flex;
	flex: 1 1 auto;
	align-items: baseline;
	min-width: 0;
}

.vc-popular-title {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	color: #101011;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.vc-popular-stats {
	display: flex;
	flex: 0 0 auto;
	gap: 7px;
	margin-left: 8px;
	color: #777d82;
	font-size: 11px;
	line-height: 150%;
	font-variant-numeric: tabular-nums;
}

.vc-popular-stats > span {
	display: inline-flex;
	align-items: center;
	gap: 3px;
}

.vc-popular-stats i {
	font-size: 12px;
}

.vc-popular-empty {
	color: #777d82;
}

body.color_scheme_dark .vc-popular-rank {
	color: var(--vc-accent, #d5b13a);
}

body.color_scheme_dark .vc-popular-title {
	color: #e9eaec;
}

body.color_scheme_dark .vc-popular-stats,
body.color_scheme_dark .vc-popular-empty {
	color: #969ca1;
}

.vc-popular-more {
	display: none;
}

@media (max-width: 899px) {
	.vc-popular-widget:not(.is-expanded) > li:nth-child(n + 4):not(.vc-popular-empty) {
		display: none !important;
	}

	.vc-popular-more {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 2px;
		width: 100%;
		margin: 8px 0 -3px;
		padding: 5px 0 0;
		border: 0;
		border-top: 1px solid #e4e6e8;
		background: transparent;
		color: #61676c;
		font: inherit;
		font-size: 12px;
		cursor: pointer;
	}

	.vc-popular-more i {
		font-size: 15px;
	}

	body.color_scheme_dark .vc-popular-more {
		border-top-color: #44474b;
		color: #a6abaf;
	}
}