.empty-state,.published-state,.state-panel{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);justify-items:start;padding:clamp(1.2rem,5vw,2.25rem);display:grid}.empty-state{text-align:center;place-content:center;justify-items:center;min-height:20rem}.empty-state p,.published-state p,.state-panel p{max-width:34rem;color:var(--color-muted);margin-bottom:1rem;line-height:1.55}.empty-state__icon,.published-state__icon{background:var(--color-brand-soft);border-radius:1.5rem;place-items:center;width:4.4rem;height:4.4rem;margin-bottom:1.25rem;font-size:2rem;display:grid}.published-state{text-align:center;place-content:center;justify-items:center;min-height:65vh}.published-state__icon{color:var(--color-status-ok-ink);background:var(--color-status-ok);font-weight:700}.state-panel--loading{place-content:center;justify-items:center;min-height:13rem}.state-panel--loading p{margin-bottom:0}.state-panel--error{border-color:color-mix(in srgb, var(--color-danger) 28%, transparent);background:color-mix(in srgb, var(--color-danger) 7%, var(--color-surface))}.spinner{border:3px solid var(--color-line);border-top-color:var(--color-primary);border-radius:50%;width:2rem;height:2rem;margin-bottom:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}