@adaptabletools/adaptable 11.2.4 → 12.0.0-canary.1

package/base.css

@@ -1,365 +1,642 @@
-/**
- * These variables are not component specific.
- */
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1Xy27jIBTd5yuQsmmkUsWvpHU3I82XYMAxig0RkDSZUf59wHXqGBs3UdtZWaiqknMuF859cJNKITT4OwMAQsZzxpmmUO0QpnCZgqWk1esQFhjsKQgTHx5a3A9HFvaisUXXXjhJQeDDVgYb8bu2sBd9TkE4YvySgsirhxEr7oO54Boq9uddzCHPLaOWdDXkvuWEPmVaSi3t8zgnHlSwxROfii1l5VGyZax9ataUHFWsPKWA8YJKph0KFqWQKZjHz3Y5IMKYmh0unDxfL+PI4WRCEiqhRITtVQoOSD70c3ThGiG83Uix5yQFb4X5xsErxmFB2abQ5vLL5e7o4KVABFZIbaGmR93ZTm4y9BAmyePlz8TIdd+aiwOVJTp1dthIdPrUQJiLMX2yKeAq0pIb4YaVb2k7RAjjG494if/049p3UHeTgiILYlqWncvPKbFrhN2cFh49543GXF2MT18w7pkOOljcwjouwIg/ItFmY2kdgUhMIuLG/NqMYcHrwjS5u+ql7jVTCanf6RWSxtOYwfUZRm7W0nxKNsW8yu3qd4N9xS/USwVG/QKsfTVb4b2Upk38tp+GaE0evjGiC3PD4b3GayDsRdOTLlcOe1v1DrMASpSMgDle2TVydsYPTLGsNCHlgrvd6pp5Xx9EWLNDdwOlT9YNQaroleEA3avqALeOF4RGmfX6ZrYJSRC/3EzPzFsUJGP0jwSFqNwV6H18ucMAQo1MJOCe5wLvFSX1gORsIMXbWMX4q8QaCkK6JV+XipsfFt31HM1xhhPs3qflNhXGqdJ1ug/UlqUV9p1x+k5m1wB3JxjXhk0PpgoVNO+pUUdhKcqydoH2WrzOzrOn0pbzI3hqX5Lmi/p/aufTHppOU+s0tU5T6zS1TlPrNLVOU+s0tU5T6zS1/teplSC5vR5L7Wd3IO24DJZBHLix75SYybtLEYUoCiPfw9E0HRzZdetTFGRhELruv6sdelSOsnidxD+aTWFspHIT9rqhfsh0nv2qKGEIPOwkzalUTZUpXNCqbhJyu6gj2P64uCWad8bztojeG9Pvi+p9cf1CZO+J7efRBeA8O/8D9swiI8wYAAA= */
 :root {
-  --it-space-0: 0rem;
-  /* 0px when 1rem=16px */
-  --it-space-1: 0.125rem;
-  /* 2px when 1rem=16px */
-  --it-space-2: 0.25rem;
-  /* 4px when 1rem=16px */
-  --it-space-3: 0.5rem;
-  /* 8px when 1rem=16px */
-  --it-space-4: 0.75rem;
-  /* 12px when 1rem=16px */
-  --it-space-5: 1rem;
-  --it-space-6: 1.25rem;
-  /* 20px when 1rem=16px */
-  --it-space-7: 1.5rem;
-  /* 24px when 1rem=16px */
-  --it-space-8: 2.25rem;
-  /* 36px when 1rem=16px */
-  --it-space-9: 3rem;
-  /* 48px when 1rem=16px */
-  --it-space-10: 4rem;
-  /* 64px when 1rem=16px */
-  --it-font-size-0: 0.5rem;
-  /* 8px when 1rem=16px */
-  --it-font-size-1: 0.625rem;
-  /* 10px when 1rem=16px */
-  --it-font-size-2: 0.75rem;
-  /* 12px when 1rem=16px */
-  --it-font-size-3: 0.875rem;
-  /* 14px when 1rem=16px */
-  --it-font-size-4: 1rem;
-  --it-font-size-5: 1.25rem;
-  /* 20px when 1rem=16px */
-  --it-font-size-6: 1.5rem;
-  /* 24px when 1rem=16px */
-  --it-font-size-7: 2.25rem;
-  /* 36px when 1rem=16px */
-  --it__border-radius: var(--it-space-2);
-  --it-color-brand: #133048;
-  --it-color-neutral-100: #f7fafc;
-  --it-color-neutral-200: #edf2f7;
-  --it-color-neutral-300: #e2e8f0;
-  --it-color-neutral-400: #cbd5e0;
-  --it-color-neutral-500: #a0aec0;
-  --it-color-neutral-600: #718096;
-  --it-color-neutral-700: #4a5568;
-  --it-color-neutral-800: #2d3748;
-  --it-color-neutral-900: #1a202c;
-}
-.it__align-items\=center {
-  align-items: center;
+  --infinite-space-0: 0rem;
+  --infinite-space-1: 0.125rem;
+  --infinite-space-2: 0.25rem;
+  --infinite-space-3: 0.5rem;
+  --infinite-space-4: 0.75rem;
+  --infinite-space-5: 1rem;
+  --infinite-space-6: 1.25rem;
+  --infinite-space-7: 1.5rem;
+  --infinite-space-8: 2.25rem;
+  --infinite-space-9: 3rem;
+  --infinite-space-10: 4rem;
+  --infinite-font-size-0: 0.5rem;
+  --infinite-font-size-1: 0.625rem;
+  --infinite-font-size-2: 0.75rem;
+  --infinite-font-size-3: 0.875rem;
+  --infinite-font-size-4: 1rem;
+  --infinite-font-size-5: 1.25rem;
+  --infinite-font-size-6: 1.5rem;
+  --infinite-font-size-7: 2.25rem;
+  --infinite-font-family: inherit;
+  --infinite-color: #484848;
+  --infinite-accent-color: #ff7043;
+  --infinite-border-radius: var(--infinite-space-2);
+  --infinite-background: white;
+  --infinite-min-height: 100px;
+  --infinite-load-mask-text-background: rgba(255,255,255,0.8);
+  --infinite-load-mask-overlay-background: gray;
+  --infinite-load-mask-overlay-opacity: 0.3;
+  --infinite-load-mask-color: inherit;
+  --infinite-load-mask-padding: var(--infinite-space-5);
+  --infinite-load-mask-border-radius: var(--infinite-border-radius);
+  --infinite-header-cell-background: #ededed;
+  --infinite-header-cell-padding-x: var(--infinite-space-3);
+  --infinite-header-cell-padding-y: var(--infinite-space-3);
+  --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
+  --infinite-header-cell-dragging-background: #d4d3d3;
+  --infinite-header-cell-icon-size: 16px;
+  --infinite-header-cell-sort-icon-margin: 16px;
+  --infinite-header-background: var(--infinite-header-cell-background);
+  --infinite-header-color: #6f6f6f;
+  --infinite-column-header-height: 30px;
+  --infinite-cell-color: currentColor;
+  --infinite-cell-border-width: 1px;
+  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
+  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
+  --infinite-cell-border-invisible: none;
+  --infinite-cell-border-radius: var(--infinite-space-2);
+  --infinite-active-cell-border-style: dashed;
+  --infinite-active-cell-border-width: 1px;
+  --infinite-active-cell-border-color--r: 77;
+  --infinite-active-cell-border-color--g: 149;
+  --infinite-active-cell-border-color--b: 215;
+  --infinite-active-cell-background-alpha: 0.25;
+  --infinite-active-cell-background-alpha--table-unfocused: 0.1;
+  --infinite-row-background: var(--infinite-background);
+  --infinite-row-odd-background: #f6f6f6;
+  --infinite-group-row-background: #cbc5c5;
+  --infinite-group-row-column-nesting: 30px;
+  --infinite-row-hover-background: #dbdbdb;
+  --infinite-row-pointer-events-while-scrolling: auto;
+}
+.light,
+.infinite-light,
+.light:root,
+.infinite-light:root {
+  --infinite-space-0: 0rem;
+  --infinite-space-1: 0.125rem;
+  --infinite-space-2: 0.25rem;
+  --infinite-space-3: 0.5rem;
+  --infinite-space-4: 0.75rem;
+  --infinite-space-5: 1rem;
+  --infinite-space-6: 1.25rem;
+  --infinite-space-7: 1.5rem;
+  --infinite-space-8: 2.25rem;
+  --infinite-space-9: 3rem;
+  --infinite-space-10: 4rem;
+  --infinite-font-size-0: 0.5rem;
+  --infinite-font-size-1: 0.625rem;
+  --infinite-font-size-2: 0.75rem;
+  --infinite-font-size-3: 0.875rem;
+  --infinite-font-size-4: 1rem;
+  --infinite-font-size-5: 1.25rem;
+  --infinite-font-size-6: 1.5rem;
+  --infinite-font-size-7: 2.25rem;
+  --infinite-font-family: inherit;
+  --infinite-color: #484848;
+  --infinite-accent-color: #ff7043;
+  --infinite-border-radius: var(--infinite-space-2);
+  --infinite-background: white;
+  --infinite-min-height: 100px;
+  --infinite-load-mask-text-background: rgba(255,255,255,0.8);
+  --infinite-load-mask-overlay-background: gray;
+  --infinite-load-mask-overlay-opacity: 0.3;
+  --infinite-load-mask-color: inherit;
+  --infinite-load-mask-padding: var(--infinite-space-5);
+  --infinite-load-mask-border-radius: var(--infinite-border-radius);
+  --infinite-header-cell-background: #ededed;
+  --infinite-header-cell-padding-x: var(--infinite-space-3);
+  --infinite-header-cell-padding-y: var(--infinite-space-3);
+  --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
+  --infinite-header-cell-dragging-background: #d4d3d3;
+  --infinite-header-cell-icon-size: 16px;
+  --infinite-header-cell-sort-icon-margin: 16px;
+  --infinite-header-background: var(--infinite-header-cell-background);
+  --infinite-header-color: #6f6f6f;
+  --infinite-column-header-height: 30px;
+  --infinite-cell-color: currentColor;
+  --infinite-cell-border-width: 1px;
+  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
+  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
+  --infinite-cell-border-invisible: none;
+  --infinite-cell-border-radius: var(--infinite-space-2);
+  --infinite-active-cell-border-style: dashed;
+  --infinite-active-cell-border-width: 1px;
+  --infinite-active-cell-border-color--r: 77;
+  --infinite-active-cell-border-color--g: 149;
+  --infinite-active-cell-border-color--b: 215;
+  --infinite-active-cell-background-alpha: 0.25;
+  --infinite-active-cell-background-alpha--table-unfocused: 0.1;
+  --infinite-row-background: var(--infinite-background);
+  --infinite-row-odd-background: #f6f6f6;
+  --infinite-group-row-background: #cbc5c5;
+  --infinite-group-row-column-nesting: 30px;
+  --infinite-row-hover-background: #dbdbdb;
+  --infinite-row-pointer-events-while-scrolling: auto;
+}
+.dark,
+.infinite-dark {
+  --infinite-background: #101419;
+  --infinite-cell-border: 1px solid #2a323d;
+  --infinite-header-color: #c3c3c3;
+  --infinite-header-cell-background: #1b2129;
+  --infinite-header-background: var(--infinite-header-cell-background);
+  --infinite-row-hover-background: #3b4754;
+  --infinite-row-background: var(--infinite-background);
+  --infinite-row-odd-background: #242a31;
+  --infinite-cell-color: #c3c3c3;
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --infinite-background: #101419;
+    --infinite-cell-border: 1px solid #2a323d;
+    --infinite-header-color: #c3c3c3;
+    --infinite-header-cell-background: #1b2129;
+    --infinite-header-background: var(--infinite-header-cell-background);
+    --infinite-row-hover-background: #3b4754;
+    --infinite-row-background: var(--infinite-background);
+    --infinite-row-odd-background: #242a31;
+    --infinite-cell-color: #c3c3c3;
+  }
+}
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WU3Y6bMBCF7/MU3FRKq3oVNt0/etkHqYwZYDbGprYJSaq+eycm2mRMtErEDeJ8Z7DH4/PwO3/WXY7jKvu7yLLS7oTHA5qmoHdXgRP06efi3+LhAyxKqK2D23lZB3A349m3O9B710KOu1aTR7C3HgNaU2QOtAy4BQY9JpAsvdVD4NA6gXxAtdkz5EeC1LiDihFPkahR6yJTg3Ngwi+rrWPQ8wW0lW4pBJoaDQYQUimyCHX0fGWml2jywdkNfFL7lWE3V3+b+i3VpnF2MFWRoWnBYWCUjFRw0ng61K6YXqnhsK6Wq+/08KrlnbxKeWcDwcu3VQUNR6uIUhu8dQUdCRoaGkbA6bCiImBLO/dFZqzhx15Ph6FhV2Q5U5oLZWZro3ig3lZzJybiiqnvqbri+mauc0BfATjRRaJC32u5L+IemG64XmqrNgywHECj0YCYc33kBk8d9qBBhSut+hOZFrBpSeYLdUyjnXxhso/yiFVoU2e4lGbGYZok26e27VmYmcaoaahny9xdKDPb/pRVIdguNR6YNrPmU6i7a63J80ttbn38GE9RaztSJlCmdYZD6xRyduTElGlSY2MEZURHd+QYEsllyp/mGIUMBNVybsq294HSs95T0lAlE66XfLmOxsX6IB3Pnvz1ExwMj+F8yjO7BTdtu8WqgqQ3MmHkECwnyoTYosdS8+nO1WkQtRaqlaaB4pxgnJwya2yPUex7qeB4WUYne45NwRVgF8T516A19h49of8BIc15bhIIAAA= */
+._16lm1iw0 {
+  box-sizing: border-box;
 }
