:root {
  --animate-duration: 1s;
}

sl-table-col-text-item[type=value] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  sl-table-col-text-item[type=head] {
    font-size: 16px;
    color: var(--sdx-color-gray-tint-4);
  }
  sl-table-col-text-item[type=value] {
    text-align: left !important;
  }
}