:host {
  .table-cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: var(--table-cell-height);
    height: 100%;
    background-color: var(--color-neutral-0);
    border-bottom: var(--table-cell-border-bottom);
    font: var(--text-p-m-light);
    color: var(--color-neutral-1000);


    &__hover:hover {
      background-color: var(--table-cell-hover-bg-color);
    }

    &_header {
      background-color: var(--table-header-bg-color);
      border-bottom: var(--table-header-border-bottom);
      min-height: var(--table-header-height);
      font: var(--text-p-s-heavy);

      &:hover {
        background-color: var(--table-header-bg-color);
      }
    }
  }
}