.avatar{overflow:hidden;position:relative}.avatar.has-pic{background:var(--surface-2, #e2e8f0)!important}.avatar>img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.avatar.xs{width:18px;height:18px;font-size:8px;display:inline-grid;vertical-align:-4px;margin-right:4px}.avatar.sm{width:24px;height:24px;font-size:9px}.avatar.xl{width:96px;height:96px;font-size:32px}.avatar.demo-pic:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 2px #facc15}.av-edit{position:relative;padding:0;border:0;background:none;border-radius:50%;cursor:pointer;flex:none;line-height:0}.av-edit>svg{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;padding:3px;border-radius:50%;background:var(--surface, #fff);color:var(--text, #0f172a);box-shadow:0 0 0 1px var(--line-2, #cbd5e1)}.av-edit:hover .avatar,.av-edit:focus-visible .avatar{box-shadow:0 0 0 3px var(--accent-soft, #e0e7ff)}.av-prof .av-head{display:grid;justify-items:center;gap:8px;margin:4px 0 14px;text-align:center}.av-prof .av-acts{display:grid;gap:8px}.av-prof .av-acts .btn{display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.av-crop{position:relative;margin:4px auto 12px;overflow:hidden;border-radius:14px;background:#0f172a;touch-action:none;cursor:grab;user-select:none}.av-crop:active{cursor:grabbing}.av-crop:focus-visible{outline:3px solid var(--accent, #4f46e5);outline-offset:2px}.av-crop img{position:absolute;left:0;top:0;max-width:none;pointer-events:none}.av-crop .av-ring{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 999px #0f172a99;pointer-events:none}.av-prof label.av-zoom{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0 auto 12px;max-width:240px}.av-prof label.av-zoom input{flex:1;margin:0}.list-item>.avatar.sm{margin-right:2px}.am-av.avatar{width:40px;height:40px;font-size:14px;color:#fff}.am-card.compact .am-av.avatar{width:32px;height:32px;font-size:12px}