.leaf{display:grid;place-items:center;height:100%;container-type:size;perspective:1800px}.leaf-book{position:relative;aspect-ratio:2 / 1.2941;width:min(100cqw - 56px,(100cqh - 56px) * 1.5456);transform-style:preserve-3d;filter:drop-shadow(0 30px 40px rgb(12 10 9 / 25%))}.leaf-page,.leaf-face{position:absolute;top:0;width:50%;height:100%;overflow:hidden;background:#fff}.leaf-page img,.leaf-face img{display:block;width:100%;height:100%;object-fit:cover}.leaf-shade{position:absolute;inset:0;background:#0c0a09;opacity:0;pointer-events:none}.leaf-page.is-left{left:0;border-radius:6px 0 0 6px}.leaf-page.is-right{right:0;border-radius:0 6px 6px 0}.leaf-sheet{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;will-change:transform}.leaf-face{left:0;width:100%;backface-visibility:hidden}.leaf-face.is-front{border-radius:0 6px 6px 0}.leaf-face.is-back{transform:rotateY(180deg);border-radius:6px 0 0 6px}.leaf-spine{position:absolute;top:0;bottom:0;left:50%;width:24px;margin-left:-12px;background:linear-gradient(90deg,#0c0a0900,#0c0a091f,#0c0a0900);pointer-events:none}