.fb{justify-items:center;gap:16px;width:100%;min-width:0;display:grid}.fb-book{perspective:2400px;grid-template-columns:1fr 1fr;width:100%;max-width:min(1200px,133.4svh - 253.46px);display:grid;position:relative}.fb-slot{min-width:0;position:relative}.fb-slot img{object-fit:cover;background:var(--card);width:100%;height:100%;box-shadow:var(--shadow-page,0 0 0 3px var(--ink))}.fb-spine{pointer-events:none;background:linear-gradient(90deg,#0000,#15120f38 48% 52%,#0000);width:34px;margin-left:-17px;position:absolute;top:0;bottom:0;left:50%}.fb-leaf{width:50%;transform-style:preserve-3d;z-index:3;position:absolute;top:0;bottom:0}.fb-leaf-next{transform-origin:0;animation:.72s cubic-bezier(.45,.05,.3,1) forwards fb-next;left:50%}.fb-leaf-prev{transform-origin:100%;animation:.72s cubic-bezier(.45,.05,.3,1) forwards fb-prev;left:0}.fb-face{backface-visibility:hidden;background:var(--card);box-shadow:0 0 0 3px var(--ink);position:absolute;inset:0}.fb-face img{object-fit:cover;width:100%;height:100%}.fb-back{transform:rotateY(180deg)}@keyframes fb-next{to{transform:rotateY(-180deg)}}@keyframes fb-prev{to{transform:rotateY(180deg)}}.fb-single{perspective:1600px;width:100%;max-width:760px}.fb-one{height:100%}.fb-one img{object-fit:cover;width:100%;height:100%;box-shadow:0 0 0 3px var(--ink);background:var(--card)}.fb-one-in{transform-origin:0;animation:fb-in .5s var(--ease)}@keyframes fb-in{0%{opacity:.4;transform:rotateY(-55deg)}}.fb-controls{align-items:center;gap:14px;display:flex}.fb-count{text-align:center;min-width:56px;font-size:18px}