/* Shade the actual scan silhouette, including transparent cut-outs. */
.paper-shade{display:none;position:absolute;inset:0;pointer-events:none;opacity:0}
@supports ((mask-image:linear-gradient(#000,#000)) or (-webkit-mask-image:linear-gradient(#000,#000))){
    .paper-shade{display:block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;
        background:linear-gradient(90deg,#0000 0%,#0000 30%,#0002 60%,#fff2 82%,#0003 100%)}
    .page.--right .paper-shade{background:linear-gradient(270deg,#0000 0%,#0000 30%,#0002 60%,#fff2 82%,#0003 100%)}
    /* Interior leaves retain a narrow spine shadow even while resting. */
    #flipbook .page[data-cover=""] .paper-shade.is-ready{opacity:1;background:linear-gradient(90deg,transparent 82%,#0000000a 92%,#00000038 100%)}
    #flipbook .page[data-cover=""].--right .paper-shade.is-ready{background:linear-gradient(270deg,transparent 82%,#0000000a 92%,#00000038 100%)}
    #flipbook.is-turning .page[data-cover=""]:not(.--simple) .paper-shade.is-ready{background:linear-gradient(90deg,transparent 15%,#00000012 48%,#00000038 72%,#ffffff20 88%,#00000048 100%)}
    #flipbook.is-turning .page[data-cover=""].--right:not(.--simple) .paper-shade.is-ready{background:linear-gradient(270deg,transparent 15%,#00000012 48%,#00000038 72%,#ffffff20 88%,#00000048 100%)}
}
@media(min-width:761px) and (pointer:fine) and (prefers-reduced-motion:no-preference){
    #flipbook.is-turning .page[data-cover=""]:not(.--simple) img{filter:drop-shadow(0 2px 3px #0004)}
}
@media(prefers-reduced-motion:reduce){.paper-shade{display:none!important}}
#togglePageSound[aria-pressed="true"]{background:#c79a3d;color:#17120b}
#togglePageSound{width:100%;margin-bottom:12px}