.image-dialog{color:#ccc;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.image-dialog::backdrop{background:#1e1e1ee6}.image-dialog__stage{place-items:center;padding:44px;display:grid;position:absolute;inset:0;overflow:hidden}.image-dialog__stage>img{cursor:zoom-in;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 88px)}.image-dialog__stage.is-zoomed{padding:44px;display:block;overflow:auto}.image-dialog__stage.is-zoomed>img{cursor:zoom-out;max-width:none;max-height:none}.image-dialog button{color:#ccc;cursor:pointer;background:#1e1e1e99;border:0;width:44px;height:44px;margin:0;padding:10px}.image-dialog button:hover,.image-dialog button:focus-visible{color:#fff}.image-dialog button svg{fill:currentColor;width:100%;height:100%;display:block}.image-dialog__toolbar{z-index:3;display:flex;position:absolute;top:0;right:0}.image-dialog__play[aria-pressed=true] svg{display:none}.image-dialog__play[aria-pressed=true]:after{content:"Ⅱ";font-size:24px;line-height:24px}.image-dialog__counter{z-index:3;padding:0 10px;font-family:Arial,sans-serif;font-size:13px;line-height:44px;position:absolute;top:0;left:0}.image-dialog button.image-dialog__prev,.image-dialog button.image-dialog__next{z-index:2;width:38px;height:38px;padding:7px;position:absolute;top:calc(50% - 19px)}.image-dialog__prev{left:6px}.image-dialog__next{right:6px}.image-dialog__thumbnails{z-index:2;background:#ddd;grid-template-columns:repeat(2,100px);align-content:start;gap:3px;width:212px;padding:3px;display:grid;position:absolute;inset:0 0 0 auto;overflow:auto}.image-dialog__thumbnails button{background:#888;border:3px solid #0000;width:100px;height:75px;padding:0}.image-dialog__thumbnails button[aria-current=true]{border-color:#ff5268}.image-dialog__thumbnails img{object-fit:cover;width:100%;height:100%}.image-dialog.has-thumbnails .image-dialog__stage,.image-dialog.has-thumbnails .image-dialog__toolbar,.image-dialog.has-thumbnails .image-dialog__next{right:212px}@media (width<=576px){.image-dialog__stage{padding:6px 0}.image-dialog__stage>img{max-height:calc(100dvh - 12px)}.image-dialog__thumbnails{grid-template-columns:100px;width:110px}.image-dialog.has-thumbnails .image-dialog__stage,.image-dialog.has-thumbnails .image-dialog__toolbar,.image-dialog.has-thumbnails .image-dialog__next{right:110px}}