.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--size-3);padding:var(--size-4);background-color:var(--color-surface-10);border-radius:var(--radius-md);text-align:center}.empty-state .empty-state-content{display:flex;flex-direction:column;gap:var(--size-1)}.empty-state .empty-state-illustration{inline-size:var(--size-10);flex-shrink:0;order:-1}.empty-state .empty-state-illustration>img{display:block;inline-size:100%;block-size:auto}@media(min-width:640px){.empty-state{flex-direction:row;justify-content:space-between;text-align:start}.empty-state .empty-state-illustration{order:unset;inline-size:var(--size-12)}}@media(min-width:768px){:root{--font-size-display-xs: var(--font-size-md);--font-size-display-sm: var(--font-size-xl);--font-size-display-md: var(--font-size-3xl);--font-size-display-lg: var(--font-size-5xl);--font-size-display-xl: var(--font-size-7xl);--font-size-display-2xl: var(--font-size-10xl);--space-1: var(--size-1);--space-2: var(--size-2);--space-3: var(--size-3);--space-4: var(--size-4);--space-5: var(--size-5);--space-6: var(--size-6);--space-8: var(--size-8);--space-10: var(--size-10);--space-12: var(--size-12);--space-14: var(--size-14);--space-16: var(--size-16);--space-18: var(--size-18);--space-20: var(--size-20);--space-30: var(--size-30);--space-40: var(--size-40)}}