@adaptabletools/adaptable 11.0.0-canary.4 → 11.0.0-canary.5

package/base.css

@@ -1255,7 +1255,7 @@
   --ab-color-text-on-error: white;
   --ab-color-text-on-info: white;
   --ab-color-text-on-warn: white;
-  --ab-color-action-add: #2966A8;
+  --ab-color-action-add: #2966a8;
   --ab-color-action-edit: #17a2b8;
   --ab-color-action-share: #eb9316;
   --ab-color-action-delete: #dc3545;
@@ -1272,12 +1272,12 @@
   --ab-color-primarylight: #f5f5f5;
   --ab-color-text-on-primary: #656565;
   --ab-color-text-on-primarydark: var(--ab-color-text-on-primary);
-  --ab-color-secondary: #2966A8;
+  --ab-color-secondary: #2966a8;
   --ab-color-secondarydark: #015a9a;
   --ab-color-secondarylight: #a9ddff;
-  --ab-color-text-on-secondary: #E2E2E2;
+  --ab-color-text-on-secondary: #e2e2e2;
   --ab-color-text-on-secondarylight: #000000;
-  --ab-color-blue:   #419641;
+  --ab-color-blue: #419641;
   --ab-color-focus: var(--ab-color-accent);
   --ab-gridheader--filtered__background: var(--ab-color-primary);
   --ab-focus__box-shadow: 0 0 5px 1px var(--ab-color-accent);
@@ -1288,16 +1288,16 @@
   --ab-grid-row-height: 40px;
   --ab-loaded: 777; }
 :root {
-  --ITableHeader__color:var(--ab-color-text-on-primary);
+  --ITableHeader__color: var(--ab-color-text-on-primary);
   --ITableHeaderCell__background: var(--ab-color-primary);
   --ITableHeader__background: var(--ITableHeaderCell__background);
-  --ITableRow__color:var(--ab-color-text-on-primary);
+  --ITableRow__color: var(--ab-color-text-on-primary);
   --ITable__background: var(--ab-color-primarylight);
   --ITableRow__background: var(--ab-color-defaultbackground);
   --ITableRow--odd__background: var(--ab-color-primarylight); }
-.ab-style__list-group-item:nth-child(2n+1) {
+.ab-style__list-group-item:nth-child(2n + 1) {
   background: var(--ab-color-primarylight); }
-.ab-Grid .ag-header-cell input[type="date" i]::-webkit-calendar-picker-indicator {
+.ab-Grid .ag-header-cell input[type='date' i]::-webkit-calendar-picker-indicator {
   margin-inline-start: 0px; }
 .ab-Grid.ab-Grid--indicate-filtered-columns .ag-header-cell-filtered {
   font-weight: bolder;
@@ -1311,12 +1311,18 @@
   --ab-cmp-checkbox--check-indeterminate__color: var(--ab-color-focus);
   --ab-cmp-checkbox--check-indeterminate-radius: 2px; }
 .ab-CheckBox--variant-agGrid {
-  --ab-cmp-checkbox--check__color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea));
+  --ab-cmp-checkbox--check__color: var(
+    --ag-checkbox-checked-color,
+    var(--ag-balham-active-color, #0091ea)
+  );
   --ab-cmp-checkbox--checked__background: var(--ag-background-color);
   --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
   --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color); }
 .ab-CheckBox--variant-agGrid.ab-CheckBox--indeterminate {
-    --ab-cmp-checkbox--check__color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea)); }
+    --ab-cmp-checkbox--check__color: var(
+      --ag-checkbox-checked-color,
+      var(--ag-balham-active-color, #0091ea)
+    ); }
 .ab-CheckBox--variant-agGrid.ab-CheckBox--unchecked {
     --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color); }
 :root {
@@ -1343,7 +1349,8 @@
   --ab-cmp-dropdownbutton-list-item__color: var(--ab-color-text-on-primary);
   --ab-cmp-dropdownbutton-list__z-index: 1000;
   --ab-cmp-dropdownbutton-list__border-radius: var(--ab__border-radius);
-  --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, .2), -4px 6px 5px 0 rgba(0, 0, 0, .14), 5px 3px 5px 0 rgba(0, 0, 0, .12);
+  --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
+    -4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
   --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark); }
 :root {
   --ab-cmp-error-box__padding: var(--ab-space-3);
@@ -1389,7 +1396,7 @@
   background: var(--ab-cmp-listgroupitem__background);
   color: var(--ab-cmp-listgroupitem__color);
   border-radius: var(--ab-cmp-listgroupitem__border-radius); }
