Module:Creo/Components/Infobox/styles.css

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

.t-creo-infobox-elements {
	display: flex;
	gap: 4px;
}

.t-creo-infobox-image {
	margin-top: var(--t-creo-image-offset-top);
	margin-bottom: var(--t-creo-image-offset-bottom);
	margin-left: var(--t-creo-image-offset-left);
	margin-right: var(--t-creo-image-offset-right);
	padding-top: 3rem;
}

.t-creo-infobox .t-infobox-header-content {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.t-creo-infobox .t-infobox-subtitle {
	order: -1;
	padding: 4px 8px;
	border: 1px solid var(--border-color-base);
	border-radius: 2px;
	background: var(--background-color-base);
}

/* So that the hash is not copied when the user selects the text */
.t-creo-infobox .t-infobox-subtitle::before {
	content: '#';
}