/**
 * Editor-preview-only placeholder styles: shown in place of a block's real
 * markup when something about it can't be usefully previewed in the editor
 * (missing required fields, a YouTube embed that won't play there, etc).
 * Intentionally kept separate from the compiled block styles
 * (assets/css/style.css).
 */
.polaris-block-preview-placeholder {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 160px;
	padding: 32px 24px;
	text-align: center;
	background-color: #f6f7f7;
	border: 2px dashed #c3c4c7;
	border-radius: 4px;
}

.polaris-block-preview-placeholder__title {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #1e1e1e;
}

.polaris-block-preview-placeholder__message {
	margin: 0;
	font-size: 13px;
	color: #757575;
}