-.ab-ListGroupItem:nth-child(2n+1) {
+.ab-ListGroupItem:nth-child(2n + 1) {
     background: var(--ab-cmp-listgroupitem--odd__background);
     color: var(--ab-cmp-listgroupitem--odd__color); }
 .ab-ListGroupItem.ab-ListGroupItem--no-zebra {
@@ -1458,7 +1465,8 @@
   --ab-cmp-file-droppable--drag-over__background: var(--ab-color-secondary);
   --ab-cmp-file-droppable--drag-over__color: var(--ab-color-text-on-secondary);
   --ab-cmp-file-droppable--drag-over__outline-offset: -20px;
-  --ab-cmp-file-droppable--drag-over__outline: 2px dashed var(--ab-cmp-file-droppable--drag-over__color); }
+  --ab-cmp-file-droppable--drag-over__outline: 2px dashed
+    var(--ab-cmp-file-droppable--drag-over__color); }
 :root {
   --ab-dashboard__background: var(--ab-color-primary);
   --ab-dashboard__font-family: var(--ab__font-family);
@@ -1506,7 +1514,7 @@
   --ab-cmp-button-border-radius: 0px;
   --ab-cmp-button-disabled-opacity: 0.5;
   --ab-cmp-button-background: var(--ab-color-primary);
-  --ab-cmp-button-disabled-background:var(--ab-color-primarydark); }
+  --ab-cmp-button-disabled-background: var(--ab-color-primarydark); }
 :root {
   --ab-cmp-dashboardpanel_body__background: var(--ab-color-primarylight);
   --ab-cmp-dashboardpanel_header__background: var(--ab-color-primary);
@@ -1531,12 +1539,13 @@
   overflow: auto;
   display: grid;
   padding: var(--ab-space-2);
-  grid-template-rows: 1fr  1fr;
+  grid-template-rows: 1fr 1fr;
   grid-template-columns: 28rem 1fr 1fr;
   row-gap: var(--ab-space-2);
   column-gap: var(--ab-space-2);
   grid-gap: var(--ab-space-2); }
-.ab-LayoutEditor, .ab-LayoutEditor * {
+.ab-LayoutEditor,
+  .ab-LayoutEditor * {
     box-sizing: border-box; }
 .ab-LayoutEditor__ColumnList {
   overflow: auto; }
@@ -1616,17 +1625,22 @@
   --ab-cmp-adaptable-popup__max-height: 1200px;
   --ab-cmp-adaptable-popup__box-shadow: 2px 2px 14px 0px rgb(0 0 0 / 26%);
   --ab-cmp-adaptable-popup-navigation-list__padding: var(--ab-space-1) var(--ab-space-2);
-  --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid var(--ab-color-defaultbackground);
+  --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid
+    var(--ab-color-defaultbackground);
   --ab-cmp-adaptable-popup-navigation-list__font-size: var(--ab-font-size-3);
   --ab-cmp-adaptable-popup-navigation-list-item__padding: var(--ab-space-0) var(--ab-space-1);
   --ab-cmp-adaptable-popup-navigation-list-item__margin-bottom: var(--ab-space-2) var(--ab-space-2);
-  --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid var(--ab-color-primarydark);
-  --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: var(--ab-space-2) var(--ab-space-2);
+  --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid
+    var(--ab-color-primarydark);
+  --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: var(--ab-space-2)
+    var(--ab-space-2);
   --ab-cmp-adaptable-popup-navigation-list-item-button__padding: var(--ab-space-2) var(--ab-space-2);
   --ab-cmp-adaptable-popup-navigation-list-item-button__border-radius: var(--ab__border-radius);
   --ab-cmp-adaptable-popup-navigation-list-item-button__color: var(--ab-color-text-on-primary);
   --ab-cmp-adaptable-popup-navigation-list-item-button__background--active: var(--ab-color-focus);
-  --ab-cmp-adaptable-popup-navigation-list-item-button__background--color: var(--ab-color-accentlight);
+  --ab-cmp-adaptable-popup-navigation-list-item-button__background--color: var(
+    --ab-color-accentlight
+  );
   --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: var(--ab-space-2);
   --ab-cmp-adaptable-popup-topbar__background: var(--ab-color-secondary);
   --ab-cmp-adaptable-popup-topbar__height: 45px;
@@ -1682,7 +1696,10 @@
   border-bottom: 2px solid var(--ab-color-primarydark); }
 .ab-Table tr:not(last-child) td {
   border-bottom: 1px solid var(--ab-color-primarylight); }
-.ab-CheckBox, .ab-CheckBox *, .ab-CheckBox *:before, .ab-CheckBox *:after {
+.ab-CheckBox,
+.ab-CheckBox *,
+.ab-CheckBox *:before,
+.ab-CheckBox *:after {
   box-sizing: border-box; }
 .ab-CheckBox--checked {
   --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background); }
