.photo-viewer-open{overflow:hidden}.photo-viewer{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:4.5rem 5rem 2rem;border:0;background:#0b0b0df5;color:#fff}.photo-viewer::backdrop{background:#0b0b0d}.photo-viewer[open]{display:grid;grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;align-items:center;gap:1rem}.photo-viewer figure{display:grid;min-width:0;margin:0;gap:1rem;justify-items:center}.photo-viewer figure img{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 10rem);-o-object-fit:contain;object-fit:contain}.photo-viewer figcaption{color:#ddd;font:.85rem / 1.5 var(--font-body, sans-serif);text-align:center}.photo-viewer-toolbar{position:absolute;inset:1rem 1.5rem auto;display:flex;align-items:center;gap:.75rem;font:.8rem var(--font-mono, monospace)}.photo-viewer-toolbar>span{margin-right:auto}.photo-viewer button,.photo-viewer-toolbar a{display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid #ffffff40;background:transparent;color:#fff;font:1.5rem/1 sans-serif;cursor:pointer;text-decoration:none}.photo-viewer button:hover,.photo-viewer-toolbar a:hover{border-color:#ff8700;color:#ff8700}.photo-viewer :focus-visible{outline:2px solid #ff8700;outline-offset:4px}.photo-viewer [hidden]{display:none}@media(max-width:720px){.photo-viewer{padding:4.5rem .75rem 5rem}.photo-viewer[open]{grid-template-columns:minmax(0,1fr)}.photo-viewer .photo-viewer-arrow{position:absolute;bottom:1rem;left:calc(50% - 3.5rem)}.photo-viewer #photo-viewer-next{left:calc(50% + .75rem)}.photo-viewer figure img{max-height:calc(100dvh - 12rem)}}