.document-flip-wrapper{display:flex;flex-direction:column;align-items:center;gap:3rem}.document-flip{width:100%;max-width:1100px;box-shadow:0 8px 32px #00000059,0 2px 8px #0003}.document-flip__page{position:relative;cursor:crosshair}.document-flip__page img{display:block;width:100%;height:100%;object-fit:fill}.page-magnifier{position:absolute;width:500px;height:500px;border-radius:50%;border:2px solid rgba(255,255,255,.75);box-shadow:0 4px 24px #00000059,inset 0 0 0 1px #00000026;pointer-events:none;opacity:0;transition:opacity .15s ease;transform:translate(-50%,-50%);left:calc(var(--lx, 50) * 1%);top:calc(var(--ly, 50) * 1%);background-image:var(--bg-src);background-repeat:no-repeat;background-size:calc(var(--scale, 2.5) * var(--page-w, 100px)) auto;background-position:var(--bg-x, 0px) var(--bg-y, 0px);z-index:10}.page-magnifier.is-active{opacity:1}.document-flip-controls{display:flex;align-items:center;gap:1.5rem}.document-flip-controls__counter{font-size:.95rem;min-width:6ch;text-align:center}