.comments {
  display: grid;
}
@media (min-width: 1200px) {
  .comments {
    row-gap: 36px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .comments {
    row-gap: 20px;
  }
}
@media (max-width: 739.98px) {
  .comments {
    row-gap: 14px;
  }
}
.comments_cta {
  display: grid;
  width: min(100%, 1040px);
  margin-inline: auto;
}
@media (min-width: 740px) {
  .comments_cta {
    row-gap: 20px;
  }
}
@media (max-width: 739.98px) {
  .comments_cta {
    row-gap: 14px;
  }
}
.comments_list {
  display: grid;
}
@media (min-width: 740px) {
  .comments_list {
    row-gap: 10px;
  }
}
@media (max-width: 739.98px) {
  .comments_list {
    row-gap: 6px;
  }
}
.comments_item {
  display: grid;
  row-gap: 16px;
  padding: var(--margin-heading);
  background-color: var(--accent-50);
  border-radius: 10px;
}
.comments_item_top {
  display: grid;
  grid-auto-flow: column;
  column-gap: var(--margin-block);
  align-items: center;
  justify-content: space-between;
}
.comments_item_heading {
  display: grid;
  grid-auto-flow: column;
  row-gap: var(--margin-text);
}
@media (min-width: 740px) {
  .comments_item_heading {
    gap: 4px 10px;
  }
}
@media (max-width: 739.98px) {
  .comments_item_heading {
    gap: 2px 6px;
  }
}
.comments_item_pic {
  grid-row: span 2;
  aspect-ratio: 1;
  object-fit: cover;
  background-color: var(--accent);
  border-radius: 4px;
}
@media (min-width: 740px) {
  .comments_item_pic {
    width: 56px;
  }
}
@media (max-width: 739.98px) {
  .comments_item_pic {
    width: 38px;
  }
}
.comments_item_name {
  align-self: end;
}
.comments_item_date {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
  color: var(--slate-700);
}
@media (min-width: 740px) {
  .comments_item_date {
    column-gap: 8px;
  }
}
@media (max-width: 739.98px) {
  .comments_item_date {
    column-gap: 4px;
  }
}
.comments_item_date::before {
  width: 20px;
  height: 20px;
  content: "";
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23656566' d='M7.5 8.33H5.83V10H7.5V8.33Zm3.33 0H9.17V10h1.66V8.33Zm3.34 0H12.5V10h1.67V8.33Zm1.66-5.83H15V.83h-1.67V2.5H6.67V.83H5V2.5h-.83c-.93 0-1.67.75-1.67 1.67v11.66a1.67 1.67 0 0 0 1.67 1.67h11.66a1.67 1.67 0 0 0 1.67-1.67V4.17a1.67 1.67 0 0 0-1.67-1.67Zm0 13.33H4.17V6.67h11.66v9.16Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.comments_item_text {
  color: var(--slate-700);
}
@media (min-width: 740px) {
  .comments_load {
    justify-self: center;
    margin-top: 6px;
  }
}
@media (max-width: 739.98px) {
  .comments_load {
    margin-top: 4px;
  }
}