@layer base{.empty-state{text-align:center;flex-direction:column;gap:.75rem;padding:3rem 1.5rem;display:flex}.empty-state,.empty-state-icon{color:var(--color-base-content);align-items:center}.empty-state-icon{border-radius:var(--radius-box,.5rem);background-color:var(--color-base-200);width:3rem;height:3rem;justify-content:center;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.empty-state-icon{color:color-mix(in oklab,var(--color-base-content) 55%,transparent)}}.empty-state-icon svg{flex-shrink:0;width:1.5rem;height:1.5rem}.empty-state-title{font-size:1.05rem;font-weight:600;line-height:1.3}.empty-state-description{max-width:34ch;color:var(--color-base-content);font-size:1rem;line-height:1.5}.empty-state-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem;display:inline-flex}.empty-state-xs{gap:.375rem;padding:1.25rem .75rem}.empty-state-sm{gap:.5rem;padding:1.75rem 1rem}.empty-state-md{gap:.75rem;padding:3rem 1.5rem}.empty-state-lg{gap:1rem;padding:4rem 2rem}.empty-state-xl{gap:1.25rem;padding:5rem 2.5rem}}