@use 'exports' as *;

// lu-user-picture is deprecated
.avatar,
.lu-user-picture {
	@layer components {
		@include vars;
		@include component;
	}

	@layer mods {
		&.mod-XS {
			@include XS;
		}

		&.mod-S {
			@include S;
		}

		&.mod-L {
			@include L;
		}

		&.mod-XL {
			@include XL;
		}

		&.mod-XXL {
			@include XXL;
		}

		&.mod-XXXL {
			@include XXXL;
		}

		&.mod-placeholder {
			@include placeholder;
		}
	}

	&.mod-AI {
		@include AI;
	}
}

.avatarWrapper {
	@layer components {
		@include varsWrapper;
	}

	@layer mods {
		&.mod-XL {
			@include wrapperXL;
		}

		&.mod-L {
			@include wrapperL;
		}

		&.mod-S {
			@include wrapperS;
		}

		&.mod-XS {
			@include wrapperXS;
		}
	}
}