/* Component: empty */

.sm-empty, .sm-fallback {
    text-align: center;
    padding: 40px 20px;
    color: var(--sm-muted);
}

.sm-empty__icon, .sm-fallback__icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 12px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: var(--sm-accent-soft);
    color: var(--sm-accent);
}

.sm-empty__title, .sm-fallback__title {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 700;
    color: var(--sm-ink);
}

.sm-empty__text { margin: 0; font-size: 14px; }

.sm-fallback--error { background: var(--sm-danger-soft); border-radius: var(--sm-radius); }

.sm-fallback--offline { background: var(--sm-warning-soft); border-radius: var(--sm-radius); }