.state-banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--tone-border);border-radius:var(--radius-md);background:var(--tone-bg);color:var(--c-text);display:flex}.state-banner--compact{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.state-banner__icon{color:var(--tone-fg);flex:none;margin-top:1px}.state-banner__body{flex:1;min-width:0}.state-banner__title{font-weight:var(--weight-semibold);color:var(--c-heading);margin:0;line-height:1.4}.state-banner__text{color:var(--c-text);white-space:pre-line;overflow-wrap:anywhere;margin-top:2px;line-height:1.45}.state-banner__title+.state-banner__text{color:var(--c-text-muted)}.state-banner__actions{gap:var(--space-2);flex-wrap:wrap;align-self:center;display:flex}.state-banner__close{border-radius:var(--radius-xs);color:var(--c-text-muted);cursor:pointer;background:0 0;border:0;flex:none;padding:2px;display:inline-flex}.state-banner__close:hover{color:var(--c-text)}@media (width<=767.98px){.state-banner{flex-wrap:wrap}.state-banner__actions{padding-left:calc(20px + var(--space-3));flex-basis:100%}}