@layer components{.x-empty-state{justify-items:center;gap:var(--pad);width:100%;padding:calc(var(--space) * 1.5) var(--space);color:color-mix(in oklch, var(--fg), transparent 18%);text-align:center;animation:x-motion-stage-in var(--motion-view) var(--ease-enter) both;display:grid}.x-empty-state-icon{border:1px solid color-mix(in oklch, var(--alpha), var(--lines) 82%);width:2.7em;height:2.7em;color:color-mix(in oklch, var(--alpha), var(--fg) 55%);background:radial-gradient(120% 120% at 30% 20%, color-mix(in oklch, var(--alpha), transparent 92%), transparent 70%), var(--surface-control);box-shadow:0 .5em 1.4em color-mix(in oklch, var(--alpha), transparent 92%);border-radius:999px;place-items:center;display:grid}.x-empty-state-icon svg{width:1.25em;height:1.25em}.x-empty-state h3,.x-empty-state p{margin:0}.x-empty-state h3{color:var(--fg);font-size:.98em}.x-empty-state p{max-width:22em;color:color-mix(in oklch, var(--fg), transparent 42%);font-size:.86em;line-height:1.4}.x-empty-state-action{margin-top:calc(var(--pad) * .35);justify-content:center;display:flex}}