@semcore/data-table 17.0.0-prerelease.30 → 17.0.0-prerelease.34

package/lib/esm/components/Body/style.shadow.css

@@ -66,46 +66,20 @@ SCollapseRow > SCellWrapper > SCell {
   display: block;
 }
 
-/* DEFAULT THEME */
-
-SRow[active] > SCellWrapper > SCell:not([theme]) {
-  background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
-}
-
 SRow[accordionType='row'][expanded] > SCellWrapper > SCell:not([theme]),
 SCell:not([theme])[expanded][withAccordion] {
   background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
 }
 
-SCell[theme='muted'][expanded][withAccordion] {
-  background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
-}
-
-SCell[theme='info'][expanded][withAccordion] {
-  background-color: var(--intergalactic-table-td-cell-selected-hover, #c4e5fe);
-}
-
-SCell[theme='success'][expanded][withAccordion] {
-  background-color: var(--intergalactic-table-td-cell-new-hover, #9ef2c9);
-}
-
-SCell[theme='warning'][expanded][withAccordion] {
-  background-color: var(--intergalactic-table-td-cell-warning-hover, #ffdca2);
-}
-
-SCell[theme='danger'][expanded][withAccordion] {
-  background-color: var(--intergalactic-table-td-cell-critical-hover, #ffd7df);
-}
-
 SCollapseRow > SCellWrapper > SCell:not([theme]), SRow[isAccordionRow] > SCellWrapper > SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-accordion, #f4f5f9);
 }
 
 /* we need a media query here because of the postcssHoverMediaFeature plugin. it doesn't handle this type of selectors correctly */
 @media (hover: hover) {
-  SRow:not([accordionType='row'][expanded]):hover:not([isNonInteractive]):not([aria-hidden]):not(:has(SLimitOverlayCellWrapper:hover)) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]):not([aria-hidden]),
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]):not([aria-hidden]),
-  SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]):not([expanded][withAccordion]):not([aria-hidden]) {
+  :not(SRowGroup:has([data-row-selector="true"] input:checked)) > SRow:not([accordionType='row'][expanded]):hover:not([isNonInteractive]):not(:has([data-row-selector="true"] input:checked)):not([aria-hidden]):not(:has(SLimitOverlayCellWrapper:hover)) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]):not([aria-hidden]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover):not(:has([data-row-selector="true"] input:checked)) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]):not([aria-hidden]),
+  SRowGroup:has(SCell:hover):not(:has([data-row-selector="true"] input:checked)) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]):not([expanded][withAccordion]):not([aria-hidden]) {
     background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
   }
 
@@ -121,9 +95,13 @@ SCollapseRow > SCellWrapper > SCell:not([theme]), SRow[isAccordionRow] > SCellWr
 
   /* INFO THEME */
   SRow:hover:not([isNonInteractive]):not([aria-hidden]):not(:has(SLimitOverlayCellWrapper:hover)) > SCellWrapper > SCell[theme='info']:not([aria-hidden]),
+  SRow:hover:has([data-row-selector="true"] input:checked):not([isNonInteractive]):not([aria-hidden]):not(:has(SLimitOverlayCellWrapper:hover)) > SCellWrapper > SCell:not([aria-hidden]),
   SRow[theme='info']:hover:not([expanded][isNonInteractive]):not([aria-hidden]):not(:has(SLimitOverlayCellWrapper:hover)) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]):not([aria-hidden]),
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[theme='info']:not([aria-hidden]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover):has([data-row-selector="true"] input:checked) SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell:not([aria-hidden]),
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='info']:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell:not([theme]):not([aria-hidden]),
+  SRowGroup:has(SCell:hover):has([data-row-selector="true"] input:checked) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([aria-hidden]),
+  SRowGroup:has([data-row-selector="true"] input:checked) > SRow:hover:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell:not([aria-hidden]),
   SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='info']:not([aria-hidden]),
   SRowGroup:has(SCell:hover) > SRow[theme='info']:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]):not([aria-hidden]) {
     background-color: var(--intergalactic-table-td-cell-selected-hover, #c4e5fe);
@@ -160,81 +138,15 @@ SCollapseRow > SCellWrapper > SCell:not([theme]), SRow[isAccordionRow] > SCellWr
   }
 }
 
