.state-card[data-v-6eabbdf5]{background-color:var(--ui-bg-elevated);position:relative}.state-card[data-v-6eabbdf5]:before{content:"";background-color:var(--state-accent);width:4px;position:absolute;inset-block:0;inset-inline-start:0}.state-card--error[data-v-6eabbdf5]{--state-accent:#ef4444}.state-card--warning[data-v-6eabbdf5]{--state-accent:#f59e0b}.state-content[data-v-6eabbdf5]{text-align:center;padding:var(--spacing-xl) var(--spacing-md);align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.state-icon-wrapper[data-v-6eabbdf5]{background-color:color-mix(in srgb, var(--state-accent) 10%, transparent);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.state-icon[data-v-6eabbdf5]{width:32px;height:32px;color:var(--state-accent)}.state-text[data-v-6eabbdf5]{max-width:500px}.state-title[data-v-6eabbdf5]{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--fg-default);margin:0 0 var(--spacing-xs) 0}.state-message[data-v-6eabbdf5]{color:var(--fg-default-shade);margin:0;font-size:.875rem;line-height:1.5}.state-actions[data-v-6eabbdf5]{justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.state-actions[data-v-6eabbdf5] button.state-action{color:var(--fg-default)!important}