.praxis-state-block{--praxis-state-color:var(--muted);justify-content:space-between;align-items:center;gap:var(--mt-space-md);border:1px solid color-mix(in srgb, var(--praxis-state-color) 18%, var(--border));border-radius:var(--mt-radius-container);background:color-mix(in srgb, var(--praxis-state-color) 5%, var(--surface));padding:var(--mt-space-md);display:flex}.praxis-state-block[data-state=loading],.praxis-state-block[data-state=empty]{--praxis-state-color:var(--accent)}.praxis-state-block[data-state=success]{--praxis-state-color:var(--success,var(--accent))}.praxis-state-block[data-state=blocked]{--praxis-state-color:var(--warning,var(--accent))}.praxis-state-block[data-state=error]{--praxis-state-color:var(--danger)}.praxis-state-block__icon{width:var(--mt-size-control-sm);height:var(--mt-size-control-sm);border-radius:var(--mt-radius-control);background:color-mix(in srgb, var(--praxis-state-color) 12%, transparent);color:var(--praxis-state-color);flex:none;justify-content:center;align-items:center;display:flex}.praxis-state-block__copy{gap:var(--mt-space-2xs);flex-direction:column;flex:auto;min-width:0;display:flex}.praxis-state-block h3{color:var(--foreground);font-family:var(--mt-font-display);font-size:var(--mt-font-size-control);letter-spacing:0;font-weight:750;line-height:var(--mt-line-height-control);margin:0}.praxis-state-block p{max-width:620px;color:var(--muted);font-size:var(--mt-font-size-control);line-height:var(--mt-line-height-control);margin:0}.praxis-state-block__actions{justify-content:flex-end;align-items:center;gap:var(--mt-space-xs);flex-wrap:wrap;flex:none;display:inline-flex}.praxis-state-block[data-layout=fill]{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100%;display:flex}.praxis-state-block[data-layout=fill] .praxis-state-block__copy{flex:none;align-items:center}.praxis-state-block[data-layout=fill] .praxis-state-block__actions{justify-content:center}@media (width<=760px){.praxis-state-block[data-layout=inline]{flex-wrap:wrap}.praxis-state-block[data-layout=inline] .praxis-state-block__copy{flex:1 1 var(--mt-size-text-column-min)}.praxis-state-block[data-layout=inline] .praxis-state-block__actions{margin-inline-start:auto}}