$virtual-table-summary-background: var(--virtual-table-summary-background, #fff);
$virtual-table-summary-border-color: var(--virtual-table-summary-border-color, var(--virtual-table-border-color, #f0f0f0));
$virtual-table-summary-sticky-bottom: var(--virtual-table-summary-sticky-bottom, 0px);
$virtual-table-summary-z-index: var(--virtual-table-summary-sticky-z-index, 2);

.virtual-table-summary-wrapper {
  overflow: auto hidden;
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

.virtual-table-summary-top-border {
  box-shadow: $virtual-table-summary-border-color 0px -1px 0px 0px;
}

.virtual-table-summary {
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  min-width: 100%;
  box-shadow: 0 -1px 0 var(--virtual-table-border-color);

  &-sticky-bottom {
    position: sticky;
    bottom: $virtual-table-summary-sticky-bottom;
    left: 0;
    z-index: $virtual-table-summary-z-index;
  }

  &-tfoot {
    background-color: $virtual-table-summary-background;
  }

  &-cell {
    background-color: $virtual-table-summary-background;
    border-bottom: 1px solid var(--virtual-table-border-color);
  }
}

.virtual-table-has-fix-left {
  .virtual-table-summary-cell {
    background-color: $virtual-table-summary-background;
  }
}