.data-table__scroll {
  margin-top: 2rem;
  padding: 0 1.25rem;
  border: 1px solid var(--color-border);
  border-radius: .75rem;
  background: var(--color-surface);
  overflow-x: auto;
}

.data-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;

  th,
  td {
    padding: .75rem 0;
    border-bottom: 1px solid var(--color-border);
  }

  th {
    font-family: var(--font-sans);
    font-size: .75rem;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  th + th,
  td + td {
    padding-left: 1.5rem;
  }

  .numeric {
    text-align: right;
  }
}