/* Scrolling comes from `data-mf-scroll` (scroll.css). */
.mf-console {
	height: 100%;
	padding: var(--mf-space-3);
	color: var(--mf-color-text);
	font-family: var(--mf-font-mono);
	font-size: var(--mf-font-size-small);
	line-height: var(--mf-font-line-height);
}

.mf-console-lines {
	display: flex;
	flex-direction: column;
}

.mf-console-line {
	white-space: pre-wrap;
	word-break: break-word;

	&[data-mf-level="error"] {
		color: var(--mf-color-danger);
	}
}