@import 'mediawiki.skin.variables.less';

.ext-WikiEditor-realtimepreview-ErrorLayout {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	// TODO: Currently, `#f8f9fa` is only available as `@background-color-interactive-subtle`,
	// which would be wrongly applied here. Revisit with appropriate Codex token.
	background-color: #f8f9fa;
	height: 100%;
	width: 100%;
	text-align: center;

	& > * {
		max-width: 268px;
		margin: 6px;
	}

	.oo-ui-buttonWidget {
		margin-top: 18px;
	}
}

.ext-WikiEditor-image-realtimepreview-error {
	height: 103px;
	width: 92px;
}