@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;
		}

		&.mod-softRounded {
			&.mod-XS {
				@include softRoundedXS;
			}

			&.mod-S {
				@include softRoundedS;
			}

			@include softRounded;

			&.mod-L {
				@include softRoundedL;
			}

			&.mod-XL {
				@include softRoundedXL;
			}

			&.mod-XXL {
				@include softRoundedXXL;
			}

			&.mod-XXXL {
				@include softRoundedXXXL;
			}
		}
	}
}

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

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

		&.mod-L {
			@include wrapperL;
		}

		&.mod-S {
			@include wrapperS;
		}

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