-.it__align-items\=stretch {
-  align-items: stretch;
+._16lm1iw0:before {
+  box-sizing: border-box;
 }
-.it__justify-content\=flex-start {
-  justify-content: flex-start;
+._16lm1iw0:after {
+  box-sizing: border-box;
 }
-.it__justify-content\=flex-end {
-  justify-content: flex-end;
+._16lm1iw0 * {
+  box-sizing: border-box;
 }
-.it__justify-content\=center {
-  justify-content: center;
+._16lm1iw0 *:before {
+  box-sizing: border-box;
+}
+._16lm1iw0 *:after {
+  box-sizing: border-box;
+}
+._16lm1iw1 {
+  position: relative;
+}
+._16lm1iw2 {
+  position: absolute;
+}
+._16lm1iw3 {
+  position: -webkit-sticky;
+  position: sticky;
+}
+._16lm1iw4 {
+  position: fixed;
+}
+._16lm1iw5 {
+  fill: currentColor;
+}
+._16lm1iw6 {
+  fill: var(--infinite-accent-color);
+}
+._16lm1iw7 {
+  stroke: currentColor;
+}
+._16lm1iw8 {
+  stroke: var(--infinite-accent-color);
+}
+._16lm1iw9 {
+  background: inherit;
+}
+._16lm1iwa {
+  transform: translate3d(0, 0, 0);
 }
-.it__cursor\=pointer {
+._16lm1iwb {
+  transform: translate3d(0, 0, 0);
+}
+._16lm1iwc {
+  transform: rotate(90deg);
+}
+._16lm1iwd {
   cursor: pointer;
 }
-.it__overflow\=hidden {
-  overflow: hidden;
+._16lm1iwe {
+  pointer-events: none;
 }
-.it__overflow\=visible {
-  overflow: visible;
+._16lm1iwf {
+  flex: 1;
 }
-.it__overflow\=auto {
-  overflow: auto;
+._16lm1iwg {
+  flex: none;
 }
-.it__overflow-x\=hidden {
-  overflow-x: hidden;
+._16lm1iwh {
+  z-index: 1;
 }
-.it__overflow-x\=visible {
-  overflow-x: visible;
+._16lm1iwi {
+  z-index: 10;
 }
-.it__overflow-x\=auto {
-  overflow-x: auto;
+._16lm1iwj {
+  z-index: 1000;
 }
-.it__overflow-y\=hidden {
-  overflow-y: hidden;
+._16lm1iwk {
+  z-index: 10000;
 }
-.it__overflow-y\=visible {
-  overflow-y: visible;
+._16lm1iwl {
+  z-index: 100000;
 }
-.it__overflow-y\=auto {
-  overflow-y: auto;
+._16lm1iwm {
+  display: flex;
+}
+._16lm1iwn {
+  display: block;
 }
-.it__height\=0 {
+._16lm1iwo {
+  display: inline-block;
+}
+._16lm1iwp {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+._16lm1iwq {
   height: 0;
 }
-.it__height\=100\% {
+._16lm1iwr {
   height: 100%;
 }
-.it__width\=0 {
+._16lm1iws {
   width: 0;
 }
-.it__width\=100\% {
+._16lm1iwt {
   width: 100%;
 }
-.it__top\=0 {
+._16lm1iwu {
   top: 0;
 }
-.it__top\=100\% {
+._16lm1iwv {
   top: 100%;
 }
-.it__left\=0 {
+._16lm1iww {
   left: 0;
 }
-.it__left\=100\% {
+._16lm1iwx {
   left: 100%;
 }
-.it__transform\=translate3D000 {
-  transform: translate3d(0, 0, 0);
-}
-.it__will-change\=transform {
-  will-change: transform;
+._16lm1iwy {
+  bottom: 0;
 }
-.it__position\=relative {
-  position: relative;
+._16lm1iwz {
+  bottom: 100%;
 }
-.it__position\=absolute {
-  position: absolute;
+._16lm1iw10 {
+  right: 0;
 }
-.it__position\=fixed {
-  position: fixed;
+._16lm1iw11 {
+  right: 100%;
 }
-.it__display\=flex {
-  display: flex;
+._16lm1iw12 {
+  flex-flow: column;
 }
-.it__flex-flow\=row {
+._16lm1iw13 {
   flex-flow: row;
 }
-.it__flex-flow\=column {
-  flex-flow: column;
+._16lm1iw14 {
+  align-items: center;
+}
+._16lm1iw15 {
+  align-items: stretch;
+}
+._16lm1iw16 {
+  justify-content: center;
+}
+._16lm1iw17 {
+  justify-content: flex-start;
+}
+._16lm1iw18 {
+  justify-content: flex-end;
+}
+._16lm1iw19 {
+  overflow: hidden;
+}
+._16lm1iw1a {
+  overflow: auto;
 }
-.it__white-space\=nowrap {
+._16lm1iw1b {
+  overflow: visible;
+}
+._16lm1iw1c {
+  will-change: transform;
+}
+._16lm1iw1d {
   white-space: nowrap;
 }
-.it__text-overflow\=ellipsis {
+._16lm1iw1e {
   text-overflow: ellipsis;
 }
-.it__user-select\=none {
-  user-select: none;
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/VirtualList/VirtualList.css.ts.vanilla.css?source=Lm1seDJ0MiB7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwp9Ci5tbHgydDMgewogIGhlaWdodDogMDsKICB3aWR0aDogMDsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtOwp9 */
+.mlx2t2 {
+  display: inline-block;
+}
+.mlx2t3 {
+  height: 0;
+  width: 0;
+  will-change: transform;
 }
-.IT-VirtualScrollContainer {
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/VirtualScrollContainer/VirtualScrollContainer.css.ts.vanilla.css?source=Ll8xdWVpamNvMCB7CiAgYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuOwogIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDsKICBvdXRsaW5lOiBub25lOwogIHBvc2l0aW9uOiBmaXhlZDsKICBoZWlnaHQ6IDEwMCU7CiAgd2lkdGg6IDEwMCU7CiAgbGVmdDogMDsKICB0b3A6IDA7Cn0KLl8xdWVpamNvMCA+IDpmaXJzdC1jaGlsZCB7CiAgcG9zaXRpb246IHN0aWNreTsKICB0b3A6IDA7CiAgbGVmdDogMDsKfQouXzF1ZWlqY28xIHsKICBvdmVyZmxvdzogYXV0bzsKfQouXzF1ZWlqY28yIHsKICBvdmVyZmxvdzogaGlkZGVuOwp9Ci5fMXVlaWpjbzMgewogIG92ZXJmbG93OiB2aXNpYmxlOwp9Ci5fMXVlaWpjbzQgewogIG92ZXJmbG93OiBhdXRvOwp9Ci5fMXVlaWpjbzUgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLl8xdWVpamNvNiB7CiAgb3ZlcmZsb3cteDogYXV0bzsKfQouXzF1ZWlqY283IHsKICBvdmVyZmxvdy14OiBoaWRkZW47Cn0KLl8xdWVpamNvOCB7CiAgb3ZlcmZsb3cteDogdmlzaWJsZTsKfQouXzF1ZWlqY285IHsKICBvdmVyZmxvdy14OiBhdXRvOwp9Ci5fMXVlaWpjb2EgewogIG92ZXJmbG93LXg6IGhpZGRlbjsKfQouXzF1ZWlqY29iIHsKICBvdmVyZmxvdy15OiBhdXRvOwp9Ci5fMXVlaWpjb2MgewogIG92ZXJmbG93LXk6IGhpZGRlbjsKfQouXzF1ZWlqY29kIHsKICBvdmVyZmxvdy15OiB2aXNpYmxlOwp9Ci5fMXVlaWpjb2UgewogIG92ZXJmbG93LXk6IGF1dG87Cn0KLl8xdWVpamNvZiB7CiAgb3ZlcmZsb3cteTogaGlkZGVuOwp9 */
+._1ueijco0 {
+  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
+  outline: none;
+  position: fixed;
+  height: 100%;
+  width: 100%;
+  left: 0;
+  top: 0;
 }
-.IT-VirtualScrollContainer, .IT-VirtualScrollContainer:before, .IT-VirtualScrollContainer:after, .IT-VirtualScrollContainer *, .IT-VirtualScrollContainer *:before, .IT-VirtualScrollContainer *:after {
-  box-sizing: border-box;
-}
-.IT-VirtualScrollContainer > :first-child {
+._1ueijco0 > :first-child {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   left: 0;
 }
-.IList, .IList:before, .IList:after, .IList *, .IList *:before, .IList *:after {
-  box-sizing: border-box;
+._1ueijco1 {
+  overflow: auto;
 }
-.IList--vertical {
-  display: inline-block;
+._1ueijco2 {
+  overflow: hidden;
 }
-.IListItemRoot > :first-child {
-  height: inherit;
+._1ueijco3 {
+  overflow: visible;
 }
-:root {
-  --ITable__font-family: inherit;
-  --ITable__color: #484848;
-  --ITable__background: white;
-  --ITable__min-height: 100px;
-  --ITableCell__border-radius: var(--it-space-2);
-  --ITableHeader__color: #6f6f6f;
-  --ITableHeaderCell__background: #ededed;
-  --ITableHeader__background: var(--ITableHeaderCell__background);
-  --ITableHeaderCell--dragging__background: #d4d3d3;
-  --ITableHeaderCell-icon-size: 16px;
-  --ITableCell__border-width: 1px;
-  --ITableCell__border: var(--ITableCell__border-width) solid #c6c6c6;
-  --ITableCell__padding: var(--it-space-2) var(--it-space-3);
-  --ITableHeaderCell__padding: var(--it-space-3) var(--it-space-3);
-  --ITableRow__color: inherit;
-  --ITableRow__background: var(--ITable__background, transparent);
-  --ITableRow--odd__background: #f6f6f6;
-  --ITableRow-group-row__background: #cbc5c5;
-  --ITableRow-group-column-nesting: 30px;
-  --ITableRow--hover__background: #dbdbdb;
-  --ITable--theme: light;
-  --ITableHeader__height: 30px;
-  --ITable-accent__color: #ff7043;
-}
-.it--theme-dark {
-  --ITable__background: #101419;
-  --ITableHeader__color: #c3c3c3;
-  --ITableHeaderCell__background: black;
-  --ITableHeader__background: var(--ITableHeaderCell__background);
-  --ITableRow--hover__background: #3b4754;
-  --ITableRow__background: var(--ITable__background, transparent);
-  --ITableRow--odd__background: #242a31;
-  --ITableRow__color: #c3c3c3;
+._1ueijco4 {
+  overflow: auto;
 }
-.ITable {
-  position: relative;
-  font-family: var(--ITable__font-family);
-  color: var(--ITable__color);
-  background: var(--ITable__background);
-  min-height: var(--ITable__min-height);
-  display: flex;
-  flex-flow: column;
+._1ueijco5 {
+  overflow: hidden;
 }
-.ITable, .ITable:before, .ITable:after, .ITable *, .ITable *:before, .ITable *:after {
-  box-sizing: border-box;
+._1ueijco6 {
+  overflow-x: auto;
 }
-.ITable--shifting {
-  user-select: none;
+._1ueijco7 {
+  overflow-x: hidden;
 }
-.ITable-Portal {
-  z-index: 1000;
-  position: absolute;
-  top: 0;
-  left: 0;
+._1ueijco8 {
+  overflow-x: visible;
 }
-.ITableBody {
-  flex: 1;
+._1ueijco9 {
+  overflow-x: auto;
 }
-.ITableFooter {
-  padding: var(--it-space-2);
+._1ueijcoa {
+  overflow-x: hidden;
 }
-.ITableCell {
-  padding: var(--ITableCell__padding);
-  white-space: nowrap;
-  will-change: transform;
-  position: absolute;
+._1ueijcob {
+  overflow-y: auto;
 }
-.ITableCell--shifting {
-  transition: left 300ms;
+._1ueijcoc {
+  overflow-y: hidden;
 }
-.ITableCell--dragging {
-  transition: none;
+._1ueijcod {
+  overflow-y: visible;
 }
-.ITableHeaderCell {
-  background: var(--ITableHeaderCell__background);
-  padding: var(--ITableHeaderCell__padding);
-}
-.ITableHeaderCell--first,
-.ITableColumnCell--first {
-  border-top-left-radius: var(--ITableCell__border-radius);
-  border-bottom-left-radius: var(--ITableCell__border-radius);
-}
-.ITableHeaderCell--last,
-.ITableColumnCell--last {
-  border-top-right-radius: var(--ITableCell__border-radius);
-  border-bottom-right-radius: var(--ITableCell__border-radius);
-}
-.ITableHeaderCell,
-.ITableColumnCell {
-  border-left: var(--ITableCell__border-width) solid transparent;
-  border-right: var(--ITableCell__border-width) solid transparent;
-}
-.ITableHeaderCell--pinned-start.ITableCell--last-in-category,
-.ITableColumnCell--pinned-start.ITableCell--last-in-category {
-  border-right: var(--ITableCell__border);
-}
-.ITableHeaderCell--pinned-end.ITableCell--first-in-category,
-.ITableColumnCell--pinned-end.ITableCell--first-in-category {
-  border-left: var(--ITableCell__border);
-}
-.ITableRow--group-row.ITableRow--odd .ITableCell::before,
-.ITableRow--group-row.ITableRow--even .ITableCell::before {
-  content: "";
-  background: var(--ITable-accent__color);
-  position: absolute;
-  top: 0;
-  left: calc(0px - var(--ITableCell__border-width));
-  right: calc(0px - var(--ITableCell__border-width));
-  bottom: 0;
-  z-index: -1;
-  opacity: 0.05;
-  pointer-events: none;
+._1ueijcoe {
+  overflow-y: auto;
 }
-.ITableIcon {
-  fill: currentColor;
-  flex: none;
+._1ueijcof {
+  overflow-y: hidden;
 }
-.ITableIcon-expander {
-  cursor: pointer;
-  user-select: none;
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/ActiveRowIndicator.css.ts.vanilla.css?source=LmoyNmxyeDAgewogIC0taW5maW5pdGUtYWN0aXZlLXJvdy1ib3JkZXItc3R5bGU6IHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYm9yZGVyLXN0eWxlLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItc3R5bGUpKTsKICBib3JkZXI6IHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYm9yZGVyLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtcm93LWJvcmRlci13aWR0aCwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLXdpZHRoKSkgdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1ib3JkZXItc3R5bGUsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1zdHlsZSkpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYm9yZGVyLWNvbG9yLCByZ2IodmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1yKSB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWcpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tYikpKSk7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLCByZ2JhKHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tciksIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tZyksIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tYiksIHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZC1hbHBoYSwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYSkpKSkpOwp9Ci5qMjZscngxIHsKICBkaXNwbGF5OiBibG9jazsKfQouajI2bHJ4MiB7CiAgZGlzcGxheTogbm9uZTsKfQ== */
+.j26lrx0 {
+  --infinite-active-row-border-style: var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style));
+  border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b))));
+  background: var(--infinite-active-row-background, var(--infinite-active-cell-background, rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-row-background-alpha, var(--infinite-active-cell-background-alpha)))));
 }
-.ITableIcon-expander--expanded {
-  fill: var(--ITable-accent__color);
+.j26lrx1 {
+  display: block;
 }
-.ITableRow {
-  color: var(--ITableRow__color);
-  will-change: transform;
+.j26lrx2 {
+  display: none;
 }
-.ITableRow--hover {
-  --ITableRow__background: var(--ITableRow--hover__background);
-  --ITableRow--odd__background: var(--ITableRow--hover__background);
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/ActiveCellIndicator.css.ts.vanilla.css?source=Lm54YnExYzAgewogIGJvcmRlcjogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItd2lkdGgpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1zdHlsZSkgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLCByZ2IodmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1yKSB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWcpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tYikpKSk7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZCwgcmdiYSh2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLXIpLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWcpLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWIpLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLWFscGhhKSkpOwp9Ci5ueGJxMWMxIHsKICBkaXNwbGF5OiBibG9jazsKfQoubnhicTFjMiB7CiAgZGlzcGxheTogbm9uZTsKfQ== */
+.nxbq1c0 {
+  border: var(--infinite-active-cell-border, var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color, rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b))));
+  background: var(--infinite-active-cell-background, rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha)));
 }
-.ITable--scrolling .ITableRow {
-  pointer-events: none;
+.nxbq1c1 {
+  display: block;
 }
-.ITableRow--even {
-  background: var(--ITableRow__background);
+.nxbq1c2 {
+  display: none;
 }
-.ITableRow--odd {
-  background: var(--ITableRow--odd__background);
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=Ll8xeWV1YjJ2MCB7CiAgb3V0bGluZTogbm9uZTsKICBmb250LWZhbWlseTogdmFyKC0taW5maW5pdGUtZm9udC1mYW1pbHkpOwogIGNvbG9yOiB2YXIoLS1pbmZpbml0ZS1jb2xvcik7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgbWluLWhlaWdodDogdmFyKC0taW5maW5pdGUtbWluLWhlaWdodCk7Cn0KLl8xeWV1YjJ2MSB7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBub25lOwp9Ci5fMXlldWIydmUgewogIC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYS0tdGFibGUtdW5mb2N1c2VkKTsKICAtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLWFscGhhLS10YWJsZS11bmZvY3VzZWQsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJhY2tncm91bmQtYWxwaGEtLXRhYmxlLXVuZm9jdXNlZCkpOwp9Ci5fMXlldWIydmkgewogIGJvcmRlci1yaWdodDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9Ci5fMXlldWIydmogewogIGJvcmRlci1sZWZ0OiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlcik7Cn0= */
+._1yeub2v0 {
+  outline: none;
+  font-family: var(--infinite-font-family);
+  color: var(--infinite-color);
+  background: var(--infinite-background);
+  min-height: var(--infinite-min-height);
 }
-.ITableHeader {
-  background: var(--ITableHeader__background);
-  color: var(--ITableHeader__color);
+._1yeub2v1 {
+  --infinite-row-pointer-events-while-scrolling: none;
 }
-.ITableHeader--unvirtualized {
-  position: relative;
-  align-items: stretch;
+._1yeub2ve {
+  --infinite-active-cell-background-alpha: var(--infinite-active-cell-background-alpha--table-unfocused);
+  --infinite-active-row-background-alpha: var(--infinite-active-row-background-alpha--table-unfocused, var(--infinite-active-cell-background-alpha--table-unfocused));
 }
-.ITableHeaderCell {
-  border-right: var(--ITableCell__border);
+._1yeub2vi {
+  border-right: var(--infinite-cell-border);
 }
-.ITableHeaderCell--dragging {
-  z-index: 100;
-  opacity: 0.8;
-  background: var(--ITableHeaderCell--dragging__background);
+._1yeub2vj {
+  border-left: var(--infinite-cell-border);
 }
-.ITableHeaderCell--pinned-start {
-  z-index: 10;
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WS0U7DMAxF3/sVeWQPmboNhFQ+BmWJ2wayuHLcbQjx76zpEAkrlMFLpMjn3lzbWT6uAI56rUrxWgjx1Ae29YvU6Bk8V0KfTqCH4q1YfpCrabJ2cJSBFXFGr+dpMd5qh4dKEB4kwR4oQOaziT5MygfLFn0lHNQsNmW5Cxl4ewF69LnXXUQ6ZYz1TSX2im6ktL623jJIDc7Jc3ExpNsiGSA5vDcNn4GDNdwuREBnzRigU3TqNvEg27R/NUkauI8NaHRI02axtMg0Jmq2Sj83hL03F8Jh8p/lXAy/EaMx3xrUo8HYI2MXpylJGduHH+cxIuketsiMu+sNkjTt1zRxL/+Kc71DkqdP88z+kVy7T7Vzf3SQvgPi+03E8wMAAA== */
+._1eexc2a0 {
+  justify-content: center;
+}
+._1eexc2a1 {
+  justify-content: flex-start;
+}
+._1eexc2a2 {
+  justify-content: flex-start;
+  flex-flow: row-reverse;
+}
+._1eexc2a3 {
+  transition: left 300ms;
+}
+._1eexc2a4 {
+  transition: none;
+}
+._1eexc2a5 {
+  padding: var(--infinite-cell-padding);
+  border-left: var(--infinite-cell-border-width) solid transparent;
+  border-right: var(--infinite-cell-border-width) solid transparent;
+}
+._1eexc2a7 {
+  color: var(--infinite-cell-color);
+}
+._1eexc2ad {
+  background: var(--infinite-row-background);
+}
+._1eexc2ae {
+  background: var(--infinite-row-odd-background);
 }
-.ITableHeaderCellProxy {
-  background: var(--ITableHeader__background);
+._1eexc2af {
+  border-top-left-radius: var(--infinite-cell-border-radius);
+  border-bottom-left-radius: var(--infinite-cell-border-radius);
+}
+._1eexc2ah {
+  border-top-right-radius: var(--infinite-cell-border-radius);
+  border-bottom-right-radius: var(--infinite-cell-border-radius);
+}
+._1eexc2au {
+  border-right: var(--infinite-cell-border);
+}
+._1eexc2av {
+  border-left: var(--infinite-cell-border);
+}
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Vy3KjMBC8+yt0SdVykAvYTbKLP2ZLIAFTK0uUkLHjVP590SO2hB8JJEfEdE+r1Rqt/2b5sZZllqLXFUIlqf41Su4ELdBA1A+MQdQgQDPcMkKZwueKZDMCZEcq0C8FStd/zHdHKAXRXKArxjn2P5OgEHNW6wLlaXcwq8cRQdnBLKSb1dtq/S4vt/K2RDUgPOa6Ptuol0pjqKTADpFEXD+/ketXyKWgab9C9mjJOAgDclypcaWWQuMejqxAmTeqlMqQKkJh1xfoMX2I3M9cVSd70CBFgUjZS77TzKxqRcT7upbdeHR5b9dl5xv6jeSGJdD3tCwjF7yp24HWcms/ghbPy1pUkkt103nzM3a6sm3O9ijGiYbB2iMHpmou9wVqgVImIiC1wFNMs1h97dT7s7maBhsDVxFLakLs1VTehLZzoHgPVLcJGvMA1GWhI4oJvZkn/TOn5BDxUZ0yGlsnpsamk/Hye0ZLqkjTmOkS9Q66daFjYz6ta6fbdMc8V5IEXrkczycI1KipGuv/l+TMZwj0HO+G3M+8WSlHI/qF7cp8IGhKdB12VzSIAXooOYt1+wE65w6dhVWBsKfvELZ0EPgZeOslDXN+flBDPFkyQ0OC8q6Ai6c8St7HU2OZKdXkjnwE/Q94NTs92QgAAA== */
+._12zfob10 {
+  background: var(--infinite-header-background);
   opacity: 0.9;
-  padding: var(--ITableCell__padding);
+  padding: var(--infinite-cell-padding);
   padding-left: 20px;
   z-index: 200;
 }
-.ITableHeaderCell__sort-icon {
-  margin-left: 10px;
-  position: relative;
+._12zfob12 {
+  margin-left: var(--infinite-header-cell-sort-icon-margin);
+}
+._12zfob13 {
+  margin-left: var(--infinite-header-cell-sort-icon-margin);
+}
+._12zfob14 {
+  margin-right: var(--infinite-header-cell-sort-icon-margin);
 }
-.ITableHeaderCell__sort-icon [data-name=index] {
+._12zfob15 {
   line-height: 0;
   font-size: 10px;
   border-radius: 50%;
   padding: 1px;
+  position: absolute;
+  transition: top 0.2s;
+  top: 0;
+  right: 2px;
 }
-.ITableHeaderGroup__header {
-  padding: var(--ITableCell__padding);
-  border-bottom: var(--ITableCell__border);
-  border-right: var(--ITableCell__border);
+._12zfob16 {
+  background: var(--infinite-header-background);
+  top: 0;
+  right: 0;
+  bottom: 0;
 }
-.ITableHeaderGroup__children {
-  flex: 1;
+._12zfob17 {
+  background: var(--infinite-header-background);
+  color: var(--infinite-header-color);
+}
+._12zfob1c {
+  position: relative;
+  overflow: hidden;
+}
+._12zfob1d {
+  z-index: 10;
+}
+._12zfob1f {
+  border-right: var(--infinite-cell-border);
+}
+._12zfob1g {
+  border-left: var(--infinite-cell-border);
+}
+._12zfob1h {
+  border-left: var(--infinite-cell-border-width) solid transparent;
+  border-right: var(--infinite-cell-border);
+  background: var(--infinite-header-cell-background);
+  padding: 0;
+}
+._12zfob1n {
+  z-index: 100;
+  opacity: 0.8;
+  background: var(--infinite-header-cell-dragging-background);
+}
+._12zfob1p {
+  border-top-left-radius: var(--infinite-cell-border-radius);
+  border-bottom-left-radius: var(--infinite-cell-border-radius);
+}
+._12zfob1r {
+  border-top-right-radius: var(--infinite-cell-border-radius);
+  border-bottom-right-radius: var(--infinite-cell-border-radius);
+}
+._12zfob1z {
+  z-index: 10;
+}
+._12zfob114 {
+  border-right: var(--infinite-cell-border);
+}
+._1yeub2va ._12zfob114 {
+  --infinite-cell-border: var(--infinite-cell-border-invisible);
+}
+._12zfob115 {
+  border-left: var(--infinite-cell-border);
+}
+._1yeub2vc ._12zfob116 {
+  --infinite-cell-border: var(--infinite-cell-border-invisible);
+  border-right: var(--infinite-cell-border);
+}
+._12zfob117 {
+  padding: var(--infinite-header-cell-padding);
+}
+._12zfob11a {
+  background: var(--infinite-header-background);
 }
+._12zfob11b {
+  padding: var(--infinite-cell-padding);
+  border-bottom: var(--infinite-cell-border);
+  border-right: var(--infinite-cell-border);
+}
+._12zfob11c {
+  border-top: var(--infinite-cell-border);
+}
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts.vanilla.css?source=Ll83cHVwdjAwIHsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDA7CiAgbGVmdDogMDsKICBwb2ludGVyLWV2ZW50czogdmFyKC0taW5maW5pdGUtcm93LXBvaW50ZXItZXZlbnRzLXdoaWxlLXNjcm9sbGluZyk7CiAgLS1pbmZpbml0ZS1jb2x1bW4tY2VsbC1iZy1kb250LW92ZXJyaWRlOiB2YXIoLS1pbmZpbml0ZS1yb3ctYmFja2dyb3VuZCk7Cn0KLl83cHVwdjAxIHsKICAtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1yb3ctaG92ZXItYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1yb3ctb2RkLWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1ob3Zlci1iYWNrZ3JvdW5kKTsKfQouXzdwdXB2MDMgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kKTsKfQouXzdwdXB2MDQgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1vZGQtYmFja2dyb3VuZCk7Cn0KLl83cHVwdjA1IHsKICB6LWluZGV4OiAxMDA7Cn0KLl83cHVwdjA3IHsKICB6LWluZGV4OiAxMDA7Cn0KLl83cHVwdjBiIHsKICBwYWRkaW5nLWlubGluZS1zdGFydDogY2FsYyh2YXIoLS1pbmZpbml0ZS1kb250LW92ZXJyaWRlLWdyb3VwLXJvdy1uZXN0aW5nLWxlbmd0aCkgKiB2YXIoLS1pbmZpbml0ZS1ncm91cC1yb3ctY29sdW1uLW5lc3RpbmcpKTsKfQ== */
+._7pupv00 {
+  will-change: transform;
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: var(--infinite-row-pointer-events-while-scrolling);
+  --infinite-column-cell-bg-dont-override: var(--infinite-row-background);
+}
+._7pupv01 {
+  --infinite-row-background: var(--infinite-row-hover-background);
+  --infinite-row-odd-background: var(--infinite-row-hover-background);
+}
+._7pupv03 {
+  background: var(--infinite-row-background);
+}
+._7pupv04 {
+  background: var(--infinite-row-odd-background);
+}
+._7pupv05 {
+  z-index: 100;
+}
+._7pupv07 {
+  z-index: 100;
+}
+._7pupv0b {
+  -webkit-padding-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
+  padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
+}
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/LoadMask.css.ts.vanilla.css?source=LnF5NTh5YTAgewogIGZsZXgtZmxvdzogcm93OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLnF5NTh5YTEgewogIGRpc3BsYXk6IGZsZXg7Cn0KLnF5NTh5YTIgewogIGRpc3BsYXk6IG5vbmU7Cn0KLnF5NTh5YTMgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWxvYWQtbWFzay1vdmVybGF5LWJhY2tncm91bmQpOwogIG9wYWNpdHk6IHZhcigtLWluZmluaXRlLWxvYWQtbWFzay1vdmVybGF5LW9wYWNpdHkpOwp9Ci5xeTU4eWE0IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgcGFkZGluZzogdmFyKC0taW5maW5pdGUtbG9hZC1tYXNrLXBhZGRpbmcpOwogIGNvbG9yOiB2YXIoLS1pbmZpbml0ZS1sb2FkLW1hc2stY29sb3IpOwogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWxvYWQtbWFzay10ZXh0LWJhY2tncm91bmQpOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWluZmluaXRlLWxvYWQtbWFzay1ib3JkZXItcmFkaXVzKTsKfQ== */
+.qy58ya0 {
+  flex-flow: row;
+  align-items: center;
+  justify-content: center;
+}
+.qy58ya1 {
+  display: flex;
+}
+.qy58ya2 {
+  display: none;
+}
+.qy58ya3 {
+  background: var(--infinite-load-mask-overlay-background);
+  opacity: var(--infinite-load-mask-overlay-opacity);
+}
+.qy58ya4 {
+  position: relative;
+  padding: var(--infinite-load-mask-padding);
+  color: var(--infinite-load-mask-color);
+  background: var(--infinite-load-mask-text-background);
+  border-radius: var(--infinite-load-mask-border-radius);
+}
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/icons/ExpanderIcon.css.ts.vanilla.css?source= */
 /**********************************
  ** ADAPTABLE BASE STYLES **
  **********************************/
@@ -1669,6 +1946,9 @@
   --ab-cmp-adaptable-object-compact-list-item__background: var(--ab-color-defaultbackground);
   --ab-cmp-adaptable-object-compact-list-item__padding: var(--ab-space-1);
   --ab-cmp-adaptable-object-compact-list-item__margin-bottom: var(--ab-space-2);
+  --ab-cmp-adaptable-object-compact-list__header__padding: var(--ab-space-2);
+  --ab-cmp-adaptable-object-compact-list__header__margin-bottom: var(--ab-space-1);
+  --ab-cmp-adaptable-object-compact-list__header__font-size: var(--ab-font-size-4);
   --ab-cmp-adaptable-object-compact-list-item-name__width: 80px;
   --ab-cmp-adaptable-object-compact-list-item-name__padding: var(--ab-space-1);
   --ab-cmp-adaptable-object-compact-list-item-name__margin-right: var(--ab-space-1);
@@ -1685,7 +1965,8 @@
   --ab-cmp-adaptable-statusbar-sub-panel__padding: var(--ab-space-1) var(--ab-space-2);
   --ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover: var(--ab-color-primary);
   --ab-cmp-adaptable-statusbar__color: var(--ab-color-text-on-primary);
-  --ab-cmp-adaptable-statusbar__font-weight: 400; }
+  --ab-cmp-adaptable-statusbar__font-weight: 400;
+  --ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary); }
 .ab-Radio-input:focus + svg rect {
   stroke: var(--ab-color-accent);
   stroke-width: 2; }
@@ -2797,7 +3078,16 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
         visibility: visible; }
 .ab-Adaptable-Object-Compact-List {
   padding: var(--ab-cmp-adaptable-object-compact-list__padding);
-  background: var(--ab-cmp-adaptable-object-compact-list__background); }
+  background: var(--ab-cmp-adaptable-object-compact-list__background);
+  max-height: 70vh; }
+.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Header {
+    padding: var(--ab-cmp-adaptable-object-compact-list__header__padding);
+    margin-bottom: var(--ab-cmp-adaptable-object-compact-list__header__margin-bottom); }
+.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Title {
+    font-size: var(--ab-font-size-4); }
+.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Body {
+    overflow: auto;
+    height: 100%; }
 .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Item {
     padding: var(--ab-cmp-adaptable-object-compact-list-item__padding);
     margin-bottom: var(--ab-cmp-adaptable-object-compact-list-item__margin-bottom);
@@ -2810,12 +3100,17 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
     margin-right: var(--ab-cmp-adaptable-object-compact-list-item-name__margin-right);
     font-size: var(--ab-cmp-adaptable-object-compact-list-item-name__font-size); }
 .ab-StatusBar {
-  display: flex; }
+  display: flex;
+  border-right: var(--ab-cmp-adaptable-statusbar__border);
+  border-left: var(--ab-cmp-adaptable-statusbar__border); }
 .ab-StatusBar__SubPanel {
   padding: var(--ab-cmp-adaptable-statusbar-sub-panel__padding);
   border: 0;
   background: none;
-  font-weight: 400; }
+  font-weight: 400;
+  border-right: var(--ab-cmp-adaptable-statusbar__border); }
+.ab-StatusBar__SubPanel:last-child {
+    border-right: 0; }
 .ab-StatusBar__SubPanel,
   .ab-StatusBar__SubPanel .ab-SimpleButton {
     color: var(--ab-cmp-adaptable-statusbar__color); }