.comments {
	margin: 0;
	margin-top: 1rem;
	padding: 0;
	background: $theme-comments-background;
	box-shadow: $theme-comments-shadow;
	color: $theme-comments-color;
}

.comments > .title {
	padding: .25rem 1rem;
	margin: 0;
	font-size: 1.5rem;
	font-variant: small-caps;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	letter-spacing: 0.05ch;
	background: $theme-comments-title-background;
	color: $theme-comments-title-color;
}

.comments > .content {
	margin: 0px;
	padding: 1rem 1rem;
	display: flow-root;
}

.comments > .content > .privacy {
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-weight: bold;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
	column-gap: .5rem;
}

.comments > .content > .privacy > button {
	display: block;
	padding: .5rem;
	font-size: 1.5rem;
	font-variant: small-caps;
	font-weight: bold;
}