.flipbook-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.flipbook-container{perspective:2000px;justify-content:center;align-items:center;width:100%;height:calc(100% - 40px);display:flex;position:relative}.flipbook{width:auto;max-width:90vw;height:100%;transform-style:preserve-3d;justify-content:center;display:flex;position:relative}.book-spine{z-index:10;background:linear-gradient(90deg,#666,#999,#666);width:2px;height:100%;max-height:min(100%,63.6492vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #0000004d}.spread{width:auto;height:100%;transform-style:preserve-3d;aspect-ratio:1.414;max-width:141.4vh;max-height:100%;display:flex}.page{width:50%;height:100%;box-shadow:none;background:0 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.page-left{transform-origin:100%}.page-right{transform-origin:0}.page-image{object-fit:contain;width:100%;height:100%;image-rendering:optimizeQuality;backface-visibility:hidden;display:block}.page-cover-image{object-fit:cover;object-position:center;width:100%;height:100%}.cover-page{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.flipping-page-container{z-index:50;width:50%;height:100%;transform-style:preserve-3d;pointer-events:none;transform-origin:0;position:absolute;top:0;right:0}.flipping-page-container-back{transform-origin:100%;left:0;right:auto}.flipping-page{width:100%;height:100%;transform-style:preserve-3d;transform-origin:0;will-change:transform,filter;backface-visibility:visible;position:absolute}.flipping-page-back{transform-origin:100%}.page-face{backface-visibility:hidden;background:#fff;width:100%;height:100%;position:absolute;overflow:hidden}.page-face-front{z-index:2;box-shadow:0 0 15px #0003}.page-face-back{transform:rotateY(180deg);box-shadow:0 0 15px #0003}.flipping-page.flip-forward{animation:.9s cubic-bezier(.4,0,.2,1) forwards flipForwardBlur}.flipping-page.flip-back{animation:.9s cubic-bezier(.4,0,.2,1) forwards flipBackBlur}@keyframes flipForwardBlur{0%{filter:blur()drop-shadow(2px 0 5px #0003);transform:rotateY(0)}15%{filter:blur(.2px)drop-shadow(3px 0 8px #00000040);transform:rotateY(-30deg)}30%{filter:blur(.5px)drop-shadow(4px 0 10px #0000004d);transform:rotateY(-60deg)}40%{filter:blur(2px)drop-shadow(5px 0 12px #00000059);transform:rotateY(-80deg)}50%{filter:blur(3px)drop-shadow(6px 0 15px #0006);transform:rotateY(-100deg)}60%{filter:blur(2px)drop-shadow(5px 0 12px #00000059);transform:rotateY(-120deg)}70%{filter:blur(.5px)drop-shadow(4px 0 10px #0000004d);transform:rotateY(-140deg)}85%{filter:blur(.2px)drop-shadow(3px 0 8px #00000040);transform:rotateY(-160deg)}to{filter:blur()drop-shadow(2px 0 5px #0003);transform:rotateY(-180deg)}}@keyframes flipBackBlur{0%{filter:blur()drop-shadow(-2px 0 5px #0003);transform:rotateY(0)}15%{filter:blur(.2px)drop-shadow(-3px 0 8px #00000040);transform:rotateY(30deg)}30%{filter:blur(.5px)drop-shadow(-4px 0 10px #0000004d);transform:rotateY(60deg)}40%{filter:blur(2px)drop-shadow(-5px 0 12px #00000059);transform:rotateY(80deg)}50%{filter:blur(3px)drop-shadow(-6px 0 15px #0006);transform:rotateY(100deg)}60%{filter:blur(2px)drop-shadow(-5px 0 12px #00000059);transform:rotateY(120deg)}70%{filter:blur(.5px)drop-shadow(-4px 0 10px #0000004d);transform:rotateY(140deg)}85%{filter:blur(.2px)drop-shadow(-3px 0 8px #00000040);transform:rotateY(160deg)}to{filter:blur()drop-shadow(-2px 0 5px #0003);transform:rotateY(180deg)}}.page-shadow-overlay{pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000 0%,#0000000d 50%,#0000 100%);width:100%;height:100%;animation:.9s cubic-bezier(.4,0,.2,1) forwards shadowSweep;position:absolute;top:0;left:0}@keyframes shadowSweep{0%{opacity:0;transform:translate(-100%)}30%{opacity:.5;transform:translate(-30%)}50%{opacity:.8;transform:translate(0%)}70%{opacity:.5;transform:translate(30%)}to{opacity:0;transform:translate(100%)}}.nav-button{color:#fff;cursor:pointer;z-index:30;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-button:hover:not(:disabled){background:#000000b3}.nav-button:disabled{opacity:.3;cursor:not-allowed}.nav-button-prev{left:2rem}.nav-button-next{right:2rem}.page-indicator{color:#fff;text-align:center;z-index:100;background:#00000080;border-radius:20px;padding:.5rem 1rem;font-size:14px;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}@media (max-width:768px){.flipbook-container{height:calc(100% - 100px)}.flipbook{width:100%;max-width:100%;padding:0 5px}.spread{aspect-ratio:unset;width:100%}.page{width:50%}.page-cover-image{object-fit:contain!important;object-position:center!important}.nav-button{background:#000000b3;border-radius:50%;width:45px;height:45px;position:fixed;top:auto;bottom:75px}.nav-button-prev{left:5px;transform:none}.nav-button-next{right:5px;transform:none}.page-indicator{padding:6px 12px;font-size:14px;bottom:75px}}.desktop-only{display:block}.mobile-only{display:none}.page-slider-container{color:#fff;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:22px;width:auto;min-width:220px;padding:.75rem 1.25rem;position:fixed;bottom:75px;left:50%;transform:translate(-50%)}.page-slider{appearance:none;cursor:pointer;background:#fff3;border-radius:3px;outline:none;width:100%;height:6px;margin-bottom:.5rem}.page-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#8b5cf6;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 6px #8b5cf666}.page-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #8b5cf680}.page-slider::-moz-range-thumb{cursor:pointer;background:#8b5cf6;border:none;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 6px #8b5cf666}.page-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #8b5cf680}.page-slider::-webkit-slider-track{background:#fff3;border-radius:3px;height:6px}.page-slider::-moz-range-track{background:#fff3;border:none;border-radius:3px;height:6px}.page-slider:disabled{opacity:1;cursor:pointer}.page-slider-labels{color:#ffffffe6;justify-content:space-between;align-items:center;font-size:13px;display:flex}.page-slider-label{font-weight:500}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.page-slider-container{border-radius:22px;min-width:240px;padding:.75rem 1.25rem;bottom:75px}.page-slider{height:8px;margin-bottom:.5rem}.page-slider::-webkit-slider-thumb{width:24px;height:24px}.page-slider::-moz-range-thumb{width:24px;height:24px}.page-slider::-webkit-slider-track{height:8px}.page-slider::-moz-range-track{height:8px}.page-slider-labels{font-size:14px}}.safari-browser .flipbook-wrapper{-webkit-transform-style:preserve-3d}.safari-browser .flipbook-container{-webkit-transform-style:preserve-3d;-webkit-perspective:2000px}.safari-browser .flipbook,.safari-browser .spread{-webkit-transform-style:preserve-3d}.safari-browser .flipping-page-container{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:50;transform:translateZ(1px)}.safari-browser .flipping-page{-webkit-transform-style:preserve-3d;backface-visibility:visible!important}.safari-browser .flipping-page .page-image{backface-visibility:visible!important}.safari-browser .nav-button,.safari-browser .page-indicator,.safari-browser .page-slider-container{backface-visibility:hidden}