/*
 * ARN Vendix icons: the rule every icon shares. The icon's SVG comes from
 * --arn-icon-svg. On the front end each icon carries its own address on the
 * element (ARNMRTVNDX_Icon_Library::render_icon()), so pages load only this
 * file; the Elementor editor, its preview and the Icons screen also load the
 * icon stylesheets (icons-core.css, icons-<pack>.css), which set it by class.
 */
.arn-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	min-width: 1em;
	background-color: currentColor;
	-webkit-mask: var(--arn-icon-svg) center / contain no-repeat;
	mask: var(--arn-icon-svg) center / contain no-repeat;
	vertical-align: -.125em;
}

.arn-icon::before {
	content: "";
}