.comment {
	display: block;
	padding: 1em;
	max-width: 40em;
	border: 1px solid gray;
	border-radius: 10px;

}
.comment ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comment li {
	margin: 32px 0;
}
.comment article {
	max-width: 600px;
}
.comment ul ul {
	margin-left: 64px;
}
.comment .avatar {
	width: 50px;
	height: 50px;
	border-radius: 6px;
	float: left;
	margin-right: 14px;
	box-shadow: 0 0 1px #0009;
}
.comment .user {
	color: currentColor;
	text-decoration: none;
	display: block;
	position: relative;
}
.comment .author {
	position: absolute;
	left: 35px;
	top: 35px;
	background: white;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	color: gray;
}
.comment .user:hover .username {
	text-decoration: underline;
}
.comment .username {
	margin-right: .5em;
}
.comment .useraddress {
	color: gray;
	font-size: small;
	font-style: normal;
}
.comment time {
	font-size: small;
}
.comment .address {
	color: currentColor;
	text-decoration: none;
	display: block;
	margin-top: .25em;
}
.comment .address:hover {
	text-decoration: underline;
}
.comment section {
	margin-top: .5em;
	margin-left: 64px;
	line-height: 1.5;
}
.comment section p {
	margin: 0.5em 0;
}
.comment .comment-counts {
	display: flex;
	column-gap: 1em;
	font-size: small;
}
.comment .comment-counts > span {
	display: flex;
	align-items: center;
	column-gap: .3em;
	color: gray;
}

.comment figure, .comment figure img {
	max-width: 200px;
}

.comment .emoji {
	width: 1.5em;
}

.comment .attachment {
	padding: 10px;
	border: 1px solid gray;
	border-radius: 10px;
	display: inline-block;
}

.comment .attachments {
}