@property --book-t{syntax:"<number>";inherits:true;initial-value:0}.book-stage{perspective:2600px;perspective-origin:50% 42%;touch-action:pan-y;cursor:grab;place-items:center;display:grid}.book-stage[data-dragging="1"]{cursor:grabbing}.book-body{height:var(--book-h);width:calc(var(--book-pw) * var(--book-pages));transform-style:preserve-3d;transition:transform var(--book-turn-ms) cubic-bezier(.3, .7, .2, 1);position:relative;transform:translate(25%)rotateY(7deg)}.book-stage[data-open="1"] .book-body{transform:translate(0)rotateY(0)}.book-edges{pointer-events:none;background:linear-gradient(90deg,#0000009e,#0000 70%),repeating-linear-gradient(#d8c9ad 0 1px,#a8977b 1px 2px,#c7b493 2px 3px);border-radius:3px 1px 1px 3px;width:13px;transition:opacity .24s;position:absolute;top:1.5%;bottom:1.5%;left:3px;transform:translateZ(12px);box-shadow:inset -2px 0 4px #00000080}.book-stage[data-open="1"] .book-edges{opacity:0}.book-leaf{--book-t:0;width:var(--book-leaf-w);transform-origin:100%;height:100%;transform-style:preserve-3d;transform:rotateY(calc(var(--book-t) * 180deg)) translateZ(calc(var(--book-depth) * .34px));transition:--book-t var(--book-turn-ms) cubic-bezier(.34, .72, .2, 1);position:absolute;top:0;right:50%}.book-leaf[data-dragging="1"]{transition:none}.book-face{backface-visibility:hidden;border-radius:2px 5px 5px 2px;position:absolute;inset:0;overflow:hidden}.book-face--a{transform:rotateY(0)}.book-face--b{transform:rotateY(180deg)}.book-plate{background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.book-face--b .book-plate{transform:scaleX(-1)}.book-gutter{pointer-events:none;position:absolute;inset:0}.book-face--a .book-gutter{background:linear-gradient(270deg,#28180a80,#28180a00 16%)}.book-face--b .book-gutter{background:linear-gradient(90deg,#28180a80,#28180a00 16%)}.book-face--cover .book-gutter,.book-face--endpaper .book-gutter{background:0 0}.book-stage[data-single="1"]{overflow-x:hidden}.book-stage[data-single="1"] .book-leaf{transform-origin:100%;right:0}.book-stage[data-single="1"] .book-face--a .book-gutter{background:linear-gradient(270deg,#28180a73,#28180a00 12%)}.book-shade{pointer-events:none;opacity:0;background:linear-gradient(270deg,#000000d9,#00000040);position:absolute;inset:0}.book-face--a .book-shade{opacity:calc(var(--book-t) * 1.15)}.book-face--b .book-shade{opacity:calc((1 - var(--book-t)) * 1.15)}.book-text{top:var(--book-pad-v);bottom:var(--book-pad-v);text-align:justify;text-justify:inter-word;font-family:var(--font-book);font-weight:400;font-size:var(--book-fs);color:var(--book-ink);direction:rtl;line-height:1.72;position:absolute;overflow:hidden}.book-face--a .book-text{left:var(--book-pad-outer);right:var(--book-pad-spine)}.book-face--b .book-text{left:var(--book-pad-spine);right:var(--book-pad-outer)}.book-text p,.book-measure p{margin:0 0 .62em}.book-text p:last-child,.book-measure p:last-child{margin-bottom:0}.book-text h2,.book-measure h2{text-align:center;margin:0 0 .85em;font-size:1.06em;font-weight:700}.book-folio{bottom:calc(var(--book-pad-v) * .42);text-align:center;font-family:var(--font-book);color:var(--book-ink);opacity:.55;font-size:.72em;position:absolute;left:0;right:0}.book-title-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.7em;height:100%;display:flex}.book-title-page__name{text-wrap:balance;font-size:1.62em;font-weight:700;line-height:1.3}.book-title-page__rule{opacity:.45;background:linear-gradient(90deg,#0000,currentColor,#0000);width:42%;height:1px}.book-title-page__by{opacity:.7;font-size:.82em}.book-measure{visibility:hidden;pointer-events:none;text-align:justify;text-justify:inter-word;font-family:var(--font-book);direction:rtl;font-weight:400;line-height:1.72;position:absolute;top:0;left:-10000px;overflow:hidden}@media (prefers-reduced-motion:reduce){.book-leaf,.book-body,.book-edges{transition-duration:1ms!important}}.book-illustration{flex-direction:column;justify-content:center;align-items:center;gap:.6em;height:100%;margin:0;display:flex}.book-illustration__frame{flex:auto;width:100%;min-height:0;position:relative}.book-illustration__frame img{object-fit:contain;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.book-illustration--scaled .book-illustration__frame{width:calc(var(--illustration-scale) * 100%);height:calc(var(--illustration-scale) * 100%);flex:0 auto}.book-illustration--enlarged .book-illustration__frame{transform:scale(var(--illustration-scale))}.book-text:has(>.book-illustration--enlarged){overflow:visible}.book-illustration--enlarged figcaption{z-index:1;position:relative}.book-illustration__frame:not(:has(img)){display:none}.book-illustration--fill .book-illustration__frame{overflow:hidden}.book-illustration--fill .book-illustration__frame img{object-fit:cover}.book-illustration figcaption{text-align:center;font-size:.85em;font-style:italic}.book-illustration--plate img{filter:sepia(.35)saturate(.85)contrast(1.05)}.book-illustration--engraving img{filter:grayscale()sepia(.55)contrast(1.6)brightness(1.08)}.book-illustration--engraving .book-illustration__frame:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(-35deg, color-mix(in srgb, var(--book-ink) 22%, transparent) 0 1px, transparent 1px 3px);position:absolute;inset:0}.book-illustration--engraving.book-illustration--fill img,.book-illustration--engraving.book-illustration--fill .book-illustration__frame:after{-webkit-mask-image:radial-gradient(72% 70%,#000 55%,#0000 100%);mask-image:radial-gradient(72% 70%,#000 55%,#0000 100%)}.book-illustration--engraving.book-illustration--whole .book-illustration__frame:after{-webkit-mask-image:var(--illustration-src);mask-image:var(--illustration-src);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
