/* 展開エリア */
.md-comment-form-extra {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s ease;
}

/* 展開時 */
.md-comment-form.is-expanded .md-comment-form-extra {
	grid-template-rows: 1fr;
}

/* 展開エリア内部 */
.md-comment-form-extra-inner {
	min-height: 0;
	overflow: hidden;
}

/* 名前入力欄・投稿ボタン */
.md-comment-form-extra-inner > .md-comment-form-field,
.md-comment-form-extra-inner > .md-comment-form-submit {
	margin-top: 10px;
}


/* 返信フォーム */
.md-comment-reply-form {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s ease;
}

/* 返信フォーム展開時 */
.md-comment-reply-form.is-open {
	grid-template-rows: 1fr;
}

/* 返信フォーム内部 */
.md-comment-reply-form-inner {
	min-height: 0;
	overflow: hidden;
}

/* 返信フォームの余白 */
.md-comment-reply-form .md-comment-form-wrap {
	margin-top: 10px;
}

/* 投稿中の投稿ボタン無効化 */
.md-comment-form-submit button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.md-comment-children {
	/*margin-left: 20px;*/
}

.md-comment-depth-1 > .md-comment-children {
	margin-left: 25px;
}

/*スクロール時のトップ位置調整*/
.md-comment {
	scroll-margin-top: 0px;
}

/* 投票、返信ボタン */
.md-comment-like,
.md-comment-dislike,
.md-comment-reply {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
	border: none;
	background-color: transparent;
	color: #aaa;
}



/* アイコン */
.md-comment-like svg,
.md-comment-dislike svg {
	width: 20px;
	height: 20px;
}

/* いいね */
.md-comment-like.is-active {
	color: #e66a4e;
}

/* よくないね */
.md-comment-dislike.is-active {
	color: #3985c8;
}

/* 無効時 */
.md-comment-like:disabled,
.md-comment-dislike:disabled {
	cursor: default;
}