.stf__parent {
  position: relative;
  display: block;
  transform: translateZ(0);
  padding: 0;
  box-sizing: border-box;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1 !important;
}

.stf__wrapper,
.stf__block,
.stf__item,
.stf__outerShadow,
.stf__innerShadow,
.stf__hardShadow,
.stf__hardInnerShadow {
  z-index: 1 !important;
}

.sft__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,
.stf__innerShadow,
.stf__hardShadow,
.stf__hardInnerShadow {
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 600px) {
  .stf__parent {
    padding: 0;
  }
}

.reader-stage.swipe-nav-enabled,
.reader-stage.swipe-nav-enabled #book,
.reader-stage.swipe-nav-enabled .stf__parent,
.reader-stage.swipe-nav-enabled .stf__wrapper,
.reader-stage.swipe-nav-enabled .stf__block {
  overscroll-behavior: contain;
}

@media (hover: none) and (pointer: coarse) {
  .reader-stage.swipe-nav-enabled,
  .reader-stage.swipe-nav-enabled #book,
  .reader-stage.swipe-nav-enabled .stf__parent {
    touch-action: none !important;
  }
}