.photo-viewer{z-index:1100;background:#000;position:fixed;inset:0}.photo-viewer__stage{touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.photo-viewer__image{object-fit:contain;max-width:100%;max-height:100%;transition:opacity .15s ease-out}.photo-viewer__bar{height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0 4px;color:#fff;background:linear-gradient(#0009,#0000);align-items:center;gap:8px;transition:opacity .3s ease-in-out;display:flex;position:absolute;top:0;left:0;right:0}.photo-viewer__bar--hidden{pointer-events:none;opacity:0}.photo-viewer__back{color:#fff;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.photo-viewer__back svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:20.5px}.photo-viewer__title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;overflow:hidden}