Module:Item/Components/Infobox/styles.css

.t-item-infobox-overlay {
	margin: 12px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 8px;
}

/*
 * The infobox icon is a 28px sprite drawn at 84px.
 *
 * MediaWiki will not generate a thumbnail larger than the source, so it serves
 * the original file and leaves the browser to scale it up 3x. Module:Item's
 * infobox component tags the image cp-image-pixelated for exactly that reason,
 * but the class had no rule behind it anywhere on the wiki, so every icon was
 * bilinearly smoothed into a blur.
 *
 * The class lands on the wrapper span rather than the img -- MediaWiki's
 * class= file parameter puts it there. image-rendering inherits, so the
 * wrapper alone is enough; the descendant selector guards against the markup
 * changing.
 */
.cp-image-pixelated,
.cp-image-pixelated img {
	image-rendering: pixelated;
}