*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%}body{background-color:#121212;color:#fff}#app{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:50pt 0}.flipbook{width:100vw!important;height:calc(100vh - 100pt)!important}.page{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.page img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;z-index:1000}.error{color:#fff;text-align:center}.fullscreen-btn{position:fixed;top:20px;right:20px;z-index:10000;background:#000000b3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:10px 15px;font-size:24px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-btn:hover{background:#000000e6;border-color:#fff9;transform:scale(1.1)}.fullscreen-btn:active{transform:scale(.95)}.viewport[data-v-e6c0ac71]{-webkit-overflow-scrolling:touch;width:100%;height:100%}.viewport.zoom[data-v-e6c0ac71]{overflow:scroll}.viewport.zoom.drag-to-scroll[data-v-e6c0ac71]{overflow:hidden}.flipbook-container[data-v-e6c0ac71]{position:relative;width:100%;height:100%;transform-origin:top left;-webkit-user-select:none;user-select:none}.click-to-flip[data-v-e6c0ac71]{position:absolute;width:50%;height:100%;top:0;-webkit-user-select:none;user-select:none}.click-to-flip.left[data-v-e6c0ac71]{left:0}.click-to-flip.right[data-v-e6c0ac71]{right:0}.bounding-box[data-v-e6c0ac71]{position:absolute;-webkit-user-select:none;user-select:none}.page[data-v-e6c0ac71]{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden}.polygon[data-v-e6c0ac71]{position:absolute;top:0;left:0;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:center left}.polygon.blank[data-v-e6c0ac71]{background-color:#ddd}.polygon .lighting[data-v-e6c0ac71]{width:100%;height:100%}