.scene[data-v-293a7d56]{width:var(--w);height:var(--h);perspective:1400px;max-width:100%}.book[data-v-293a7d56]{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotateY(-32deg)rotateX(4deg)}.scene:hover .book[data-v-293a7d56]{transform:rotateY(-8deg)rotateX(0)}.face[data-v-293a7d56]{backface-visibility:hidden;position:absolute}.front[data-v-293a7d56]{transform:translateZ(calc(var(--d) / 2));inset:0;box-shadow:inset 4px 0 6px -2px #0006}.back[data-v-293a7d56]{background:var(--spine);transform:rotateY(180deg) translateZ(calc(var(--d) / 2));inset:0;box-shadow:30px 30px 50px #00000080}.spine[data-v-293a7d56]{top:0;left:calc(50% - var(--d) / 2);width:var(--d);background:linear-gradient(90deg, #00000059, transparent 30%, transparent 70%, #00000059), var(--spine);height:100%;transform:rotateY(-90deg) translateZ(calc(var(--w) / 2));justify-content:center;align-items:center;display:flex;overflow:hidden}.spine span[data-v-293a7d56]{writing-mode:vertical-rl;font-family:var(--font-display);font-size:clamp(6px, calc(var(--d) * .55), 13px);color:#ede6d6d9;max-height:90%;transform:rotate(180deg)}.pages[data-v-293a7d56]{top:1%;left:calc(50% - var(--d) / 2);width:var(--d);height:98%;transform:rotateY(90deg) translateZ(calc(var(--w) / 2 - 3px));background:repeating-linear-gradient(90deg,#e9e2d0 0 1px,#cfc6b0 1px 2px)}.top[data-v-293a7d56]{left:0;top:calc(50% - var(--d) / 2);width:calc(100% - 3px);height:var(--d);transform:rotateX(90deg) translateZ(calc(var(--h) / 2 - 2px));background:repeating-linear-gradient(0deg,#e9e2d0 0 1px,#cfc6b0 1px 2px)}.fade-enter-active[data-v-4a5d8dd8],.fade-leave-active[data-v-4a5d8dd8]{transition:opacity .35s}.fade-enter-from[data-v-4a5d8dd8],.fade-leave-to[data-v-4a5d8dd8]{opacity:0}