.flipbook{position:relative}.flipbook-cover{z-index:2;place-items:center;display:grid;position:absolute;top:0;bottom:auto;left:0;right:0}.flipbook-stage[data-ready=false]{opacity:0}.flipbook-stage[data-failed=true]{display:none}.flipbook-cover[data-static=true]{position:static}.flipbook-fallback{text-align:center;font-size:var(--text-sm);color:var(--color-neutral-text-secondary);margin-top:.8rem}.flipbook-stage{transition:opacity .5s}.flipbook-open{border-radius:var(--radius-full);width:-moz-fit-content;width:fit-content;color:var(--color-accent-main);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:1px solid #efa1328c;margin:1.6rem auto 0;padding:.75rem 1.6rem;transition:transform .3s,background-color .3s;display:block}.flipbook-open:hover{background:#efa1321f;transform:translateY(-2px)}.flipbook{margin-top:1.4rem}.flipbook-stage{width:100%;height:min(70vh,560px)}.flipbook-stage three-d-stage{width:100%;height:100%;display:block}.flipbook-label,.flipbook-loading{text-align:center;font-size:var(--text-sm);color:var(--color-neutral-text-secondary);margin-top:.8rem}.flipbook-nav{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.1rem;display:flex}.flipbook-nav button{cursor:pointer;font:inherit}.flipbook-nav button:disabled{opacity:.42;cursor:default;transform:none}.flipbook-hint{text-align:center;font-size:var(--text-xs);color:var(--color-neutral-text-secondary);margin-top:.5rem}