void-table {
  display: block;
  font-family: var(--void-font-sans);
  overflow-x: auto;
}

void-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--void-text-sm);
}

void-table th {
  text-align: left;
  font-weight: var(--void-weight-medium);
  font-size: var(--void-text-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--void-color-text-secondary);
  padding: var(--void-space-3);
  border-bottom: 1px solid var(--void-color-border);
}

void-table td {
  padding: var(--void-space-3);
  color: var(--void-color-text);
  border-bottom: 1px solid var(--void-color-border);
}

void-table[striped] tbody tr:nth-child(even) {
  background: var(--void-color-bg-secondary);
}

void-table[hoverable] tbody tr:hover {
  background: var(--void-color-bg-hover);
}

void-table[compact] th,
void-table[compact] td {
  padding: var(--void-space-2);
}

void-table[bordered] th,
void-table[bordered] td {
  border: 1px solid var(--void-color-border);
}