.nelio-content-social-message-facebook-preview {
	background: #fff;
	border: 1px solid;
	border-color: #e5e6e9 #dfe0e4 #d0d1d5;
	border-radius: 8px;
	cursor: default;
	font-family: Helvetica, Arial, sans-serif;
	margin: 1em 2em;
	user-select: none;

	&__profile-and-date {
		height: 40px;
		margin: 1em 1em 0;
	}

	.nelio-content-social-profile-icon {
		border: 1px solid #e3e3e3;
		border-radius: 100%;
		float: left;
		font-size: 40px;
		height: 38px;
		margin-right: 8px;
		overflow: hidden;
		width: 38px;

		&__profile-picture {
			border-radius: 0;
			height: 100%;
			width: 100%;
		}
	}

	&__display-name {
		font-size: 14px;
		font-weight: 700;
	}

	&__date {
		color: #65676b;
		font-size: 12px;
		font-weight: 700;
	}

	&__image,
	&__video {
		height: 180px;
		margin-bottom: 1em;
		object-fit: cover;
		width: 100%;
	}

	&__video {
		height: 360px;
		margin-bottom: 0;
	}
}

/* MESSAGE */

.nelio-content-social-message-facebook-preview
	.nelio-content-computed-text-preview {
	color: #000;
	cursor: auto;
	font-size: 14px;
	margin: 10px 1em;
	user-select: auto;
	word-break: break-word;
	overflow-wrap: break-word;

	&--empty {
		opacity: 0.6;
	}

	&__link,
	&__mention,
	&__hash {
		color: #45619d;
	}

	&__link:only-of-type {
		display: none;
	}
}

/* SHARED POST */

.nelio-content-facebook-shared-link {
	color: #000;
	background: #f0f2f5;
	border-top: 1px solid #d9d9d7;
	margin: 0;
	padding: 0;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;

	&__content {
		padding: 0.5em 1em;
	}

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

	&__title {
		font-family:
			system-ui,
			-apple-system,
			sans-serif;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.3;
		margin-bottom: 0.2em;
	}

	&__domain {
		color: #65676b;
		font-size: 10px;
		text-transform: uppercase;
	}
}