#Info
{
	--gap: 4px;
	
	height: fit-content;
	background-color: var(--border-color);
	color: black;
	font-size: 16px;
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
	/* note that margins of flex box elements do not collapse */
	row-gap: var(--gap);
	column-gap: var(--gap);
	padding:  var(--gap);
}

#Info>*
{
	background-color: #F0F0F0;
	border-radius: 5px;
	padding: 2px;
	width: fit-content;
}

#Info .Val
{
	font-weight: bold;
}

#Info .Unit
{
	font-size: x-small;
}

#Info .Msg
{
	font-style: italic;
}