{% comment %}
Lumen's two EmptyState illustrations, 120 x 96, drawn from tokens only (so they
follow the theme, accent color and rounding): `empty` is a stacked panel with a
dot, `search` a panel of bars under a magnifying glass. Decorative - the title
beside it says what happened. Included by _empty_state.html (`name`).
{% endcomment %}
{% if name == "search" %}
<svg class="empty-state-art" width="120" height="96" viewBox="0 0 120 96" aria-hidden="true" focusable="false">
    <rect class="art-panel" x="8" y="16" width="104" height="64" rx="8"/>
    <rect class="art-bar" x="20" y="28" width="40" height="8" rx="4"/>
    <rect class="art-bar" x="20" y="44" width="56" height="8" rx="4"/>
    <circle class="art-lens" cx="80" cy="54" r="18"/>
    <path class="art-handle" d="m93 67 14 14"/>
</svg>
{% else %}
<svg class="empty-state-art" width="120" height="96" viewBox="0 0 120 96" aria-hidden="true" focusable="false">
    <rect class="art-bar" x="20" y="10" width="80" height="56" rx="8"/>
    <rect class="art-panel" x="12" y="22" width="96" height="56" rx="8"/>
    <circle class="art-dot" cx="60" cy="50" r="10"/>
</svg>
{% endif %}