#overlayGrid {
  position: absolute;
  inset: 0;
  min-height: 100vh;
  z-index: 2147483647;
  pointer-events: none;
}

#overlayGrid .overlayGridColumns {
  height: 100%;
}

#overlayGrid .overlayGridColumns > span {
  align-self: stretch;
  margin: 0;
  background: rgb(0 100 255 / 0.07);
  box-shadow: inset 1px 0 rgb(0 100 255 / 0.25),
    inset -1px 0 rgb(0 100 255 / 0.25);
}

#overlayGrid .overlayGridRows {
  position: absolute;
  inset: 0;
}

#overlayGrid .overlayGridSegment {
  position: absolute;
  left: 0;
  right: 0;
  background: repeating-linear-gradient(
    to bottom,
    rgb(0 100 255 / 0.2) 0 1px,
    transparent 1px 5rlh
  );
}

@media (max-width: 800px) {
  #overlayGrid .overlayGridColumns > span:nth-child(n + 3) {
    display: none;
  }
}
