.avatar {
    display: inline-block;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-position: center;
    background-size: cover;
}

.avatar__md {}

.avatar__xs {
    width: 30px;
    height: 30px;
}

.avatar__sm {
	width: 40px;
	height: 40px;
}

.avatar__lg {
	width: 80px;
	height: 80px;
}

.avatar__xxs {
    width: 18px;
    height: 18px;
}