.content {
  overflow-x: scroll;

  &::-webkit-scrollbar {
    display: block;
    height: 8px;
  }

  &::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: rgb(0 0 0 / 0.1);
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: rgb(0 0 0 / 0.5);
  }

  table {
    width: 100% !important;
    /* table-layout: fixed; */
    border: none;
    border-collapse: collapse;
    font-size: 16px;
    color: #333;

    tr {
      &:nth-of-type(odd) {
        background-color: #ddd;
      }

      &:first-of-type {
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #333;
        color: #ddd;

        td {
          border-left: none;
        }
      }

      &:not(:first-of-type) {
        border-bottom: thin dashed rgb(255 0 0 / 0.5);
      }
    }

    td {
      min-width: 320px;
      padding: 0.5em 1em;
      border: none;
      background-color: inherit;

      &:first-of-type {
        position: sticky;
        left: 0;
        z-index: 1;
        max-width: 200px;
        min-width: 200px;
      }

      &:not(:first-of-type) {
        border-left: thin dashed rgb(255 0 0 / 0.5);
      }
    }

    & + table {
      margin-top: 40px;
    }
  }
}