.fb-book{perspective:2600px;transition:transform .8s var(--ease-paper);display:grid}.fb-book>*,.fb-leaf>*{grid-area:1/1}.fb-spread{display:grid}.fb-leaf{z-index:1;transform-origin:0;transform-style:preserve-3d;animation:fb-turn .8s var(--ease-paper) both;display:grid;position:relative}.fb-leaf>*{backface-visibility:hidden;position:relative}.fb-leaf>:after{content:"";pointer-events:none;opacity:0;animation:fb-shade-front .8s var(--ease-paper) both;background:#23201c47;position:absolute;inset:0}.fb-leaf>.fb-back{transform:rotateY(180deg)}.fb-leaf>.fb-back:after{animation-name:fb-shade-back}.fb-leaf[data-back=true],.fb-leaf[data-back=true]>:after{animation-direction:reverse}@media (min-width:48rem){.fb-spread{grid-template-columns:repeat(2,minmax(0,1fr))}.fb-book[data-closed=true]{transform:translate(-25%)}.fb-leaf-page{justify-self:end;width:50%}}@media (prefers-reduced-motion:reduce){.fb-book{transition:none}}@keyframes fb-turn{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes fb-shade-front{to{opacity:1}}@keyframes fb-shade-back{0%{opacity:1}to{opacity:0}}