.emptyState {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: var(--component-spacing-md);
}

.heading {
	font: var(--font-heading-sm);
	color: var(--color-neutral-canvas-default-fg-default);
	margin-bottom: 0;
}

.description {
	font: var(--font-body-md-default);
	color: var(--color-neutral-canvas-default-fg-subtle);
	margin: var(--component-spacing-sm);
}

.iconContainer {
	display: flex;
	color: var(--color-neutral-canvas-default-fg-default);
}

.contentBox {
	display: flex;
	align-items: center;
	gap: var(--component-spacing-sm);
	flex-direction: column;
}

.border {
	border: var(--component-border-width-md) solid var(--stroke-subtle);
	border-radius: var(--component-radii-md);
	padding: var(--component-spacing-2xl);
}