#bookArea{padding:0 48px;box-sizing:border-box}#hotspotLayer{position:absolute;inset:0;z-index:5;pointer-events:none}#hotspotLayer[hidden]{display:none}.page-hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;min-height:44px;min-width:44px;padding:0;border:3px solid white;border-radius:50%;color:white;font-size:18px;line-height:1;box-shadow:0 3px 0 #285e18,0 4px 10px #34502438;background:#438a25}.page-hotspot.play{background:#ed5438;box-shadow:0 3px 0 #a93a26,0 4px 10px #843c3038;font-size:16px}.page-hotspot.info{background:#137abc;box-shadow:0 3px 0 #075e9b,0 4px 10px #22546c38;font-family:Georgia,serif;font-style:italic}.page-hotspot:after{content:'';position:absolute;top:50%;height:2px;width:5px;background:#438a25;z-index:-1}.page-hotspot.left-edge:after{left:100%}.page-hotspot.right-edge:after{right:100%}.page-hotspot.play:after{background:#ed5438}.page-hotspot.info:after{background:#137abc}.page-hotspot:hover{filter:brightness(1.07);box-shadow:0 3px 0 #285e18,0 4px 12px #34502455}.hotspot-tip{display:none;position:absolute;white-space:nowrap;top:50%;transform:translateY(-50%);padding:9px 12px;background:#482c79;color:white;border:1px solid #ffe070;border-radius:8px;font-size:12px;line-height:1.3;box-shadow:0 3px 9px #0002;pointer-events:none}.left-edge .hotspot-tip{left:calc(100% + 7px)}.right-edge .hotspot-tip{right:calc(100% + 7px)}.page-hotspot:hover .hotspot-tip,.page-hotspot:focus-visible .hotspot-tip{display:block}.page-hotspot:focus-visible{outline:3px solid #7b37c6;outline-offset:3px}@media(max-width:600px){.hotspot-tip{max-width:230px;white-space:normal;min-width:140px}.page-hotspot{font-size:17px}.page-hotspot.play{font-size:15px}}
.page-hotspot:after{display:none}.hotspot-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;stroke-width:2}