.conn-banner{box-sizing:border-box;min-height:var(--announce-height);padding:var(--space-2) var(--space-4);justify-content:center;align-items:center;gap:var(--space-2) var(--space-4);border-bottom:1px solid var(--line-strong);background:var(--warning-soft);color:var(--warning-ink);flex-wrap:wrap;font-size:14px;line-height:20px;display:flex}.conn-banner[data-state=syncing]{background:var(--info-soft);color:var(--info-ink)}.conn-banner[data-state=synced]{background:var(--success-soft);color:var(--success-ink)}.conn-banner[data-state=failed]{background:var(--danger-soft);color:var(--danger-ink)}.conn-banner-text{align-items:flex-start;gap:var(--space-2);font-weight:600;display:inline-flex}.conn-banner-text>.sc-icon{flex-shrink:0;margin-top:1px}.conn-banner-count{font-weight:400}@media (width<=480px){.conn-banner{justify-content:flex-start}.conn-banner .sc-btn{width:100%}}