.latest-topic-list,
.top-topic-list {
  @extend .topic-list-icons;

  .table-heading {
    padding: 12px 5px;
    color: var(--primary-med-or-secondary-high);
  }

  .no-topics,
  .more-topics {
    margin-top: 1em;
  }

  .posts-map {
    font-size: var(--font-up-1);
    font-weight: bold;
    color: var(--primary-medium);
  }
}

.latest-topic-list-item {
  padding: 1em;
  border-bottom: 1px solid var(--primary-low);
  display: flex;

  align-items: center;

  .topic-poster {
    position: relative;
    width: 60px;
    .avatar-flair {
      position: absolute;
      bottom: 0;
      right: 10px;
    }
  }
  .main-link {
    @extend .topic-list-main-link;
    flex: 0 1 auto;
    max-width: 65%;
    font-size: var(--font-0);
    .badge-wrapper {
      max-width: 100%;
      .badge-category-bg {
        flex-shrink: 0;
      }
    }

    .top-row {
      margin-bottom: 0.1em;
      font-size: var(--font-up-1);
    }
  }
  .topic-stats {
    flex: 1 0 0px;
    text-align: right;
    color: var(--primary-med-or-secondary-high);
  }

  .topic-last-activity a {
    color: var(--primary-low-mid-or-secondary-high);
  }
}