@ardium-ui/ui 5.0.0-alpha.74 → 5.0.0-alpha.76

package/prebuilt-themes/default/table.css

@@ -22,445 +22,447 @@
   --ard-table-border-radius: 0.5rem;
 }
 
-.ard-table {
-  border-collapse: collapse;
-  background: var(--ard-table-background, var(--ard-bg));
-  --ard-_table-header-border: var(--ard-cmpcl--border);
-  --ard-_table-header-border-light: var(--ard-cmpcl--border-light);
-  --ard-_table-border: var(--ard-table-border-color-strong, var(--ard-border));
-  --ard-_table-header-background: var(--ard-cmpcl--bg);
-  --ard-_table-header-background-light: var(--ard-cmpcl--bg-header);
-  --ard-_table-header-color: var(--ard-cmpcl--content);
-  --ard-_table-header-color-on-bg: var(--ard-cmpcl--on-bg);
-  --ard-_table-overlay: var(--ard-cmpcl--overlay-rgb);
-  --ard-_table-overlay-colorless: var(--ard-overlay-rgb);
-}
-.ard-table.ard-color-none {
-  --ard-cmpcl--bg: var(--ard-bg);
-  --ard-cmpcl--bg-colored: var(--ard-bg-alt);
-  --ard-cmpcl--bg-colored-light: var(--ard-detail-light);
-  --ard-cmpcl--bg-header: var(--ard-bg-filled);
-  --ard-cmpcl--bg-colored-verylight: var(--ard-bg-darker);
-  --ard-cmpcl--on-bg: var(--ard-text);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored-light: var(--ard-text);
-  --ard-cmpcl--border: var(--ard-text);
-  --ard-cmpcl--border-light: var(--ard-text2);
-  --ard-cmpcl--content: var(--ard-text);
-  --ard-cmpcl--content-light: var(--ard-text-alt);
-  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored-light: var(--ard-text-alt);
-}
-.ard-table.ard-color-primary {
-  --ard-cmpcl--bg: rgb(var(--ard-primary-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-primary-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-primary-100));
-  --ard-cmpcl--bg-header: rgb(var(--ard-primary-100));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-primary-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored-light: var(--ard-text);
-  --ard-cmpcl--border: rgb(var(--ard-primary-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-primary-100));
-  --ard-cmpcl--content: rgb(var(--ard-primary-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-primary-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-primary-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-primary-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-primary-100));
-}
-.ard-table.ard-color-secondary {
-  --ard-cmpcl--bg: rgb(var(--ard-secondary-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-secondary-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-secondary-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-secondary-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-secondary-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored-light: var(--ard-text);
-  --ard-cmpcl--border: rgb(var(--ard-secondary-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-secondary-100));
-  --ard-cmpcl--content: rgb(var(--ard-secondary-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-secondary-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-secondary-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-secondary-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-secondary-100));
-}
-.ard-table.ard-color-warn {
-  --ard-cmpcl--bg: rgb(var(--ard-warn-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-warn-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-warn-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-warn-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-warn-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored-light: var(--ard-text);
-  --ard-cmpcl--border: rgb(var(--ard-warn-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-warn-100));
-  --ard-cmpcl--content: rgb(var(--ard-warn-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-warn-100));
-  --ard-cmpcl--overlay-rgb: var(--ard-warn-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-warn-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-warn-100));
-}
-.ard-table.ard-color-danger {
-  --ard-cmpcl--bg: rgb(var(--ard-danger-700));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-danger-700));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-danger-100));
-  --ard-cmpcl--bg-header: rgb(var(--ard-danger-100));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-danger-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored-light: var(--ard-text);
-  --ard-cmpcl--border: rgb(var(--ard-danger-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-danger-100));
-  --ard-cmpcl--content: rgb(var(--ard-danger-900));
-  --ard-cmpcl--content-light: rgb(var(--ard-danger-500));
-  --ard-cmpcl--overlay-rgb: var(--ard-danger-700);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-danger-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-danger-300));
-}
-.ard-table.ard-color-success {
-  --ard-cmpcl--bg: rgb(var(--ard-success-700));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-success-700));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-success-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-success-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-success-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored-light: var(--ard-text);
-  --ard-cmpcl--border: rgb(var(--ard-success-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-success-100));
-  --ard-cmpcl--content: rgb(var(--ard-success-900));
-  --ard-cmpcl--content-light: rgb(var(--ard-success-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-success-700);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-success-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-success-300));
-}
-.ard-table.ard-color-info {
-  --ard-cmpcl--bg: rgb(var(--ard-info-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-info-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-info-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-info-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-info-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored-light: var(--ard-text);
-  --ard-cmpcl--border: rgb(var(--ard-info-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-info-100));
-  --ard-cmpcl--content: rgb(var(--ard-info-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-info-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-info-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-info-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-info-100));
-}
-.ard-table.ard-color-currentColor {
-  --ard-cmpcl--bg: var(--ard-bg);
-  --ard-cmpcl--bg-colored: currentColor;
-  --ard-cmpcl--on-bg: currentColor;
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: currentColor;
-  --ard-cmpcl--border-light: currentColor;
-  --ard-cmpcl--content: currentColor;
-  --ard-cmpcl--content-light: currentColor;
-  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: currentColor;
-  --ard-cmpcl--overlay-colored-light: currentColor;
-}
-.ard-table .ard-table__body {
-  border: var(--ard-table-border-width, 1px) var(--ard-table-border-style, solid) var(--ard-table-border-color, var(--ard-detail-ultralight));
-}
-.ard-table .ard-table__header-cell,
-.ard-table .ard-table__body-cell {
-  box-sizing: border-box;
-}
-.ard-table .ard-table__header-cell > .ard-table__cell-container,
-.ard-table .ard-table__body-cell > .ard-table__cell-container {
-  height: max-content;
-  max-height: 100%;
-  padding: var(--ard-table-cell-padding, 0 0.75rem);
-  box-sizing: border-box;
-  font-size: var(--ard-form-field-font-size, 0.875rem);
-}
-.ard-table .ard-table__header-cell > .ard-table__cell-container .ard-table__header-template-container,
-.ard-table .ard-table__body-cell > .ard-table__cell-container .ard-table__header-template-container {
-  display: flex;
-  align-items: center;
-  gap: var(--ard-table-header-gap, 0.75rem);
-}
-.ard-table .ard-table__header-cell > .ard-table__cell-container .ard-table__header-template-container .ard-table__header-content-container,
-.ard-table .ard-table__body-cell > .ard-table__cell-container .ard-table__header-template-container .ard-table__header-content-container {
-  overflow-x: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.ard-table .ard-table__header-cell {
-  height: var(--ard-table-header-cell-height, 3.375rem);
-  font-weight: var(--ard-table-header-cell-font-weight, 500);
-  letter-spacing: var(--ard-table-header-cell-letter-spacing, 0.25px);
-}
-.ard-table .ard-table__body-cell {
-  height: var(--ard-table-body-cell-height, 3rem);
-  transition: background-color 0.15s ease;
-}
-.ard-table .ard-table__body-cell .ard-table__cell-container {
-  overflow-x: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.ard-table .ard-table__checkbox-cell > .ard-table__cell-container {
-  width: var(--ard-table-body-cell-height, 3rem);
-  height: var(--ard-table-body-cell-height, 3rem);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.ard-table .ard-table__body-row .ard-table__body-cell {
-  border-bottom: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
-}
-.ard-table .ard-table__empty-row .ard-table__empty-cell {
-  height: var(--ard-table-body-cell-height, 3rem);
-}
-.ard-table .ard-table__empty-row:not(:last-of-type) .ard-table__empty-cell {
-  border-bottom: 1px solid transparent;
-}
-.ard-table.ard-table-loading .ard-table__header,
-.ard-table.ard-table-loading .ard-table__body {
-  pointer-events: none;
-}
-.ard-table.ard-table-loading .ard-table__body {
-  opacity: var(--ard-table-loading-opacity, 40%);
-}
-.ard-table.ard-table-loading .ard-table__header .ard-table__checkbox-cell {
-  opacity: var(--ard-table-loading-opacity, 40%);
-}
-.ard-table .ard-table__progress-bar-row {
-  background-color: var(--ard-table-background, var(--ard-bg));
-  border-left: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
-  border-right: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
-  border-bottom: 1px solid var(--ard-table-background, var(--ard-bg));
-}
-.ard-table .ard-table__progress-bar-row .ard-table__progress-bar-cell {
-  height: var(--ard-table-progress-bar-height, 0.1875rem);
-}
-.ard-table .ard-table__progress-bar-row .ard-table__progress-bar-cell ard-progress-bar {
-  position: relative;
-  z-index: var(--ard-table-progress-bar-z-index, 1);
-  margin: -1px;
-}
-.ard-table .ard-table__progress-bar-row .ard-table__progress-bar-cell ard-progress-bar > .ard-progress-bar {
-  margin: 0;
-}
-.ard-table .ard-table__sortable .ard-table__header-template-container.ard-sortable .ard-table__header-content-container {
-  border: none;
-  background: none;
-  color: inherit;
-  font: inherit;
-  width: 100%;
-  display: flex;
-  gap: var(--ard-table-sort-gap, 0.375rem);
-  cursor: pointer;
-  border-radius: var(--ard-table-sort-border-radius, 0.25rem);
-  outline-offset: var(--ard-table-sort-outline-offset, 0.25rem);
-}
-.ard-table .ard-table__sortable .ard-table__header-template-container.ard-sortable .ard-table__header-content-container:focus-visible {
-  outline: var(--ard-table-sort-outline-width, 2px) solid var(--ard-table-sort-outline-color, black);
-}
-.ard-table .ard-table__sortable .ard-table__header-template-container.ard-sortable .ard-table__header-content-container .ard-table__header-sort-icon {
-  height: var(--ard-table-sort-icon-size, 1rem);
-  overflow: hidden;
-}
-.ard-table .ard-table__sortable .ard-table__header-template-container.ard-sortable .ard-table__header-content-container ard-icon {
-  font-size: var(--ard-table-sort-icon-size, 1rem);
-  font-weight: var(--ard-table-sort-icon-weight, 900);
-}
-.ard-table .ard-table__caption {
-  caption-side: bottom;
-  height: var(--ard-table-caption-height, 3.125rem);
-  box-sizing: border-box;
-  color: var(--ard-table-caption-color, var(--ard-detail));
-  background: var(--ard-table-caption-background, var(--ard-bg));
-  border: 1px solid var(--ard-table-caption-border-color, var(--ard-detail-ultralight));
-  border-top: none;
-  padding: var(--ard-table-caption-padding, 0 0.75rem);
-}
-.ard-table .ard-table__caption .ard-table__caption-container {
-  display: flex;
-  align-items: center;
-  height: 100%;
-}
-.ard-table .ard-table__foot .ard-table__pagination-cell {
-  border: 1px solid var(--ard-table-footer-border-color, var(--ard-detail-ultralight));
-}
-.ard-table.ard-appearance-strong .ard-table__header {
-  border-bottom: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
-  background-color: var(--ard-_table-header-background);
-}
-.ard-table.ard-appearance-strong .ard-table__header-cell {
-  color: var(--ard-_table-header-color-on-bg);
-  border-bottom: 1px solid var(--ard-_table-header-border);
-}
-.ard-table.ard-appearance-light .ard-table__header-cell {
-  color: var(--ard-_table-header-color);
-}
-.ard-table.ard-appearance-light .ard-table__header {
-  background-color: var(--ard-_table-header-background-light);
-  border: 1px solid var(--ard-_table-header-border-light);
-}
-.ard-table.ard-appearance-light .ard-table__header-row .ard-table__header-cell {
-  border-bottom: 1px solid var(--ard-_table-header-border-light);
-}
-.ard-table.ard-appearance-colorless .ard-table__header-cell {
-  color: var(--ard-table-header-color, var(--ard-text));
-}
-.ard-table.ard-appearance-colorless .ard-table__header {
-  border: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
-  background-color: var(--ard-table-background, var(--ard-bg));
-}
-.ard-table.ard-appearance-colorless .ard-table__header-row .ard-table__header-cell {
-  border-bottom: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
-}
-.ard-table.ard-variant-rounded .ard-table,
-.ard-table.ard-variant-rounded .ard-table__header,
-.ard-table.ard-variant-rounded .ard-table__body {
-  border-radius: var(--ard-table-border-radius, 8px);
-}
-.ard-table.ard-variant-rounded .ard-table__header-row:first-child {
-  border-top-left-radius: var(--ard-table-border-radius, 8px);
-  border-top-right-radius: var(--ard-table-border-radius, 8px);
-}
-.ard-table.ard-variant-rounded .ard-table__header-row:first-child .ard-table__header-cell:first-child {
-  border-top-left-radius: var(--ard-table-border-radius, 8px);
-}
-.ard-table.ard-variant-rounded .ard-table__header-row:first-child .ard-table__header-cell:last-child {
-  border-top-right-radius: var(--ard-table-border-radius, 8px);
-}
-.ard-table.ard-variant-rounded .ard-table__body-row:last-child .ard-table__body-cell:first-child {
-  border-bottom-left-radius: var(--ard-table-border-radius, 8px);
-}
-.ard-table.ard-variant-rounded .ard-table__body-row:last-child .ard-table__body-cell:last-child {
-  border-bottom-right-radius: var(--ard-table-border-radius, 8px);
-}
-.ard-table.ard-variant-rounded .ard-table__foot {
-  border-bottom-left-radius: var(--ard-table-border-radius, 8px);
-  border-bottom-right-radius: var(--ard-table-border-radius, 8px);
-}
-.ard-table.ard-variant-rounded .ard-table__foot .ard-table__foot-row {
-  border-bottom-left-radius: var(--ard-table-border-radius, 8px);
-  border-bottom-right-radius: var(--ard-table-border-radius, 8px);
-}
-.ard-table.ard-variant-rounded .ard-table__foot .ard-table__foot-row .ard-table__pagination-cell {
-  border-bottom-left-radius: var(--ard-table-border-radius, 8px);
-  border-bottom-right-radius: var(--ard-table-border-radius, 8px);
-}
-.ard-table.ard-variant-rounded .ard-table__caption {
-  border-bottom-left-radius: var(--ard-table-border-radius, 8px);
-  border-bottom-right-radius: var(--ard-table-border-radius, 8px);
-}
-.ard-table.ard-variant-rounded .ard-table__caption + .ard-table__body * {
-  border-radius: 0;
-}
-.ard-table.ard-variant-rounded .ard-table__caption ~ .ard-table__foot * {
-  border-radius: 0;
-}
-.ard-table.ard-compact .ard-table__header-cell > .ard-table__cell-container,
-.ard-table.ard-compact .ard-table__body-cell > .ard-table__cell-container {
-  padding: var(--ard-table-cell-padding-compact, 0 0.625rem);
-  font-size: var(--ard-table-font-size-compact, 0.875rem);
-}
-.ard-table.ard-compact .ard-table__header-cell {
-  height: var(--ard-table-header-cell-height-compact, 2.625rem);
-}
-.ard-table.ard-compact .ard-table__header-cell > .ard-table__cell-container {
-  letter-spacing: 0.18px;
-}
-.ard-table.ard-compact .ard-table__body-cell {
-  height: var(--ard-table-body-cell-height-compact, 2.25rem);
-}
-.ard-table.ard-compact .ard-table__checkbox-cell > .ard-table__cell-container {
-  width: var(--ard-table-checkbox-cell-width-compact, 2.25rem);
-  height: var(--ard-table-checkbox-cell-height-compact, 2.25rem);
-}
-.ard-table.ard-compact .ard-table__caption {
-  height: var(--ard-table-caption-height-compact, 2.25rem);
-}
-.ard-table.ard-zebra-table .ard-table__body-row:nth-of-type(2n-1) {
-  background: var(--ard-table-zebra-background, var(--ard-darken-overlay-ultralight));
-}
-.ard-table.ard-selectable-rows .ard-table__body-row .ard-table__body-cell {
-  cursor: pointer;
-}
-.ard-table .ard-table__body-row.ard-table__highlighted-row .ard-table__body-cell {
-  background: rgba(var(--ard-_table-overlay-colorless), 4%);
-}
-.ard-table .ard-table__body-row.ard-table__selected-row .ard-table__body-cell {
-  background: rgba(var(--ard-_table-overlay), 8%);
-}
-.ard-table .ard-table__disabled-row {
-  pointer-events: none;
-  opacity: var(--ard-table-disabled-row-opacity, 50%);
-  user-select: none;
-}
-.ard-table .ard-table__bold-row {
-  font-weight: var(--ard-table-bold-row-font-weight, 700);
-}
-.ard-table.ard-sticky-header .ard-table__header {
-  position: sticky;
-  top: var(--ard-table-sticky-header-top, 0);
-  z-index: var(--ard-table-sticky-header-z-index, 2);
-}
-.ard-table.ard-header-align-top-left .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-center-left .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-bottom-left .ard-table__header-cell > .ard-table__cell-container {
-  text-align: left;
-}
-.ard-table.ard-header-align-top-center .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-center-center .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-bottom-center .ard-table__header-cell > .ard-table__cell-container {
-  text-align: center;
-}
-.ard-table.ard-header-align-top-right .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-center-right .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-bottom-right .ard-table__header-cell > .ard-table__cell-container {
-  text-align: right;
-}
-.ard-table.ard-header-align-top-left .ard-table__header-cell, .ard-table.ard-header-align-top-center .ard-table__header-cell, .ard-table.ard-header-align-top-right .ard-table__header-cell {
-  vertical-align: top;
-}
-.ard-table.ard-header-align-center-left .ard-table__header-cell, .ard-table.ard-header-align-center-center .ard-table__header-cell, .ard-table.ard-header-align-center-right .ard-table__header-cell {
-  vertical-align: center;
-}
-.ard-table.ard-header-align-bottom-left .ard-table__header-cell, .ard-table.ard-header-align-bottom-center .ard-table__header-cell, .ard-table.ard-header-align-bottom-right .ard-table__header-cell {
-  vertical-align: bottom;
-}
-.ard-table.ard-align-top-left .ard-table__body-cell > .ard-table__cell-container,
-.ard-table.ard-align-top-left .ard-table__caption, .ard-table.ard-align-center-left .ard-table__body-cell > .ard-table__cell-container,
-.ard-table.ard-align-center-left .ard-table__caption, .ard-table.ard-align-bottom-left .ard-table__body-cell > .ard-table__cell-container,
-.ard-table.ard-align-bottom-left .ard-table__caption {
-  text-align: left;
-}
-.ard-table.ard-align-top-center .ard-table__body-cell > .ard-table__cell-container,
-.ard-table.ard-align-top-center .ard-table__caption, .ard-table.ard-align-center-center .ard-table__body-cell > .ard-table__cell-container,
-.ard-table.ard-align-center-center .ard-table__caption, .ard-table.ard-align-bottom-center .ard-table__body-cell > .ard-table__cell-container,
-.ard-table.ard-align-bottom-center .ard-table__caption {
-  text-align: center;
-}
-.ard-table.ard-align-top-right .ard-table__body-cell > .ard-table__cell-container,
-.ard-table.ard-align-top-right .ard-table__caption, .ard-table.ard-align-center-right .ard-table__body-cell > .ard-table__cell-container,
-.ard-table.ard-align-center-right .ard-table__caption, .ard-table.ard-align-bottom-right .ard-table__body-cell > .ard-table__cell-container,
-.ard-table.ard-align-bottom-right .ard-table__caption {
-  text-align: right;
-}
-.ard-table.ard-align-top-left .ard-table__body-cell, .ard-table.ard-align-top-center .ard-table__body-cell, .ard-table.ard-align-top-right .ard-table__body-cell {
-  vertical-align: top;
-}
-.ard-table.ard-align-center-left .ard-table__body-cell, .ard-table.ard-align-center-center .ard-table__body-cell, .ard-table.ard-align-center-right .ard-table__body-cell {
-  vertical-align: center;
-}
-.ard-table.ard-align-bottom-left .ard-table__body-cell, .ard-table.ard-align-bottom-center .ard-table__body-cell, .ard-table.ard-align-bottom-right .ard-table__body-cell {
-  vertical-align: bottom;
+@layer ard-theme {
+  .ard-table {
+    border-collapse: collapse;
+    background: var(--ard-table-background, var(--ard-bg));
+    --ard-_table-header-border: var(--ard-cmpcl--border);
+    --ard-_table-header-border-light: var(--ard-cmpcl--border-light);
+    --ard-_table-border: var(--ard-table-border-color-strong, var(--ard-border));
+    --ard-_table-header-background: var(--ard-cmpcl--bg);
+    --ard-_table-header-background-light: var(--ard-cmpcl--bg-header);
+    --ard-_table-header-color: var(--ard-cmpcl--content);
+    --ard-_table-header-color-on-bg: var(--ard-cmpcl--on-bg);
+    --ard-_table-overlay: var(--ard-cmpcl--overlay-rgb);
+    --ard-_table-overlay-colorless: var(--ard-overlay-rgb);
+  }
+  .ard-table.ard-color-none {
+    --ard-cmpcl--bg: var(--ard-bg);
+    --ard-cmpcl--bg-colored: var(--ard-bg-alt);
+    --ard-cmpcl--bg-colored-light: var(--ard-detail-light);
+    --ard-cmpcl--bg-header: var(--ard-bg-filled);
+    --ard-cmpcl--bg-colored-verylight: var(--ard-bg-darker);
+    --ard-cmpcl--on-bg: var(--ard-text);
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored-light: var(--ard-text);
+    --ard-cmpcl--border: var(--ard-text);
+    --ard-cmpcl--border-light: var(--ard-text2);
+    --ard-cmpcl--content: var(--ard-text);
+    --ard-cmpcl--content-light: var(--ard-text-alt);
+    --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored-light: var(--ard-text-alt);
+  }
+  .ard-table.ard-color-primary {
+    --ard-cmpcl--bg: rgb(var(--ard-primary-500));
+    --ard-cmpcl--bg-colored: rgb(var(--ard-primary-500));
+    --ard-cmpcl--bg-colored-light: rgb(var(--ard-primary-100));
+    --ard-cmpcl--bg-header: rgb(var(--ard-primary-100));
+    --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-primary-50));
+    --ard-cmpcl--on-bg: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored-light: var(--ard-text);
+    --ard-cmpcl--border: rgb(var(--ard-primary-300));
+    --ard-cmpcl--border-light: rgb(var(--ard-primary-100));
+    --ard-cmpcl--content: rgb(var(--ard-primary-700));
+    --ard-cmpcl--content-light: rgb(var(--ard-primary-300));
+    --ard-cmpcl--overlay-rgb: var(--ard-primary-500);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: rgb(var(--ard-primary-700));
+    --ard-cmpcl--overlay-colored-light: rgb(var(--ard-primary-100));
+  }
+  .ard-table.ard-color-secondary {
+    --ard-cmpcl--bg: rgb(var(--ard-secondary-500));
+    --ard-cmpcl--bg-colored: rgb(var(--ard-secondary-500));
+    --ard-cmpcl--bg-colored-light: rgb(var(--ard-secondary-50));
+    --ard-cmpcl--bg-header: rgb(var(--ard-secondary-50));
+    --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-secondary-50));
+    --ard-cmpcl--on-bg: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored-light: var(--ard-text);
+    --ard-cmpcl--border: rgb(var(--ard-secondary-300));
+    --ard-cmpcl--border-light: rgb(var(--ard-secondary-100));
+    --ard-cmpcl--content: rgb(var(--ard-secondary-700));
+    --ard-cmpcl--content-light: rgb(var(--ard-secondary-300));
+    --ard-cmpcl--overlay-rgb: var(--ard-secondary-500);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: rgb(var(--ard-secondary-700));
+    --ard-cmpcl--overlay-colored-light: rgb(var(--ard-secondary-100));
+  }
+  .ard-table.ard-color-warn {
+    --ard-cmpcl--bg: rgb(var(--ard-warn-500));
+    --ard-cmpcl--bg-colored: rgb(var(--ard-warn-500));
+    --ard-cmpcl--bg-colored-light: rgb(var(--ard-warn-50));
+    --ard-cmpcl--bg-header: rgb(var(--ard-warn-50));
+    --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-warn-50));
+    --ard-cmpcl--on-bg: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored-light: var(--ard-text);
+    --ard-cmpcl--border: rgb(var(--ard-warn-300));
+    --ard-cmpcl--border-light: rgb(var(--ard-warn-100));
+    --ard-cmpcl--content: rgb(var(--ard-warn-700));
+    --ard-cmpcl--content-light: rgb(var(--ard-warn-100));
+    --ard-cmpcl--overlay-rgb: var(--ard-warn-500);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: rgb(var(--ard-warn-700));
+    --ard-cmpcl--overlay-colored-light: rgb(var(--ard-warn-100));
+  }
+  .ard-table.ard-color-danger {
+    --ard-cmpcl--bg: rgb(var(--ard-danger-700));
+    --ard-cmpcl--bg-colored: rgb(var(--ard-danger-700));
+    --ard-cmpcl--bg-colored-light: rgb(var(--ard-danger-100));
+    --ard-cmpcl--bg-header: rgb(var(--ard-danger-100));
+    --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-danger-50));
+    --ard-cmpcl--on-bg: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored-light: var(--ard-text);
+    --ard-cmpcl--border: rgb(var(--ard-danger-300));
+    --ard-cmpcl--border-light: rgb(var(--ard-danger-100));
+    --ard-cmpcl--content: rgb(var(--ard-danger-900));
+    --ard-cmpcl--content-light: rgb(var(--ard-danger-500));
+    --ard-cmpcl--overlay-rgb: var(--ard-danger-700);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: rgb(var(--ard-danger-700));
+    --ard-cmpcl--overlay-colored-light: rgb(var(--ard-danger-300));
+  }
+  .ard-table.ard-color-success {
+    --ard-cmpcl--bg: rgb(var(--ard-success-700));
+    --ard-cmpcl--bg-colored: rgb(var(--ard-success-700));
+    --ard-cmpcl--bg-colored-light: rgb(var(--ard-success-50));
+    --ard-cmpcl--bg-header: rgb(var(--ard-success-50));
+    --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-success-50));
+    --ard-cmpcl--on-bg: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored-light: var(--ard-text);
+    --ard-cmpcl--border: rgb(var(--ard-success-300));
+    --ard-cmpcl--border-light: rgb(var(--ard-success-100));
+    --ard-cmpcl--content: rgb(var(--ard-success-900));
+    --ard-cmpcl--content-light: rgb(var(--ard-success-300));
+    --ard-cmpcl--overlay-rgb: var(--ard-success-700);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: rgb(var(--ard-success-700));
+    --ard-cmpcl--overlay-colored-light: rgb(var(--ard-success-300));
+  }
+  .ard-table.ard-color-info {
+    --ard-cmpcl--bg: rgb(var(--ard-info-500));
+    --ard-cmpcl--bg-colored: rgb(var(--ard-info-500));
+    --ard-cmpcl--bg-colored-light: rgb(var(--ard-info-50));
+    --ard-cmpcl--bg-header: rgb(var(--ard-info-50));
+    --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-info-50));
+    --ard-cmpcl--on-bg: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored-light: var(--ard-text);
+    --ard-cmpcl--border: rgb(var(--ard-info-300));
+    --ard-cmpcl--border-light: rgb(var(--ard-info-100));
+    --ard-cmpcl--content: rgb(var(--ard-info-700));
+    --ard-cmpcl--content-light: rgb(var(--ard-info-300));
+    --ard-cmpcl--overlay-rgb: var(--ard-info-500);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: rgb(var(--ard-info-700));
+    --ard-cmpcl--overlay-colored-light: rgb(var(--ard-info-100));
+  }
+  .ard-table.ard-color-currentColor {
+    --ard-cmpcl--bg: var(--ard-bg);
+    --ard-cmpcl--bg-colored: currentColor;
+    --ard-cmpcl--on-bg: currentColor;
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--border: currentColor;
+    --ard-cmpcl--border-light: currentColor;
+    --ard-cmpcl--content: currentColor;
+    --ard-cmpcl--content-light: currentColor;
+    --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: currentColor;
+    --ard-cmpcl--overlay-colored-light: currentColor;
+  }
+  .ard-table .ard-table__body {
+    border: var(--ard-table-border-width, 1px) var(--ard-table-border-style, solid) var(--ard-table-border-color, var(--ard-detail-ultralight));
+  }
+  .ard-table .ard-table__header-cell,
+  .ard-table .ard-table__body-cell {
+    box-sizing: border-box;
+  }
+  .ard-table .ard-table__header-cell > .ard-table__cell-container,
+  .ard-table .ard-table__body-cell > .ard-table__cell-container {
+    height: max-content;
+    max-height: 100%;
+    padding: var(--ard-table-cell-padding, 0 0.75rem);
+    box-sizing: border-box;
+    font-size: var(--ard-form-field-font-size, 0.875rem);
+  }
+  .ard-table .ard-table__header-cell > .ard-table__cell-container .ard-table__header-template-container,
+  .ard-table .ard-table__body-cell > .ard-table__cell-container .ard-table__header-template-container {
+    display: flex;
+    align-items: center;
+    gap: var(--ard-table-header-gap, 0.75rem);
+  }
+  .ard-table .ard-table__header-cell > .ard-table__cell-container .ard-table__header-template-container .ard-table__header-content-container,
+  .ard-table .ard-table__body-cell > .ard-table__cell-container .ard-table__header-template-container .ard-table__header-content-container {
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .ard-table .ard-table__header-cell {
+    height: var(--ard-table-header-cell-height, 3.375rem);
+    font-weight: var(--ard-table-header-cell-font-weight, 500);
+    letter-spacing: var(--ard-table-header-cell-letter-spacing, 0.25px);
+  }
+  .ard-table .ard-table__body-cell {
+    height: var(--ard-table-body-cell-height, 3rem);
+    transition: background-color 0.15s ease;
+  }
+  .ard-table .ard-table__body-cell .ard-table__cell-container {
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .ard-table .ard-table__checkbox-cell > .ard-table__cell-container {
+    width: var(--ard-table-body-cell-height, 3rem);
+    height: var(--ard-table-body-cell-height, 3rem);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .ard-table .ard-table__body-row .ard-table__body-cell {
+    border-bottom: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
+  }
+  .ard-table .ard-table__empty-row .ard-table__empty-cell {
+    height: var(--ard-table-body-cell-height, 3rem);
+  }
+  .ard-table .ard-table__empty-row:not(:last-of-type) .ard-table__empty-cell {
+    border-bottom: 1px solid transparent;
+  }
+  .ard-table.ard-table-loading .ard-table__header,
+  .ard-table.ard-table-loading .ard-table__body {
+    pointer-events: none;
+  }
+  .ard-table.ard-table-loading .ard-table__body {
+    opacity: var(--ard-table-loading-opacity, 40%);
+  }
+  .ard-table.ard-table-loading .ard-table__header .ard-table__checkbox-cell {
+    opacity: var(--ard-table-loading-opacity, 40%);
+  }
+  .ard-table .ard-table__progress-bar-row {
+    background-color: var(--ard-table-background, var(--ard-bg));
+    border-left: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
+    border-right: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
+    border-bottom: 1px solid var(--ard-table-background, var(--ard-bg));
+  }
+  .ard-table .ard-table__progress-bar-row .ard-table__progress-bar-cell {
+    height: var(--ard-table-progress-bar-height, 0.1875rem);
+  }
+  .ard-table .ard-table__progress-bar-row .ard-table__progress-bar-cell ard-progress-bar {
+    position: relative;
+    z-index: var(--ard-table-progress-bar-z-index, 1);
+    margin: -1px;
+  }
+  .ard-table .ard-table__progress-bar-row .ard-table__progress-bar-cell ard-progress-bar > .ard-progress-bar {
+    margin: 0;
+  }
+  .ard-table .ard-table__sortable .ard-table__header-template-container.ard-sortable .ard-table__header-content-container {
+    border: none;
+    background: none;
+    color: inherit;
+    font: inherit;
+    width: 100%;
+    display: flex;
+    gap: var(--ard-table-sort-gap, 0.375rem);
+    cursor: pointer;
+    border-radius: var(--ard-table-sort-border-radius, 0.25rem);
+    outline-offset: var(--ard-table-sort-outline-offset, 0.25rem);
+  }
+  .ard-table .ard-table__sortable .ard-table__header-template-container.ard-sortable .ard-table__header-content-container:focus-visible {
+    outline: var(--ard-table-sort-outline-width, 2px) solid var(--ard-table-sort-outline-color, black);
+  }
+  .ard-table .ard-table__sortable .ard-table__header-template-container.ard-sortable .ard-table__header-content-container .ard-table__header-sort-icon {
+    height: var(--ard-table-sort-icon-size, 1rem);
+    overflow: hidden;
+  }
+  .ard-table .ard-table__sortable .ard-table__header-template-container.ard-sortable .ard-table__header-content-container ard-icon {
+    font-size: var(--ard-table-sort-icon-size, 1rem);
+    font-weight: var(--ard-table-sort-icon-weight, 900);
+  }
+  .ard-table .ard-table__caption {
+    caption-side: bottom;
+    height: var(--ard-table-caption-height, 3.125rem);
+    box-sizing: border-box;
+    color: var(--ard-table-caption-color, var(--ard-detail));
+    background: var(--ard-table-caption-background, var(--ard-bg));
+    border: 1px solid var(--ard-table-caption-border-color, var(--ard-detail-ultralight));
+    border-top: none;
+    padding: var(--ard-table-caption-padding, 0 0.75rem);
+  }
+  .ard-table .ard-table__caption .ard-table__caption-container {
+    display: flex;
+    align-items: center;
+    height: 100%;
+  }
+  .ard-table .ard-table__foot .ard-table__pagination-cell {
+    border: 1px solid var(--ard-table-footer-border-color, var(--ard-detail-ultralight));
+  }
+  .ard-table.ard-appearance-strong .ard-table__header {
+    border-bottom: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
+    background-color: var(--ard-_table-header-background);
+  }
+  .ard-table.ard-appearance-strong .ard-table__header-cell {
+    color: var(--ard-_table-header-color-on-bg);
+    border-bottom: 1px solid var(--ard-_table-header-border);
+  }
+  .ard-table.ard-appearance-light .ard-table__header-cell {
+    color: var(--ard-_table-header-color);
+  }
+  .ard-table.ard-appearance-light .ard-table__header {
+    background-color: var(--ard-_table-header-background-light);
+    border: 1px solid var(--ard-_table-header-border-light);
+  }
+  .ard-table.ard-appearance-light .ard-table__header-row .ard-table__header-cell {
+    border-bottom: 1px solid var(--ard-_table-header-border-light);
+  }
+  .ard-table.ard-appearance-colorless .ard-table__header-cell {
+    color: var(--ard-table-header-color, var(--ard-text));
+  }
+  .ard-table.ard-appearance-colorless .ard-table__header {
+    border: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
+    background-color: var(--ard-table-background, var(--ard-bg));
+  }
+  .ard-table.ard-appearance-colorless .ard-table__header-row .ard-table__header-cell {
+    border-bottom: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
+  }
+  .ard-table.ard-variant-rounded .ard-table,
+  .ard-table.ard-variant-rounded .ard-table__header,
+  .ard-table.ard-variant-rounded .ard-table__body {
+    border-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__header-row:first-child {
+    border-top-left-radius: var(--ard-table-border-radius, 8px);
+    border-top-right-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__header-row:first-child .ard-table__header-cell:first-child {
+    border-top-left-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__header-row:first-child .ard-table__header-cell:last-child {
+    border-top-right-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__body-row:last-child .ard-table__body-cell:first-child {
+    border-bottom-left-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__body-row:last-child .ard-table__body-cell:last-child {
+    border-bottom-right-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__foot {
+    border-bottom-left-radius: var(--ard-table-border-radius, 8px);
+    border-bottom-right-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__foot .ard-table__foot-row {
+    border-bottom-left-radius: var(--ard-table-border-radius, 8px);
+    border-bottom-right-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__foot .ard-table__foot-row .ard-table__pagination-cell {
+    border-bottom-left-radius: var(--ard-table-border-radius, 8px);
+    border-bottom-right-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__caption {
+    border-bottom-left-radius: var(--ard-table-border-radius, 8px);
+    border-bottom-right-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__caption + .ard-table__body * {
+    border-radius: 0;
+  }
+  .ard-table.ard-variant-rounded .ard-table__caption ~ .ard-table__foot * {
+    border-radius: 0;
+  }
+  .ard-table.ard-compact .ard-table__header-cell > .ard-table__cell-container,
+  .ard-table.ard-compact .ard-table__body-cell > .ard-table__cell-container {
+    padding: var(--ard-table-cell-padding-compact, 0 0.625rem);
+    font-size: var(--ard-table-font-size-compact, 0.875rem);
+  }
+  .ard-table.ard-compact .ard-table__header-cell {
+    height: var(--ard-table-header-cell-height-compact, 2.625rem);
+  }
+  .ard-table.ard-compact .ard-table__header-cell > .ard-table__cell-container {
+    letter-spacing: 0.18px;
+  }
+  .ard-table.ard-compact .ard-table__body-cell {
+    height: var(--ard-table-body-cell-height-compact, 2.25rem);
+  }
+  .ard-table.ard-compact .ard-table__checkbox-cell > .ard-table__cell-container {
+    width: var(--ard-table-checkbox-cell-width-compact, 2.25rem);
+    height: var(--ard-table-checkbox-cell-height-compact, 2.25rem);
+  }
+  .ard-table.ard-compact .ard-table__caption {
+    height: var(--ard-table-caption-height-compact, 2.25rem);
+  }
+  .ard-table.ard-zebra-table .ard-table__body-row:nth-of-type(2n-1) {
+    background: var(--ard-table-zebra-background, var(--ard-darken-overlay-ultralight));
+  }
+  .ard-table.ard-selectable-rows .ard-table__body-row .ard-table__body-cell {
+    cursor: pointer;
+  }
+  .ard-table .ard-table__body-row.ard-table__highlighted-row .ard-table__body-cell {
+    background: rgba(var(--ard-_table-overlay-colorless), 4%);
+  }
+  .ard-table .ard-table__body-row.ard-table__selected-row .ard-table__body-cell {
+    background: rgba(var(--ard-_table-overlay), 8%);
+  }
+  .ard-table .ard-table__disabled-row {
+    pointer-events: none;
+    opacity: var(--ard-table-disabled-row-opacity, 50%);
+    user-select: none;
+  }
+  .ard-table .ard-table__bold-row {
+    font-weight: var(--ard-table-bold-row-font-weight, 700);
+  }
+  .ard-table.ard-sticky-header .ard-table__header {
+    position: sticky;
+    top: var(--ard-table-sticky-header-top, 0);
+    z-index: var(--ard-table-sticky-header-z-index, 2);
+  }
+  .ard-table.ard-header-align-top-left .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-center-left .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-bottom-left .ard-table__header-cell > .ard-table__cell-container {
+    text-align: left;
+  }
+  .ard-table.ard-header-align-top-center .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-center-center .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-bottom-center .ard-table__header-cell > .ard-table__cell-container {
+    text-align: center;
+  }
+  .ard-table.ard-header-align-top-right .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-center-right .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-bottom-right .ard-table__header-cell > .ard-table__cell-container {
+    text-align: right;
+  }
+  .ard-table.ard-header-align-top-left .ard-table__header-cell, .ard-table.ard-header-align-top-center .ard-table__header-cell, .ard-table.ard-header-align-top-right .ard-table__header-cell {
+    vertical-align: top;
+  }
+  .ard-table.ard-header-align-center-left .ard-table__header-cell, .ard-table.ard-header-align-center-center .ard-table__header-cell, .ard-table.ard-header-align-center-right .ard-table__header-cell {
+    vertical-align: center;
+  }
+  .ard-table.ard-header-align-bottom-left .ard-table__header-cell, .ard-table.ard-header-align-bottom-center .ard-table__header-cell, .ard-table.ard-header-align-bottom-right .ard-table__header-cell {
+    vertical-align: bottom;
+  }
+  .ard-table.ard-align-top-left .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-top-left .ard-table__caption, .ard-table.ard-align-center-left .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-center-left .ard-table__caption, .ard-table.ard-align-bottom-left .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-bottom-left .ard-table__caption {
+    text-align: left;
+  }
+  .ard-table.ard-align-top-center .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-top-center .ard-table__caption, .ard-table.ard-align-center-center .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-center-center .ard-table__caption, .ard-table.ard-align-bottom-center .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-bottom-center .ard-table__caption {
+    text-align: center;
+  }
+  .ard-table.ard-align-top-right .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-top-right .ard-table__caption, .ard-table.ard-align-center-right .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-center-right .ard-table__caption, .ard-table.ard-align-bottom-right .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-bottom-right .ard-table__caption {
+    text-align: right;
+  }
+  .ard-table.ard-align-top-left .ard-table__body-cell, .ard-table.ard-align-top-center .ard-table__body-cell, .ard-table.ard-align-top-right .ard-table__body-cell {
+    vertical-align: top;
+  }
+  .ard-table.ard-align-center-left .ard-table__body-cell, .ard-table.ard-align-center-center .ard-table__body-cell, .ard-table.ard-align-center-right .ard-table__body-cell {
+    vertical-align: center;
+  }
+  .ard-table.ard-align-bottom-left .ard-table__body-cell, .ard-table.ard-align-bottom-center .ard-table__body-cell, .ard-table.ard-align-bottom-right .ard-table__body-cell {
+    vertical-align: bottom;
+  }
 }
 
 /*# sourceMappingURL=table.css.map */