/*
 * @openpageflip/core stylesheet. Import it once: `import "@openpageflip/core/styles.css"`.
 * Pages are positioned by the library with inline styles; these rules give them their 3D
 * stage and their resting state. Style page faces through `.opf-page--hard`, `--soft`,
 * `--left`, `--right` and `--flat`.
 */
.opf-book {
  position: relative;
  display: block;
  box-sizing: border-box;
  perspective: 2000px;
  /* Vertical page scroll stays native; horizontal drags belong to the book. */
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}

/* Box sizing is left to the page's own CSS: a bordered page grows past its nominal size, as in the original. */
.opf-page {
  display: none;
  position: absolute;
  transform-style: preserve-3d;
}

.opf-shadow {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}