.photo-zoom{width:100%;min-width:0}.photo-zoom-tools{color:var(--ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 4px 12px;display:flex}.photo-zoom-stepper{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-subtle);align-items:center;gap:2px;padding:3px;display:flex}.photo-zoom-tools button{border-radius:var(--radius-xl);min-width:44px;min-height:44px;color:inherit;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:.875rem;display:inline-flex}.photo-zoom-tools button:disabled{opacity:.35;cursor:default}.photo-zoom-tools output{text-align:center;font-variant-numeric:tabular-nums;min-width:3.8em;font-size:.875rem;font-weight:600}.photo-zoom-tools .photo-zoom-fit{color:var(--muted)}.photo-zoom-tools button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (hover:hover){.photo-zoom-tools button:not(:disabled):hover{background:var(--paper-light);color:var(--ink)}.photo-zoom-tools .photo-zoom-fit:hover{background:var(--surface-subtle)}}.photo-zoom-viewport{overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable;max-height:58dvh;overflow:auto}.photo-zoom-content{min-width:100%}.photo-zoom-image{margin-inline:auto;position:relative}.photo-zoom[data-zoomed=true] .photo-zoom-viewport{cursor:grab}.photo-zoom[data-zoomed=true] .photo-zoom-viewport:active{cursor:grabbing}.photo-zoom .photo-zoom-content img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;max-height:none;display:block}.photo-zoom-viewport:not([data-measured]) .photo-zoom-content img{max-height:58dvh}.photo-zoom .pc-retryable-full{max-height:none;aspect-ratio:auto!important;width:100%!important}.photo-zoom-viewport[data-measured] .photo-zoom-image>:is(img,.pc-retryable-full),.photo-zoom-viewport[data-measured] .pc-retryable-full>img{height:100%}.member-room-photo-stage .photo-zoom-viewport{height:58dvh!important}.member-room-photo-stage .photo-zoom .photo-zoom-viewport[data-measured] .member-photo-image{height:100%;min-height:0}.member-room-photo-viewer .photo-zoom-tools button{width:auto;min-width:44px;height:auto;padding:6px 10px;display:inline-flex}.photo-zoom-viewport{touch-action:none}.photo-zoom[data-zoomed=false] .photo-zoom-viewport{overflow:hidden}