.root {
	display: flex;
	flex-direction: column;
	gap: var(--s-4);
}

.controls {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--s-3);
}

.toggleRow {
	display: flex;
	align-items: center;
	gap: var(--s-2);
	font-size: var(--font-sm);
}

.labelCell {
	white-space: nowrap;
}

.cellNum {
	width: 4rem;
	text-align: right;
	font-variant-numeric: tabular-nums;
}

.empty {
	color: var(--color-text-high);
	font-style: italic;
}

.stageModeLabel {
	display: inline-flex;
	align-items: center;
	gap: var(--s-2);

	& > * {
		flex-shrink: 0;
	}
}

.stageImage {
	border-radius: var(--radius-field);
}
