@use 'Foundation/scss/scrollbar-chains.studio' as chains;

$header-min-height: var(--wds-table-list-header-min-height, var(--wds-space-1050));

.data-table {
  & thead tr {
    height: $header-min-height;
  }

  &#{&}--virtualized thead th {
    height: $header-min-height;
  }

  &__body-scroll-content::-webkit-scrollbar-thumb {
    background-color: chains.$scrollbar-fill;
  }

  @media (hover: hover) {
    &__body-scroll-content::-webkit-scrollbar-thumb:hover {
      background-color: chains.$scrollbar-fill-hover;
    }
  }

  &__body-scroll-content::-webkit-scrollbar-thumb:active {
    background-color: chains.$scrollbar-fill-active;
  }
}