/* Opt-in paper sample. The page DOM and interactive overlays remain shared. */
.bb-paper-motion .bb-page-canvas {
    border-radius: 1px;
    background: #fff;
}
/* A departed sheet must not keep composited controls, shadows or keyboard focus. */
.bb-paper-motion .bb-page-canvas[data-bb-page-active="false"] { visibility: hidden !important; pointer-events: none !important; }
.bb-paper-motion .bb-page-canvas[data-bb-page-active="false"] .bb-overlays { display: none !important; }
.bb-paper-motion .bb-page-canvas::before {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
}
.bb-paper-motion .bb-page-canvas::after { display: none; }
.bb-paper-motion .bb-page-canvas.--simple.--left::before {
    background: linear-gradient(to left, rgba(0, 0, 0, .13), transparent 9%);
}
.bb-paper-motion .bb-page-canvas.--simple.--right::before {
    background: linear-gradient(to right, rgba(0, 0, 0, .13), transparent 9%);
}
.bb-paper-motion #bb-flipbook-stage { filter: drop-shadow(0 5px 12px rgba(0, 0, 0, .18)); }
.bb-paper-motion #bb-stage-viewport,
.bb-paper-motion #bb-flipbook-stage { touch-action: none; }
.bb-paper-motion .bb-page-img { -webkit-user-drag: none; }
.bb-paper-motion .stf__innerShadow { mix-blend-mode: normal; pointer-events: none; }
.bb-paper-motion .stf__outerShadow { pointer-events: none; }
.bb-paper-motion [data-paper-phase="drag"] { cursor: grabbing; }
/* Keep the mobile middle-edge grip free: navigation used to intercept it. */
@media (max-width: 768px) {
    .bb-paper-motion .bb-stage-wrap { padding-bottom: calc(124px + env(safe-area-inset-bottom, 0px)); }
    .bb-paper-motion .bb-mobile-page-btn {
        top: auto;
        bottom: calc(76px + env(safe-area-inset-bottom, 0px));
        transform: none;
        width: 44px;
        height: 44px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .bb-paper-motion .bb-loader-page-turn { animation: none; }
}