

:root {
  --table-row-height-compact: var(--band-height-sm);
  --table-row-height-default: var(--band-height-md);
  --table-row-height-comfortable: var(--band-height-xl);
  --table-row-height: calc(var(--table-row-height-default) * var(--scaling));
  --table-cell-padding-y: var(--space-2);
  --table-cell-space-x: var(--control-padding-x);

  --table-cell-indent-space-step: var(--space-4);

  --table-border-color: initial;
  --table-pagination-padding-y: initial;
  --table-pagination-padding-x: initial;

  --table-surface-min-inline-size: 640px;
  --table-head-font-size: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));

  --table-head-font-weight: var(--font-weight-medium);

  --table-header-background: initial;
  --table-header-foreground: initial;

  --table-pin-shadow: -6px 0 6px -5px hsl(var(--foreground) / 0.12);

  --table-fixed-shadow-start: 6px 0 6px -5px hsl(var(--foreground) / 0.12);
  --table-fixed-shadow-start-rtl: -6px 0 6px -5px hsl(var(--foreground) / 0.12);

  --table-expand-column-width: 2.5rem;

  --table-summary-background: initial;
  --table-summary-border-width: var(--stroke-hairline);

  --table-row-expanded-background: initial;

  --table-selection-menu-gap: var(--space-1);

  --table-row-striped-background: initial;

  --table-row-striped-alpha: 0%;
  --table-row-hover-background: initial;
  --table-row-selected-background: initial;
}

:root {
  --table-action-collection-primary-width: 18%;
  --table-action-collection-secondary-width: 22%;
  --table-action-collection-meta-width: 12%;
  --table-action-collection-actions-width: 3.5rem;

  --table-action-collection-primary-width-compact: 24%;
  --table-action-collection-secondary-width-compact: 22%;
  --table-action-collection-meta-width-compact: 20%;
  --table-action-collection-actions-width-compact: 2.75rem;

  --table-action-collection-primary-width-floor: 6rem;
  --table-action-collection-secondary-width-floor: 5.5rem;
  --table-action-collection-meta-width-floor: 5rem;

  --table-action-collection-flex-width-floor: 5rem;
  --table-action-collection-font-size-compact: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );
  --table-action-collection-cell-space-x-compact: var(--space-2);
  --table-action-collection-cell-padding-y-compact: var(--space-2);
  --table-action-collection-row-height-compact: var(--table-row-height-compact);

  --table-action-collection-min-inline-size-compact: 0;
}

:root {
  --table-stacked-collection-card-padding-y: var(--space-stack-sm);
  --table-stacked-collection-card-padding-x: var(--space-inline-md);
  --table-stacked-collection-card-gap: var(--space-stack-sm);
  --table-stacked-collection-cell-padding-y: var(--space-stack-xs);
  --table-stacked-collection-label-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );

  --table-select-column-width: 2.5rem;
  --table-sort-icon-size: var(--icon-size-xs);
  --table-toolbar-icon-size: var(--icon-size-md);
  --table-pagination-icon-size: var(--icon-size-md);
  --table-pagination-font-size: var(--font-size-sm, var(--font-size-base));

  --table-skeleton-check-size: 1rem;

  --table-skeleton-line-block-size: 1rem;
  --table-skeleton-line-height: var(--table-skeleton-line-block-size);
  --table-skeleton-radius: var(--radius-sm);

  --table-font-size: var(--font-size-sm, var(--font-size-base));

  --table-line-height: calc(1.25 / 0.875);

  --table-row-border-width: var(--stroke-hairline);

  --table-flush-divider-width: var(--table-row-border-width);

  --table-row-tone-rail-width: var(--stroke-2xl);
  --table-row-tone-wash-alpha: 0.06;
}
