.divider {
	background-color: #edeff1;
	height: 1px;
	margin-bottom: 24px;
	margin-left: 42px;
	margin-top: 6px;
}

#content {
	cursor: text;
}

.comment {
	margin-bottom: 22px;
	padding-left: 8px;
}

.comment .comment-header {
	display: flex;
	gap: 4px;
	align-items: flex-end;
}

.comment .comment-header .comment-author {
	font-size: 12px;
	color: #1a1a1b;
	font-family: "IBM Regular";
	padding-bottom: 7px;
	cursor: pointer;
}

.comment .comment-header .comment-author:hover {
	text-decoration: underline;
}

.comment .comment-header .comment-timestamp {
	font-size: 11px;
	font-family: "Noto Sans Regular";
	color: #7c7c7c;
	padding-bottom: 7px;
}

.comment .comment-header .comment-avatar {
	width: 28px;
	height: 28px;
	margin-right: 3px;
	cursor: pointer;
	border-radius: 50%;
	object-fit: cover;
}

.comment .comment-content-container {
	display: grid;
	gap: 18px;
	grid-template-columns: auto 1fr;
	grid-template-rows: 1fr;
	grid-auto-columns: auto 1fr;
	grid-auto-rows: 1fr;
	margin-right: 30px;
	position: relative;
}

.comment .comment-content-container .comment-line {
	/*margin-top: 6px;*/
	margin-left: 12px;
	width: 2px;
	cursor: pointer;
}

.comment .comment-content-container .right {
	padding-top: 4px;
}

.comment .comment-content-container .right #content {
	margin-left: 5px;
}

.comment .comment-content-container .right .comment-footer {
	display: flex;
	align-items: center;
	margin-top: 2px;
}

.comment .comment-content-container .right .comment-footer #upvote,
.comment .comment-content-container .right .comment-footer #downvote {
	cursor: pointer;
	padding: 2px 2px 1px 2px;
	background-color: transparent;
}

.comment .comment-content-container .right .comment-footer #upvote:hover,
.comment .comment-content-container .right .comment-footer #downvote:hover {
	background-color: #e1e2e3;
	border-radius: 4px;
}

.comment .comment-content-container .right .comment-footer #upvote * ,
.comment .comment-content-container .right .comment-footer #downvote * {
	pointer-events: none;
}

.comment .comment-content-container .right .comment-footer .comment-footer-box {
	display: flex;
	gap: 6px;
	font-size: 11px;
	font-family: "IBM";
	color: #878a8c;
	padding: 4px 7px;
	align-items: center;
	justify-content: center;
	padding-top: 2px;
	cursor: pointer;
}

.comment .comment-content-container .right .comment-footer .comment-footer-box * {
	pointer-events: none;
}

.comment .comment-content-container .right .comment-footer .comment-footer-box:hover {
	background-color: #e7e7e7;
	border-radius: 4px;
}

.comment .comment-content-container .right .comment-footer .comment-footer-box h3 {
	padding-bottom: 2px;
	padding-top: 2px;
}

.comment .comment-content-container .right .comment-footer .comment-footer-box img {
	height: 20px;
}

.comment .comment-content-container .right .comment-footer #upvote {
	border: 1px solid transparent;
	margin-right: 3px;
}

.comment .comment-content-container .right .comment-footer #upvote .upvote {
	height: 20px;
	width: 19px;
}

.comment .comment-content-container .right .comment-footer #downvote {
	border: 1px solid transparent;
	margin-right: 2px;
}

.comment .comment-content-container .right .comment-footer #downvote .downvote {
	height: 20px;
	width: 19px;
}

.comment .comment-content-container .right .comment-footer .votes {
	margin-top: 4px;
	font-family: "IBM Regular";
	font-size: 0.75em;
	padding-bottom: 5px;
	margin-right: 3px;
}

.sorter {
	display: flex;
	align-items: center;
	padding-left: 42px;
	margin-top: 23px;
	font-family: "IBM";
	font-size: 11px;
	cursor: pointer;
}

.sorter .dropdown {
	height: 22px;
	padding-bottom: 1px;
}

.divider {
	margin-top: 6px;
	height: 1px;
	margin-left: 42px;
	background-color: #edeff1;
	margin-bottom: 22px;
}

#content {
	font-family: "Noto Sans Regular";
	color: #060606;
	font-size: 14px;
	padding: 0;
	margin: 0;
}

.nestedComment, .nested-comment-box {
	display: flex;
}


.nestedComment .comment-line, .nested-comment-box .comment-line {
	/*margin-top: 6px;*/
	margin-left: 12px;
	width: 2px;
	cursor: pointer;
}

.nestedComment .second-row-line, .nested-comment-box .second-row-line {
	margin-top: 18px;
	margin-left: 22px;
	width: 2px;
	height: inherit;
	cursor: pointer;
}