.bk-paper{background-image:radial-gradient(120% 90% at 50% 40%,#0000 60%,#b4884b12)}.bk-gutter-left,.bk-gutter-right{pointer-events:none;width:14%;position:absolute;inset-block:0}.bk-gutter-left{background:linear-gradient(270deg,#231c1729,#231c170a 35%,#0000);right:0}.bk-gutter-right{background:linear-gradient(90deg,#231c1729,#231c170a 35%,#0000);left:0}.bk-cloth{background-color:var(--color-oxblood);background-image:radial-gradient(130% 90% at 25% 15%,#fffcf61a,#0000 55%),repeating-linear-gradient(0deg,#fffcf60b 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#231c1717 0 1px,#0000 1px 3px),linear-gradient(160deg,#0000 40%,#231c1747)}.bk-cloth-front{border-radius:2px 5px 5px 2px;box-shadow:inset 9px 0 0 -6px #231c1759,inset 14px 0 10px -10px #fffcf61f}.bk-cloth-back{border-radius:5px 2px 2px 5px;box-shadow:inset -9px 0 0 -6px #231c1759}.bk-foil{background-image:linear-gradient(100deg, var(--color-brass) 20%, #fffcf6d9 48%, var(--color-brass) 72%);color:#0000;filter:drop-shadow(0 1px #231c1759);background-position:30% 0;background-size:220% 100%;-webkit-background-clip:text;background-clip:text}.bk-foil-rule{background:var(--color-brass);box-shadow:0 1px #231c1759}.bk-book{transition:transform .9s cubic-bezier(.45,.05,.25,1)}.bk-spread{perspective:2800px}.bk-block-left{box-shadow:-1px 1px 0 var(--color-rule), -2px 2px 0 var(--color-cream), -3px 3px 0 var(--color-rule), -4px 4px 0 var(--color-cream), -5px 5px 0 var(--color-rule), -20px 30px 40px -24px #231c1773}.bk-block-right{box-shadow:1px 1px 0 var(--color-rule), 2px 2px 0 var(--color-cream), 3px 3px 0 var(--color-rule), 4px 4px 0 var(--color-cream), 5px 5px 0 var(--color-rule), 20px 30px 40px -24px #231c1773}.bk-closed{box-shadow:3px 3px 0 -1px var(--color-cream), 4px 4px 0 -1px var(--color-rule), 24px 34px 44px -22px #231c1780}.bk-leaf{z-index:5;width:50%;transform-style:preserve-3d;position:absolute;inset-block:0}.bk-forward{transform-origin:0;animation:.9s cubic-bezier(.45,.05,.25,1) forwards bk-turn-forward;left:50%}.bk-backward{transform-origin:100%;animation:.9s cubic-bezier(.45,.05,.25,1) forwards bk-turn-backward;left:0}.bk-face{backface-visibility:hidden;position:absolute;inset:0}.bk-face-back{transform:rotateY(180deg)}.bk-face:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#231c1759,#231c170d);animation:.9s ease-in-out forwards bk-shade;position:absolute;inset:0}@keyframes bk-turn-forward{to{transform:rotateY(-180deg)}}@keyframes bk-turn-backward{to{transform:rotateY(180deg)}}@keyframes bk-shade{50%{opacity:.6}to{opacity:0}}.bk-strip{scrollbar-width:none;-webkit-overflow-scrolling:touch}.bk-strip::-webkit-scrollbar{display:none}