.empty-state-pane{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:40px 32px;display:flex}.empty-state-pane-art{flex-shrink:0;place-items:center;width:88px;height:88px;margin-bottom:18px;display:grid;position:relative}.empty-state-pane-back{border:1px solid var(--x-divider);background:var(--x-sunken);border-radius:20px;width:66px;height:66px;position:absolute;transform:translate(-5px,-4px)rotate(-12deg)}.empty-state-pane-face{border:1px solid var(--x-divider);background:var(--x-elev);width:72px;height:72px;color:var(--x-fg-3);box-shadow:0 8px 20px -14px color-mix(in srgb, var(--x-fg-1) 22%, transparent);border-radius:22px;place-items:center;display:grid;position:relative}.empty-state-pane-title{max-width:360px;color:var(--x-fg-2);overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:22px}.empty-state-pane-hint{max-width:320px;color:var(--x-fg-3);overflow-wrap:anywhere;margin-top:7px;font-size:12px;line-height:20px}.empty-state-pane-action{margin-top:16px}.empty-state-illustration{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;flex-shrink:0;width:192px;max-width:100%;height:160px;display:block}.empty-state-illustration-welcome{width:128px;height:128px}.empty-state-illustration-mobile{width:240px;height:180px}.empty-state-pane>.empty-state-illustration{margin-bottom:18px}.empty-state-scene{isolation:isolate;place-items:center;min-width:240px;min-height:184px;margin-bottom:18px;display:grid;position:relative}.empty-state-scene:before{content:"";z-index:-1;background:radial-gradient(ellipse, var(--x-brand-blue), transparent 70%);opacity:.65;border-radius:50%;position:absolute;inset:24px 8px 8px}.empty-state-orbit{z-index:-1;border:1px solid var(--x-divider);border-radius:50%;width:220px;height:64px;position:absolute;bottom:18px;transform:rotate(-14deg)}.empty-state-scene-badge{width:38px;height:38px;color:var(--x-fg-2);background:var(--x-elev);border:1px solid var(--x-divider);border-radius:13px;place-items:center;display:grid;position:absolute;bottom:14px;right:26px;transform:rotate(8deg)}.empty-state-scene[data-tone=danger] .empty-state-scene-badge{color:var(--x-danger)}