.zk-demo[data-v-1f0854b9]{display:flex;flex-direction:column;gap:1rem;max-width:400px;width:100%}.demo-container[data-v-1f0854b9]{border:1px solid #ccc;border-radius:4px;padding:1rem}.book-container[data-v-1f0854b9]{border:1px solid #ddd;height:100%;margin:0 auto;overflow:hidden;position:relative;width:100%}.book-overlay[data-v-1f0854b9]{align-items:center;background:#000000f2;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transform:translate(100%);transition:transform .5s ease;width:100%;z-index:2}.book-content[data-v-1f0854b9]{height:50%;margin:25% auto;position:relative;width:50%;z-index:1}.slide-in[data-v-1f0854b9]{transform:translate(0)}.slide-out[data-v-1f0854b9]{transform:translate(100%)}.peephole[data-v-1f0854b9]{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #fff3;display:flex;height:60px;justify-content:center;overflow:hidden;width:60px}.waldo-image[data-v-1f0854b9]{height:60px;-o-object-fit:contain;object-fit:contain;width:auto}.book-image[data-v-1f0854b9]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.action-btn[data-v-1f0854b9]{background:#fff;border:1px solid var(--black);border-radius:4px;cursor:pointer;font-size:var(--font-sm);margin-top:1rem;padding:.5rem 1rem;transition:all .2s;width:100%}.action-btn[data-v-1f0854b9]:hover{background:var(--black);color:var(--green)}