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

.table--striped tbody tr:nth-child(odd) {
  background-color: #f9f9f9;
}

.table--padded th {
  padding: 0.3rem 0.8rem;
}

.table--padded td {
  padding: 0.8rem;
}

.table--padded td:first-child,
.table--padded th:first-child {
  padding-left: 2.2rem;
}

.table--padded td:last-child,
.table--padded th:last-child {
  padding-right: 2.2rem;
}

@layer default {
  .table thead th {
    text-align: left;
  }
}