.table {
  &.table-align-center {
    td,
    th {
      vertical-align: middle;
    }
  }
  thead th {
    padding: 0.9rem 0.75rem;
  }
  td,
  th {
    vertical-align: middle;
    white-space: nowrap;

    &:first-child {
      padding-left: 24px;
    }
    &:last-child {
      padding-right: 24px;
    }
  }
  &.table-borderless {
    td,
    th {
      border: none !important;
    }
  }
  thead th {
    background-color: var(--pc-table-header-background);
    border-top: 1px solid $gray-300;
    border-bottom: 2px solid $gray-300;
    font-size: 12px;
    color: $gray-800;
  }
}

.table-hover tbody tr:hover {
  background-color: $gray-200;
  > * {
    --bs-table-bg-state: transparent;
  }
}