.klyp-EmptyState{justify-content:center;align-items:center;gap:var(--space-16);text-align:center;flex-direction:column;display:flex}.klyp-EmptyState[data-align=start]{text-align:left;align-items:flex-start}.klyp-EmptyState--default{padding:var(--space-32)}.klyp-EmptyState--compact{padding:var(--space-16)}.klyp-EmptyState--spacious{padding:var(--space-48);gap:var(--space-20)}.klyp-EmptyState__icon{border-radius:var(--radius-lg);border:var(--bw-default) solid var(--color-border-subtle);background:var(--color-bg-glass-deep);color:var(--color-fg-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.klyp-EmptyState--default .klyp-EmptyState__icon{width:56px;height:56px}.klyp-EmptyState--default .klyp-EmptyState__icon>svg{width:var(--space-28);height:var(--space-28)}.klyp-EmptyState--compact .klyp-EmptyState__icon{width:var(--space-40);height:var(--space-40)}.klyp-EmptyState--compact .klyp-EmptyState__icon>svg{width:var(--icon-size-md);height:var(--icon-size-md)}.klyp-EmptyState--spacious .klyp-EmptyState__icon{width:var(--space-80);height:var(--space-80)}.klyp-EmptyState--spacious .klyp-EmptyState__icon>svg{width:var(--space-40);height:var(--space-40)}.klyp-EmptyState[data-tone=info] .klyp-EmptyState__icon{border-color:var(--color-status-info);color:var(--color-status-info);background:var(--color-bg-glass-deep)}.klyp-EmptyState[data-tone=warning] .klyp-EmptyState__icon{border-color:var(--color-status-warning);color:var(--color-status-warning);background:var(--color-bg-glass-deep)}.klyp-EmptyState__content{gap:var(--space-4);flex-direction:column;display:flex}.klyp-EmptyState__title{font-weight:var(--font-weight-medium);color:var(--color-fg-primary)}.klyp-EmptyState--default .klyp-EmptyState__title{font-size:var(--font-size-18)}.klyp-EmptyState--compact .klyp-EmptyState__title{font-size:var(--font-size-14)}.klyp-EmptyState--spacious .klyp-EmptyState__title{font-size:var(--font-size-22)}.klyp-EmptyState__description{max-width:28rem;color:var(--color-fg-muted);margin-left:auto;margin-right:auto}.klyp-EmptyState--default .klyp-EmptyState__description{font-size:var(--font-size-14)}.klyp-EmptyState--compact .klyp-EmptyState__description{font-size:var(--font-size-13)}.klyp-EmptyState--spacious .klyp-EmptyState__description{font-size:var(--font-size-16)}.klyp-EmptyState__actions{align-items:center;gap:var(--space-8);display:flex}.klyp-EmptyState[data-align=start] .klyp-EmptyState__actions{justify-content:flex-start}