%base-avatar {
	width: 3rem;
	height: 3rem;
	border-radius: 999px;
	object-fit: cover;

	&.-small {
		width: 2.25rem;
		height: 2.25rem;
	}

	&.-tiny {
		width: 1.25rem;
		height: 1.25rem;
	}
}

.#{$component-prefix}avatar {
	@extend %base-avatar;
}