.table {
  border-radius: var(--Corner-radius-Medium);
  border-collapse: collapse;
  overflow: hidden;
  width: 100%;
}

.thead {
  background-color: var(--Base-Background-Secondary-Normal, #f7e1d5);
}

.tbody {
  background-color: var(--Base-Surface-Primary-light-Normal, #fff);
}

.tr:not(:last-of-type) {
  border-bottom: 1px solid var(--Primary-Light-On-Surface-Divider, #f0c1b6);
}

.th {
  padding: var(--Spacing-x2);

  text-align: left;
  text-wrap: nowrap;
}

.td {
  padding: var(--Spacing-x2);
}

@media screen and (min-width: 768px) {
  .th {
    padding: var(--Spacing-x2) var(--Spacing-x3);
  }

  .td {
    padding: var(--Spacing-x3);
  }
}