.edge-shield {
  position: fixed;
  z-index: 2147483645;
  pointer-events: auto;
  touch-action: none;
}

.edge-top {
  top: 0;
  left: 0;
  right: 0;
  height: max(28px, env(safe-area-inset-top, 0px));
}

.edge-bottom {
  bottom: 0;
  left: 0;
  right: 0;
  height: max(20px, env(safe-area-inset-bottom, 0px));
}

.edge-left {
  top: 0;
  bottom: 0;
  left: 0;
  width: max(24px, env(safe-area-inset-left, 0px));
}

.edge-right {
  top: 0;
  bottom: 0;
  right: 0;
  width: max(24px, env(safe-area-inset-right, 0px));
}

html.os-mac .edge-shield {
  background: #1d1d1f;
}

html.os-win .edge-shield {
  background: #0078d4;
}