.bf-binding,body>main,#bf-book-mockup .bf-reader,#bf-book-mockup .bf-preview-toc{animation:none!important}
/* The animated face owns the opaque paper, wear, edge and shadow. */
:is(#bf-book-mockup,.community-shell) .bf-moving-leaf{transform-origin:left center;backface-visibility:hidden;isolation:isolate;background-image:none!important;border:1px solid light-dark(#b9ad94,#59616d)!important;box-shadow:inset 1px 0 14px #795a3840,inset -2px 0 5px #76512535,3px 0 0 light-dark(#d8cab0,#424a56),8px 8px 22px #0007!important}
:is(#bf-book-mockup,.community-shell) .bf-moving-leaf::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background-image:var(--bf-leaf-texture);background-size:var(--bf-leaf-texture-size);background-position:var(--bf-leaf-texture-position);opacity:var(--bf-leaf-texture-opacity);mix-blend-mode:var(--bf-leaf-blend);box-shadow:inset 0 0 14px #0002}
:is(#bf-book-mockup,.community-shell) .bf-moving-leaf::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0003,transparent 5%,transparent 94%,#fff2);border-right:2px solid light-dark(#ad9b7d,#626c7a)}
:is(#bf-book-mockup,.community-shell) .bf-moving-leaf>*{position:relative;z-index:1}
:is(#bf-book-mockup,.community-shell) .bf-moving-leaf a,:is(#bf-book-mockup,.community-shell) .bf-moving-leaf button{pointer-events:none}
.bf-toc a,.bf-home-link,button{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}
@media(prefers-reduced-motion:reduce){:is(#bf-book-mockup,.community-shell) .bf-moving-leaf{display:none}.bf-toc a,.bf-home-link,button{transition:none}}

body:has(#root:empty){background:#222b37}html[style*="dark"] body:has(#root:empty){background:#101722}