.root {
  display: none;
  background: rgba(0, 0, 0, 1.0);
  position: fixed;
  /* fix to bottom solves some mobile scrolling issues. */
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.active {
  display: block;
  background: rgba(0, 0, 0, 0.5);
}
