.microblog-comment {
	& p {
		font-style: italic;
		margin: 0;
		padding: var(--space-s) 0 0 0;
	}
}

.microblog-emoji {
	font-size: var(--step-6);
	margin-right: var(--space-s);
}

.microblog-icon {
	fill: var(--contrast-color);
	height: var(--space-4xl);
	padding-right: var(--space-s);
	width: var(--space-2xl);
}
.microblog-list {
	& .postlist-item-container {
		display: flex;
		flex-flow: column nowrap;
		gap: var(--space-s);
		& .postlist-item {
			& .post-copy {
				& .post-metadata {
					& .post-metadata-copy {
						& p {
							margin-bottom: 0;
						}
					}
				}
				& h3 {
					&:before {
						content: "";
						margin-left: 0;
					}
				}
			}
		}
	}
	& .post-metadata {
		padding: 0;
	}
}
.microblog-post {
	display: flex;
	& .microblog-comment {
		& p {
			padding-top: 0;
			padding-bottom: var(--space-2xs);
		}
	}
}

.microblog-status {
	&.card {
		align-items: center;
		padding: var(--space-s);
	}
	& h2 {
		margin-top: var(--space-m);
	}
	& .microblog-status-copy {
		align-items: center;
		display: flex;
		flex-flow: column nowrap;
		p {
			margin: 0;
		}
		& .status-metadata {
			color: var(--color-metadata);
			font-family: var(--font-family-metadata);
			font-size: var(--font-size-metadata);
			font-variation-settings: var(--font-variation-settings-metadata);
			letter-spacing: var(--letter-spacing-metadata);
			line-height: calc(
				var(--font-size-metadata) * 0.5 + var(--font-size-metadata)
			);
			text-transform: var(--text-transform-metadata);
			& a[href] {
				color: var(--color-metadata);
				text-decoration: none;
			}
		}
	}
}