@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 var(--color-border);
    padding: 5px 10px;
  }
  th {
    background-color: var(--color-theme);
    color: var(--color-text-light);
    border: 1px solid var(--color-surface);
  }
  td {
    text-align: center;
  }
}