section.empty-state{text-align:center;min-inline-size:10rem;color:var(--kernel-text-subdued);grid-auto-flow:row;place-content:center;place-items:center;transition:translate .25s ease-out .1s,opacity .25s ease-out .1s;display:grid}@starting-style{section.empty-state{opacity:0;translate:0 -1rem}}section.empty-state.small>h2{font:var(--kernel-font-header-4)}section.empty-state.small>.icon{font-size:2rem}section.empty-state.small>.button-group{margin-block-start:1rem}section.empty-state>.icon{order:-1;margin-block-end:.66em;font-size:3rem}section.empty-state>p{font:var(--kernel-font-body-2);font-family:var(--kernel-font-family-display)}section.empty-state>.button-group{margin-block-start:2rem}