@layer components {
  .tableContainer {
    display: flex;
    justify-content: center;
    margin: var(--space-lg) 0;
  }
  table {
    border-collapse: collapse;
    border: 1px solid rgb(190,190,190);
    font-size: 0.9rem;
    border-spacing: 0;
    margin: var(--space-lg) 0;
  }
  td, th {
    border: 1px solid rgb(190,190,190);
    padding: 5px 10px;
  }
  th {
    background-color: rgb(235,235,235);
  }
  td {
    text-align: center;
  }
  tr:nth-child(even) td {
    background-color: rgb(245,245,245);
  }
}