/* ===[ RANK COLOURS ]=== */


/* ===[ FORUM LAYOUT ]=== */

.forum-author {
	font-weight: 500;
}

.forum-flags .badge + .badge {
	margin-left: 0.25rem;
}

.forum-locked {
	padding: 0.75rem 1rem;
	border-radius: 0.5rem;
	background: rgba(255, 255, 255, 0.05);
	color: var(--text-secondary);
	font-size: 0.85rem;
}

.forum-empty {
	color: var(--text-secondary);
	font-size: 0.85rem;
}

.forum-sidebar .list-group-item {
	gap: 0.75rem;
}

.forum-sidebar .forum-avatar {
	width: 28px;
	height: 28px;
	transform: none;
}

.forum-rank-count {
	margin-left: auto;
	color: var(--text-secondary);
	font-size: 0.8rem;
}

.forum-edited {
	margin-top: 0.75rem;
	color: var(--text-secondary);
	font-size: 0.75rem;
}

.forum-inline-form {
	display: inline;
}

.forum-inline-form button {
	padding: 0;
	border: none;
	background: none;
	color: #FF8A80;
	font-size: 0.8rem;
	font-weight: 500;
}

.message .message-replies .message-replies .message-replies {
	margin-left: 0;
}

.message .message-collapse form {
	margin-top: 0.75rem;
}

/* ===[ EDITOR ]=== */

.editor-preview {
	min-height: 18rem;
	padding: 0.85rem 1rem;
	overflow-wrap: anywhere;
}

.editor-preview[hidden],
.editor-source[hidden] {
	display: none !important;
}

.editor-button.active {
	color: var(--color-primary);
}

.editor-hint {
	padding: 0.375rem 0.75rem;
	border-top: solid 1px rgba(255, 255, 255, 0.1);
	color: var(--text-secondary);
	font-size: 0.75rem;
}

.forum-search-form {
	display: flex;
	gap: 0.5rem;
}