[class*="vb-icn-"] {
	--icn-sp: 0px 0px 0px 0px;
	--icn-cr: var(--vb-global-lk-cr);
	--icn-ht: 1em;
	--icn-bg-img: initial;
	--icn-bg-clip: initial;
	--icn-txt-fl: initial;
	--icn-txt-st: none;
	--icn-txt-sd: none;
	--icn-hv-cr: var(--icn-cr);
	--icn-hv-bg-img: initial;
	--icn-hv-bg-clip: initial;
	--icn-hv-txt-fl: initial;
	--icn-hv-txt-st: none;
	--icn-hv-txt-sd: none;
	--icn-sz: var(--vb-h1-fn-sz);
	--icn-ti: var(--vb-global-ti-duration));
	--icn-pd: 0px;
	--icn-box: none;
}

[class*="vb-icn-"] {
	text-align: center !important;
	display: flex !important;
	margin: 0px !important;
	position: relative !important;
	z-index: 1 !important;
	display: inline-flex !important;
	text-align: center!important;
	justify-content: center!important;
	flex-wrap: wrap!important;
	color: var(--icn-cr) !important;
	font-size: var(--icn-sz) !important;
	background-image: var(--icn-bg-img) !important;
	-webkit-background-clip: var(--icn-bg-clip) !important;
	-webkit-text-fill-color: var(--icn-txt-fl) !important;
	-webkit-text-stroke: var(--icn-txt-st) !important;
	text-shadow: var(--icn-txt-sd) !important;
}

[class*="vb-icn-"] > i,
 [class*="vb-icn-"] > i::before {
	z-index: 1;
	position: relative;
	width: 1.25em !important;
	height: var(--icn-ht) !important;
	line-height: var(--icn-ht) !important;
	color: inherit !important;
	background-image: inherit !important;
	-webkit-background-clip: inherit !important;
	-webkit-text-fill-color: inherit !important;
	-webkit-text-stroke: inherit !important;
	-webkit-text-stroke: inherit !important;
	text-shadow: inherit !important;
	font-style: normal !important;
	font-size: inherit !important;
	transition-duration: inherit!important;
	transition-property: inherit!important;
	display: inline-block !important;
	vertical-align: top !important;
}

[class*="vb-icn-"] > i {
	height: auto !important;
	width: auto !important;
	line-height: 1em !important;
	display: inline-flex !important;
	vertical-align: var(--post-ver,top) !important;
	padding: var(--icn-pd) !important;
	display: inline-flex !important;
	transition-duration: var(--icn-ti) !important;
	transition-property: var(--vb-global-ti-property)!important;
}

[class*="vb-icn-"]:hover,
.vb-icon-list [class*="vb-post-"]:hover [class*="vb-icn-"] {
	color: var(--icn-hv-cr) !important;
	background-image: var(--icn-hv-bg-img) !important;
	-webkit-background-clip: var(--icn-hv-bg-clip) !important;
	-webkit-text-fill-color: var(--icn-hv-txt-fl) !important;
	-webkit-text-stroke: var(--icn-hv-txt-st) !important;
	text-shadow: var(--icn-hv-txt-sd) !important;
	transition-duration: var(--icn-ti) !important;
	transition-property: var(--vb-global-ti-property)!important;
}

[class*="vb-icn-"] i::after {
	position: absolute;
	width: 100%;
	height: 100%;
	inset-inline-start: 0px;
	top: 0px;
	z-index: -1;
	box-sizing: border-box;
	content: var(--icn-box);
	background: var(--icn-bg)!important;
	border-width: var(--icn-br-wt)!important;
	border-color: var(--icn-br-cr)!important;
	border-style: var(--icn-br-st)!important;
	box-shadow: var(--icn-sd)!important;
	border-radius: var(--icn-rd)!important;
	transition-duration: inherit!important;
	transition-property: inherit!important;
}

body [class*="vb-icn-"]:hover i::after,
body .vb-icon-list [class*="vb-post-"]:hover [class*="vb-icn-"] i::after {
	background: var(--icn-hv-bg)!important;
	border-width: var(--icn-hv-br-wt)!important;
	border-color: var(--icn-hv-br-cr)!important;
	border-style: var(--icn-hv-br-st)!important;
	box-shadow: var(--icn-hv-sd)!important;
}