.slf-empty-state {
    display: grid;
    justify-items: start;
    gap: var(--slf-space-3);
    padding: var(--slf-space-6);
    border: 1px dashed var(--slf-color-border);
    border-radius: var(--slf-radius-large);
    background: var(--slf-color-surface-subtle);
    color: var(--slf-color-text-muted);
}

.slf-empty-state--info {}

.slf-empty-state--warning {}

.slf-empty-state--error {}

.slf-empty-state__title {
    margin: 0;
    color: var(--slf-color-heading);
    font-family: var(--slf-font-family-display);
    font-size: var(--slf-font-size-500);
}

.slf-empty-state__message {
    margin: 0;
}

.slf-empty-state .slf-button {
    margin-top: var(--slf-space-2);
}