.profile-avatar{position:relative;display:inline-block;overflow:hidden;border-radius:50%;background:#fff;flex-shrink:0}
.profile-avatar img{position:absolute;top:0;display:block;max-width:none;pointer-events:none}
.profile-avatar .profile-avatar-photo{left:0;width:100%;height:100%;object-fit:cover}
.profile-avatar-initials{position:absolute;inset:0;display:grid;place-items:center;background:#e8f1ff;color:#075aa6;font-size:14px;font-weight:700;line-height:1}
.profile-photo-preview .profile-avatar-initials{font-size:32px}
.profile-card-avatar{width:48px;height:48px;float:left;margin-right:12px}
.profile-photo-preview{width:96px;height:96px;margin:auto}
.profile-photo-editor{display:grid;gap:10px;text-align:center}
#edit-profile select{width:100%;padding:12px;border:1px solid #cbdcf0;border-radius:10px;font:inherit;background:#fff}
.profile-picture-change{position:relative;justify-self:center;width:96px;height:96px;padding:0;border:0;border-radius:50%;background:transparent;overflow:hidden;cursor:pointer}
.profile-picture-change .profile-photo-preview{display:block}
.profile-picture-caption{position:absolute;left:0;right:0;bottom:0;padding:5px 2px 8px;background:#075aa6;color:#fff;font-size:10px;line-height:1.1}
.profile-picture-change:focus-visible{outline:3px solid #0769bd;outline-offset:3px}
.profile-reset-initials{justify-self:center;border:0;padding:2px 6px;background:transparent;color:#075aa6;font-size:12px;text-decoration:underline;text-underline-offset:3px}
#edit-profile input[name=photo][hidden]{display:none}
#edit-profile input[type=file]{font-size:13px;padding:8px}
#edit-profile{max-height:calc(100dvh - 32px);overflow-y:auto}