.avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--color-background-success);
	color: var(--color-text-success);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	font-weight: 600;
	flex-shrink: 0;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.avatar--sm {
	width: 28px;
	height: 28px;
	font-size: 0.625rem;
}

.avatar--lg {
	width: 64px;
	height: 64px;
	font-size: 1.25rem;
}