.p4f-zoom{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--p4f-ink-inverse);overscroll-behavior:contain;touch-action:pan-y pinch-zoom;background:#081020;border:0;margin:0;padding:0}.p4f-zoom::backdrop{background:#08102099}html.p4f-zoom-open{overflow:hidden}.p4f-zoom-stage{height:100%;padding:64px 12px calc(16px + env(safe-area-inset-bottom));box-sizing:border-box;place-items:center;display:grid}.p4f-zoom figure{flex-direction:column;align-items:center;gap:12px;max-height:100%;margin:0;display:flex}.p4f-zoom img{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;min-height:0;max-height:calc(100dvh - 140px);display:block}.p4f-zoom figcaption{font-size:var(--p4f-text-sm);text-align:center;flex-wrap:wrap;justify-content:center;gap:4px 12px;font-weight:600;display:flex}.p4f-zoom-count{opacity:.75;font-weight:400}.p4f-zoom-close,.p4f-zoom-nav{width:48px;height:48px;color:inherit;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.p4f-zoom-close{top:calc(8px + env(safe-area-inset-top));right:8px}.p4f-zoom-nav{top:50%;transform:translateY(-50%)}.p4f-zoom-prev{left:8px}.p4f-zoom-next{right:8px}.p4f-zoom-close:hover,.p4f-zoom-nav:hover{background:#ffffff3d}.p4f-zoom-close:focus-visible,.p4f-zoom-nav:focus-visible{outline-offset:2px;outline:3px solid #fff}@media (max-width:767px){.p4f-zoom-nav{top:auto;bottom:calc(8px + env(safe-area-inset-bottom));transform:none}.p4f-zoom-stage{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.p4f-zoom img{max-height:calc(100dvh - 190px)}}