body{justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}#app{width:100vw;height:100vh;padding:0 2rem}.flip-forge{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;position:relative}.flip-forge,.flip-forge :before,.flip-forge :after{box-sizing:border-box;margin:0;font-weight:400}.flip-forge .loading-indicator{z-index:9999;background:var(--background);color:var(--toolbarColor);pointer-events:none;touch-action:none;justify-content:center;align-items:center;font-size:4rem;display:flex;position:fixed;inset:0}.flip-forge img{-webkit-user-select:none;user-select:none;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-image:none;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:auto}.toolbar{width:100%;color:var(--toolbarColor);white-space:nowrap;z-index:1000;grid-template-columns:min-content 1fr min-content;justify-content:center;align-items:center;font-size:48px;display:grid;position:absolute;top:.5rem}.toolbar>div{justify-content:center;align-items:center;display:flex}.toolbar span{-webkit-user-select:none;user-select:none;background-color:#ffffff1a;border-radius:4px;padding:0 16px;font-size:24px;font-weight:700}.toolbar a,.toolbar svg{cursor:pointer;color:var(--toolbarColor);-webkit-user-select:none;user-select:none;text-decoration:none;display:block}.toolbar a:hover,.toolbar svg:hover{filter:invert(25%)}.toolbar a.disabled,.toolbar svg.disabled{filter:invert(75%);pointer-events:none}.flipbook{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;position:absolute}.flip-forge.single .toolbar{font-size:32px}.flip-forge.single .flipbook{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;gap:.5rem;width:100%;height:100%;overflow:auto}.flip-forge.single .flipbook::-webkit-scrollbar{display:none}.flip-forge.single .flipbook .page{scroll-snap-align:center;scroll-snap-stop:always;flex:1 0 100%;justify-content:center;align-items:center;padding:.5rem;display:flex;position:relative}.flip-forge.single .flipbook img{object-fit:contain;pointer-events:none;width:100%;min-width:0;max-width:100%;min-height:0;max-height:100%}.flip-forge.book .flipbook{perspective:3000px;transform-style:preserve-3d;justify-content:center;align-items:center;transition:transform .5s ease-in-out;inset:4rem 2rem}.flip-forge.book .flipbook.front{transform:translate(-25%)}.flip-forge.book .flipbook.back{transform:translate(25%)}.flip-forge.book .flipbook .page{width:50%;height:auto;transform-style:preserve-3d;backface-visibility:hidden;cursor:pointer;transition:transform 1s ease-in-out;position:absolute}.flip-forge.book .flipbook .page:nth-child(odd){transform-origin:100%;left:0}.flip-forge.book .flipbook .page:nth-child(odd).behind{transform:rotateY(180deg)}.flip-forge.book .flipbook .page:nth-child(odd).flipped{transform:translateZ(-1px)}.flip-forge.book .flipbook .page:nth-child(2n){transform-origin:0;right:0}.flip-forge.book .flipbook .page:nth-child(2n).flipped{transform:rotateY(-180deg)}.attribution{color:var(--toolbarColor);filter:opacity(50%);font-size:smaller;position:absolute;bottom:1em;right:1em}.attribution a{color:var(--toolbarColor);align-items:center;text-decoration:none;display:flex}.attribution a svg{margin:0 .5em}