<commit_before>.unfurlUrlCard {
	background-color: $wcfContentBackground;
	border-radius: 3px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	color: $wcfContentText;
	display: inline-block;
	margin: 10px 0;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	width: 600px;

	/* OG images are designed with a 2:1 aspect ratio. */
	&.unfurlUrlCardCoverImage {
		width: 400px;

		.unfurlUrlImage {
			height: 200px;
			position: relative;
		}
	}

	&.unfurlUrlCardSquaredImage {
		display: flex;

		.unfurlUrlImage {
			border-radius: 3px;
			flex: 0 0 auto;
			height: 128px;
			margin: 10px;
			width: 128px;

			@include screen-sm {
				height: 64px;
				width: 64px;
			}

			@include screen-xs {
				height: 24px;
				position: absolute;
				width: 24px;
			}
		}

		.unfurlUrlInformation {
			flex: 1 auto;
			overflow: hidden;
			padding-left: 10px;
		}

		@include screen-xs {
			.unfurlUrlTitle {
				padding-left: 30px;
			}
		}
	}
}

.unfurlUrlImage {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.unfurlUrlInformation {
	position: relative;
	padding: 10px 10px 25px 10px;
}

.unfurlUrlTitle {
	@include wcfFontHeadline;
	@include wcfFontBold;

	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.unfurlUrlDescription {
	color: $wcfContentDimmedText;<commit_msg>The title of rich embeds can now span two lines<commit_after>.unfurlUrlCard {
	background-color: $wcfContentBackground;
	border-radius: 3px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	color: $wcfContentText;
	display: inline-block;
	margin: 10px 0;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	width: 600px;

	/* OG images are designed with a 2:1 aspect ratio. */
	&.unfurlUrlCardCoverImage {
		width: 400px;

		.unfurlUrlImage {
			height: 200px;
			position: relative;
		}
	}

	&.unfurlUrlCardSquaredImage {
		display: flex;

		.unfurlUrlImage {
			border-radius: 3px;
			flex: 0 0 auto;
			height: 128px;
			margin: 10px;
			width: 128px;

			@include screen-sm {
				height: 64px;
				width: 64px;
			}

			@include screen-xs {
				height: 24px;
				position: absolute;
				width: 24px;
			}
		}

		.unfurlUrlInformation {
			flex: 1 auto;
			overflow: hidden;
			padding-left: 10px;
		}

		@include screen-xs {
			.unfurlUrlTitle {
				padding-left: 30px;
			}
		}
	}
}

.unfurlUrlImage {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.unfurlUrlInformation {
	position: relative;
	padding: 10px 10px 25px 10px;
}

.unfurlUrlTitle {
	@include wcfFontHeadline;
	@include wcfFontBold;

	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.unfurlUrlDescription {
	color: $wcfContentDimmedText;
{'fraction_non_alphanumeric': 0.12011271574498063, 'fraction_numerical': 0.04825642831983093, 'mean_word_length': 3.316109422492401, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4324518', 'n_tokens_mistral': 1382, 'n_tokens_neox': 1100, 'n_words': 262}