.bf-stage{perspective:2400px}.bf-book{transform-style:preserve-3d;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.bf-paper-left{background:linear-gradient(270deg,#2b333f1a,#2b333f00 7%),#fffcf7}.bf-paper-right{background:linear-gradient(90deg,#2b333f1a,#2b333f00 7%),#fffcf7}.bf-paper{background:#fffcf7}.bf-paper-back{background:linear-gradient(270deg,#2b333f14,#2b333f00 10%),#f6efe6}.bf-leaf{transform-origin:0;height:100%;transform-style:preserve-3d;z-index:5;pointer-events:none;position:absolute;top:0}.bf-leaf--spread{width:50%;left:50%}.bf-leaf--single{width:100%;left:0}.bf-leaf.is-fwd{animation:bf-turn-fwd var(--bf-ms,.9s) cubic-bezier(.45,.05,.3,1) forwards}.bf-leaf.is-back{animation:bf-turn-back var(--bf-ms,.9s) cubic-bezier(.45,.05,.3,1) forwards}.bf-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.bf-face.is-rev{transform:rotateY(180deg)}.bf-shade{pointer-events:none;opacity:0;background:linear-gradient(270deg,#00000061,#00000014 45%,#0000 75%);position:absolute;inset:0}.bf-face.is-rev .bf-shade{background:linear-gradient(90deg,#00000061,#00000014 45%,#0000 75%)}.bf-cover{perspective:2400px;background:linear-gradient(90deg,#1e242d 0,#2b333f 6% 94%,#1e242d 100%);border-radius:4px 10px 10px 4px;padding:10px 16px 18px 24px;position:relative}.bf-cover--spread{border-radius:6px;padding:8px 12px 16px 10px}@media (min-width:640px){.bf-cover--spread{border-radius:8px;padding:14px 20px 22px}}@media (max-width:639px){.bf-corner{width:34px;height:34px}.bf-ribbon{width:9px}}.bf-stack{box-shadow:1px 1px #f3ede4,2px 2px #d9cec0,3px 3px #f3ede4,4px 4px #d9cec0,5px 5px #ede5d9,6px 6px #c9bcac}.bf-left-edge{z-index:1;pointer-events:none;background:linear-gradient(90deg,#dcd2c4 0,#f6f0e7 35%,#fffcf7 60%,#b8ac9c 100%);border-radius:2px 0 0 2px;width:14px;position:absolute;top:0;bottom:0;left:-14px}.bf-gutter{z-index:1;pointer-events:none;background:linear-gradient(90deg,#2b333f4d,#2b333f14 40%,#2b333f00);width:34px;position:absolute;top:0;bottom:0;left:0}.bf-ribbon{z-index:4;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 9px),0 100%);background:linear-gradient(90deg,#a8957a,#cdba9a 50%,#a8957a);width:12px;height:56px;position:absolute;bottom:-30px}.bf-cast{pointer-events:none;z-index:3;opacity:0;background:linear-gradient(90deg,#00000038,#0000 70%);position:absolute;inset:0}.bf-book.is-turning .bf-cast,.bf-leaf.is-fwd .bf-shade,.bf-leaf.is-back .bf-shade{animation:bf-shade var(--bf-ms,.9s) ease-in-out forwards}.bf-corner{cursor:pointer;z-index:3;border:0;width:52px;height:52px;padding:0;position:absolute;bottom:0}.bf-corner--right{background:linear-gradient(-45deg,#e2d8ce 0 50%,#0000 50%);right:0}.bf-corner--left{background:linear-gradient(45deg,#e2d8ce 0 50%,#0000 50%);left:0}.bf-corner:focus-visible,.bf-ctrl:focus-visible{outline-offset:3px;outline:2px solid #fcf7f1}@keyframes bf-turn-fwd{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes bf-turn-back{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}@keyframes bf-shade{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.bf-leaf{display:none}}