.ecm-pwa-connection {
  position: fixed;
  left: 50%;
  bottom: 18px;
  z-index: 99999;
  max-width: calc(100vw - 32px);
  transform: translate(-50%, 120px);
  opacity: 0;
  pointer-events: none;
  padding: 10px 16px;
  border-radius: 999px;
  background: #111827;
  color: #fff;
  box-shadow: 0 14px 35px rgba(0, 0, 0, .24);
  font-size: .875rem;
  font-weight: 700;
  transition: transform .22s ease, opacity .22s ease;
}

.ecm-pwa-connection.is-visible {
  transform: translate(-50%, 0);
  opacity: 1;
}

.ecm-pwa-connection.is-online {
  background: #166534;
}

@media (display-mode: standalone) {
  body {
    overscroll-behavior-y: contain;
  }
}