.photo-viewer{overscroll-behavior:none;color:#f3f2ec;--viewer-line:#ffffff47;background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.photo-viewer[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.photo-viewer::backdrop{backdrop-filter:blur(10px);background:#121212e0}.viewer-toolbar,.viewer-bottom{padding-inline:max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right));align-items:center;gap:.75rem 1rem;display:grid}.viewer-toolbar{padding-block:max(.75rem, env(safe-area-inset-top)) .75rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"return title actions"}[data-viewer-close]{grid-area:return;justify-self:start}#viewer-title{text-align:center;overflow-wrap:anywhere;grid-area:title;min-width:0;margin:0;font-size:1rem;line-height:1.4}.viewer-actions{flex-wrap:wrap;grid-area:actions;justify-content:flex-end;justify-self:end;align-items:center;gap:.6rem;display:flex}.viewer-bottom{padding-block:.75rem max(.75rem, env(safe-area-inset-bottom));grid-template-columns:44px minmax(0,1fr) 44px}.photo-viewer button,.viewer-actions a{border:1px solid var(--viewer-line);min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#ffffff0a;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.85rem;line-height:1.2;text-decoration:none;transition:background-color .14s,border-color .14s;display:inline-flex}.photo-viewer button:disabled{opacity:.35;cursor:default}.photo-viewer button:hover:not(:disabled),.photo-viewer button[aria-pressed=true],.viewer-actions a:hover{background:#ffffff1f;border-color:#ffffff8c;text-decoration:none}.photo-viewer :is(button,a):focus-visible,.viewer-stage:focus-visible{outline-offset:3px;outline:2px solid #fff4e8}.viewer-bottom p{text-align:center;font-variant-numeric:tabular-nums;min-width:0;margin:0;font-size:.8rem;line-height:1.2}.viewer-stage{overscroll-behavior:contain;overflow-anchor:none;justify-content:center;align-items:center;min-width:0;min-height:0;padding:.5rem 1rem;display:flex;position:relative;overflow:auto}.viewer-stage:focus-visible{outline-offset:-3px}.viewer-stage img{object-fit:contain;width:100%;height:100%;display:block}.viewer-stage img[hidden]{display:none}.is-zoomed .viewer-stage{display:block}.is-zoomed .viewer-stage img{width:auto;min-width:100%;max-width:none;height:auto}html.viewer-open,.viewer-open body{overscroll-behavior:none;overflow:hidden}.viewer-status:empty{display:none}.viewer-status{text-align:center;background:#121212d9;width:fit-content;max-width:min(40ch,100% - 2rem);margin-inline:auto;padding:.6rem .85rem;line-height:1.5;position:absolute;inset:auto 1rem 1rem}@media (width<=1000px){.viewer-toolbar{grid-template-areas:"return title.""actions actions actions"}.viewer-actions{justify-content:center;justify-self:center}}@media (width<=650px){.viewer-toolbar{grid-template-columns:44px minmax(0,1fr) 44px}[data-viewer-return-label]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.viewer-stage{padding-inline:.5rem}}@media (height<=500px) and (width>=651px){.viewer-toolbar,.viewer-bottom{padding-block:.4rem}}