.overlay-book {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 20;
  opacity: 0;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.overlay-book .magazine {
  width: 68vw;
  height: 51vw;
}
@media (min-width: 1080px) and (min-aspect-ratio: 1.7) {
  .overlay-book .magazine {
    width: 98vh;
    height: 73.5vh;
  }
}
@media (max-width: 1080px) and (max-aspect-ratio: 1.1) {
  .overlay-book .magazine {
    width: 96vw;
    height: 72vw;
  }
}
.overlay-book .magazine .turn-page {
  background-color: #ffffff;
}
.overlay-book .magazine video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.overlay-book .magazine img,
.overlay-book .magazine video {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}/*# sourceMappingURL=interaction_book.css.map */