#form_comment {
	position:relative;
}
.ajax_load_form {
	position:absolute;
	z-index: 10;
	width:100%;
	height:100%;
	background: rgba(255,255,255,0.7);
}
.ajax_load_form img {
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
}
.grid_col2 {
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:20px;
}
.stars_comment_form .comments_form_fields {
	display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}
.star-rating {
    text-align:left;
}
.star-rating input[type="radio"] {
    display: none;
}
.rating_title {
	font-weight:bold;
	font-size:19px;
}
.star-label {
	margin-bottom: 3px;
}
.star-label span {
	display:block
}
.star-label small {
	display:block;
	color:#83899f;
	font-size:14px;
	font-weight:300
}
.star-rating {
	display: inline-flex;
	flex-direction: row-reverse;
	font-size: 2em;
	line-height: 1;
	justify-self: start;
}
.star-rating svg {
	width:30px;
	height:30px;
}
.star-rating input {
	display: none;
}
.star-rating label {
	color: #ccc;
	cursor: pointer;
}

.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input:checked ~ label {
	color: #ffcc00;
}

.star-rating svg {
	width: 30px;
	height: 30px;
}
.open-tooltip-rating {
	position:relative;
}
.tooltip-rating {
	position: absolute;
	background:#2a2a2a;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	padding: 8px 15px;
	opacity:0;
	z-index: 100;
	pointer-events: none;
	white-space: nowrap;
	-webkit-box-shadow: 0px 1px 8px 2px rgba(34, 60, 80, 0.15);
	-moz-box-shadow: 0px 1px 8px 2px rgba(34, 60, 80, 0.15);
	box-shadow: 0px 1px 8px 2px rgba(34, 60, 80, 0.15);
	left:0;
	bottom:calc(100% + 10px);
}
.grid_textarea_info {
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:0;
	margin-top:10px;
}
.remainingChars,
.comment_btn{
	text-align:right;
}
.emoji_photo_block {
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
}
.emoji_block {
	position: relative;
	display: inline-block;
	cursor: pointer;
	width:25px;
	padding-top:5px;
	margin-right:5px;
}
.comment_emoji_block {
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	max-width: 250px;
	width: auto;
	margin-top: 5px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	position: absolute;
	z-index: 1000;
	background: #fff;
	padding: 10px;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	bottom: 100%;
	left: 0;
	white-space: nowrap;
}
.comment_emoji_block.visible {
	opacity: 1;
	visibility: visible;
}
.emoji-picker {
	font-size: 20px;
	cursor: pointer;
	transition: transform 0.2s ease;
}
.emoji-picker:hover {
	transform: scale(1.2);
}
.mini_loader {
	text-align:center;
	padding: 20px 0;
	margin: 0 auto;
}
.mini_loader img {
	width:35px;
}
/*файлы*/
.photo_block {
	margin-top:8px;
}
#file_label {
    display: inline-block;
    cursor: pointer;
	width:25px;
 }
#file_label img {
	display:block
}
.image-container {

}
.image-container .image-item {
	display:inline-block;
	vertical-align:top;
	width:100px;
	height:100px;
	position: relative;
	margin-right:10px;
	margin-bottom:10px;
}
.image-container .image-item img {
    width: 100%;
	height:100%;
    object-fit: cover; 
	border-radius:5px;
	border:1px solid #83899f;
}
.image-container .image-item button.delete-button,
.image-container .image-item span.close {
	position: absolute;
	top: 5px;
	right: 5px;
	background: #2a2a2a;
	color: #fff;
	border: none;
	font-size: 17px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

/*Список комментариев*/
.comments_list_title {
	font-size:24px;
	font-weight:bold;
	margin-bottom:15px;
}
#comments_list {}
.title_comment {
	font-size:24px;
	font-weight:bold;
	margin-bottom:20px;
}
.comment_item {
	padding:20px;
	border:1px solid #838993;
	border-radius:5px;
	margin-bottom:20px;
}
.comment_author_name {
	font-size:18px;
	font-weight:bold;
}
.comment_date {
	font-size:15px;
	color:#83899f;
}
.star {
    width: 24px;
    height: 24px;
}

.star.full path {
    fill: gold;
}

.star.half path {
    fill: gold;
}

.star.half .half-fill {
    fill: #ccc;
    clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
}

.star.empty path {
    fill: #ccc;
}
.comment_body {
	font-size:18px;
	margin-top:10px;
}
.img_comment_list {
	margin-top:15px;
}
.comment_image {
	display:inline-block;
	vertical-align:top;
	width:120px;
	overflow:hidden;
	border:1px solid #83899f;
	border-radius:5px
}
.children .comment_block {
	margin-left:20px;
}
#commentForm,
#editForm {
	text-align:left;
}
.link_comment {
	text-align:right;
}
.link_comment button.reply-btn,
.link_comment button.abuse-btn,
.link_comment button.edit-btn,
.link_comment button.delete-btn {
	padding:0;
	background:none;
	border:none;
	font-size:15px;
	display:inline-block;
	vertical-align:bottom
}
.newForm {
	text-align:right;
}
.newForm button {
	margin-top:10px;
}
.children_comment {
	margin-left:15px;
}
.children_comment_item {
	border:1px solid #83899f;
	padding:10px;
	border-radius:5px;
	margin-bottom: 15px;	
}
#showmore-triger {
	display:none;
}
.showmore-bottom {
	text-align:right;
	margin-bottom:20px;
}
.all_rating {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #83899f;
	display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}
.mod_count_comments {
	align-content:end;
	font-size:15px;
	font-weight:bold;
	color:#83899f;
	text-align:right;
}
.mod_count_comments label {
	font-weight:normal;
	margin-right:5px;
	display:inline-block;
}
.big_number_rating {
	font-size:24px;
	font-weight:bold;
}
.grid_block_stars {
	display:grid;
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	align-items: center;
	gap: 30px;
}
.grid_fields {
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:30px;
}
.emoji-picker {
	font-size:22px;
	cursor:pointer
}