.table {
  width: fit-content;
  min-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.table--center {
  text-align: center;
}
.table img,
.table svg {
  margin-inline: auto;
}
.table th,
.table td {
  line-height: normal;
  vertical-align: middle;
}
@media (min-width: 740px) {
  .table th,
  .table td {
    padding: 10px;
  }
}
@media (max-width: 739.98px) {
  .table th,
  .table td {
    padding: 6px;
  }
}
.table th {
  font-size: 16px;
  font-weight: 500;
  color: var(--white);
  text-align: inherit;
  white-space: nowrap;
  background-color: var(--accent);
}
@media (min-width: 740px) {
  .table th {
    height: 68px;
  }
}
@media (max-width: 739.98px) {
  .table th {
    height: 52px;
  }
}
@media (min-width: 740px) {
  .table td {
    height: 64px;
    font-size: 16px;
  }
}
@media (max-width: 739.98px) {
  .table td {
    height: 40px;
    font-size: 12px;
  }
}
.table tbody tr:not(:last-child) {
  border-bottom: solid 1px var(--slate-300);
}
.table tbody tr:nth-child(odd) {
  background-color: var(--slate-100);
}
.table tbody tr:nth-child(even) {
  background-color: var(--slate-200);
}
.table tbody td:not(:last-child) {
  border-inline-end: solid 1px var(--slate-300);
}

.table .content-pic {
	border-radius: 0;
}

.tableWrap {
  width: fit-content;
  min-width: 100%;
  overflow: hidden;
  border: solid 1px var(--slate-300);
  border-radius: 10px;
}

[data-scrollable]:has(.table):not(:first-child) {
  margin-top: var(--margin-block);
}
[data-scrollable]:has(.table):not(:last-child) {
  margin-bottom: var(--margin-block);
}