@@ -1857,10 +1874,14 @@
   fill: var(--ab-cmp-field-wrap__fill); }
 .ab-FieldWrap:focus-within {
     box-shadow: var(--ab-focus__box-shadow); }
-.ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap > * {
+.ab-FieldWrap input,
+  .ab-FieldWrap select,
+  .ab-FieldWrap > * {
     border: none;
     flex: 1; }
-.ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap .ab-Dropdown {
+.ab-FieldWrap input,
+  .ab-FieldWrap select,
+  .ab-FieldWrap .ab-Dropdown {
     outline: none !important;
     box-shadow: none !important; }
 .ab-FormLayout {
@@ -1918,8 +1939,8 @@ input.ab-Input[disabled] {
     color: var(--ab-cmp-input--placeholder__color);
     opacity: var(--ab-cmp-input--placeholder__opacity); }
 /* Spin Buttons modified */
-input[type="number"].ab-Input::-webkit-outer-spin-button,
-input[type="number"].ab-Input::-webkit-inner-spin-button {
+input[type='number'].ab-Input::-webkit-outer-spin-button,
+input[type='number'].ab-Input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   width: 1em;
   opacity: 0;
@@ -1928,9 +1949,9 @@ input[type="number"].ab-Input::-webkit-inner-spin-button {
   right: 0;
   bottom: 0;
   background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23656565" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23656565" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center; }
-input[type="number"].ab-Input:focus::-webkit-inner-spin-button, input[type="number"].ab-Input:focus::-webkit-inner-spin-button:active,
-input[type="number"].ab-Input:hover::-webkit-inner-spin-button,
-input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
+input[type='number'].ab-Input:focus::-webkit-inner-spin-button, input[type='number'].ab-Input:focus::-webkit-inner-spin-button:active,
+input[type='number'].ab-Input:hover::-webkit-inner-spin-button,
+input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
   opacity: 1; }
 .ab-ListGroup {
   display: flex;
@@ -1966,7 +1987,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
 .ab-Tabs {
   display: flex;
   flex-direction: column; }
-.ab-Tabs[data-selected-index="0"] .ab-Tabs__Filler:first-child,
+.ab-Tabs[data-selected-index='0'] .ab-Tabs__Filler:first-child,
 .ab-Tabs__Tab--before-active {
   border-bottom-right-radius: var(--ab__border-radius); }
 .ab-Tabs__Strip {
@@ -2019,7 +2040,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   overflow: auto;
   display: flex;
   flex-flow: column; }
-.ab-Tabs[data-selected-index="0"] .ab-Tabs__Body {
+.ab-Tabs[data-selected-index='0'] .ab-Tabs__Body {
   border-top-left-radius: 0; }
 .ab-Panel {
   display: flex;
@@ -2031,8 +2052,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
     -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
     fill: var(--ab-cmp-panel-icon__fill); }
 .ab-Panel--variant-modern {
-    --ab-cmp-panel__border-radius: var(--ab-space-1)
-  ; }
+    --ab-cmp-panel__border-radius: var(--ab-space-1); }
 .ab-Panel__header {
     flex: none;
     background: var(--ab-cmp-panel_header__background);
@@ -2226,10 +2246,15 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   outline: var(--ab-cmp-file-droppable__outline);
   outline-offset: var(--ab-cmp-file-droppable__outline-offset);
   background: var(--ab-cmp-file-droppable__background); }
-.ab-FileDroppable, .ab-FileDroppable input, .ab-FileDroppable button, .ab-FileDroppable .ab-SimpleButton {
+.ab-FileDroppable,
+  .ab-FileDroppable input,
+  .ab-FileDroppable button,
+  .ab-FileDroppable .ab-SimpleButton {
     transition: fill 0.15s ease-in-out, color 0.15s ease-in-out, outline-offset 0.15s ease-in-out, background-color 0.15s linear;
     fill: currentColor; }
-.ab-FileDroppable, .ab-FileDroppable input, .ab-FileDroppable button {
+.ab-FileDroppable,
+  .ab-FileDroppable input,
+  .ab-FileDroppable button {
     color: var(--ab-cmp-file-droppable__color); }
 .ab-FileDroppable.ab-FileDroppable--drag-over {
     outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
@@ -2238,7 +2263,10 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
     color: var(--ab-cmp-file-droppable--drag-over__color); }
 .ab-FileDroppable.ab-FileDroppable--drag-over * {
       pointer-events: none; }
-.ab-FileDroppable, .ab-FileDroppable *, .ab-FileDroppable *:before, .ab-FileDroppable *:after {
+.ab-FileDroppable,
+  .ab-FileDroppable *,
+  .ab-FileDroppable *:before,
+  .ab-FileDroppable *:after {
     box-sizing: border-box; }
 .ab-WizardPanel > .ab-Panel__body {
   display: flex;
@@ -2334,11 +2362,15 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
     white-space: nowrap; }
 .ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
     padding: var(--ab-space-1); }
-.ab-Dashboard .ab-StateManagement__Clear-Button, .ab-Dashboard .ab-StateManagement__Load-Button, .ab-Dashboard .ab-StateManagement__Export-Dropdown {
+.ab-Dashboard .ab-StateManagement__Clear-Button,
+  .ab-Dashboard .ab-StateManagement__Load-Button,
+  .ab-Dashboard .ab-StateManagement__Export-Dropdown {
     margin-left: var(--ab-space-1); }
 .ab-GridList {
   --at-grid__background: transparent; }
-.ab-GridList .AT-GridCell_content, .ab-GridList .ab-ListGroupItem, .ab-GridList .AT-GridColumnCell {
+.ab-GridList .AT-GridCell_content,
+  .ab-GridList .ab-ListGroupItem,
+  .ab-GridList .AT-GridColumnCell {
     width: 100%; }
 .ab-GridList .AT-GridHeader {
     display: none; }
@@ -2429,7 +2461,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
     border-radius: var(--ab__border-radius); }
 .ab-ToggleButton__slider:before {
     position: absolute;
-    content: "";
+    content: '';
     width: 24px;
     height: 24px;
     left: 4px;
@@ -2458,7 +2490,8 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   font-size: var(--ab-cmp-loader__font-size);
   margin-top: 8px;
   font-style: italic; }
-.ab-Loader__text, .ab-Loader__Spinner {
+.ab-Loader__text,
+.ab-Loader__Spinner {
   vertical-align: middle; }
 .ab-Loader .ab-Loader__Spinner {
   margin-right: 5px; }
@@ -2536,7 +2569,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   overflow-y: auto;
   overflow-x: hidden;
   --ab-grid-row-height: 26px;
-  margin-Bottom: 0; }
+  margin-bottom: 0; }
 .ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
     overflow-x: hidden; }
 .ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style,
@@ -2584,7 +2617,10 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
   background: var(--ab-cmp-wizard__background);
   color: var(--ab-cmp-wizard__color);
   height: 100%; }
-.ab-nocode-wizard, .ab-nocode-wizard *, .ab-nocode-wizard *:before, .ab-nocode-wizard *:after {
+.ab-nocode-wizard,
+  .ab-nocode-wizard *,
+  .ab-nocode-wizard *:before,
+  .ab-nocode-wizard *:after {
     box-sizing: border-box; }
 .ab-AvailableDropZone .placeholder,
 .ab-SelectedDropZone .placeholder {
@@ -2629,10 +2665,13 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
     flex-direction: row;
     flex-wrap: wrap;
     grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
-.ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button {
+.ab-ToolPanel .ab-StateManagement__Clear-Button,
+  .ab-ToolPanel .ab-StateManagement__Load-Button {
     justify-content: center;
     flex: 1; }
-.ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button, .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
+.ab-ToolPanel .ab-StateManagement__Clear-Button,
+  .ab-ToolPanel .ab-StateManagement__Load-Button,
+  .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
     margin-bottom: var(--ab-space-1); }
 .ab-CustomSortWizard__SortOrder .ab-Loader__text {
   font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size); }
@@ -2805,55 +2844,79 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
   --ab-toast-cmp__shadow-color: var(--ab-color-error); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
   background-color: rgba(0, 0, 0, 0);
   border-radius: 100px; }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:vertical,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:vertical,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:vertical,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:vertical,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:vertical,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
   width: var(--ab-custom-scrollbar-size); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:horizontal,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:horizontal,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:horizontal,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
   height: var(--ab-custom-scrollbar-size); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:hover,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:hover,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:hover,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:hover,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:hover,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
   background-color: rgba(0, 0, 0, 0.09); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb {
   background: rgba(0, 0, 0, 0.5);
   border-radius: 100px;
   background-clip: padding-box;
   border: 2px solid rgba(0, 0, 0, 0); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:vertical,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:vertical,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:vertical,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:vertical,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:vertical,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
   min-height: var(--ab-custom-scrollbar-size); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:horizontal,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:horizontal,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:horizontal,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
   min-width: var(--ab-custom-scrollbar-size); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:active,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:active,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:active,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:active,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:active,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:active,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:active,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
   background: rgba(0, 0, 0, 0.61);
   border-radius: 100px; }
 .ag-details-row {