span.contact {
	border-radius: 0.25em;
	padding: 0em 0.25em;
	background: #333;
	color: #fff;
}

span.contact.ours { background: #3EA876; }
span.contact.theirs { background: #485FC7; }

.thread-list {
}

.thread-message {
	margin: 1em 0em;
	color: #fff;
}
.thread-message a {
	color: #fff;
	text-decoration: underline;
}

.thread-body {
	display: inline-block;
	max-width: 30em;
	border-radius: 1em;
	padding: 0.5em 1em;
}

.thread-body-text {
	white-space: pre-wrap;
}

.thread-media img, .thread-media video {
	border-radius: 0.35em;
}

.thread-time {
	font-size: 0.75em;
	opacity: 0.6;
}

.thread-message.ours {
	text-align: right;
}

.thread-body-controls {
	text-align: left;
	height: 2em;
}
.thread-body-controls .tag {
	margin-right: 1em;
}
.thread-body-controls .control-item {
	float: right;
	cursor: pointer;
	margin: 0.4em;
}

.thread-message.ours > .thread-body {
	background: #3EA876; /* #48c78e; */
}

.thread-message.theirs > .thread-body {
	background: #485FC7;
}

.thread-message.sensitive .thread-body-text {
	filter: blur(0.75em);
}

.thread-message.sensitive .thread-media {
	overflow: hidden;
}
.thread-message.sensitive .thread-media img,
.thread-message.sensitive .thread-media video {
	filter: blur(3em);
}