.avatar { display:inline-flex; align-items:center; justify-content:center; border-radius:14%; overflow:hidden; border:2px solid rgba(184,144,46,.75); box-sizing:border-box; color:#fff; font-weight:700; letter-spacing:.3px; flex:none; vertical-align:middle; background:#101725; user-select:none; }
.avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.avatar-edit { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.avatar-edit .avatar { border-width:3px; border-radius:10%; box-shadow:0 6px 18px rgba(10,15,23,.18); }
.avatar-actions { display:flex; flex-direction:column; gap:8px; }
.avatar-actions .row { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }