.avatar-viewer-dialog { width: min(512px, calc(100vw - 32px), calc(100dvh - 32px)); max-width: none; max-height: none; margin: auto; padding: 0; border: 0; outline: none; background: transparent; overflow: visible; }
.avatar-viewer-dialog::backdrop { background: rgb(0 0 0 / 85%); }
.avatar-viewer-dialog img { display: block; width: 100%; height: auto; cursor: zoom-out; }
html:has(.avatar-viewer-dialog[open]) { overflow: hidden; }