.avatar-wrapper{display:inline-flex;position:relative}.avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.avatar-img{object-fit:cover}.avatar-sm{width:22px;height:22px;font-size:11px}.avatar-md{width:32px;height:32px;font-size:14px}.avatar-lg{width:80px;height:80px;font-size:32px}.avatar-xl{width:160px;height:160px;font-size:64px}.avatar-online-dot{background:var(--online);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.avatar-sm+.avatar-online-dot,.avatar-wrapper .avatar-sm~.avatar-online-dot{border-width:1.5px;width:8px;height:8px}