.can-image-zoom-trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:8px}
.can-image-zoom-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
#image-zoom-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:100vw;max-height:100dvh;margin:0;padding:40px 24px;border:0;border-radius:0;overflow:hidden;background:rgba(10,8,18,.96);color:#fff;overscroll-behavior:contain}
#image-zoom-dialog[open]{display:grid;grid-template-columns:1fr;place-items:center}
#image-zoom-dialog::backdrop{background:#080411cc}
#image-zoom-dialog .can-image-zoom-picture{display:block;width:auto;height:calc(100dvh - 80px);max-width:100%;max-height:100%;object-fit:contain;filter:none}
.can-image-zoom-close{position:absolute;z-index:2;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff70;border-radius:50%;padding:0;background:#171221;color:#fff;font:32px/1 Arial,sans-serif;cursor:pointer}
.can-image-zoom-close:focus-visible{outline:3px solid #c1f600;outline-offset:3px}