.blog-comment {
  padding-top: 8px !important;
}
.blog-comment-child {
  position: relative;
}
.blog-comment-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: -38px;
  width: 1px;
  height: 100%;
  background-color: var(--dark);
}

.blog-comment-date {
  font-size: inherit !important;
}

div.blog-comment .blog-author {
  line-height: inherit !important;
}

.blog-comment-content {
  padding-top: 0 !important;
}
.blog-comment-content .blog-comment-meta a {
  color: var(--secondary-600) !important;
}
.blog-comment-content .blog-comment-meta a:hover, .blog-comment-content .blog-comment-meta a:focus {
  color: var(--primary-hover) !important;
  text-decoration: none !important;
}
.blog-comment-content .blog-comment-meta a:active {
  color: var(--primary-active) !important;
}

.blog-add-comment {
  padding-bottom: 0 !important;
}

div.blog-comments .blog-comment-nav a.blog-comment-nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--dark);
  font-weight: 500 !important;
}
div.blog-comments .blog-comment-nav a.blog-comment-nav-item:not(.blog-comment-nav-item-sel) {
  padding: 11px;
}
div.blog-comments .blog-comment-nav a.blog-comment-nav-item-sel {
  width: 44px;
  height: 44px;
  text-decoration: none;
  cursor: default;
  background-color: var(--primary);
  border-radius: 50%;
}
div.blog-comments .blog-comment-nav a.blog-comment-nav-item-sel span {
  color: var(--white) !important;
}

div.blog-comment-buttons input {
  padding: 0 32px !important;
  font-size: 16px !important;
}

div.blog-comment-hidden .blog-comment-cont-white,
div.blog-comment-hidden .blog-comment-date {
  padding: 2px 8px;
  background-color: var(--secondary-300) !important;
  border-radius: var(--border-radius-sm);
}

.feed-add-post-form {
  border: 1px solid var(--secondary-500);
}

.blog-comment-edit .feed-add-post-form {
  border-radius: 30px !important;
}

.blog-comment-edit.feed-com-add-block.blog-post-edit {
  max-width: 970px;
}

.blog-add-comment-rating {
  font-size: 36px;
}

.comment-stars {
  margin: 0 -4px;
}
.comment-stars input {
  display: none;
}
.comment-stars:hover label, .comment-stars input:checked + label {
  background-image: url("bitrix/blog.post.comment/adapt/images/star-fill.svg");
}
.comment-stars label:hover ~ label {
  background-image: url("bitrix/blog.post.comment/adapt/images/star.svg");
}
.comment-stars input:checked + label ~ label {
  background-image: url("bitrix/blog.post.comment/adapt/images/star.svg");
}

.comment-star {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("bitrix/blog.post.comment/adapt/images/star-fill.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 0 4px;
}
.comment-star-rating-text {
  display: none;
}
input#comment-star-rating-1:checked ~ .comment-star-rating-text[data-rating="1"], input#comment-star-rating-2:checked ~ .comment-star-rating-text[data-rating="2"], input#comment-star-rating-3:checked ~ .comment-star-rating-text[data-rating="3"], input#comment-star-rating-4:checked ~ .comment-star-rating-text[data-rating="4"], input#comment-star-rating-5:checked ~ .comment-star-rating-text[data-rating="5"] {
  display: block;
}

.bx-html-editor {
  z-index: 19 !important;
}

div.blog-textinfo {
  margin: 16px 0;
  padding: 16px;
  background-color: var(--warning-light) !important;
  color: var(--warning);
  border: none !important;
  border-radius: var(--border-radius);
}

.blog-comment-edit .feed-add-post-form {
  margin-bottom: 8px;
}

.feed-add-post-form-but-more-open {
  display: none !important;
}

div.blog-comment-field-text {
  padding-bottom: 4px !important;
}

div.blog-comment-field-captcha-image {
  padding-top: 0 !important;
}
div.blog-comment-field-captcha-image img {
  display: block;
}
div.blog-comment-field-captcha-image .captcha:has(img[style="display:none"]) {
  border: none;
}
div.blog-comment-field-captcha-image .captchaYandexClass {
  height: 102px !important;
}

.feed-add-post-text {
  position: relative;
  z-index: 1;
}
/*# sourceMappingURL=style.css.map */