.avatar{border-radius:9999px;display:inline-flex;position:relative;aspect-ratio:1/1}.avatar .picture{border-radius:inherit;aspect-ratio:1/1}.avatar>*:after{position:relative;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--alphaBlack10);content:""}.avatar .common-text{display:flex;justify-content:center;align-items:center;flex:1}.avatar:after{border-radius:9999px;position:absolute;bottom:0;right:0;z-index:2}.avatar.small{width:32px}.avatar.small:after{padding:3px}.avatar.small .common-text{font-size:16px}.avatar.medium{width:56px}.avatar.medium:after{padding:5px}.avatar.medium .common-text{font-size:30px}.avatar.large{width:96px}.avatar.large:after{padding:7px;bottom:4px;right:4px}.avatar.large .common-text{font-size:42px}.avatar.online:after{background-color:var(--green);border:2px solid var(--inverse);content:""}