.network-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: min(320px, calc(100% - 48px));
  padding: 16px 18px;
  border: 1px solid rgba(139, 148, 158, 0.4);
  border-radius: 8px;
  background: rgba(16, 19, 24, 0.94);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.38);
  color: #eef1f4;
  font-size: 13px;
  text-align: center;
}

.network-loading[hidden],
.network-loading progress[hidden] {
  display: none;
}

.network-loading progress {
  display: block;
  width: 100%;
  height: 7px;
  margin: 10px 0 0;
  accent-color: #6aa9ff;
}