.pgp{-webkit-user-select:none;user-select:none;position:relative}.pgp-under,.pgp-top{border-radius:22px;position:absolute;inset:0}.pgp-under{background:var(--fill-slab,#fff);overflow:hidden}.pgp-book{color:color-mix(in srgb, var(--fill-on,#17181a) 72%, var(--fill-slab,#fff));text-align:justify;hyphens:auto;flex-direction:column;padding:22px 20px 16px;font-size:11px;line-height:1.65;display:flex;position:absolute;inset:0}.pgp-book p{text-indent:1.4em;margin:0}.pgp-book p:first-child{text-indent:0}.pgp-folio{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--fill-on,#17181a) 52%, var(--fill-slab,#fff));align-self:center;margin-top:auto;padding-top:10px;font-size:11px}.pgp-top{background:#fff;place-items:center;display:grid;overflow:hidden}.pgp-patch{pointer-events:none;width:56%;height:auto;display:block}.pgp-flap{pointer-events:none;position:absolute;inset:0;overflow:visible}.pgp-flap polygon{stroke:color-mix(in srgb, var(--fill-on,#17181a) 10%, var(--fill-slab,#fff));stroke-width:1px;stroke-linejoin:round}.pgp-s0{stop-color:color-mix(in srgb, var(--fill-on,#17181a) 16%, var(--fill-slab,#fff))}.pgp-s1{stop-color:color-mix(in srgb, var(--fill-on,#17181a) 5%, var(--fill-slab,#fff))}.pgp-s2{stop-color:color-mix(in srgb, var(--fill-on,#17181a) 2%, var(--fill-slab,#fff))}.pgp-grab{cursor:grab;touch-action:none;position:absolute;top:0;right:0}.pgp-grab:active{cursor:grabbing}.pgp[data-off] .pgp-top,.pgp[data-off] .pgp-flap{transform-origin:100% 0;opacity:0;pointer-events:none;transition:transform .64s cubic-bezier(.5,0,.2,1),opacity .48s .16s;transform:translate(26%,-58%)rotate(22deg)}.pgp[data-off] .pgp-grab{display:none}@media (prefers-reduced-motion:reduce){.pgp[data-off] .pgp-top,.pgp[data-off] .pgp-flap{transition:opacity .24s;transform:none}}