.com-trends .count-box .table-list {
  max-height: clamp(320px, calc(100vh - 245px), 620px);
  overflow-x: auto !important;
  overflow-y: auto !important;
  align-items: flex-start;
  border: 1px solid #eadfdf;
  border-radius: 4px;
  background: #fff;
  scrollbar-gutter: stable;
}

.com-trends .count-box .table-list > table.table:not(.table-scroll) {
  flex: 0 0 283px;
  position: sticky;
  left: 0;
  z-index: 4;
  background: #fff;
  box-shadow: 1px 0 0 #eadfdf;
}

.com-trends .count-box .table-list > table.table-scroll {
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

.com-trends .count-box .table-list thead th {
  position: sticky;
  top: 0;
  z-index: 6;
  background: #fff6f6;
}

.com-trends .count-box .table-list > table.table:not(.table-scroll) thead th {
  z-index: 8;
}

.com-trends .count-box .table-list tbody tr:last-child td {
  border-bottom: 0;
}

@media (max-width: 800px) {
  .com-trends .count-box .table-list {
    max-height: calc(100dvh - 96px);
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }

  .com-trends .count-box .table-list > table.table:not(.table-scroll) {
    flex-basis: 10.5rem;
  }
}