.bl{display:flex;justify-content:center;padding-block:.5rem 1.75rem}.bl-book{position:relative;width:64px;height:44px;perspective:300px}.bl-cover{position:absolute;top:4px;width:32px;height:38px;background:#1d2a57;box-shadow:inset 0 0 0 1.5px rgba(244,201,93,.6)}.bl-cover-l{left:0;border-radius:4px 0 0 4px;transform:rotateY(18deg);transform-origin:right center}.bl-cover-r{right:0;border-radius:0 4px 4px 0;transform:rotateY(-18deg)}.bl-cover-r,.bl-page{transform-origin:left center}.bl-page{position:absolute;left:32px;top:6px;width:28px;height:34px;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#e3d9c1,#f6f1e4);animation:bl-riffle 1.4s cubic-bezier(.65,0,.35,1) infinite;animation-delay:calc(var(--i) * .11s)}.bl-glow{position:absolute;left:50%;top:50%;width:90px;height:60px;margin:-30px 0 0 -45px;border-radius:50%;background:radial-gradient(ellipse,rgba(244,201,93,.28),transparent 70%);animation:bl-glow 1.4s ease-in-out infinite;pointer-events:none}@keyframes bl-riffle{0%,12%{transform:rotateY(-8deg)}55%,to{transform:rotateY(-172deg)}}@keyframes bl-glow{50%{opacity:.45}}[data-loader] .animate-pulse{animation:bl-shimmer 1.8s linear infinite;background-image:linear-gradient(100deg,transparent 30%,rgba(244,201,93,.09) 50%,transparent 70%);background-size:250% 100%;background-repeat:no-repeat}@keyframes bl-shimmer{0%{background-position:130% 0}to{background-position:-30% 0}}html.a11y-motion :is(.bl-page,.bl-glow,[data-loader] .animate-pulse){animation:none}