@import '../../../scss/styles.scss';

.table {
  margin-bottom: $baseline;
  overflow: auto;
  max-width: 100%;

  thead {
    color: var(--theme-elevation-400);

    th {
      font-weight: normal;
      text-align: left;
    }
  }

  th,
  td {
    padding: base(.75);
    min-width: 150px;
  }

  tbody {
    tr {
      &:nth-child(odd) {
        background: var(--theme-elevation-50);
      }
    }
  }

  @include mid-break {

    th,
    td {
      max-width: 70vw;
    }
  }
}