.error-banner{background:rgba(231,76,60,.08);border:1px solid rgba(231,76,60,.3);border-radius:.5rem;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid}@media (max-width:320px){.error-banner{grid-template-columns:auto 1fr}.error-banner .error-banner__retry{grid-column:1/-1}}.error-banner__icon{color:#e74c3c;flex-shrink:0;width:28px;height:28px}.error-banner__icon svg{width:100%;height:100%}.error-banner__body{min-width:0}.error-banner__title{color:#e74c3c;margin:0 0 2px;font-size:.875rem;font-weight:600}.error-banner__message{color:#666;overflow-wrap:anywhere;margin:0;font-size:.875rem;line-height:1.4}.error-banner__retry{color:#e74c3c;cursor:pointer;background:#fff;border:1px solid #e74c3c;border-radius:.5rem;min-width:88px;height:44px;padding:0 1rem;font-size:.875rem;font-weight:600;transition:background .15s,color .15s}.error-banner__retry:hover{color:#fff;background:#e74c3c}.error-banner__retry:focus-visible{outline-offset:2px;outline:3px solid #00a3bf}