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

sl-skeleton-table .table-row {
  display: flex;
  align-items: center;
}
sl-skeleton-table .table-header {
  flex-shrink: 1;
}
sl-skeleton-table .table-cell {
  flex-shrink: 0;
}
sl-skeleton-table[class*=table-sdx] .table-row {
  margin: 0 var(--sdx-baseline-2) 0 var(--sdx-baseline-2);
}
sl-skeleton-table[class*=table-sdx] .table-header {
  margin: 29px var(--sdx-baseline-2) 27px var(--sdx-baseline-2);
}
sl-skeleton-table[class*=table-sdx] .table-cell {
  margin: 27px 0 24px 0;
}
sl-skeleton-table[class*=table-bsl] .table-row {
  margin: 0 var(--sdx-baseline-2) 0 var(--sdx-baseline-2);
}
sl-skeleton-table[class*=table-bsl] .table-header {
  margin: 20px var(--sdx-baseline-2) 20px var(--sdx-baseline-2);
}
sl-skeleton-table[class*=table-bsl] .table-cell {
  margin: 27px 0 27px 0;
}
sl-skeleton-table.table-bsl--compact .table-cell {
  margin: 20px 0 20px 0;
}
sl-skeleton-table.table-bsl--card .table-row {
  margin: var(--sdx-baseline) 0 0 0;
}
sl-skeleton-table.table-bsl--card .table-header {
  margin: 0 0 var(--sdx-baseline-2) 0;
}