.avatar img{border-radius:100%;display:block}.avatar .ratio{position:relative}.avatar .ratio__height{overflow:visible}.avatar .ratio:after{border:2px solid var(--colors-themed-card-bg);border-radius:100%;bottom:6px;height:9px;position:absolute;right:6px;transform:translate(50%,50%);width:9px}.avatar--online .ratio:after{background:#24b47e;content:""}.avatar--away .ratio:after{background:#c3c4c7;content:""}.avatar.avatar--tiny .ratio:after{border-width:1px;bottom:4px;height:6px;right:4px;width:6px}