.skrim {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 250ms ease opacity;
  opacity: 0;
  background: rgb(0 0 0 / 75%);
  pointer-events: none;
}

.skrim.open {
  opacity: 1;
  cursor: pointer;
  pointer-events: all;
}