[data-component~="components/matches/list"] {
  --border-color: var(--color-base-600);
  width: 100%;
  display: block;
  @media ((min-width: 768px)) {
    display: table;
    border-collapse: collapse;
  }
  thead {
    display: none;
    @media ((min-width: 768px)) {
      display: table-header-group;
    }
    tr {
      border-bottom-width: 2px;
      border-bottom-style: solid;
      border-bottom-color: var(--border-color);
    }
  }
  tbody {
    display: block;
    @media ((min-width: 768px)) {
      display: table-row-group;
    }
    tr {
      border-top-width: 1px;
      border-top-style: solid;
      border-top-color: var(--border-color);
    }
  }
  tr {
    width: 100%;
    display: table;
    padding-bottom: 0.5rem;
    @media ((min-width: 768px)) {
      display: table-row;
      padding-bottom: 0;
    }
  }
  th, td {
    text-align: left;
    padding: 0.5rem;
    width: 100%;
    display: table-row;
    @media ((min-width: 768px)) {
      width: var(--col-width);
      display: table-cell;
    }
  }
  th > *, td > *, td::before {
    display: table-cell;
    padding-top: 0.5rem;
    @media ((min-width: 768px)) {
      display: inline;
      padding-top: 0;
    }
  }
  td::before {
    font-weight: bold;
    width: 8rem;
    display: table-cell;
    @media ((min-width: 768px)) {
      display: none;
    }
  }
  th:nth-child(1), td:nth-child(1) {
    --col-width: 2rem;
  }
  td:nth-child(1)::before {
    content: "Status";
  }
  th:nth-child(2), td:nth-child(2) {
    --col-width: 35%;
  }
  td:nth-child(2)::before {
    content: "Codename";
  }
  th:nth-child(3), td:nth-child(3) {
    --col-width: 30%;
  }
  td:nth-child(3)::before {
    content: "Players";
  }
  th:nth-child(4), td:nth-child(4) {
  }
  td:nth-child(4)::before {
    content: "Game";
  }
  th:nth-child(5), td:nth-child(5) {
    --col-width: 15rem;
  }
  td:nth-child(5)::before {
    content: "Created by";
  }
  th:nth-child(6), td:nth-child(6) {
    --col-width: 18rem;
  }
  td:nth-child(6)::before {
    content: "Created at";
  }
}