.table table {
    width: 100%;
    max-width: 100%;
    border-collapse: seperate;
    border-spacing: 0;
    font-size: var(--body-font-size-s);
}

.table table tr td:first-child > p {
  font-size: var(--body-font-size-m);
}

.table table tbody tr {
    border-bottom: 1px solid;
}

.table table th {
    font-weight: 400;
}

.table table th,
.table table td {
    padding: 8px 16px;
    text-align: left;
}

/* bordered variant */
.table.bordered table th,
.table.bordered table td {
  border: 1px solid var(--table-border-color, #dee2e6);
}

/* hidden, used for references */
.table.hidden {
  display: none;
}

/* striped variant */
.table.striped tbody tr:nth-child(odd) {
  background-color: var(--overlay-background-color);
}

@media (width >= 768px) {
  .table table {
    font-size: var(--body-font-size-m);
  }
}