.fgt-block-comments {
	color: var(--elementsColor);
	&__wrap {
		margin-top: var(--top-margin);
		margin-bottom: var(--bottom-margin);
	}
	&__title-block {
		color: var(--titleBlockColor);
		display: flex;
		margin-bottom: var(--margin-bottom);
		border-bottom: 1px solid var(--linesColor);
		padding-bottom: 1.5625em;
		&[data-font=''] {
			font-family: var(--block-title-font-family);
			font-size: var(--block-title-font-size);
			line-height: var(--block-title-line-height);
			letter-spacing: var(--block-title-letter-spacing);
			font-style: var(--block-title-font-style);
			font-weight: var(--block-title-font-weight);
		}
		.fgt-block-title-trigger {
			margin-left: auto;
			&[data-font=''] {
				font-family: var(--block-trigger-title-font-family);
				font-size: var(--block-trigger-title-font-size);
				line-height: var(--block-trigger-title-line-height);
				letter-spacing: var(--block-trigger-title-letter-spacing);
				font-style: var(--block-trigger-title-font-style);
				font-weight: var(--block-trigger-title-font-weight);
			}
			i {
				font-style: normal;
			}
		}
	}
	&__form-title {
		&[data-font=''] {
			font-family: var(--form-title-title-font-family);
			font-size: var(--form-title-title-font-size);
			line-height: var(--form-title-title-line-height);
			letter-spacing: var(--form-title-title-letter-spacing);
			font-style: var(--form-title-title-font-style);
			font-weight: var(--form-title-title-font-weight);
		}
	}
	.flo-comments-container {
		width: 50.9375em;
		margin: 0 auto;
		.comment {
			padding-bottom: 3.75em;
		}
		.children {
			padding-left: 5.9375em;
			margin-top: 2.75em;
			li {
				list-style-type: none;
				margin-top: 1.375em;
			}
			.comment {
				padding-bottom: 0;
			}
			.reply {
				position: relative;
			}
		}
		&.ava-hidden {
			.avatar {
				display: none;
			}
			.comment-meta {
				padding-left: 0;
			}
		}
		&.date-hidden {
			.comment-metadata {
				display: none;
			}
		}
		.comment-body {
			position: relative;
		}
		.comment-list {
			list-style-type: none;
			padding-left: 0;
			margin-left: 0;
		}
		.comment-meta {
			position: relative;
			padding-left: 5.9375em;
		}
		.comment-author img {
			position: absolute;
			left: 0;
			top: 0;
			width: 3.4375em;
			height: 3.4375em;
			border-radius: 3.4375em;
		}
		.comment-author .fn {
			margin-bottom: 0.375em;
			display: block;
			&[data-font=''] {
				font-family: var(--author-font-font-family);
				font-size: var(--author-font-font-size);
				line-height: var(--author-font-line-height);
				letter-spacing: var(--author-font-letter-spacing);
				font-style: var(--author-font-font-style);
				font-weight: var(--author-font-font-weight);
			}
		}
		.comment-metadata {
			&[data-font=''] {
				font-family: var(--date-font-font-family);
				font-size: var(--date-font-font-size);
				line-height: var(--date-font-line-height);
				letter-spacing: var(--date-font-letter-spacing);
				font-style: var(--date-font-font-style);
				font-weight: var(--date-font-font-weight);
			}
		}
		.comment-content {
			padding-left: 5.9375em;
			&[data-font=''] {
				font-family: var(--content-font-font-family);
				font-size: var(--content-font-font-size);
				line-height: var(--content-font-line-height);
				letter-spacing: var(--content-font-letter-spacing);
				font-style: var(--content-font-font-style);
				font-weight: var(--content-font-font-weight);
			}
		}
		.reply {
			position: absolute;
			right: 0;
			top: 0;
			&[data-font=''] {
				font-family: var(--reply-font-family);
				font-size: var(--reply-font-size);
				line-height: var(--reply-line-height);
				letter-spacing: var(--reply-letter-spacing);
				font-style: var(--reply-font-style);
				font-weight: var(--reply-font-weight);
			}
		}
	}
}
