/* Typography Usage mixins */
:host {
  display: contents;
}

:host(.tds-table__body-cell) td {
  box-sizing: border-box;
}
:host(.tds-table__body-cell) td * {
  box-sizing: border-box;
}
:host(.tds-table__body-cell) td {
  font-family: var(--type-system-body-01-font-family);
  font-size: calc(var(--type-system-body-01-font-size) * 1px);
  line-height: calc(var(--type-system-body-01-line-height) * 1px);
  font-weight: var(--type-system-body-01-font-weight);
  letter-spacing: calc(var(--type-system-body-01-letter-spacing) * 1px);
  text-transform: var(--type-system-body-01-text-transform);
  box-sizing: border-box;
  color: var(--tds-table-body-cell-text-color);
  padding: var(--unit-16);
  min-width: 192px;
  background-color: var(--tds-table-background);
  transition: background-color 200ms ease;
}

:host(.tds-table__body-cell--hover) td {
  --tds-table-background: var(--tds-table-body-cell-background-hover);
}

:host(.tds-table__compact) td {
  padding: var(--unit-8) var(--unit-16);
}

:host(.tds-table--divider) td {
  border-right: 1px solid var(--tds-table-divider);
  border-bottom: 1px solid var(--tds-table-divider);
}

:host(.tds-table--divider:last-of-type) td {
  border-right: none;
}

:host(.tds-table--no-min-width) td {
  min-width: unset;
}