.ui-panel-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:auto minmax(0,1fr);gap:1rem;margin-block:1.5rem;padding:clamp(1rem,3vw,1.75rem);display:grid}.ui-panel-state>div{min-width:0}.ui-panel-state h2{margin:0 0 .5rem}.ui-state-symbol{border:1px solid var(--line);width:2rem;height:2rem;color:var(--accent);border-radius:50%;place-items:center;font-weight:700;display:grid}.ui-panel-state[data-kind=error] .ui-state-symbol{color:var(--danger)}.ui-feedback{overflow-wrap:anywhere;margin-block:.75rem}.ui-feedback:empty{border:0;margin:0;padding:0}.ui-state-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.ui-state-actions>*{max-width:100%}@media (width<=400px){.ui-panel-state{grid-template-columns:minmax(0,1fr)}}.system-error-page{max-width:64rem;min-height:65vh;margin:auto;padding:clamp(2rem,6vw,5rem)}.system-error-page h1{overflow-wrap:anywhere;font-size:clamp(2rem,5vw,3.5rem);line-height:1.12}.system-error-page>p:not(.eyebrow):not(.system-error-mark){max-width:42rem}.system-error-mark{color:var(--accent);margin-block:1.5rem;font-size:3.5rem;font-weight:800}.system-error-page .ui-state-actions{align-items:center;margin-block:2rem}.system-error-page a,.system-error-page button{align-content:center;min-height:44px}