.r12-book{--r12-book-height:clamp(220px,calc(100svh - 350px),68svh);--r12-book-ratio:1.6;--r12-book-progress:0;--r12-book-turn:0deg;--r12-book-bow:0deg;--r12-book-lift:0px;--r12-book-origin:0% 50%;--r12-book-shadow:0;width:100%;color:#fff;isolation:isolate}
.r12-book-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.r12-book-label{display:block;font-size:9px;letter-spacing:.1em;color:#919191;margin-bottom:13px}
.r12-book-heading h3{font-size:clamp(25px,3.2vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin:0}
.r12-book-page{font-size:12px;color:#858585;white-space:nowrap;font-variant-numeric:tabular-nums}
.r12-book-page b{font-size:25px;font-weight:400;color:#fff}
.r15-book-counter-source{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.r15-book-counter{display:inline-grid;position:relative;overflow:hidden;vertical-align:-.15em;font-size:25px;font-weight:400;line-height:1.35;color:#fff;font-variant-numeric:tabular-nums;isolation:isolate}
.r15-book-counter>span{grid-area:1/1;display:block;white-space:nowrap;will-change:transform,opacity}.r15-book-counter-incoming{pointer-events:none}
.r12-book-viewport{position:relative;left:50%;transform:translateX(-50%);width:100vw;max-width:none;padding:24px 0 32px;margin:0;overflow:clip}
.r12-book-stage{position:relative;z-index:2;width:min(calc(100% - 36px),var(--r12-book-content-width,100%),calc(var(--r12-book-height) * var(--r12-book-ratio)));aspect-ratio:var(--r12-book-ratio);margin:0 auto;perspective:2200px;perspective-origin:50% 40%;transform-style:preserve-3d;touch-action:pan-y pinch-zoom;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:0}
.r12-book[data-r12-book-state="dragging"] .r12-book-stage{cursor:grabbing}
.r12-book-stack{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#e1e1e1 0 .65px,#999 .65px 1px,#f5f5f5 1px 1.8px);transform:translate(calc(var(--r14-book-right-depth,4px) * .34),calc(var(--r14-book-right-depth,4px) * .5)) translateZ(-7px);opacity:var(--r14-book-right-visible,1);box-shadow:0 8px 24px #0004;pointer-events:none}
.r14-book-turned-stack{position:absolute;z-index:1;top:1px;bottom:1px;left:0;width:var(--r14-book-left-depth,0px);transform:translateX(calc(-100% - 1px)) translateZ(-3px);transform-origin:100% 50%;background:linear-gradient(90deg,#a7a7a7,#efefef 42%,#b8b8b8);clip-path:polygon(0 1%,100% 0,100% 100%,0 99%);box-shadow:1px 0 4px #0004;opacity:var(--r14-book-left-visible,0);pointer-events:none}
.r12-book-under,.r12-book-flap,.r12-book-face{position:absolute;inset:0}.r12-book-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.r12-book-under{background:#f5f5f5;transform:translateZ(-1px);display:flex}
.r12-book .r12-book-under[data-r14-book-under-count="2"]>img:first-child{width:var(--r14-book-under-split,50%)!important;flex:none}.r12-book .r12-book-under[data-r14-book-under-count="2"]>img:last-child{width:calc(100% - var(--r14-book-under-split,50%))!important;flex:none}
.r12-book img[hidden]{display:none!important}.r14-book-left-page[hidden]{display:none}
.r14-book-left-page{position:absolute;z-index:2;left:0;top:0;bottom:0;width:var(--r14-book-split,0%);background:#fff;pointer-events:none}
.r14-book-left-page::after{content:"";position:absolute;top:0;right:0;bottom:0;width:7px;background:linear-gradient(90deg,transparent,#0002);pointer-events:none}
.r12-book-under::after{content:"";position:absolute;inset:0;pointer-events:none;background:#000;opacity:calc(var(--r12-book-shadow) * .6)}
.r12-book-flap{left:var(--r14-book-split,0%);right:auto;width:calc(100% - var(--r14-book-split,0%));z-index:3;transform-style:preserve-3d;transform-origin:0% 50%;transform:translate3d(var(--r12-book-arrival-x,0px),0,var(--r12-book-lift)) rotateY(var(--r12-book-turn)) skewY(var(--r12-book-bow));will-change:transform;pointer-events:none}
.desk-book-preview .r12-book-viewport{left:0;transform:none;width:100%}
.r12-book-face{background:#fff;overflow:hidden}
.r12-book-front{transform:translateZ(.6px)}
.r12-book-back{transform:rotateY(180deg) translateZ(.6px);filter:brightness(.92)}
.r12-book-face::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0009 0%,#fff0 19%,#fff9 53%,#0006 100%);opacity:var(--r12-book-shadow);pointer-events:none}
.r12-book img{display:block!important;position:static!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;pointer-events:none;-webkit-user-drag:none}
.r12-book-edge{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0001,transparent 1%,transparent 99%,#0001);transform:translateZ(1px)}
.r12-book-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:25px;min-height:48px}
.r17-book-counter-slot{display:none}
.r17-book-jump{display:none}.r17-book-jump[hidden]{display:none}
.r12-book-hint{font-size:10px;color:#b2b2b2;white-space:nowrap}.r12-book-hint span{display:inline-block;margin-left:10px;font-size:20px;vertical-align:-2px}
.r12-book-status{font-size:10px;line-height:1.4;color:#777;justify-self:end;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.r12-book-status:empty{visibility:hidden}
.r12-book-controls{display:flex;gap:7px}.r12-book-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;outline:0;border-radius:50%;background:#202020;color:#fff;font:inherit;font-size:21px;cursor:pointer;transition:background .32s cubic-bezier(.22,.72,.18,1),color .32s,opacity .34s,transform .4s cubic-bezier(.22,.72,.18,1)}
.r12-book-controls button:not(:disabled):hover,.r12-book-controls button:focus-visible{background:#fff;color:#000;transform:translateY(-2px)}
.r12-book-controls button:disabled{opacity:.25;cursor:default}.r12-book-controls button:active:not(:disabled){transform:scale(.9)}
.r15-book-arrow-window{display:block;position:relative;width:1.2em;height:1em;overflow:hidden;line-height:1}
.r15-book-arrow-window>span{position:absolute;inset:0;display:grid;place-items:center;transition:transform .4s cubic-bezier(.22,.72,.18,1),opacity .3s}
.r15-book-arrow-current{transform:translateX(0);opacity:1}.r15-book-arrow-incoming{transform:translateX(var(--r15-book-arrow-in,-125%)) skewX(-7deg) scaleX(.94);opacity:0}
.r15-book-control:not(:disabled):is(:hover,:focus-visible) .r15-book-arrow-current{transform:translateX(var(--r15-book-arrow-out,125%)) skewX(-7deg) scaleX(1.04);opacity:0}
.r15-book-control:not(:disabled):is(:hover,:focus-visible) .r15-book-arrow-incoming{transform:translateX(0) skewX(0deg) scaleX(1);opacity:1;transition-delay:.035s}
.r12-book-stage:focus-visible~*{opacity:1}.r12-book:has(.r12-book-stage:focus-visible) .r12-book-hint{color:#fff}
.r15-book-navigation{--r15-book-position:0;position:relative;height:34px;margin:12px 0 0;opacity:0;transition:opacity .55s ease;pointer-events:none}
.r12-book.is-r15-book-active .r15-book-navigation{opacity:1;pointer-events:auto}
.r15-book-rail{position:absolute;inset:0;cursor:ew-resize;touch-action:none;outline:0}
.r15-book-progress-track{position:absolute;left:0;right:0;top:16px;height:1px;background:#ffffff26;pointer-events:none;transition:background .34s cubic-bezier(.22,.72,.18,1)}
.r15-book-progress-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--r15-book-position)*100%);background:#fff;transition:width .36s cubic-bezier(.22,.72,.18,1)}
.r15-book-progress-thumb{position:absolute;left:calc(var(--r15-book-position)*100%);top:50%;width:7px;height:7px;transform:translate(-50%,-50%);background:#fff;border-radius:50%;transition:left .4s cubic-bezier(.22,.72,.18,1),transform .28s cubic-bezier(.22,.72,.18,1)}
.r12-book[data-r12-book-state=scrubbing] .r15-book-progress-fill{transition-duration:.12s}.r12-book[data-r12-book-state=scrubbing] .r15-book-progress-thumb{transition-duration:.14s,.28s}
.r15-book-chapter{position:absolute;top:16px;z-index:2;width:20px;height:24px;transform:translate(-50%,-50%);background:none;border:0;outline:0;padding:0;cursor:pointer;touch-action:manipulation}
.r15-book-chapter::before{content:'';display:block;margin:auto;width:3px;height:3px;border-radius:50%;background:#aaa;transition:transform .2s,background .2s}
.r15-book-chapter[aria-current=true]::before,.r15-book-chapter:hover::before,.r15-book-chapter:focus-visible::before{background:#fff;transform:scale(1.7)}
.r15-book-chapter span{position:absolute;bottom:25px;left:50%;transform:translate(-50%,4px);width:max-content;max-width:min(240px,calc(var(--r12-book-content-width,100vw) * var(--r15-label-room,1)));box-sizing:border-box;padding:5px 8px;background:#171717;color:#ccc;font-size:9px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;opacity:0;pointer-events:none;transition:opacity .2s,transform .25s}
.r15-book-chapter:hover span,.r15-book-chapter:focus-visible span{opacity:1;transform:translate(-50%,0)}
.r15-book-chapter[data-r15-book-label-align=start] span{transform:translate(0,4px);text-align:left}.r15-book-chapter[data-r15-book-label-align=end] span{left:auto;right:50%;transform:translate(0,4px);text-align:right}
.r15-book-chapter[data-r15-book-label-align=start]:is(:hover,:focus-visible) span,.r15-book-chapter[data-r15-book-label-align=end]:is(:hover,:focus-visible) span{transform:translate(0,0)}
.r15-book-rail:focus-visible .r15-book-progress-track{background:#ffffff70}.r15-book-rail[aria-disabled=true]{cursor:default}
@media(max-width:680px){.r15-book-counter{font-size:23px}}
@media(max-width:680px){.r12-book-heading{gap:15px;margin-bottom:7px}.r12-book-heading h3{font-size:29px}.r12-book-label{font-size:8px;margin-bottom:10px}.r12-book-page b{font-size:23px}.r12-book-viewport{padding:20px 0 27px;margin:0}.r12-book-stage{width:min(calc(100% - 32px),var(--r12-book-content-width,100%),calc(62svh * var(--r12-book-ratio)));perspective:1400px}.r12-book-footer{gap:12px;grid-template-columns:1fr auto}.r12-book-status{grid-column:1/-1;grid-row:2;justify-self:start;text-align:left;max-width:100%;margin-top:0}.r12-book-hint{font-size:10px}.r12-book-controls button{width:44px;height:44px}}

/* The same compact reading dock is used on phones and the editor's phone preview. */
.r12-book[data-r17-book-mobile=true]{--r12-book-height:clamp(180px,calc(100svh - 300px),62svh);padding-bottom:env(safe-area-inset-bottom,0px)}
.r12-book[data-r17-book-mobile=true] .r12-book-heading{gap:15px;margin-bottom:8px}
.r12-book[data-r17-book-mobile=true] .r12-book-heading h3{font-size:clamp(25px,7vw,32px)}
.r12-book[data-r17-book-mobile=true] .r12-book-label{font-size:8px;margin-bottom:10px}
.r12-book[data-r17-book-mobile=true] .r12-book-viewport{padding:16px 0 20px}
.r12-book[data-r17-book-mobile=true] .r12-book-stage{width:min(calc(100% - 32px),var(--r12-book-content-width,100%),calc(var(--r12-book-height) * var(--r12-book-ratio)));perspective:1400px}
.r12-book[data-r17-book-preview-mobile=true] .r12-book-viewport{left:0;transform:none;width:100%}
.r12-book[data-r17-book-mobile=true] .r12-book-footer{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;min-height:44px}
.r12-book[data-r17-book-mobile=true] .r12-book-hint{display:none}
.r12-book[data-r17-book-mobile=true] .r12-book-controls{display:contents}
.r12-book[data-r17-book-mobile=true] .r12-book-controls button{width:44px;height:44px;grid-row:1}
.r12-book[data-r17-book-mobile=true] .r12-book-controls button:first-child{grid-column:1}
.r12-book[data-r17-book-mobile=true] .r12-book-controls button:last-child{grid-column:3}
.r12-book[data-r17-book-mobile=true] .r17-book-counter-slot{display:flex;grid-column:2;grid-row:1;justify-content:center;align-items:center;min-height:44px;min-width:0}
.r12-book[data-r17-book-mobile=true] .r12-book-page{font-size:11px;color:#999}
.r12-book[data-r17-book-mobile=true] .r15-book-counter{font-size:25px}
.r12-book[data-r17-book-mobile=true] .r12-book-status{grid-row:2;grid-column:1/-1;justify-self:center;text-align:center;max-width:100%;font-size:10px;margin:0}
.r12-book[data-r17-book-mobile=true] .r15-book-navigation{height:44px;margin:8px 22px 0;opacity:1;pointer-events:auto}
.r12-book[data-r17-book-mobile=true] .r15-book-progress-track{top:22px}
.r12-book[data-r17-book-mobile=true] .r15-book-chapter{top:22px;width:3px;height:3px;pointer-events:none;cursor:default}
.r12-book[data-r17-book-mobile=true] .r15-book-chapter span{bottom:39px}
.r12-book[data-r17-book-mobile=true] .r17-book-jump:not([hidden]){display:grid;gap:8px;margin-top:8px}
.r17-book-jump>span{font-size:10px;line-height:1.4;color:#999}
.r17-book-jump select{display:block;width:100%;min-width:0;min-height:44px;box-sizing:border-box;border:0;outline:0;border-radius:0;padding:10px 12px;background:#202020;color:#fff;font:inherit;font-size:12px;line-height:1.4;cursor:pointer;color-scheme:dark}
.r17-book-jump select:focus-visible{background:#303030}.r17-book-jump select:disabled{opacity:.45}