.fg {
	margin: 0.3rem 0;
}
.fg-0 {
	margin: 0 0;
}

.dg {
	margin: 0.3rem 0;
}

.mc::before {
	content: 'Missing';
}
.mc {
	border-radius: var(--radius-selector);
	vertical-align: middle;
	color: var(--badge-fg);
	border: var(--border) solid var(--badge-color, var(--color-base-200));
	width: fit-content;
	padding-inline: calc(.25rem* 3 - var(--border));
	background-size: auto, calc(var(--noise)* 100%);
	background-image: none, var(--fx-noise);
	background-color: var(--badge-bg);
	--badge-bg: var(--badge-color, var(--color-base-100));
	--badge-fg: var(--color-base-content);
	--size: calc(var(--size-selector, .25rem)* 6);
	height: var(--size);
	justify-content: center;
	align-items: center;
	gap: .5rem;
	font-size: .875rem;
	display: inline-flex;
	border-color: var(--color-base-200);
	background-color: var(--color-base-200);
	color: var(--color-base-content);
	background-image: none;
}