.photo-preview{box-sizing:border-box;color:#23382f;overscroll-behavior:contain;background:#fff;border:1px solid #cbd5cb;border-radius:12px;width:min(1000px,100vw - 32px);max-height:calc(100dvh - 32px);padding:20px;overflow:auto}html[data-theme=dark] .photo-preview{color:#dfe2e1;background:#1f2823;border:1px solid #425249;border-radius:12px}.photo-preview::backdrop{background:#18251ecc}html[data-theme=dark] .photo-preview::backdrop{background:#18251ecc}.photo-preview>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.photo-preview h2{margin:0;font-size:20px}.photo-preview-caption{overflow-wrap:anywhere}.photo-preview-image{text-align:center}.photo-preview-image img{object-fit:contain;width:100%;height:min(65dvh,760px);display:block}.photo-preview-image img[hidden],.photo-preview-image p:empty{display:none}.photo-preview button{color:#23382f;min-height:44px;font:inherit;cursor:pointer;background:#f3f4ef;border:1px solid #71806a;border-radius:6px;padding:8px 16px}html[data-theme=dark] .photo-preview button{color:#dfe2e1;background:#21231b;border:1px solid #435149;border-radius:6px}.photo-preview>nav{justify-content:space-between;gap:16px;margin-top:12px;display:flex}:is(.photo-preview button:focus-visible,button.photo-preview-trigger:focus-visible){outline-offset:3px;outline:3px solid #46694a}:is(html[data-theme=dark] .photo-preview button:focus-visible,html[data-theme=dark] button.photo-preview-trigger:focus-visible){outline-offset:3px;outline:3px solid #3b593f}button.photo-preview-trigger{width:100%;min-width:0;min-height:44px;color:inherit;font:inherit;cursor:zoom-in;background:0 0;border:0;border-radius:6px;margin:0;padding:0;display:block}html[data-theme=dark] button.photo-preview-trigger{color:inherit;background:0 0;border:0;border-radius:6px}.photo-preview-trigger img{display:block}.photo-preview-unavailable{color:#52634c;background:#f3f4ef;place-items:center;min-height:80px;padding:8px;font-size:12px;display:grid}html[data-theme=dark] .photo-preview-unavailable{color:#bbc1b9;background:#21231b}.iw-progress-photos>.photo-preview-trigger{flex:1;max-width:50%}.la-photo>.photo-preview-trigger{border-radius:0;height:100%}html[data-theme=dark] .la-photo>.photo-preview-trigger{border-radius:0}@media (max-width:600px){.photo-preview{padding:12px}.photo-preview-image img{height:55dvh}}
