.nelio-content-social-message-threads-preview {
	background: #fff;
	border: 1px solid;
	border-color: #e5e6e9 #dfe0e4 #d0d1d5;
	border-radius: 8px;
	cursor: default;
	font-family: -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial,
		sans-serif;
	margin: 1em 1.5em;
	padding: 10px 20px;
	user-select: none;

	.nelio-content-social-profile-icon {
		float: left;
		font-size: 42px;
		margin-right: 10px;
	}

	&__name-info {
		height: 42px;
	}

	&__display-name {
		font-size: 16px;
		font-weight: 700;
		line-height: 1.25;
		margin-top: 3px;
		padding-top: 2px;
	}

	&__username,
	&__date {
		color: #42566c;
	}

	&__image {
		border-radius: 5px;
		height: 200px;
		object-fit: cover;
		overflow: hidden;
		width: 100%;
	}

	&__media-carousel {
		display: flex;
		flex-direction: row;
		gap: 5px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	&__media-item {
		border-radius: 5px;
		height: 200px;
		overflow: hidden;
		flex-shrink: 0;
		width: 200px;

		&-image,
		&-video {
			height: 100%;
			object-fit: cover;
			width: 100%;
		}
	}
}

/* MESSAGE */

.nelio-content-social-message-threads-preview
	.nelio-content-computed-text-preview {
	cursor: auto;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 22px;
	margin: 10px 0;
	user-select: auto;
	word-break: break-word;
	overflow-wrap: break-word;

	&--empty {
		opacity: 0.6;
	}

	&__link,
	&__mention,
	&__hash {
		color: #1083fe;
	}
}

/* SHARED POST */

.nelio-content-threads-shared-link {
	border: 1px solid #e1e8ed;
	border-radius: 5px;
	margin-bottom: 1em;
	overflow: hidden;

	&__image {
		height: 160px;
		object-fit: cover;
		overflow: hidden;
		width: 100%;
	}

	&__content {
		padding: 1em;
	}

	&__title {
		margin-bottom: 0.2em;
		padding: 0;
		font-weight: 400;
		font-size: 15px;
		color: #000;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	&__domain {
		color: #999;
		font-weight: 400;
		font-size: 12px;
		margin-bottom: 0.2em;
		margin-top: -0.2em;
	}
}