.modal {
  pointer-events: none;
}

.modal.show {
  pointer-events: auto;
}

.modal > .shade {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.modal.show > .shade {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}