/* .postimage */

.postimage {
	max-height: 600px;
}

/* [diff] */

.diff {
	white-space: pre-wrap;
}

.diff .diff__controls {
	float: right;
	margin-inline-start: 0.3em;
    margin-block-end: 0.3em;
}

[dir='rtl'] .diff .diff__controls {
	float: left;
}

[dir='rtl'] [dir='ltr'] .diff .diff__controls {
	float: right;
}

.diff ins {
  color: #1c761c;
  background: #c6f1c6;
  text-decoration: none;
}

.diff del {
  color: #ac4330;
  background: #ffdcd6;
}

.diff .diff__comment {
    color: #0080FF;
    font-style: italic;
}

/* [voice] */

.voice {
	--color: #1caff6;
	--hover-color: #0996dc;
	--lowlight-color: #aaa;

	cursor: pointer;
	color: var(--color);
	text-align: unset;
}

.voice .voice__speak {
    background: var(--color);
    border-radius: 50%;
    height: 1em;
    width: 1em;
    overflow: hidden;
    margin: 0 2px 0 2px;
    vertical-align: middle;
    display: inline-flex;
    color: #fff;
    justify-content: center;
    align-items: center;
}

.voice .voice__speak i {
    font-size: .6em;
}

.voice .voice__text:hover {
	color: var(--hover-color);
}

.voice .voice__text:hover .voice__speak {
	background-color: var(--hover-color);
	cursor: pointer;
}

.voice.voice--playing .voice__speak i {
    font-size: .5em;
}

.voice .voice__external-link i {
    color: var(--lowlight-color);
	font-size: .8em;
}

.voice .voice__external-link i:hover {
    color: var(--hover-color);
}

/* [mention] (simple mentions) */

.mention {
    background: #1221;
    color: #235;
    font-size: 0.9em;
    height: 1.5em;
    border-radius: 0.75em;
    padding: 0 0.6em;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
}