.dossier-sidebar-image-open{display:block;width:100%;height:100%;position:relative;cursor:zoom-in}
.dossier-sidebar-image-open:focus-visible{outline:3px solid #e9484d;outline-offset:-3px;border-radius:14px}
.dossier-sidebar-image-zoom{position:absolute;left:10px;bottom:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffffed;color:#102d3c;box-shadow:0 2px 8px #0002;pointer-events:none}
.dossier-image-viewer{position:fixed;inset:0;margin:auto;padding:54px 16px 16px;width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border:1px solid #ffffff20;border-radius:14px;background:#0b1720;color:#fff;box-shadow:0 20px 80px #0006;overflow:auto;overscroll-behavior:contain}
.dossier-image-viewer:not([open]){display:none}
.dossier-image-viewer::backdrop{background:#06121ce6;backdrop-filter:blur(5px)}
.dossier-image-viewer-photo{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 108px);max-height:calc(100dvh - 108px);object-fit:contain;margin:auto;border-radius:5px}
.dossier-image-viewer-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#ffffff12;color:#fff;cursor:pointer}
.dossier-image-viewer-close:hover{background:#e9484d}
.dossier-image-viewer-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){.dossier-image-viewer{max-width:calc(100vw - 16px);padding-inline:8px;border-radius:10px}}