/* Thread animation */
.animate-threads {
	overflow: visible;
}

.animate-threads .comment > .comment {
	padding-left: 1px;
}

.animate-threads .parent .comment {
	box-sizing: content-box;
	width: calc(100% - 3px);
}

.animate-threads .comment > article {
	box-sizing: border-box;
	padding-left: 1em;
	width: 100%;
}

.animate-threads [data-depth="1"] .comment > .comment {
	transform: translateX(1em);
	transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {

	.animate-threads [data-depth="1"] .comment > .comment {
		transition-duration: 0.01ms;
	}
}

.animate-threads [data-depth="1"] .comment.depth-scoped > .comment {
	transform: translateX(0);
}

/* Thread interaction elements */
.toggle-all-replies[hidden],
.thread-level[hidden] {
	display: none;
}

.comment-filter-hidden {
	display: none;
}

.comment-buttons button.fw-button[disabled]:hover {
	background-image: var(--comment-icon-first-word);
}

.comment-buttons button.lw-button[disabled]:hover {
	background-image: var(--comment-icon-last-word);
}