.flipbook-container{display:flex!important;perspective:1200px;transform-style:preserve-3d}.page-container{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.flipbook-container.flipping .page-container{transform:rotateY(-12deg) scale(.99)}.perspective-1000{perspective:1000px}.perspective-1200{perspective:1200px}.page{background-color:#fff;color:#000;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.page.hard{background-color:#114b3f;color:#f4ecde;background-image:linear-gradient(135deg,#114b3f,#1a6b57 50%,#114b3f)}.page-transition-enter{opacity:0;transform:scale(.95) rotateY(10deg)}.page-transition-enter-active{transition:all .7s cubic-bezier(.4,0,.2,1)}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:scale(1) rotateY(0deg)}.page-transition-exit-active{opacity:0;transform:scale(.95) rotateY(-10deg);transition:all .7s cubic-bezier(.4,0,.2,1)}.book-spine{position:absolute;top:0;left:50%;transform:translateX(-50%);width:4px;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.2) 0,hsla(0,0%,100%,.3) 50%,rgba(0,0,0,.2));z-index:10;pointer-events:none}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out}@keyframes swipe-hint{0%,to{transform:translateX(0);opacity:.5}50%{transform:translateX(-10px);opacity:1}}.animate-swipe-indicator{animation:swipe-hint 2s ease-in-out infinite}