.image-viewer{color:#fff;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:20px;position:fixed;inset:0;overflow:hidden}.image-viewer::backdrop{background:#111}.image-viewer-panel{pointer-events:auto;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;max-width:1700px;height:100%;margin:auto;display:grid}.image-viewer-toolbar,.image-viewer-navigation{justify-content:space-between;align-items:center;gap:20px;display:flex}.image-viewer-toolbar p{font:400 14px/1.4 var(--mono);max-width:calc(100% - 70px)}.image-viewer button{color:#fff;pointer-events:auto;background:#ffffff0d;border:1px solid #ffffff45;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:26px;line-height:1;display:grid}.image-viewer button:hover{background:#ffffff20}.image-viewer button:focus-visible{outline-offset:3px;outline:2px solid #fff}.image-viewer-content{min-width:0;min-height:0;position:relative;overflow:hidden}dialog.image-viewer .image-viewer-content img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;position:absolute;inset:0}.image-viewer-navigation{font:400 12px/1 var(--mono);justify-content:center}@media (max-width:809px){.image-viewer{padding:12px}.image-viewer-toolbar p{font-size:11px}}