table {
  display: table;
  border-spacing: var(--s-4);
  border-collapse: collapse;
  box-sizing: border-box;
  text-indent: 0;
  text-align: left;
  --color: #202020
}

tr {
    border-bottom: var(--s-5) solid;
}

th,
td {
    border: var(--s-5) solid;
}


thead {
  border-block-end: var(--s-4) solid;
}

tfoot {
  border-block: var(--s-4) solid;
}

thead,
tfoot {
    background: var(--color);
}

th,
td {
  border: var(--s-5) solid #808080;
  padding: var(--s0) var(--s1);
}

tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--color), transparent 60%);
}

#items .item:nth-child(even) {
  background: color-mix(in srgb, #202020, transparent 60%);
}