/* ------------------------------------------------------------------ *
 * StPageFlip core styles.
 * These rules were ORIGINALLY injected at runtime by the library via
 * document.createElement('style') -> document.head.appendChild().
 * That runtime <style> injection is what violates a strict CSP
 * (style-src 'self'). We have disabled the injector in
 * page-flip.browser.js and serve the exact same rules here as a normal
 * external stylesheet, which is fully CSP-compliant.
 * ------------------------------------------------------------------ */

.stf__parent {
  position: relative;
  display: block;
  box-sizing: border-box;
  transform: translateZ(0);
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.stf__wrapper {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.stf__parent canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.stf__block {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  perspective: 2000px;
}

.stf__item {
  display: none;
  position: absolute;
  transform-style: preserve-3d;
}

.stf__outerShadow { position: absolute; left: 0; top: 0; }
.stf__innerShadow { position: absolute; left: 0; top: 0; }
.stf__hardShadow { position: absolute; left: 0; top: 0; }
.stf__hardInnerShadow { position: absolute; left: 0; top: 0; }