.vcx-hilight-articles {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	min-height: 90px;
}

.vcx-hilight-articles > .ux-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	z-index: 1;
}

.ux-drag-mode .vcx-hilight-articles > .ux-overlay {
	display: block;
}

.vcx-hilight-articles > .wx-container {
	font-size: var(--base-font-size);
	color: var(--text-color);
}

.vcx-hilight-articles .items {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.85em;
}

.vcx-hilight-articles .items > .item {
	display: flex;
	align-items: flex-start;
	column-gap: 1em;
	position: relative;
	flex-basis: 47%;
	container-type: normal;
	font-size: clamp(14px, 1.1cqw, 16px);
}

.vcx-hilight-articles .items > .item > .ux-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: grab;
	display: none;
}

.vcx-hilight-articles .items > .item > .ux-link {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;	
}

.edit .vcx-hilight-articles .items > .item > .ux-link {
	cursor: grab;
}
.vcx-hilight-articles .items > .item[draggable="true"] > .ux-overlay {
	display: block;;
	z-index: 1;
}

.vcx-hilight-articles .col-a {
	flex-basis: min(100px, 22%);
	position: relative;
}

.vcx-hilight-articles.sz-48x48 .col-a,
.vcx-hilight-articles.sz-64x64 .col-a {
	flex-basis: auto;
}

.vcx-hilight-articles .col-b {
	flex: 1;
}

.vcx-hilight-articles .ux-image-container {
	position: relative;
	top: 4px;
}

.vcx-hilight-articles .ux-image-container > a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.vcx-hilight-articles .ux-image-container.loading:before {
	content:'\f110';
	display:block;
	font-family:fontawesome;
	position: absolute;
	font-size: 22px;
	left: 50%;
	top: 50%;
	margin-left: -0.5ex;
	margin-top: -0.5ex;
	animation: 2s linear 0s normal none infinite running uk-rotate;
	z-index: 1;
	color: #ccc;
}

.vcx-hilight-articles .ux-border {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.vcx-hilight-articles .ux-title {
	line-height: 1.5em;
	font-size: 1.08em;
}

.vcx-hilight-articles .ux-description {
	line-height: 1.5em;
	position: relative;
	top: -0.15em;
}

.vcx-hilight-articles .ux-title {
	margin:  0 0 0.25em;
}

.vcx-hilight-articles .ux-description {
	margin:  0;
}

.vcx-hilight-articles .ux-description a {
	color: inherit;
	text-decoration: none;
}

.vcx-hilight-articles.ux-auto-truncate .ux-title {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.vcx-hilight-articles.ux-auto-truncate .ux-description {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.vcx-hilight-articles .ux-description a span {
	text-decoration: underline;
	text-decoration-color: #eee;
}

.vcx-hilight-articles .ux-show-divider .item {
	padding: 12px 0;
}

.vcx-hilight-articles .ux-image-list .item:first-child {
	padding-top: 0;
}

.vcx-hilight-articles .ux-image-list .item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.vcx-hilight-articles.ux-small-layout,
.vcx-hilight-articles.ux-small-layout .ux-title {
	font-size: 15px;
}

.vcx-hilight-articles.ux-small-layout .col-a {
	flex: 0 0 80px;
}	

.vcx-hilight-articles.ux-small-layout .ux-description span {
	-webkit-line-clamp: 3;
	line-height: 1.38em;
}

.vcx-hilight-articles .ux-inner-border,
.vcx-hilight-articles .ux-outer-border {
	display: none;
}

.vcx-hilight-articles.image-border .ux-inner-border {
	border-style: solid;
	border-width: 5px;
	display: block;
}

.vcx-hilight-articles.image-border .ux-outer-border {
	border-style: solid;
	border-width: 1px;
	display: block;
}

.vcx-hilight-articles.image-round .ux-image-container {
	overflow: hidden;
	border-radius: 8px;
}

.vcx-hilight-articles.image-circle .ux-image-container {
	overflow: hidden;
	border-radius: 50%
}

.vcx-hilight-articles.with-image-shadow .ux-image-container {
	box-shadow: var(--box-shadow);
}

.vcx-hilight-articles.with-image-outline .ux-image-container {
	outline: 1px solid var(--divider-color);
}

.vcx-hilight-articles.with-text-shadow .ux-title,
.vcx-hilight-articles.with-text-shadow .ux-description {
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

.vcx-hilight-articles .graphite-x-toolbar.item-toolbar {
	height: 22px;
	top: 2px;
	width: 100%;
	transform: scale(0.75);
	margin-top: 10px;
	text-align: center;
}

.vcx-hilight-articles .ux-toolbar {
	display: flex;
	position: absolute;
	top: 0;
	bottom: auto;
	right: 0;
	left: auto;
	justify-content: center;
	transform: scale(0.67);
	max-width: max-content;
	z-index: 2;
}

.vcx-hilight-articles .ux-toolbar a {
	margin: 0 2px;
}

.vcx-hilight-articles a.api[data-action="edit"] {
	top: 5px !important;
	right: 4px !important;
}

.vcx-hilight-articles .command-button.settings {
	right: -10px !important;
	top: -15px !important;
	width: 16px !important;
	height: 16px !important;
}

@media screen and (max-width: 900px) {
	.vcx-hilight-articles {
		max-width: 640px;
	}

	.vcx-hilight-articles .items {
		display: block;
	}

	.vcx-hilight-articles .items > .item:nth-child(n+1) {
		margin-top: 1em;
	}

}