.empty-box.svelte-sio7ch{container-type:inline-size}.empty.svelte-sio7ch{text-align:center;padding:50px 30px}.empty-body.svelte-sio7ch{max-width:560px;margin:0 auto}.empty-actions.svelte-sio7ch{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.with-mascot.svelte-sio7ch{padding:28px 18px 10px}.with-mascot.svelte-sio7ch .empty-mascot{width:160px;height:160px;margin:0 auto 18px}.with-mascot.svelte-sio7ch .empty-title:where(.svelte-sio7ch){font-size:var(--text-20);margin:0 0 12px}.with-mascot.svelte-sio7ch .empty-body:where(.svelte-sio7ch){max-width:360px}.with-mascot.svelte-sio7ch .empty-body:where(.svelte-sio7ch) p{margin:0 auto 18px}.with-mascot.svelte-sio7ch .empty-actions:where(.svelte-sio7ch) .btn{white-space:nowrap}.beside.svelte-sio7ch{text-align:left;align-items:center;display:grid}.beside.svelte-sio7ch .empty-mascot{margin:0}.compact.svelte-sio7ch{grid-template-columns:96px minmax(0,1fr);gap:18px;padding:16px 0 0}.compact.svelte-sio7ch .empty-mascot{width:96px;height:96px}.medium.svelte-sio7ch{grid-template-columns:120px minmax(0,1fr);gap:24px;padding:0}.medium.svelte-sio7ch .empty-mascot{width:120px;height:120px}.medium.svelte-sio7ch .empty-title:where(.svelte-sio7ch){font-size:var(--text-25);margin:0 0 8px}.medium.svelte-sio7ch .empty-body:where(.svelte-sio7ch){max-width:none}.medium.svelte-sio7ch .empty-body:where(.svelte-sio7ch) p{max-width:540px;margin:0 0 18px}.medium.svelte-sio7ch .empty-actions:where(.svelte-sio7ch){justify-content:flex-start}.compact.svelte-sio7ch .empty-title:where(.svelte-sio7ch){font-size:var(--text-18);margin-bottom:8px}.compact.svelte-sio7ch .empty-body:where(.svelte-sio7ch){max-width:none}.compact.svelte-sio7ch .empty-body:where(.svelte-sio7ch) p{margin:0 0 14px}.compact.svelte-sio7ch .empty-actions:where(.svelte-sio7ch){justify-content:flex-start}.empty-text.svelte-sio7ch{min-width:0}@media (width<=600px){.beside.svelte-sio7ch{text-align:center;grid-template-columns:1fr}.beside.svelte-sio7ch .empty-mascot{margin:0 auto}.beside.svelte-sio7ch .empty-actions:where(.svelte-sio7ch){justify-content:center}}@container (width<=360px){.compact.svelte-sio7ch{text-align:center;grid-template-columns:1fr}.compact.svelte-sio7ch .empty-mascot{margin:0 auto}.compact.svelte-sio7ch .empty-actions:where(.svelte-sio7ch){justify-content:center}}@container (width<=300px){.with-mascot.svelte-sio7ch{padding-left:0;padding-right:0}.with-mascot.svelte-sio7ch:not(.medium) .empty-title:where(.svelte-sio7ch){font-size:var(--text-18)}}