@use '@lucca-front/scss/src/commons/utils/container';

@use 'exports' as *;

.comment {
	@layer components {
		@include vars;
		@include component;
	}

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

		&.mod-noAvatar {
			@include noAvatar;
		}

		&:has(.comment-infos) {
			@include container.max(25rem, $name: 'comment') {
				@include narrow;
			}
		}
	}
}

.commentWrapper {
	@layer components {
		@include vars;
	}

	@layer mods {
		&.mod-S {
			@include wrapperS;
		}

		&.mod-compact {
			@include wrapperCompact;
		}

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

.commentWrapperChat {
	@layer components {
		@include chat;
	}
}