@mixin vars {
	--components-avatar-size: 2.5rem;
	--components-avatar-fontSize: var(--pr-t-font-body-M-fontSize);
	--components-avatar-border: 2px;
	--components-avatar-scale: 1;
	--components-avatar-background: var(--pr-t-elevation-surface-default);
	--components-avatar-placeholder-size: 1.25rem;
	--components-avatar-AI-size: var(--pr-t-font-fontSize-200);
	--components-avatar-borderRadius: var(--pr-t-border-radius-full);
	--components-avatar-picture-background: var(--palettes-neutral-200);
	--components-avatar-picture-initials-display: block;
}

@mixin varsWrapper {
	@include vars;

	--components-avatarWrapper-fontSize: var(--pr-t-font-body-M-fontSize);
	--components-avatarWrapper-overlap: var(--pr-t-spacings-100);
	--components-avatarWrapper-rowGap: var(--pr-t-spacings-50);
}