/* Styles for src/components/empty-state.js and nothing else. */

.empty-state { padding: var(--s-4); border: 1px solid var(--c-button-border); background: var(--c-window); }
.empty-state__title { font-weight: 600; margin-bottom: 2px; }
.empty-state__body { max-width: 60ch; margin: 0 0 var(--s-2); }
.empty-state__action { display: inline-block; padding: 2px 12px; border: 1px solid var(--c-button-border); background: var(--c-button-face); color: var(--c-text); text-decoration: none; }
.empty-state__action:hover { background: var(--c-button-hover); border-color: var(--c-button-hover-border); color: var(--c-text); }