/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
 */

.wp-block-orphic-ui-search-bar {
	padding: 20px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 28px;

	.search-bar-placeholder {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		padding: 20px;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 2px;
		color: white;

		svg {
			opacity: 0.8;
		}

		.search-bar-message {
			font-size: 13px;
			font-weight: 500;
		}
	}

	.search-bar-message {
		text-align: center;
		color: #666;
		font-size: 14px;
		line-height: 1.4;

		strong {
			color: #444;
			font-weight: 600;
		}
	}
}
