$avatar-size: 60px;

.vui-avatar {
	height: $avatar-size;
	width: $avatar-size;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	display: inline-block;

	&__placeholder {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent no-repeat center center;
		background-size: cover;
	}

	& img {
		height: $avatar-size;
		width: $avatar-size;
		object-fit: cover;
	}
}