.user-avatar{display:inline-block;position:relative;vertical-align:middle;flex-shrink:0;width:var(--user-avatar-size,40px);height:var(--user-avatar-size,40px);border-radius:50%;background:#f0f0f0;border:0;padding:0;overflow:hidden;line-height:1}
.user-avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.user-avatar img[hidden]{display:none}
.user-avatar-trigger{cursor:zoom-in}
.user-avatar-trigger:disabled{cursor:default}
.user-avatar-trigger:focus-visible{outline:3px solid #f28a19;outline-offset:3px}
.user-identity{display:inline-flex;align-items:center;gap:.65rem;vertical-align:middle;max-width:100%}
.avatar-viewer .modal-dialog{width:max-content;max-width:calc(100vw - 32px);margin-left:auto;margin-right:auto}
.avatar-viewer .modal-content{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden}
.avatar-viewer .modal-header{gap:1rem;flex-shrink:0}
.avatar-viewer .modal-title{max-width:70vw;max-height:25vh;overflow:auto}
.avatar-viewer .modal-body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:min(240px,75vw);min-height:96px;overflow:hidden}
.avatar-viewer-image{display:block;width:auto;height:auto;max-width:min(90vw,100%);max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);object-fit:contain}
.avatar-viewer-image[hidden]{display:none}

.avatar-viewer .modal-footer{flex-shrink:0;gap:.75rem}
.avatar-viewer .modal-footer>a{margin:0}
.avatar-viewer .modal-footer[hidden],.avatar-viewer .modal-footer a[hidden]{display:none}