.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;width:100%;box-sizing:border-box}.loader-container.small{padding:8px}.loader-container.small .book-levitation-wrapper{transform:scale(.65);margin-bottom:2px}.loader-container.small .loader-title{font-size:12px;margin-top:4px}.loader-container.medium .book-levitation-wrapper{transform:scale(1);margin-bottom:6px}.loader-container.large{padding:48px 24px}.loader-container.large .book-levitation-wrapper{transform:scale(1.45);margin:18px 0 20px}.loader-container.large .loader-title{font-size:18px;margin-top:14px}.book-levitation-wrapper{display:flex;flex-direction:column;align-items:center;perspective:900px}.book-loader{position:relative;width:72px;height:48px;transform-style:preserve-3d;animation:bookHover 4s ease-in-out infinite;margin-bottom:10px}@keyframes bookHover{0%,to{transform:translateY(0) rotateX(15deg) rotateY(-5deg)}50%{transform:translateY(-6px) rotateX(19deg) rotateY(5deg)}}.book-shadow{width:42px;height:6px;background:radial-gradient(ellipse at center,rgba(30,30,45,.14) 0,rgba(30,30,45,.04) 50%,rgba(0,0,0,0) 85%);border-radius:50%;animation:shadowPulse 4s ease-in-out infinite;pointer-events:none}@keyframes shadowPulse{0%,to{transform:scale(.95);opacity:.7}50%{transform:scale(.7);opacity:.25}}.book-cover{position:relative;width:72px;height:48px;background:#ffffff;border:2px solid #1e1e2d;border-radius:2px 3px 3px 2px;box-shadow:0 4px 12px -2px rgba(30,30,45,.1),0 2px 5px -1px rgba(30,30,45,.06);display:flex;justify-content:center;transform-style:preserve-3d}.book-spine{position:absolute;left:50%;top:0;bottom:0;width:3.5px;background:#1E1E2D;transform:translateX(-50%);z-index:25;border-radius:1px}.static-page{position:absolute;top:0;width:50%;height:100%;background:#ffffff;z-index:2}.static-page.left-page{left:0;border-radius:1px 0 0 1px}.static-page.right-page{right:0;border-radius:0 2px 2px 0}.book-page{position:absolute;right:0;top:0;width:50%;height:100%;background:#ffffff;border:1.5px solid #1e1e2d;border-radius:0 2px 2px 0;transform-origin:left center;transform-style:preserve-3d;transform:rotateY(0deg);z-index:5;box-shadow:-1px 0 4px rgba(0,0,0,.06)}.page-text-lines{position:absolute;top:10px;left:6px;right:6px;height:3px;background:rgba(30,30,45,.25);border-radius:1px;box-shadow:0 7px 0 rgba(30,30,45,.2),0 14px 0 rgba(30,30,45,.15)}.book-page.page-1{animation:naturalPageTurn 2.4s cubic-bezier(.35,0,.25,1) infinite;animation-delay:0s}.book-page.page-2{animation:naturalPageTurn 2.4s cubic-bezier(.35,0,.25,1) infinite;animation-delay:.6s}.book-page.page-3{animation:naturalPageTurn 2.4s cubic-bezier(.35,0,.25,1) infinite;animation-delay:1.2s}.book-page.page-4{animation:naturalPageTurn 2.4s cubic-bezier(.35,0,.25,1) infinite;animation-delay:1.8s}@keyframes naturalPageTurn{0%{transform:rotateY(0deg);z-index:6;box-shadow:0 0 0 rgba(0,0,0,0)}20%{z-index:15;box-shadow:-2px 0 6px rgba(30,30,45,.07)}50%{z-index:20;box-shadow:-3px 0 8px rgba(30,30,45,.1)}80%{z-index:15;box-shadow:2px 0 6px rgba(30,30,45,.07)}to{transform:rotateY(-180deg);z-index:6;box-shadow:0 0 0 rgba(0,0,0,0)}}.loader-title{color:var(--primary-color,#6C63FF);font-size:15px;font-weight:600;letter-spacing:.4px;text-align:center;margin-top:12px}