src/components/topic/style.module.scss

.post {
  margin-bottom: 0.9375rem;
  font-size: .9375rem;
  line-height: 1.5;
  background: var(--block-bg-color);
  border: 0.0625rem solid var(--border-color);
  border-radius: 0.5rem;
  overflow: hidden;
  padding: 0.75rem;
}

.postHeader {
  border-bottom: 0.0625rem dotted var(--border-color);
  height: 3.625rem;
  margin-bottom: 0.75rem;
  display: grid;
  grid-template-areas:
        "avatar user"
        "avatar date";
  grid-template-rows: 1.5rem 1.5rem;
  grid-template-columns: auto 1fr;
  column-gap: .625rem;
}

.avatar {
  grid-area: avatar;
  height: 3rem;
  width: 3rem;
  object-fit: cover;
  border-radius: 50%;
}

.user {
  grid-area: user;
  font-size: 1.0625rem;
  font-weight: 500;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  line-height: 1.25;
}

.date {
  grid-area: date;
  color: var(--link-color);
  text-decoration: none;
  font-size: .8125rem;
}

.generationSettings {
  display: grid;
  grid-template-columns: 1fr 1fr;
}