/* Match FA’s 1em height, 1.25em slot and baseline; preserve each SVG’s aspect ratio. */
.qrk-ui-icon:not(.qrk-fa-icon) {
	display: inline-block;
	width: var(--fa-width, 1.25em);
	height: 1em;
	flex: none;
	vertical-align: -.125em;
	overflow: visible;
}
.qrk-ui-icon:not(.qrk-fa-icon) > svg {
	display: block;
	width: auto;
	height: 100%;
	max-width: none;
	margin-inline: auto;
	fill: currentColor;
	overflow: visible;
}

/* Preserve icon fonts inside debug panels and other inherited text-font rules. */
.qrk-fa-icon.fa-solid, .qrk-fa-icon.fa-regular, .qrk-fa-icon.fa-brands,
.qrk-origin-menu .qrk-fa-icon {
    font-family: var(--_fa-family) !important;
    font-style: normal !important;
    font-weight: var(--fa-style, 900) !important;
    line-height: 1;
    text-align: center;
}

/* Font icons use Font Awesome’s natural inline metrics, without SVG baseline offsets. */
.qrk-ui-icon.qrk-fa-icon { height: auto; vertical-align: baseline; }