#ymi-network-status {
  position: fixed;
  z-index: 100000;
  left: 50%;
  bottom: max(18px, env(safe-area-inset-bottom));
  width: min(560px, calc(100vw - 28px));
  transform: translateX(-50%);
  box-sizing: border-box;
  padding: 12px 16px;
  color: #f8eedb;
  background: rgba(8, 11, 29, 0.96);
  border: 1px solid rgba(232, 158, 39, 0.72);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.34);
  font: 600 13px/1.45 Arial, sans-serif;
  text-align: center;
}

#ymi-network-status[data-kind="online"] {
  border-color: rgba(73, 190, 119, 0.78);
}

#ymi-network-status[hidden] {
  display: none !important;
}