.image-dialog{border:1px solid var(--line);background:#000;border-radius:.5rem;justify-content:center;align-items:center;width:80vw;max-width:80vw;height:80dvh;max-height:80dvh;padding:0;display:flex;position:fixed;overflow:hidden;inset:auto!important;top:10dvh!important;left:10vw!important;transform:translate(0)!important}.image-dialog>img,.image-dialog-image>img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.image-dialog-image{background:0 0;border:0;width:100%;height:100%;min-height:0;padding:0;display:block}.image-dialog-image:focus-visible{outline-offset:-2px;outline:2px solid #fff}.image-dialog-close{border:1px solid var(--line);color:var(--text);cursor:pointer;height:2.75rem;right:max(.75rem, env(safe-area-inset-right));top:max(.75rem, env(safe-area-inset-top));z-index:1;background:#000;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;font-size:1.5rem;line-height:1;display:flex;position:absolute}:is(.image-dialog-close:hover,.image-dialog-close:focus-visible){background:var(--text);color:#000}.image-dialog-close:focus-visible{outline-offset:2px;outline:2px solid #fff}.image-dialog-nav{border:1px solid var(--line);color:var(--text);cursor:pointer;z-index:1;background:#000c;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-dialog-previous{left:max(.75rem, env(safe-area-inset-left))}.image-dialog-next{right:max(.75rem, env(safe-area-inset-right))}:is(.image-dialog-nav:hover,.image-dialog-nav:focus-visible){background:var(--text);color:#000}.image-dialog-nav:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (max-width:996px){.image-dialog[data-mobile-controls-visible=false] .image-dialog-nav{visibility:hidden;pointer-events:none}.image-dialog{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;top:0!important;left:0!important;inset:0!important;transform:translate(0)!important}}
