.design-empty-state{text-align:center;min-height:280px;color:var(--color-text-strong);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.design-state-art{width:152px;height:128px;color:var(--color-state-illustration);flex:none;margin:0 auto 20px}.design-state-art svg{width:100%;height:100%;display:block}.design-state-art :is(.empty-state__plate,.soft){fill:var(--color-state-plate)}.design-state-art :is(.empty-state__line,.line){fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.design-state-art :is(.empty-state__accent,.accent){fill:none;stroke:var(--color-state-accent);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.design-state-art .empty-state__dot{fill:var(--color-state-accent)}.design-empty-state h2{margin:0;font-size:18px;font-weight:600;line-height:1.4}.design-empty-state p{max-width:360px;color:var(--color-text-muted);margin:8px 0 0;font-size:14px;line-height:1.6}.design-empty-actions{justify-content:center;gap:8px;margin-top:24px;display:flex}.design-empty-actions :is(button,a){background:var(--color-primary);min-height:40px;color:var(--color-text-inverse);font:600 14px/1.4 var(--font-sans,sans-serif);cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.design-empty-actions :is(button,a):hover{background:var(--color-primary-hover)}.design-empty-actions :is(button,a):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}