/* =========================================================
   TOE BEANS DESIGN SYSTEM
   TABLES
   ========================================================= */

.ds-table-wrap {

  overflow-x:
    auto;

  border:
    1px solid
    var(--ds-border);

  border-radius:
    var(--ds-radius-lg);

  background:
    var(--ds-surface);

}


.ds-table {

  width:
    100%;

  border-collapse:
    collapse;

}


.ds-table th,
.ds-table td {

  padding:
    13px 15px;

  border-bottom:
    1px solid
    var(--ds-border);

  text-align:
    left;

}


.ds-table th {

  background:
    var(--ds-surface-alt);

  color:
    var(--ds-heading);

  font-size:
    13px;

  font-weight:
    800;

}


.ds-table tr:last-child td {

  border-bottom:
    0;

}