.loader-overlay{z-index:9999;background-color:#dbeafe;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-container{text-align:center}.loader-animation .book{width:50px;height:50px;animation:1.5s linear infinite spin;position:relative}.loader-animation .book .page{transform-origin:50%;background-color:#4caf50;width:50px;height:50px;animation:.5s linear infinite flip;position:absolute}.pencil-loader{width:100px;height:100px;position:relative}.pencil{width:20px;height:60px;animation:2s ease-in-out infinite pencil-draw;position:absolute}.pencil .eraser{background:#ff6b6b;border-radius:5px;width:20px;height:10px}.pencil .body{background:#f4a261;width:20px;height:40px}.pencil .tip{clip-path:polygon(50% 0%,100% 100%,0% 100%);background:#2a9d8f;width:20px;height:10px}.line{background:#2a9d8f;width:100px;height:2px;animation:2s ease-in-out infinite line-draw;position:absolute}.loader-message{color:#333;margin-top:20px;font-size:1.2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flip{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}@keyframes pencil-draw{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes line-draw{0%{width:0}50%{width:50px}to{width:100px}}