.avatar-container{position:relative;display:inline-block}.avatar{max-height:96px;min-height:96px;width:96px;min-width:96px;max-width:96px;border-radius:50%;border:2px solid #ccc}.online-indicator{position:absolute;bottom:0;right:0;width:20px;height:20px;background-color:#4caf50;border:2px solid #fff;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(76,175,80,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(76,175,80,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(76,175,80,0)}}