.he-table-wrapper {
  margin-block: var(--spacing-component-internal, var(--sp2));
}

.he-table-wrapper--responsive {
  overflow-x: auto;
}

.he-table-wrapper--scroll-y {
  max-height: 420px;
  overflow-y: auto;
}

.he-table {
  width: 100%;
  border-collapse: collapse;
}

.he-table--variant-striped tbody tr:nth-child(even) {
  background-color: var(--color-gray-050, #f7f7f7);
}

.he-table--variant-compact th,
.he-table--variant-compact td {
  padding-block: var(--sp0-75);
}

.he-table--align-center th,
.he-table--align-center td {
  text-align: center;
}

.he-table--align-end th,
.he-table--align-end td {
  text-align: end;
}

.he-table__footer {
  margin-top: var(--spacing-xs, 0.75rem);
  font-size: 0.875rem;
  color: var(--theme-text-color-medium);
}