-/* MUTED THEME */
-
-SRow[theme='muted'] SCell:not([theme]) {
-  &:not([expanded][withAccordion]) {
-    background-color: var(--intergalactic-table-td-cell-unread, #f4f5f9);
-  }
-  &[expanded][withAccordion] {
-    background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
-  }
-}
-
-SRow[theme='muted'][active] > SCellWrapper > SCell:not([theme]) {
-  background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
-}
-
-/* INFO THEME */
+SRowGroup:has([data-row-selector="true"] input:checked) > SRow > SCellWrapper > SCell,
+SRow:has([data-row-selector="true"] input:checked) > SCellWrapper > SCell {
+  background-color: var(--intergalactic-table-td-cell-selected, #e9f7ff);
 
-SRow[theme='info'] SCell:not([theme]) {
-  &:not([expanded][withAccordion]) {
-    background-color: var(--intergalactic-table-td-cell-selected, #e9f7ff);
-  }
   &[expanded][withAccordion] {
     background-color: var(--intergalactic-table-td-cell-selected-active, #c4e5fe);
   }
 }
 
-SRow[theme='info'][active] > SCellWrapper > SCell:not([theme]) {
-  background-color: var(--intergalactic-table-td-cell-selected-active, #c4e5fe);
-}
-
-/* SUCCESS THEME */
-
-SRow[theme='success'] SCell:not([theme]) {
-  &:not([expanded][withAccordion]) {
-    background-color: var(--intergalactic-table-td-cell-new, #dbfee8);
-  }
-  &[expanded][withAccordion] {
-    background-color: var(--intergalactic-table-td-cell-new-active, #9ef2c9);
-  }
-}
-
-SRow[theme='success'][active] > SCellWrapper > SCell:not([theme]) {
-  background-color: var(--intergalactic-table-td-cell-new-active, #9ef2c9);
-}
-
-/* WARNING THEME */
-
-SRow[theme='warning'] SCell:not([theme]) {
-  &:not([expanded][withAccordion]) {
-    background-color: var(--intergalactic-table-td-cell-warning, #fff3d9);
-  }
-  &[expanded][withAccordion] {
-    background-color: var(--intergalactic-table-td-cell-warning-active, #ffdca2);
-  }
-}
-
-SRow[theme='warning'][active] > SCellWrapper > SCell:not([theme]) {
-  background-color: var(--intergalactic-table-td-cell-warning-active, #ffdca2);
-}
-
-/* DANGER THEME */
-
-SRow[theme='danger'] SCell:not([theme]) {
-  &:not([expanded][withAccordion]) {
-    background-color: var(--intergalactic-table-td-cell-critical, #fff0f7);
-  }
-  &[expanded][withAccordion] {
-    background-color: var(--intergalactic-table-td-cell-critical-active, #ffd7df);
-  }
-}
-
-SRow[theme='danger'][active] > SCellWrapper > SCell:not([theme]) {
-  background-color: var(--intergalactic-table-td-cell-critical-active, #ffd7df);
-}
-
 SCell {
   display: flex;
   height: 100%;
@@ -251,7 +163,6 @@ SCell {
   overflow: hidden;
 
   SAccordionToggle {
-    margin-top: var(--intergalactic-spacing-05x, 2px);
     margin-right: var(--intergalactic-spacing-3x, 12px);
     margin-left: calc(var(--intergalactic-spacing-05x, 2px) * -1);
     height: fit-content;
@@ -268,68 +179,94 @@ SCell {
   &[withoutBorder] {
     border-bottom: none;
   }
-}
 
-SRow[accordionType='row'] > SCellWrapper > SCell, SCell[withAccordion], SCell[name='Symbol(SELECT_ALL)'] {
-  cursor: pointer;
-}
+  &[use='primary'] {
+    padding: var(--intergalactic-spacing-3x, 12px);
+    min-height: 45px;
+    background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
 
-SCheckboxCell[aria-hidden] {
-  filter: blur(3px);
-  pointer-events: none;
-}
+    &[data-aria-level] {
+      padding-left: calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) * (var(--data-aria-level) - 1)));
+    }
+  }
 
-SCell[use='primary'] {
-  padding: var(--intergalactic-spacing-3x, 12px);
-  min-height: 45px;
-  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+  &[use='secondary'] {
+    padding: var(--intergalactic-spacing-2x, 8px);
+    min-height: 37px;
+    background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
 
-  &[data-aria-level] {
-    padding-left: calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) * (var(--data-aria-level) - 1)));
+    &[data-aria-level] {
+      padding-left: calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) * (var(--data-aria-level) - 1)));
+    }
   }
-}
 
-SCell[use='secondary'] {
-  padding: var(--intergalactic-spacing-2x, 8px);
-  min-height: 37px;
-  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+  &[theme='muted'] {
+    background-color: var(--intergalactic-table-td-cell-unread, #f4f5f9);
 
-  &[data-aria-level] {
-    padding-left: calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) * (var(--data-aria-level) - 1)));
+    &[expanded][withAccordion] {
+      background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
+    }
   }
-}
 
-SCell[borders='both'], SCell[borders='left'] {
-  border-left: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
-}
+  &[theme='info'] {
+    background-color: var(--intergalactic-table-td-cell-selected, #e9f7ff);
 
-SCell[borders='both'], SCell[borders='right'] {
-  border-right: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
-}
+    &[expanded][withAccordion] {
+      background-color: var(--intergalactic-table-td-cell-selected-active, #c4e5fe);
+    }
+  }
 
-SCellWrapper[fixed] {
-  position: sticky;
-  z-index: 2;
-}
+  &[theme='success'] {
+    background-color: var(--intergalactic-table-td-cell-new, #dbfee8);
 
-SCell[theme='muted'] {
-  background-color: var(--intergalactic-table-td-cell-unread, #f4f5f9);
-}
+    &[expanded][withAccordion] {
+      background-color: var(--intergalactic-table-td-cell-new-active, #9ef2c9);
+    }
+  }
 
-SCell[theme='info'] {
-  background-color: var(--intergalactic-table-td-cell-selected, #e9f7ff);
+  &[theme='warning'] {
+    background-color: var(--intergalactic-table-td-cell-warning, #fff3d9);
+
+    &[expanded][withAccordion] {
+      background-color: var(--intergalactic-table-td-cell-warning-active, #ffdca2);
+    }
+  }
+
+  &[theme='danger'] {
+    background-color: var(--intergalactic-table-td-cell-critical, #fff0f7);
+
+    &[expanded][withAccordion] {
+      background-color: var(--intergalactic-table-td-cell-critical-active, #ffd7df);
+    }
+  }
+
+  &[borders='both'],
+  &[borders='left'] {
+    border-left: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
+  }
+
+  &[borders='both'],
+  &[borders='right'] {
+    border-right: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
+  }
+
+  &[innerOutline]:focus-visible {
+    transition: none;
+  }
 }
 
-SCell[theme='success'] {
-  background-color: var(--intergalactic-table-td-cell-new, #dbfee8);
+SRow[accordionType='row'] > SCellWrapper > SCell, SCell[withAccordion], SCell[name='Symbol(SELECT_ALL)'] {
+  cursor: pointer;
 }
 
-SCell[theme='warning'] {
-  background-color: var(--intergalactic-table-td-cell-warning, #fff3d9);
+SCheckboxCell[aria-hidden] {
+  filter: blur(3px);
+  pointer-events: none;
 }
 
-SCell[theme='danger'] {
-  background-color: var(--intergalactic-table-td-cell-critical, #fff0f7);
+SCellWrapper[fixed] {
+  position: sticky;
+  z-index: 2;
 }
 
 SSpinContainer {
@@ -343,13 +280,14 @@ SSpinContainer {
   justify-content: center;
   background-color: var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));
   z-index: 15;
-}
-SSpinContainer:focus-visible {
-  z-index: 15;
-}
 
-SSpinContainer[headerHeight] {
-  top: var(--headerHeight);
+  &:focus-visible {
+    z-index: 15;
+  }
+
+  &[headerHeight] {
+    top: var(--headerHeight);
+  }
 }
 
 SEmptyData {
@@ -427,7 +365,3 @@ SLimitOverlayCellWrapper[left] {
   position: sticky;
   left: var(---left);
 }
-
-SCell[innerOutline]:focus-visible {
-  transition: none;
-}

package/lib/esm/components/DataTable/DataTable.mjs

@@ -11,6 +11,7 @@ import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import { hasFocusableIn, isFocusInside } from "@semcore/core/lib/utils/use/useFocusLock";
 import { NoData } from "@semcore/widget-empty";
 import * as React from "react";
+import { SelectableRows } from "../../store/SelectableRows.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
 import { Body } from "../Body/Body.mjs";
 import { MergedRowsCell, MergedColumnsCell } from "../Body/MergedCells.mjs";
@@ -104,7 +105,7 @@ class DataTableRoot extends Component {
     });
     _defineProperty(this, "selectAllMessageTimer", 0);
     _defineProperty(this, "headerNodesMap", /* @__PURE__ */ new Map());
-    _defineProperty(this, "isPressedShift", false);
+    _defineProperty(this, "selectedRowsContainer", void 0);
     _defineProperty(this, "lastSelectedRowKey", void 0);
     _defineProperty(this, "state", {
       scrollTop: 0,
@@ -151,14 +152,20 @@ class DataTableRoot extends Component {
         this.initFocusableCell([this.hasFocusableInHeader() ? opt.rowIndex + 1 : opt.rowIndex, opt.colIndex]);
       }
     });
+    _defineProperty(this, "handleSelectAllRows", (selectedRows, event) => {
+      if (!("onSelectedRowsChange" in this.asProps) || !this.asProps.onSelectedRowsChange || !Array.isArray(selectedRows)) return;
+      this.asProps.onSelectedRowsChange(selectedRows, event);
+    });
     _defineProperty(this, "handleSelectRow", (isSelected, selectedRowIndex, row, event) => {
       const {
-        selectedRows,
+        selectedRows
+      } = this.asProps;
+      if (!selectedRows || !("onSelectedRowsChange" in this.asProps) || !this.asProps.onSelectedRowsChange || !Array.isArray(selectedRows)) return;
+      const {
         onSelectedRowsChange
       } = this.asProps;
-      if (!selectedRows || !onSelectedRowsChange) return;
       const selectedRowsSet = new Set(selectedRows);
-      if (this.isPressedShift && selectedRowsSet.size > 0 && this.lastSelectedRowKey && (isSelected ? selectedRowsSet.has(this.lastSelectedRowKey) : true)) {
+      if (this.selectedRowsContainer.isPressedShift && selectedRowsSet.size > 0 && this.lastSelectedRowKey && (isSelected ? selectedRowsSet.has(this.lastSelectedRowKey) : true)) {
         let select = false;
         const firstColumnKey = this.columns[0].name;
         const isMerged = this.flatRows.some((item) => item[firstColumnKey] instanceof MergedRowsCell);
@@ -362,13 +369,13 @@ class DataTableRoot extends Component {
           break;
         }
         case "Shift": {
-          this.isPressedShift = true;
+          this.selectedRowsContainer.isPressedShift = true;
         }
       }
     });
     _defineProperty(this, "handleKeyUp", (e) => {
       if (e.key === "Shift") {
-        this.isPressedShift = false;
+        this.selectedRowsContainer.isPressedShift = false;
       }
     });
     _defineProperty(this, "handleScroll", trottle((e) => {
@@ -552,6 +559,11 @@ class DataTableRoot extends Component {
     this.calculatedRows = this.getRows();
     this.flatRows = this.calculatedRows.flat();
     this.tmpData = props.data;
+    if (Array.isArray(props.selectedRows) || !props.selectedRows) {
+      this.selectedRowsContainer = new SelectableRows();
+    } else {
+      this.selectedRowsContainer = props.selectedRows;
+    }
   }
   componentDidMount() {
     const {
@@ -585,7 +597,7 @@ class DataTableRoot extends Component {
         this.calculateVerticalShadow();
       }
     }
-    if (prevProps.selectedRows !== selectedRows && selectedRows !== void 0) {
+    if (prevProps.selectedRows !== selectedRows && selectedRows !== void 0 && Array.isArray(selectedRows)) {
       const selectedRowsSet = new Set(selectedRows);
       const allChecked = [];
       const allUnchecked = [];
@@ -602,6 +614,9 @@ class DataTableRoot extends Component {
         this.setSelectAllMessage(false);
       }
     }
+    if (prevProps.selectedRows !== selectedRows && selectedRows !== void 0 && !Array.isArray(selectedRows)) {
+      this.selectedRowsContainer = selectedRows;
+    }
   }
   componentWillUnmount() {
     var _a;
@@ -672,7 +687,6 @@ class DataTableRoot extends Component {
       getI18nText,
       uid,
       headerProps,
-      onSelectedRowsChange,
       selectedRows,
       sideIndents,
       variant
@@ -704,7 +718,7 @@ class DataTableRoot extends Component {
       totalRows: this.totalRows,
       selectedRows,
       flatRows: this.getFlatRows(),
-      onChangeSelectAll: onSelectedRowsChange,
+      onChangeSelectAll: Array.isArray(selectedRows) ? this.handleSelectAllRows : void 0,
       getFixedStyle: this.getFixedStyle,
       onCellClick: this.handleCellClick,
       shadowVertical,
@@ -774,7 +788,7 @@ class DataTableRoot extends Component {
       renderEmptyData,
       sideIndents,
       selectedRows,
-      onSelectRow: this.handleSelectRow,
+      onSelectRow: Array.isArray(selectedRows) ? this.handleSelectRow : void 0,
       getFixedStyle: this.getFixedStyle,
       onCellClick: this.handleCellClick,
       rawData,
@@ -836,7 +850,7 @@ class DataTableRoot extends Component {
     const width = w ?? (this.columns.some((c) => c.gtcWidth === "auto" || c.gtcWidth === "1fr") ? "100%" : void 0);
     let gridTemplateRows = void 0;
     if (virtualScroll && typeof virtualScroll !== "boolean" && "rowHeight" in virtualScroll) {
-      gridTemplateRows = `auto auto repeat(${this.totalRows}, minmax(${virtualScroll.rowHeight}px, auto)`;
+      gridTemplateRows = `auto auto repeat(${this.totalRows}, minmax(${virtualScroll.rowHeight}px, auto))`;
     }
     return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(ScrollArea, _ref2.cn("ScrollArea", {
       "leftOffset": offsetLeftSum,
@@ -1024,12 +1038,14 @@ class DataTableRoot extends Component {
     const {
       data,
       uid,
-      uniqueRowKey
+      uniqueRowKey,
+      selectedRows
     } = this.props;
     if (this.tmpData === data) {
       return this.calculatedRows;
     }
     this.tmpData = data;
+    const availableRowKeys = [];
     const rows = [];
     const columnNames = columns.map((column) => column.name);
     let rowIndex = 0;
@@ -1099,6 +1115,9 @@ class DataTableRoot extends Component {
           dtRow[value] = "";
         });
       }
+      if (!excludeColumns) {
+        availableRowKeys.push(dtRow[UNIQ_ROW_KEY]);
+      }
       return dtRow;
     };
     data.forEach((row) => {
@@ -1156,6 +1175,9 @@ class DataTableRoot extends Component {
       }
     });
     this.calculatedRows = rows;
+    if (selectedRows && !Array.isArray(selectedRows)) {
+      selectedRows.setAvailableKeys(availableRowKeys);
+    }
     return rows;
   }
   calculateGridTemplateColumn(c) {

package/lib/esm/components/Head/Column.mjs

@@ -16,46 +16,46 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SGroupContainer_16i6f_gg_,.___SHead_16i6f_gg_{display:contents}.___SHead_16i6f_gg_.__isDataEmpty_16i6f_gg_.__gridTemplateColumns_16i6f_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_16i6f);overflow:auto;scrollbar-width:thin}.___SHead_16i6f_gg_.__animationDuration_16i6f_gg_>.___SColumn_16i6f_gg_{transition:top var(--animationDuration_16i6f) ease-out}.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SColumn_16i6f_gg_,.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SGroup_16i6f_gg_{position:sticky;top:0;z-index:18}.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SGroupContainer_16i6f_gg_>.___SColumn_16i6f_gg_{position:sticky;z-index:18}.___SHead_16i6f_gg_.__compact_16i6f_gg_ .___SColumn_16i6f_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_16i6f_gg_,.___SGroup_16i6f_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_16i6f_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_16i6f_gg_._use_primary_16i6f_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_16i6f_gg_._use_primary_16i6f_gg_:has(~.___SColumn_16i6f_gg_.__visibleSort_16i6f_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_16i6f_gg_._use_secondary_16i6f_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_16i6f_gg_._borders_both_16i6f_gg_,.___SColumn_16i6f_gg_._borders_left_16i6f_gg_,.___SGroup_16i6f_gg_._borders_both_16i6f_gg_,.___SGroup_16i6f_gg_._borders_left_16i6f_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_16i6f_gg_._borders_both_16i6f_gg_,.___SColumn_16i6f_gg_._borders_right_16i6f_gg_,.___SGroup_16i6f_gg_._borders_both_16i6f_gg_,.___SGroup_16i6f_gg_._borders_right_16i6f_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortButton_16i6f_gg_,.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before,.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before{display:flex;opacity:1}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_._justifyContent_right_16i6f_gg_ .___SSortWrapper_16i6f_gg_{position:absolute}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_._justifyContent_right_16i6f_gg_.__changeSortSize_16i6f_gg_.__isSorted_16i6f_gg_ .___SSortWrapper_16i6f_gg_,.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_._justifyContent_right_16i6f_gg_.__changeSortSize_16i6f_gg_.__isSorted_16i6f_gg_ .___SSortWrapper_16i6f_gg_{position:relative}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortButton_16i6f_gg_{display:flex;opacity:1}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_._justifyContent_right_16i6f_gg_ .___SSortWrapper_16i6f_gg_{position:absolute}.___SColumn_16i6f_gg_.__gridArea_16i6f_gg_,.___SGroupTitle_16i6f_gg_.__gridArea_16i6f_gg_,.___SGroup_16i6f_gg_.__gridArea_16i6f_gg_{grid-area:var(--gridArea_16i6f)}.___SHead_16i6f_gg_ .___SColumn_16i6f_gg_.__fixed_16i6f_gg_,.___SHead_16i6f_gg_ .___SGroup_16i6f_gg_.__fixed_16i6f_gg_,.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SColumn_16i6f_gg_.__fixed_16i6f_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_16i6f_gg_.__sortable_16i6f_gg_:hover{cursor:pointer}}.___SSortWrapper_16i6f_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_16i6f_gg_,.___SSortWrapper_16i6f_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_16i6f_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_16i6f_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_16i6f_gg_._sideIndents_wide_16i6f_gg_ .___SColumn_16i6f_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_16i6f_gg_._sideIndents_wide_16i6f_gg_ .___SColumn_16i6f_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_16i6f_gg_{cursor:pointer}.___SColumn_16i6f_gg_.__fixed_16i6f_gg_.__shadowVertical_16i6f_gg_:after,.___SGroup_16i6f_gg_.__fixed_16i6f_gg_.__shadowVertical_16i6f_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_primary_16i6f_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_secondary_16i6f_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_:after,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_primary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_secondary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_:after,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}',
+    '.___SGroupContainer_1mbam_gg_,.___SHead_1mbam_gg_{display:contents}.___SHead_1mbam_gg_.__isDataEmpty_1mbam_gg_.__gridTemplateColumns_1mbam_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1mbam);overflow:auto;scrollbar-width:thin}.___SHead_1mbam_gg_.__animationDuration_1mbam_gg_>.___SColumn_1mbam_gg_{transition:top var(--animationDuration_1mbam) ease-out}.___SHead_1mbam_gg_.__sticky_1mbam_gg_ .___SColumn_1mbam_gg_,.___SHead_1mbam_gg_.__sticky_1mbam_gg_ .___SGroup_1mbam_gg_{position:sticky;top:0;z-index:18}.___SHead_1mbam_gg_.__sticky_1mbam_gg_ .___SGroupContainer_1mbam_gg_>.___SColumn_1mbam_gg_{position:sticky;z-index:18}.___SHead_1mbam_gg_.__compact_1mbam_gg_ .___SColumn_1mbam_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1mbam_gg_,.___SGroup_1mbam_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_1mbam_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1mbam_gg_._use_primary_1mbam_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1mbam_gg_._use_primary_1mbam_gg_:has(~.___SColumn_1mbam_gg_.__visibleSort_1mbam_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1mbam_gg_._use_secondary_1mbam_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1mbam_gg_._borders_both_1mbam_gg_,.___SColumn_1mbam_gg_._borders_left_1mbam_gg_,.___SGroup_1mbam_gg_._borders_both_1mbam_gg_,.___SGroup_1mbam_gg_._borders_left_1mbam_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1mbam_gg_._borders_both_1mbam_gg_,.___SColumn_1mbam_gg_._borders_right_1mbam_gg_,.___SGroup_1mbam_gg_._borders_both_1mbam_gg_,.___SGroup_1mbam_gg_._borders_right_1mbam_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_ .___SSortWrapper_1mbam_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_.__visibleSort_1mbam_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortWrapper_1mbam_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortButton_1mbam_gg_,.___SColumn_1mbam_gg_._use_primary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortWrapper_1mbam_gg_::before,.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortWrapper_1mbam_gg_::before{display:flex;opacity:1}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_._justifyContent_right_1mbam_gg_ .___SSortWrapper_1mbam_gg_{position:absolute}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_._justifyContent_right_1mbam_gg_.__changeSortSize_1mbam_gg_.__isSorted_1mbam_gg_ .___SSortWrapper_1mbam_gg_,.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_._justifyContent_right_1mbam_gg_.__changeSortSize_1mbam_gg_.__isSorted_1mbam_gg_ .___SSortWrapper_1mbam_gg_{position:relative}.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_ .___SSortWrapper_1mbam_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortWrapper_1mbam_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortButton_1mbam_gg_{display:flex;opacity:1}.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_._justifyContent_right_1mbam_gg_ .___SSortWrapper_1mbam_gg_{position:absolute}.___SColumn_1mbam_gg_.__gridArea_1mbam_gg_,.___SGroupTitle_1mbam_gg_.__gridArea_1mbam_gg_,.___SGroup_1mbam_gg_.__gridArea_1mbam_gg_{grid-area:var(--gridArea_1mbam)}.___SHead_1mbam_gg_ .___SColumn_1mbam_gg_.__fixed_1mbam_gg_,.___SHead_1mbam_gg_ .___SGroup_1mbam_gg_.__fixed_1mbam_gg_,.___SHead_1mbam_gg_.__sticky_1mbam_gg_ .___SColumn_1mbam_gg_.__fixed_1mbam_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1mbam_gg_.__sortable_1mbam_gg_:hover{cursor:pointer}}.___SSortWrapper_1mbam_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1mbam_gg_,.___SSortWrapper_1mbam_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1mbam_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1mbam_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1mbam_gg_._sideIndents_wide_1mbam_gg_ .___SColumn_1mbam_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1mbam_gg_._sideIndents_wide_1mbam_gg_ .___SColumn_1mbam_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1mbam_gg_{cursor:pointer}.___SColumn_1mbam_gg_.__fixed_1mbam_gg_.__shadowVertical_1mbam_gg_:after,.___SGroup_1mbam_gg_.__fixed_1mbam_gg_.__shadowVertical_1mbam_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_primary_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_._use_primary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_primary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_._use_primary_1mbam_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_secondary_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_._use_secondary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_secondary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_._use_secondary_1mbam_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_:after,.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_:after,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_:after,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_._use_primary_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_primary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_._use_primary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_primary_1mbam_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_._use_secondary_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_secondary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_._use_secondary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_secondary_1mbam_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_:after,.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_:after,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_:after,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}',
     /*__inner_css_end__*/
-    "16i6f_gg_"
+    "1mbam_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHead": "___SHead_16i6f_gg_",
-    "__SGroupContainer": "___SGroupContainer_16i6f_gg_",
-    "_isDataEmpty": "__isDataEmpty_16i6f_gg_",
-    "_gridTemplateColumns": "__gridTemplateColumns_16i6f_gg_",
-    "--gridTemplateColumns": "--gridTemplateColumns_16i6f",
-    "_animationDuration": "__animationDuration_16i6f_gg_",
-    "__SColumn": "___SColumn_16i6f_gg_",
-    "--animationDuration": "--animationDuration_16i6f",
-    "_sticky": "__sticky_16i6f_gg_",
-    "__SGroup": "___SGroup_16i6f_gg_",
-    "_compact": "__compact_16i6f_gg_",
-    "_use_secondary": "_use_secondary_16i6f_gg_",
-    "_borders_both": "_borders_both_16i6f_gg_",
-    "_borders_left": "_borders_left_16i6f_gg_",
-    "_borders_right": "_borders_right_16i6f_gg_",
-    "_gridArea": "__gridArea_16i6f_gg_",
-    "__SGroupTitle": "___SGroupTitle_16i6f_gg_",
-    "--gridArea": "--gridArea_16i6f",
-    "_fixed": "__fixed_16i6f_gg_",
-    "_sortable": "__sortable_16i6f_gg_",
-    "__SSortWrapper": "___SSortWrapper_16i6f_gg_",
-    "__SSortButton": "___SSortButton_16i6f_gg_",
-    "__SHeadCheckboxCol": "___SHeadCheckboxCol_16i6f_gg_",
-    "_use_primary": "_use_primary_16i6f_gg_",
-    "_visibleSort": "__visibleSort_16i6f_gg_",
-    "_justifyContent_right": "_justifyContent_right_16i6f_gg_",
-    "_changeSortSize": "__changeSortSize_16i6f_gg_",
-    "_isSorted": "__isSorted_16i6f_gg_",
-    "_sideIndents_wide": "_sideIndents_wide_16i6f_gg_",
-    "_shadowVertical": "__shadowVertical_16i6f_gg_",
-    "_fixed_left": "_fixed_left_16i6f_gg_",
-    "_shadowVertical_median": "_shadowVertical_median_16i6f_gg_",
-    "_shadowVertical_start": "_shadowVertical_start_16i6f_gg_",
-    "_fixed_right": "_fixed_right_16i6f_gg_",
-    "_shadowVertical_end": "_shadowVertical_end_16i6f_gg_"
+    "__SHead": "___SHead_1mbam_gg_",
+    "__SGroupContainer": "___SGroupContainer_1mbam_gg_",
+    "_isDataEmpty": "__isDataEmpty_1mbam_gg_",
+    "_gridTemplateColumns": "__gridTemplateColumns_1mbam_gg_",
+    "--gridTemplateColumns": "--gridTemplateColumns_1mbam",
+    "_animationDuration": "__animationDuration_1mbam_gg_",
+    "__SColumn": "___SColumn_1mbam_gg_",
+    "--animationDuration": "--animationDuration_1mbam",
+    "_sticky": "__sticky_1mbam_gg_",
+    "__SGroup": "___SGroup_1mbam_gg_",
+    "_compact": "__compact_1mbam_gg_",
+    "_use_secondary": "_use_secondary_1mbam_gg_",
+    "_borders_both": "_borders_both_1mbam_gg_",
+    "_borders_left": "_borders_left_1mbam_gg_",
+    "_borders_right": "_borders_right_1mbam_gg_",
+    "_gridArea": "__gridArea_1mbam_gg_",
+    "__SGroupTitle": "___SGroupTitle_1mbam_gg_",
+    "--gridArea": "--gridArea_1mbam",
+    "_fixed": "__fixed_1mbam_gg_",
+    "_sortable": "__sortable_1mbam_gg_",
+    "__SSortWrapper": "___SSortWrapper_1mbam_gg_",
+    "__SSortButton": "___SSortButton_1mbam_gg_",
+    "__SHeadCheckboxCol": "___SHeadCheckboxCol_1mbam_gg_",
+    "_use_primary": "_use_primary_1mbam_gg_",
+    "_visibleSort": "__visibleSort_1mbam_gg_",
+    "_justifyContent_right": "_justifyContent_right_1mbam_gg_",
+    "_changeSortSize": "__changeSortSize_1mbam_gg_",
+    "_isSorted": "__isSorted_1mbam_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_1mbam_gg_",
+    "_shadowVertical": "__shadowVertical_1mbam_gg_",
+    "_fixed_left": "_fixed_left_1mbam_gg_",
+    "_shadowVertical_median": "_shadowVertical_median_1mbam_gg_",
+    "_shadowVertical_start": "_shadowVertical_start_1mbam_gg_",
+    "_fixed_right": "_fixed_right_1mbam_gg_",
+    "_shadowVertical_end": "_shadowVertical_end_1mbam_gg_"
   })
 );
 const SORTING_ICON = {
@@ -311,6 +311,7 @@ class Column extends Component {
       "ref": this.sortWrapperRef
     }), /* @__PURE__ */ React.createElement(SSortButton, _ref2.cn("SSortButton", {
       "aria-label": ariaSortValue,
+      "size": 100,
       "color": "--intergalactic-icon-primary-neutral",
       "onClick": this.handleSortClick
     }), /* @__PURE__ */ React.createElement(SSortButton.Addon, {