/*    40. EMPTY STATE
   ------------------------------------------- */
.bw-empty-state {
	text-align: center;
	padding: var(--space-4xl) var(--space-xl);
}

.bw-empty-icon {
	font-size: 3rem;
	margin-bottom: var(--space-lg);
}

.bw-empty-state h3 {
	font-size: var(--text-xl);
	margin-bottom: var(--space-sm);
}

.bw-empty-state p {
	color: var(--color-text-secondary);
	max-width: 400px;
	margin: 0 auto var(--space-xl);
}