.network-status-banner{z-index:1050;white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(4px);opacity:0;border-radius:999px;align-items:center;gap:.4rem;width:fit-content;margin:0 auto;padding:.35rem .75rem .35rem .6rem;font-size:.72rem;font-weight:500;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s ease-out;display:inline-flex;position:fixed;top:.75rem;left:0;right:0;transform:translateY(-200%);box-shadow:0 2px 8px #00000026,0 0 0 1px #0000000f}.network-status-text{flex:1}.network-status-banner.visible{opacity:1;transform:translateY(0)}.network-status-banner.offline{background-color:#dc3545eb}.network-status-banner.reconnected{background-color:#198754eb}.network-status-banner.offline .network-status-text{animation:2.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}.pending-sync-badge{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--mm-warning);-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:.875rem;animation:2s ease-in-out infinite pending-pulse;display:inline-flex}@keyframes pending-pulse{0%,to{opacity:1}50%{opacity:.5}}