:host {
  --border-head-cell-default: var(--pine-border-width-thin) solid var(--pine-color-grey-100);
  --box-shadow-default: 3px 3px 6px -2px rgba(0, 0, 0, 0.1);
  --color-background-fixed: var(--pine-color-white);
  --color-text-default: var(--pine-color-grey-800);
  --color-text-active: var(--pine-color-grey-950);
  --dimension-fixed-cell-position: 0;
  --letter-spacing-default: var(--pine-letter-spacing-body-md);
  --padding-cell-default: calc(var(--pine-spacing-300) / 2);
  --spacing-margin-inline-start-arrow: var(--pine-spacing-050);
  --spacing-padding-arrow: calc(var(--pine-spacing-050) / 2);
  --spacing-padding-block-compact: var(--pine-spacing-050);
  --typography-default: var(--pine-typography-body-md-medium);
  border-block-end: var(--border-head-cell-default);
  color: var(--color-text-default);
  display: table-cell;
  font: var(--typography-default);
  padding: var(--padding-cell-default);
  text-align: start;
  vertical-align: inherit;
}

:host(.is-compact) {
  padding-block: var(--spacing-padding-block-compact);
}

:host(.is-fixed) {
  background: var(--color-background-fixed);
  left: var(--dimension-fixed-cell-position);
  position: sticky;
  z-index: 1;
}

:host(.has-scrolled.is-fixed) {
  box-shadow: var(--box-shadow-default);
}

:host(.is-sortable) {
  cursor: pointer;
}
:host(.is-sortable) pds-icon {
  margin-inline-start: var(--spacing-margin-inline-start-arrow);
  padding-block-start: var(--spacing-padding-arrow);
  position: absolute;
}

:host(.is-sortable:hover),
:host(.is-active) {
  color: var(--color-text-active);
}