@layer m3-components{.m3-empty{--_shape:96px;--_icon:40px;--_bg:var(--md-sys-color-tertiary-container);--_fg:var(--md-sys-color-on-tertiary-container);align-items:center;gap:var(--md-sys-space-5);min-width:0;padding:var(--md-sys-space-8) var(--md-sys-space-6);text-align:center;flex-direction:column;display:flex}.m3-empty[data-tone=primary]{--_bg:var(--md-sys-color-primary-container);--_fg:var(--md-sys-color-on-primary-container)}.m3-empty[data-tone=secondary]{--_bg:var(--md-sys-color-secondary-container);--_fg:var(--md-sys-color-on-secondary-container)}.m3-empty[data-tone=error]{--_bg:var(--md-sys-color-error-container);--_fg:var(--md-sys-color-on-error-container)}.m3-empty__shape{width:var(--_shape);height:var(--_shape);color:var(--_fg);--m3-icon-size:var(--_icon);flex:none;place-items:center;display:grid;position:relative}.m3-empty__shape>svg{width:100%;height:100%;position:absolute;inset:0}.m3-empty__shape>svg path{fill:var(--_bg)}.m3-empty__shape>.m3-icon{position:relative}.m3-empty__body{justify-items:center;gap:var(--md-sys-space-2);min-width:0;display:grid}.m3-empty__title{margin:0}.m3-empty__extra,.m3-empty__text{max-width:40ch;color:var(--md-sys-color-on-surface-variant);text-wrap:pretty;margin:0}.m3-empty__extra:empty{display:none}.m3-empty__actions{justify-content:center;gap:var(--md-sys-gap-inline);margin-top:var(--md-sys-space-3);flex-wrap:wrap;display:flex}.m3-empty[data-compact]{--_shape:56px;--_icon:28px;align-items:flex-start;gap:var(--md-sys-space-4);padding:var(--md-sys-space-4);text-align:start;flex-direction:row}.m3-empty[data-compact] .m3-empty__body{justify-items:start;gap:var(--md-sys-space-1)}.m3-empty[data-compact] .m3-empty__extra,.m3-empty[data-compact] .m3-empty__text{max-width:56ch}.m3-empty[data-compact] .m3-empty__actions{margin-top:var(--md-sys-space-2);justify-content:flex-start}@media (width<=479px){.m3-empty[data-compact]{text-align:center;flex-direction:column;align-items:center}.m3-empty[data-compact] .m3-empty__body{justify-items:center}.m3-empty[data-compact] .m3-empty__actions{justify-content:center}}}@layer m3-density{:root[data-density=compact] .m3-empty{--_shape:80px;--_icon:36px;gap:var(--md-sys-space-4);padding:var(--md-sys-space-6) var(--md-sys-space-5)}:root[data-density=compact] .m3-empty[data-compact]{--_shape:48px;--_icon:24px;padding:var(--md-sys-space-3)}}