.inside-front .turn-demo{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(72%,230px);padding:16px 10px;border:0;border-radius:14px;background:transparent;color:#496157;text-align:center;cursor:pointer;touch-action:manipulation;font:13px/1.5 Arial,sans-serif;box-shadow:none;white-space:normal}.turn-demo:hover{background:#fffdf53d}.turn-demo:focus-visible{outline:2px solid #8b9d8a;outline-offset:5px}.turn-demo-scene{display:block;height:114px;position:relative;width:180px;max-width:100%;margin:0 auto 8px}.turn-demo-book{display:block;position:absolute;width:100%;height:84px;top:8px;perspective:420px;isolation:isolate}.turn-demo-left,.turn-demo-right,.turn-demo-leaf{position:absolute;top:0;width:50%;height:100%;border:1px solid #c2b79d;background:linear-gradient(90deg,#efe7d7,#fffaf0 12%,#fffaf0 92%,#ebe3d2);box-sizing:border-box;border-radius:3px}.turn-demo-left{left:0;box-shadow:-2px 3px 0 #d3c8b2}.turn-demo-right{left:50%;box-shadow:2px 3px 0 #d3c8b2}.turn-demo-leaf{left:50%;transform-origin:left center;z-index:2;box-shadow:1px 2px 4px #6c62452a;backface-visibility:visible}.turn-demo-left:after,.turn-demo-right:after,.turn-demo-leaf:after{content:'';position:absolute;inset:19px 12px;background:repeating-linear-gradient(transparent 0 9px,#a3ae9b66 9px 10px)}.turn-demo-hand{position:absolute;left:88%;top:31px;width:32px;height:40px;z-index:4;opacity:.8;filter:drop-shadow(0 2px 2px #44382024);pointer-events:none}.turn-demo-arrow{position:absolute;bottom:0;left:0;right:0;font:20px Georgia,serif;color:#a0906d}.turn-demo-title,.turn-demo-replay{display:block}.turn-demo-title{font-size:12px;line-height:1.5}.turn-demo-replay{font-size:10px;margin-top:6px;color:#7d897c}.turn-demo.is-backward .turn-demo-book{transform:scaleX(-1)}.turn-demo.is-playing .turn-demo-arrow{opacity:.4}@media(prefers-reduced-motion:reduce){.turn-demo *{animation:none!important;transition:none!important}}

.turn-demo-hand{left:calc(100% - 4px);top:74px;width:44px;height:44px;opacity:1;object-fit:contain}.page-curl-hand{position:fixed;width:68px;height:68px;transform:translate(-6px,-15px);object-fit:contain;pointer-events:none;z-index:90;filter:drop-shadow(0 1px 1px #33251320)}.page-curl-hand[hidden]{display:none}@media(prefers-reduced-motion:reduce){.page-curl-hand{display:none}}
.turn-demo-scene{width:196px;height:155px;margin-bottom:9px}.mini-binding{position:absolute;left:8px;top:5px;width:180px;height:130px;background:#15324b;border:1px solid #a99667;border-radius:2px;box-shadow:0 4px 7px #30231132,0 1px 0 #0b2237}.mini-pages{position:absolute!important;left:1px;top:1px;width:176px;height:124px;min-width:0!important}.mini-leaf{background:#f8f3e7;border:1px solid #ded5c4;overflow:hidden;box-sizing:border-box}.mini-paper{display:block;position:absolute;inset:0;background:repeating-linear-gradient(0deg,#79654203 0 1px,transparent 1px 3px),linear-gradient(100deg,#fcf7eb,#f3ecdf);box-shadow:inset 0 0 8px #99836315}.mini-leaf.--left .mini-paper{background:linear-gradient(90deg,#faf5e9 80%,#e7dfce 96%,#cfc3ad)}.mini-leaf.--right .mini-paper{background:linear-gradient(90deg,#cfc3ad,#faf5e9 8%,#faf5e9 94%,#e6dcc9)}.mini-ornament{position:absolute;top:12px;left:0;right:0;text-align:center;font:15px Georgia;color:#aa9362}.mini-copy-lines{position:absolute;top:43px;left:13px;right:13px;height:40px;background:repeating-linear-gradient(transparent 0 6px,#8b94826b 6px 7px)}.mini-folio{position:absolute;bottom:9px;left:0;right:0;text-align:center;font:6px Georgia;color:#9e9175}.mini-pinch{position:absolute;width:44px;height:44px;z-index:3000;pointer-events:none;object-fit:contain;filter:drop-shadow(0 1px 1px #30251222)}.mini-pinch[hidden]{display:none}.turn-demo .mini-binding,.turn-demo .mini-pinch{pointer-events:none}
/* Override the app's generic flex button layout for Tegelboek's miniature demo. */
.book-interface .inside-front .turn-demo{display:block;min-height:0;max-width:230px;overflow:visible}
.book-interface .turn-demo-title,.book-interface .turn-demo-replay{display:block;width:100%;white-space:normal}